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

/* @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 }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
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, 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;} 

/*layout*/

h1,h2,h3,h4,h5,h6{font-family: Georgia,palatino,'palatino linotype',georgia,serif }
h1{  font-size: 14px;margin-bottom: 5px;}
h1.title {  font-size: 11px; font-style: italic; margin-bottom: 5px;}
h1.title span {  font-variant: small-caps;  }
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;
}

a {  color: #000; text-decoration: none;}
a:hover{background: yellow;}

p{font-family:Georgia, serif; font-size:10px;  line-height: 16px; padding-right:5em; color:#777}

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;

}

p.desc {  font-style: italic; }

div#single-content.g480 {  margin-top: 20px; }

div.g480 p {  margin-bottom: 15px; }



ul{list-style: none;}

ul li a, li a {  font-family:Georgia, serif;color:#000; font-size:11px;  line-height:18px; text-decoration: none; font-style: italic;}
div#header-right.g480 ul {  float: right; }
div#header-right.g480 ul li{ margin-left: 10px; }

div#header-right.g480 ul li a, div#header-right.g480 ul li, div#header-right.g480 ul li a strong{
	 font-family:Georgia, serif;color:#000; font-size:11px;  line-height:18px; text-decoration: none;  font-weight: normal;  text-align: left;
}

ul#twitter_update_list{ margin-top:em; list-style:none; font-size:20px}
div#twitter.g960 ul#twitter_update_list li span{color:#222}

ul#twitter_update_list li span{color:#777}
ul#twitter_update_list li{font-family:Georgia, serif; font-size:11px;  line-height:18px; padding-right:5em; color:#777; }
a#twitter-link{float:left; font-family:Georgia, serif;font-size:11px; color:#ccc; background:#222; text-decoration:none;  position:absolute; margin-top:.7em; margin-left:0px; padding:3px}

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

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

a.delicious-link{
 font-family:Georgia, 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 #ccc;  margin-top:5px; padding:5px; font-size: 11px; color: #ccc;}

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

textarea#comment{width:440px; border:thin solid #ccc}
h3#respond{color: #000; font-size: 11px; margin-bottom: 5px;}
h3#comments{font-family:arial; font-weight:bold; text-transform:lowercase; font-size: 12px; margin-bottom: 1em;}
div.g480 ol li#comment{font-size:12px; font-family:arial,helvetica; text-transform:lowercase}
div#colophon.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; }
