/* 
Theme Name: Corgano
Theme URL: http://markptjan.com/themes/corgano/
Description: A custom coffee-coloured theme based on whiteboard.
Author: Mark P. Tjan
Author URI: http://markptjan.com
Version: 1.0
*/

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
{margin:0;padding:0;}


/* General Control Styles */

html, body {
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
background-color:#b6a57a;
width:100%;
height:100%;
min-height:100%;
}

P {
margin-bottom:10px;
}

/* Header Styles */

#header {
font-family: Helvetica, Arial;
width:auto;
background-image:url('/files/frank_header.jpg');
background-repeat: no-repeat;
height:100px;
padding-left:200px;
color:#372706;
}

#header a {
color:#FFFFFF;
text-decoration:none;
}

#header ul {
margin-top:-8px;
list-style-type: none;
margin-left: 0;
padding-left: 0;
white-space: nowrap;
font-weight:bold;
letter-spacing:-0.1em;
text-transform:uppercase;
font-size:120%;
}

#header li {
display: inline;
list-style-type: none;
}

#header li a {
padding-right:10px;
font-size:80%;
}


/* Main Body */

#container{
margin-left:0;
margin-right:0;
width:100%;
background-color:#FFFFFF;
padding-top:10px;
padding-bottom:10px;
height:100%;
display:table;
color:#3d3b35;
}

#social {
font-family: Helvetica, Arial;
font-size:12px;
width:120px;
float:left;
text-transform:uppercase;
letter-spacing:-0.1em;
}

#content {
font-family: Helvetica, Arial;
font-size:12px;
width:auto;
max-width:70%;
float:left;
padding-right:35px;
padding-left:50px;
line-height: 16px;
}

#content a:link {color: #805f4c; text-decoration:none;}
#content a:visited {color: #805f4c; text-decoration:none;}
#content a:active {color: #805f4c; text-decoration:none;}
#content a:hover {color: #805f4c; text-decoration:underline;}

H1 {
font-size:200%;
font-weight:bold;
}

H2 {
font-size:150%;
font-weight:bold;
margin-bottom:10px;
}

H3 {
font-size:300%;
margin-left:-2px;
margin-top:20px;
margin-bottom:5px;
font-weight:bold;
color:#b7985e;
letter-spacing:-0.1em;
text-transform:uppercase;
}

H4 {
font-size:120%;
font-weight:bold;
text-transform:uppercase;
letter-spacing:-0.1em;
}

.profile {
float:right;
height:auto;
margin:5px;
}

.profile_list {
list-style:square inside;
}

.email {
font-size:120%;
}

.post {
float:left;
}

.postmeta{
clear:both;
font-size:80%;
padding-top:15px;
padding-left:5px;
}

.com_meta {
list-style-position:inside;
list-style-image:url('images/speakerbox.gif');
float:right;
float:right;
font-size:150%;
font-weight:bold;
text-transform:uppercase;
letter-spacing:-0.1em;
}

.postnavigation{
width:auto;
}

.artboard {
display:table;
width:100%;
height:auto;
margin-right:25px;
}

.artboard img {
margin-left:35px;
margin-bottom:35px;
border:1px solid #CCCCCC;
}

/* Sidebar Styles */

#sidebar{
z-index:1;
position:absolute;
top:100px;
right:0px;
color:#FFFFFF;
float:right;
width:150px;
background-color:#805f4c;
font-family:Helvetica, Arial;
font-size:80%;
margin-right:0px;
margin-left:30px;
padding:5px;
}

#sidebar h2 {
margin-bottom:5px;
letter-spacing:-0.1em;
text-transform:uppercase;
}

#sidebar ul{
list-style-type:none;
padding-left:3px;
margin-bottom:10px;
}

#sidebar li {
font-size:90%;
line-height:15px;
}

#sidebar a {
padding-left:2px;
color:#e1cd9a;
text-decoration:none;
}

#sidebar a:hover {
padding-left:2px;
color:#fcdd00;
text-decoration:underline;
}

#sidebar h2 {
margin-bottom:0px;
}

.sidebar_eyes {
background-image:url('images/mark_eyes.jpg');
margin:-5px;
height:50px;
width:auto;
margin-bottom:5px;
}

.sidebar_hub {
margin:-5px;
padding:0;
width:auto;
height:15px;
max-height:15px;
background:#805f4c no-repeat left url('images/sidebar_hub.jpg');
}

#searchform {
font-size:90%;
padding:3px;
margin-top:5px;
margin-bottom:5px;
}

#searchform input {
border:1px solid #e1cd9a;
height:15px;
font-family: Lucida;
font-size:8px;
}


/* Comment Styles */

#comments {
border-top: 1px solid #dfd2c4;
border-bottom: 1px solid #dfd2c4;
font-size:100%;
margin-left:5px;
margin-bottom:25px;
padding:3px;
}

#comments ol {
margin-top:5px;
margin-bottom:5px;
list-style:inside upper-roman;
margin-left:5px;
}

#comments li {
border-top:1px solid #9b855d;
border-bottom: 1px solid #9b855d;
background-color: #f8f3d7;
padding:3px;
margin-top:8px;
}

.com_author {
font-size:120%;
font-weight:bold;
text-transform:uppercase;
letter-spacing:-0.1em;
}

.com_date {
font-style:oblique;
}

.comment_text {
margin-top:-10px;
margin-bottom:10px;
padding-left:5px;
padding-right:5px;
}

.comments_navigation{}
.comments_navigation{}
.comments_reply{}
.comments_text{}
.comments_meta{}


/* Footer Styles */

#footer {
font-family:Helvetica, Arial;
font-size:10px;
text-align:center;
line-height:12px;
margin-top:0;
border-top:1px solid #372706;
height:20px;
clear:both;
width:auto;
padding-top:5px;
background:url('images/footer_shadow.jpg') repeat-x;
}

#footer a {
color:#FFFFFF;
text-decoration:none;
}

.credit {
font-weight:bold;
letter-spacing:-0.1em;
text-transform:uppercase;
}