/* colors:
body bkg: ; 
*/

* { margin: 0px; padding: 0px; }
body { background: #686868 url('../imgs/bkg/body_bkg.png'); text-align:center; margin: 10px auto 10px; color:#686868; font-size:12px; font-family: Verdana, Geneva, sans-serif; }
img { border:0px; }
p { margin:10px 0px;}
a { color:#c2c2c2; text-decoration:none; }	
a:hover { color:#686868; }

h1#logo { padding:20px 0px 10px; }
h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:normal; }


ul#nav { list-style: none; font-family: Georgia, "Times New Roman", Times, serif; font-size:20px; padding:20px 0px 40px; }
ul#nav li { display: inline; padding-right:150px; }
ul#nav li.twitter { padding-right:0px; }
ul#nav li a { text-decoration:none; color:#909090;}
ul#nav li a:hover { color:#686868; }
ul#nav li.on a, ul#nav li.on a:hover { color:#9ec60e;}



ul#footer { background:url('../imgs/bkg/bottom_bkg.png') center top repeat-x; padding-top:10px; color:#9F9F9F; font-size:10px; list-style: none; text-align:right; width:1200px;margin:auto; }
ul#footer li { display: inline; padding-right:15px; }
ul#footer a { color:#9F9F9F; }

div#container { width:1200px; margin:0px auto;   }
div#content { text-align:left; padding: 0px 0px 15px 50px; background:#fff url('../imgs/bkg/top_bkg.png') repeat-x; border:1px solid #f5f5f5; }	

/********************** INDEX  **********************/

div.index_col { float: left; width: 235px; margin-right:52px; }
div.index_col div.title { height:28px; overflow:hidden; }
div.index_col div.caption { height: 85px; overflow:hidden;}
div.index_col div.title p, div.index_col div.caption div { display:none; }
div.index_col img { margin-bottom:5px; width:235px; }
div.index_col p { margin:0px; padding:5px 5px 5px 10px;  background-color:#f6f5f5; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; }
div.index_col p.datestamp { color:#c2c2c2; font-family:Verdana, Geneva, sans-serif; font-size:10px; text-align:right; }

/********************** PAGE  **********************/

img#page_main { float:left; width:550px; margin:20px 70px 20px 0px; border:1px solid #f0f0f0;  }
div#page { margin:20px 0px; float:left; width:400px;}
div#page h2 { margin:10px 0px 20px; }

/********************** SKETCH  **********************/

div#sketch_thumb img { margin-right:11px; vertical-align:text-bottom; border:1px solid #f0f0f0; }

div#sketch { clear:both; }

p.paginate { margin:0px; font-size:9px; line-height:14px; clear:both; }

form.paginate { clear:both; font-size:9px; text-align:right; }
form.paginate span { margin-right:50px; }
form.paginate input { width:32px; font-size:11px; }
form.paginate input.button { border:1px solid #d1d0d2; background:#d1d1d1; width:28px; padding:0px; letter-spacing:1px; font-size:10px; }
form.paginate input.button:hover { border:1px solid #9ec60e; background:#9ec60e; color:#f4f4f4; }



div.sketch_box { float:left; width: 150px; background:#000; margin:20px 40px 20px 0px; }
div.sketch_box img { border:1px solid #f0f0f0; }

div.archive_box { float:left; width: 230px; background:#fff url('../imgs/bkg/div_bkg.png') repeat-x; margin:20px 43px 20px 0px; }
div.archive_box h2 { font-size:20px; margin:15px; }
div.archive_box ul { margin:0px 0px 15px 15px; list-style:none;  }
div.archive_box li { float:left; width: 70px; padding-bottom:10px;}


ul#sketch_archive { float:left; width:110px; list-style:none; font-family: Georgia, "Times New Roman", Times, serif; font-size:16px; margin:25px 0px; }
ul#sketch_archive li { font-family:Verdana, Geneva, sans-serif; font-size:12px; margin:5px 0px 2px; }
ul#sketch_archive li.on a { color:#686868; }

img#sketch_main { float: left; width:600px; margin:20px 45px 20px 50px; border:1px solid #f0f0f0; }

div#sketch_info { float:left; width:340px; margin:20px 0px; }
div#sketch_info div#sketch_thumb { width:350px; }
div#sketch_info div#sketch_thumb img { margin-right:7px; vertical-align:text-bottom;  border:1px solid #f0f0f0; }
div#sketch_info p.paginate { margin:0px; font-size:9px; line-height:14px; clear:both; margin-top:7px; }
div#sketch_info h2 { clear:both; padding-top:10px; }
div#sketch_info span img { border:1px solid #f0f0f0; }



form#contact { padding-top:5px; }
form#contact p { clear:both;}
form#contact p label { float:left; width:70px;}
form#contact p input, form p select, form p textarea {  width:250px; padding:2px 0px; }
form#contact p textarea { height:80px; }
form#contact p input.button { border:1px solid #d1d0d2; background:#d1d1d1; width:105px; margin-left:70px; padding:0px 0px 2px; letter-spacing:2px; font-size:12px;}
form#contact p input.button:hover { border:1px solid #9ec60e; background:#9ec60e; color:#f4f4f4; }

.clear {clear:both;}
.small { color:#c2c2c2; font-size:9px; }
.next { float: right; margin-right:5px; }
.prev { float: left;}
.page_of { text-align:center; margin:auto; }