/* @override http://s51370.gridserver.com/_uncomplicated/wp-content/themes/uncomplicated/style.css */

/*
Theme Name: un.complicated Wordpress Theme
Theme URI: http://www.siiimple.com
Description: a minimalist wordpress theme founded on starkers, built on the golden grid, crafted by siiimple
Version: 1.0
Author: Justin Young
Author URI: http://www.justinmarcusdesign.com
Tags: clean, basic, minimal, whitespace
*/


/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
#sidebar ol, #sidebar ul, #sidebar li, .menu ol, .menu ul, .menu li { list-style:none }

.menu li { float: left; margin-right: 30px; }
.sub-menu li { float: none;}

caption, th { text-align:left }
h1 { font-size:18px; font-weight:normal }
h2, h3, h4, h5, h6 { color:#434343;
font-size:14px;
font-weight:bold;
margin-bottom:4px;
 }
 
 
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */

/* Min CSS Reset */

html {
	background-color: #ffffff;
}

html, body, div{
  margin: 0;
  padding: 0;
  border: 0;
  
  }
 
/* CSS Grid */



.main{margin:0 auto;  width:970px; padding-top:10px;}


.g160,
.g320,
.g480,
.g640,
.g800,
.g960,
.g80,
.g240,
.g400,
.g560,
.g720,
.g880,
.g960 
{float:left; display: inline; margin-left:10px;  } 

.g160{width:150px; }
.g320 {width:310px;}
.g480{width:470px;}
.g640{width:630px;}
.g800{width:790px;}
.g960{width:950px;}

.g80 {width:70px;}
.g240{width:230px;}
.g400{width:390px;}
.g560{width:550px;}
.g720{width:710px;}
.g880{width:870px;}

.ml80 {margin-left:90px;}
.ml160{margin-left:170px;}
.ml240{margin-left:250px;}
.ml320{margin-left:330px;}
.ml400{margin-left:410px;}
.ml480{margin-left:490px;}
.ml560{margin-left:560px;}
.ml640{margin-left:650px;}
.ml720{margin-left:730px;}
.ml800{margin-left:810px;}
.ml880{margin-left:890px;}
.ml960{margin-left:970px;}


.inside{margin-left:0;}

p.grid{ padding-left:10px;}
  
.clear {clear:both;}


.clearfix:after, .main:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
	 }
	 
.clearfix, .main{ display:block;} 
div#divide.clear {  height: 1px; background: #ccc;width: 970px; }

/*layout*/

#grid h1 {
	font-size: 16px;
}

.alignleft {
	float:left;
	margin-right: 10px;
}
.alignright {
	float:right;
	margin-left: 10px;
}

h1,h2,h3,h4,h5,h6{font-family: tahoma,palatino,'palatino linotype',tahoma,serif }
html{font-family: tahoma,palatino,'palatino linotype',tahoma,serif; color:#434343; font-size:12px;}
h1{  
color:#434343;
font-size:20px;
font-weight:bold;
margin-bottom:10px;
padding-right:30px;}

#header-left h2{ color:#434343;
font-size:20px;
font-weight:bold;
}
h1.title {  font-size: 11px; margin-bottom: 5px;}
h1.title span{  font-variant: none;  font-size:10px; }
span.time {  display: block; }
.time a { font-size: 10px; }
div#single.g480 span {text-transform: none; font-size: 11px; margin-right: 20px !important; }
h2.archive {  margin-top: -10px; margin-bottom: 25px; font-size: 14px; }
p.comment-pop{  margin-top: 30px; line-height:12px }
p.category a {  font-style: italic; }
p.category, p.tags { line-height:12px }
h4.visual {  margin-top: 5px; }
h4.visual a, span.date {  font-size: 10px ; font-style: italic; }
ul.latest h3, div#booked.g320 h3{
	margin-top: .5em;
	margin-bottom: .5em;
	font-size: 12px;
	color: #777;
}

h3 .time {
	font-size: 11px;
	color:#777777;
}

#header-left h1, #header-left h2 {
	font-size: 18px;
}

	#header-left h1 a, #header-left h2 a {
		color:black;
	}

.g640 h3{
	margin-top: .5em;
	margin-bottom: .5em;
}

.g640 ul{
	margin-left: 30px;
	margin-bottom: .5em;
	list-style: disc!important;
	line-height:18px;
}

	.g640 ul li{
		margin-bottom: 4px;
	}

.g640 ol{
	margin-left: 40px;
}

a {  color: #0b96d0; text-decoration: none;}
a:hover{text-decoration: underline;}

p, ol { 
	font-family:tahoma, serif; 
	font-size:12px;  
	line-height: 22px; 
	padding-right:5em; 
	color:#434343;
}

#grid p {
	font-size:11px;
}

object {
}

p.date {
	font-size: 10px;
	text-transform: lowercase;
	margin-bottom: 2px;
	font-style: italic;
}

p.date a{
	text-decoration: none;
	color: #777;
}
p.meta{
	font-size: 10px;
	text-transform: lowercase;
	margin-top:.5em; margin-bottom: .5em;

}

cite a { font-style: normal!important; }

p.desc {  font-size: 11px; }


div#sidebar.g160 {  margin-left: 0px !important; width: 150px;  }

div.g640 p {  margin-bottom: 10px; }

#grid ul{list-style: none;}
#grid h3{ font-size: 12px; font-weight: normal;}

ul li a, li a {  font-family:tahoma, serif; font-size:11px;  line-height:18px; text-decoration: none; }
div#header-right.g640 ul { margin-left: 0px; }
div#header-right.g640 ul li{ }
div#header-right.g640 ul li a:hover {  text-decoration: underline; }

div#sidebar-end.g320 p {  font-style: italic; color: #000; }
div#single.g640 div.postthumb a{  margin-bottom: 100px;}
div#single { min-height: 290px; }
div#single-content.g640 {  margin-bottom: 200px;}
ul#twitter_update_list{ margin-top:em; list-style:none; font-size:20px}
div#twitter.g960 ul#twitter_update_list li span{}

ul#twitter_update_list li span{}
ul#twitter_update_list li{font-family:tahoma, serif; font-size:11px;  line-height:18px; padding-right:5em; color:#777; margin-bottom: 10px;}
a#twitter-link{float:right; font-family:tahoma, serif;font-size:11px; margin-right: 60px; }

ul#twitter_update_list li span a{ text-decoration:underline; }
ul#twitter_update_list li a{ font-style:italic}

ul li.delicious-post.delicious-odd, ul li.delicious-post.delicious-even {
	padding-right: 2em;
}

a.delicious-link{
 font-family:tahoma, serif;color:#000; font-size:11px;  line-height:18px; text-decoration: none; font-style: italic; 
}

input{margin-bottom:1em; border:thin solid #ccc; background:white; font-size:16px}

input#submit {
	border:thin solid #CCCCCC;
	display:block;
	font-size:11px;
	margin-top:5px;
	padding:5px;
	cursor: pointer;
}

.post h1 {
	color:#434343;
	font-size:20px;
	font-weight:bold;
	margin-bottom:5px;
	padding-right:30px;
}


label{font-size:12px; color:#777}

textarea#comment{width:440px; border:thin solid #ccc}
h3#respond{color: #000; margin-bottom: 5px;}
h3#comments{font-family:arial; font-weight:bold; text-transform:lowercase; font-size: 12px; margin-bottom: 1em;}
div.g640 ol li#comment{}
div#sidebar-end.g320 img {  float: left; margin-right: 10px; }

div#footer.g960  {  border-top: 1px solid #777; padding-top: 10px; margin-bottom: 20px;}
div#footer.g960 h1 {  font-size: 11px; }

/*Comments & Search*/
img.avatar {  float: left; }
h3#comments {  font-weight: normal; font-family: tahoma,palatino,'palatino linotype',tahoma,serif ; font-style: italic;}
div#single-content.g640 cite {  font-size: 11px; }
div#single-content.g640 ol {   list-style: none; margin-left: 5px; }
div#single-content.g640 ol p {  padding-left: 20px; line-height: 16px; }
div#single-content.g640 ol li {  margin-bottom: 30px; }
div#single-content.g640 p.date a {margin-left: 8px; font-size: 11px;}
div#single-content.g640 cite {margin-left: 8px; font-size: 11px;}
form#searchform input {  font-size: 10px; width: 170px; padding: 5px; }
form#searchform input#search {  width: 80px; padding: 4px; }

/*Gallery*/
div#gallery.g640.odd {  margin-right: 25px; margin-bottom: 25px; }
div.wrap {  margin-bottom: 350px !important; }
