/*  
Theme Name: Erik's Theme?
Theme URI: http://www.fark.com
Description: I'm slowly working on this
Version: 0.7
Author: Erik Unverdruss
Author URI: http://erik.unverdruss.net

*/

/*  -----|  Globals  |------------------------------------------------------  */


img 	{	border: none;	}body { 
    background-color: #2f5160;		background-image: url(/wp-content/themes/Erik/images/pattern.png);		background-position: 0 0;		background-repeat: no-repeat;
    color: #000000;	
    font: 62.5%/125% 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;		border: none;	
    margin: 0;
    padding: 0;
    }/* hr { display: none; } */

hr {	
    background-color: #22201d;	
    border: 1px solid #363430;	
    height: 10px;	
    margin: 10px 0;	
    width: 860px;	
    }
a:link, a:visited, a:active { 
    color: #000000; 
    text-decoration: none; 
    }
a:hover { 
    color: #111111; 
    text-decoration: none; 
    }
ul { 
    list-style: none; 
    font-size: 1.4em; 		border: 2px solid #292929; 
    }
input, textarea {	
    color: #000000;	
    font-size: 14px; 	
    text-decoration: none; 	
    background-color: FFFFFF;	
    border: 1px solid #363430;	
    padding: 5px;	
    }
blockquote {	
    background: #FFFFFF;	
    padding: 1px 15px 5px;	
    border-bottom: 1px solid #35302a;
    }
table { 
    width: 100%; 
    border-collapse: collapse; 
    }	
th { 
    border-bottom: 1px solid #35302a; 
    text-align: left; 
    }
pre {	
    padding: 5px 0;	
    border-top: 1px dotted #35302a;	
    border-bottom: 1px dotted #35302a;
    }


/*  -----|  Structure  |----------------------------------------------------  */


#page {	
    margin: 50px auto 25px;	
    padding: 0;	
    width: 860px;
    }
#header {	
    text-align: center;	
    }
#wrapper { 
    width: 860px; 
    padding-top: 0px; 
    padding-bottom: 5px;
    }    
#headerimg {		background: #22201d url('images/image_left.png');	    border: 2px solid #292929; 	    height: 150px;	    width: 850px; /* width: 422px; */			
    }
/*#wrapper { 
    background: url('images/content_bkg.gif') 
    repeat-y top left;}*/
    .image {	
     
        }

    .main {
    /* background: url('headerimg/image_center1.jpg'); */
    margin: 0px auto;
    }
        .bkgleft { 
        background: url('images/image_left.jpg'); 
        float: left; 
        }	
    .bkgright { 
    background: url('images/image_right.jpg'); 
    float: right; 
    }
#footer {	
    font-family: Georgia, 'Times New Roman', serif; 	
    color: #999;	
    }
#content, #sidebar { 
    /*border-left: 1px solid #363430; 
    border-right: 1px solid #363430;	
    padding: 0 10px; */
    }	
#content { 
    float: left; 
    font-size: 1.3em; 
    width: 617px; 
    }	
#content h2 { 
    margin: 0 0 10px; 
    }	
#content p { 
    line-height: 1.5em; 
    }	
#sidebar { 
    border-left: 0; 
    float: right; 
    width: 200px; 
    line-height: 18px; 
    }	
#sidebar h3 { 
    color: #bd934f; 
    margin: 45px 0 5px 0; 
    font-variant: small-caps; 
    font-size: 20px;
    text-align: center;
    padding-top: 10px;
    }	
#sidebar ul { 
    margin: 0 0 10px; 
    padding: 0px; 
    /* border-top: 1px solid #22201d; 
    border-bottom: 1px solid #22201d;*/
    }	
#sidebar li { 
    display: block; 
    padding: 4px 10px; 
    background: #EEEEEE; 
    margin: 1px 0; 
    }	
#sidebar li:hover { 
    background: #FFFFFF; 
    }        
#sidebar #twitter_div span { 
    display: block; 
    }        
#sidebar #twitter_div a { 
    font-size: 12px; 
    }ul#twitter_update_list {	margin-top: 37px;	border: 2px solid #292929; 		}
#searchform { 
    background: #22201d; 
    padding: 10px; 
    text-align: center; 
    }	
#s { 
    width: 160px; 
    }	
    .goleft { 
        float: left; 
        }
    .goright { 
        float: right; 
        } 
    ul.navigation { 	
        border-top: 1px solid #363430; 	
        border-bottom: 1px solid #363430; 	
        } 
    ul.navigation li { 
        display: block; 
        padding: 4px 10px; 
        background: #22201d; 
        margin: 1px 0; 
        }	
    ul.navigation li:hover { 
        background: #363430; 
        } 
    div.navigation { 
        padding: 12px 0;
        float: left;
		width: 100%
        } 
        
/* Post Structure */

.post { 
	margin-top: 37px;
    margin-bottom: 10px; 
    padding: 12px; 
    border: 2px solid #292929; 		background-color: #f2f2f2;		background-image: url(/wp-content/themes/Erik/images/post_pattern.png);		background-position: 0 0;		background-repeat: no-repeat;
    }
.widecolumn .post { 
    padding: 12px; 
    margin: 10; 
    }	
.top { 
    padding: 15px 10px 0px; 
    background: #FFFFFF; 
    margin-bottom: 15px; 
    border-bottom: 1px solid #35302a; 
    }
.lastfive { 
    padding-left: 10px; 
    padding-right: 10px; 
    }	
.postmetadata { 
    margin: 3px ; 
    font-size: 0.85em; 
    padding: 0; 
    }	
.postmetadata a { 
    font-weight: bold; 
    }		
#sidebar .postmetadata { 
    line-height: 1.5em; 
    }
    .continue { 
        font-weight: bold; 
        font-size: 1.3em;
        }		
    .top .entry { 
        font-size: 1.1em; 
        }	
    .entrytext { 
        padding: 0 10px 0; 
        line-height: 2em; 
        font-size: 1.1em; 
        }		
    .entrytext h2 { 
        border-bottom: 1px solid #bd934f; 
        display: block; 
        }	
    .entrytext ul { 
        list-style-type: square; 
        }	
        
/* Comments Structure */

.comments { 
    padding: 0px; 
    margin-top: 15px; 
    background: #FFFFFF; 
    position: relative;
	border: 2px solid #292929;
    }	
    
#commentform p { 
    float: left; 
    margin: 0 10px 10px 0; 
    }	
    .commentlist { 
        background: #FFFFFF; 
        list-style: none; 
        margin: 0; 
        padding: 0; 
        }	
    .commentlist li { 
        background: #FFFFFF; 
        margin-top: 10px; 
        padding: 0px; 
        }	
    .commentlist li p { 
        padding: 5px 10px 0; 
        margin: 0; 
        }	
    .commentlist li p.commentmetadata { 
        background: #FFFFFF; 
        padding: 5px 10px; 
        margin-top: 0px; 
		font-size: 0.85em;
        }
	
	ul.archive { 
        list-style: none; 
        padding: 0; 
        margin: 0 10px 25px; 
        font-size: 1.3em; 
        }	
    ul.archive li { 
        display: block; 
        }


/*  -----|  Typography  |---------------------------------------------------  */

a { 
    outline: none; 
    }

h1, h2, h3, h4, h5, h6 { 
    font-family: Georgia, 'Times New Roman', serif; 
    font-weight: normal; 
    }
h1 { 
    color: #fff; 
    font-size: 7em; 
    margin: 0 0 8px; 
    font-variant: small-caps;
    } 
/* h1:before, h1:after { 
    content: " . . "; color: #444; 
    }*/  
h1 span { 
    color: #bd934f; 
    }
h2 { 
    color: #000000; 
    font-size: 1.75em; 
    margin: 0px; 
    padding: 0px; 
    display: block; 
    border-bottom: 0px solid #35302a; 
    }	
    .post h2 a { 
        color: #000000; 
        padding: 0px; 
        margin-bottom: 16px; 
        font-size: 30px;
        display: block;
        }	
    .post h2.first { 
        font-size: 1.75em; 
        }		
    .widecolumn h2.title { 		
        display: block; 		
        padding: 13px 10px;		
        background: #FFFFFF;		
        margin: 0 0 15px; 		
        border-bottom: 1px solid #35302a; 		
        font-size: 1.75em; 
        }
h3  {
    color: #bd934f; 
    margin: 15px 0 5px; 
    font-variant: small-caps;
    font-size: 30px;
    text-align: center;
    padding-bottom: 15px;
    }
        
h6 { 
    color: #d8d7d3; 
    font-size: 1.75em; 
    margin: 0; 
    padding: 1px 0; 
    display: block; 
    border-bottom: 1px solid #35302a; 
    }	
    /*.post h2 a { 
        color: #bd934f;  /*duplicate? from below \/\/ ?
        }	
    .post h2.first { 
        font-size: 1.75em; 
        }		
    .widecolumn h2.title { 		
        display: block; 		
        padding: 13px 10px;		
        background: #FFFFFF;		
        margin: 0 0 15px; 		
        border-bottom: 1px solid #35302a; 		
        font-size: 1.75em; 
        } */

h7 { 
    color: #000000; 
    font-size: 1.2em; 
    margin-bottom: 30px; 
    padding: 1px 0; 
    display: block; 
    border-bottom: 0px solid #35302a; 
    }	

.post h2 a { 
    color: #000000;  /*duplicate? from above /\/\ ?*/
    }	
.post h2.first { 
    font-size: 1.75em; 
    }		
.widecolumn h2.title { 
    display: block; 
    padding: 13px 10px; 
    background: #FFFFFF; 
    margin: 0 0 15px; 
    border-bottom: 1px solid #35302a; 
    font-size: 1.75em; 
    }
.description { 
    color: #666; 
    font-weight: bold; 
    }
.comments h3 { 
    margin: 0 0 10px 0; 
    color: #bd934f; 
    }
    
/*  -----|  Miscellaneous  |------------------------------------------------  */
.clearfix:after {    
    content: ".";     
    display: block;     
    height: 0;     
    clear: both;     
    visibility: hidden;
    }