/*
Theme Name: Tom Hoppe
Theme URI: http://www.tomhoppe.com/
Description: My Theme
Version: 1.0
Author: Tom Hoppe
Author URI: http://www.tomhoppe.com/
*/



/* Body Styles */
* {
margin:0px;
padding:0px;
}
body {
background: #c4c4c4;
font-family:Arial;
font-size:10pt;
margin:5px;
}
#mainCentering {
width:90%;
margin-left:auto;
margin-right:auto;
}
/* Styles for border around page */
#borderTop {
width:100%;
background:#919191 url("http://www.tomhoppe.com/images/mainBorderT.gif") top left repeat-x;
}
#border1 {
border-left:1px solid #afafaf;
border-right:1px solid #afafaf;
}
#border2 {
border-left:1px solid #484848;
border-right:1px solid #484848;
}
#border3 {
border-left:1px solid #000000;
border-right:1px solid #000000;
}


#mainContainer {
background:#fff;
}
#borderBottom {
background:#FFFFFF url("http://www.tomhoppe.com/images/mainBorderB.gif") bottom left repeat-x;
height:22px;
width:100%;
}
.cornerL {float:left;}
.cornerR {float:right;}

/* Styles for top bar including logo and menu */
#topBar {
background:#919191;
border-bottom:2px solid #000000;
height:35px;
text-align:left;
}
h1 {
float:left;
margin:-2px 0px 0px 0px; 
font-size:170%;
padding:0px 0px 0px 15px;
}
h1 a:link, h1 a:visited, h1 a:hover {
color:#000;
text-decoration:none; 
}
.siteDesc {float:right; font-size:90%;padding:5px 20px 0 0;}

/* Shared styles for content pages, individual pages have individual styles */
#content {
border-left:1px solid #8e9192;
border-right:1px solid #8e9192;
padding:15px 25px 15px 15px;
height:100%;
}
#content p {
padding:0px;
margin:0px;
}
#content ul {
list-style:square;
margin:0 0 10px 20px;
padding:0px;
}
#content li {
margin:0px;
padding-bottom:1px;
}
#content h4 {
font-size:100%;
}
#content a:link, #content a:visited { 
color: #000000;
} 
#content a:hover { 
color: #ff0000 !important;
} 

/* Blog specific styles */
#main {
float:left;
width:72%;

}
#main h2 {
font-size:120%;
color:#CC6600 !important;
}
.singlePost h2 {
padding:0px 0px 10px 0px;
}
#main h2 a {
color:#CC6600 !important;
text-decoration:none !important;
}
#main h3 {
font-size:120%;
color:#CC6600 !important;
}
#main h3 a {
color:#CC6600 !important;
text-decoration:none !important;
}

#main .post {
border-bottom:1px solid #999999;
padding-bottom:10px;
margin:0px 20px 14px 4px;
}
#main .post small {
display:block;
font-size:80%;
font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
letter-spacing:0.1em;
color:#999;
margin:5px 0px;
text-transform:uppercase;
}
#main .post p {
clear:both;
font-size:90%;
margin:0px 0px 10px;
}
#main ul li {
font-size:90%;
}
#sidebar {
float:right;
font-size:90%;
width:28%;
}
#sidebar h2 {
color:#666;
list-style:none;
text-transform:uppercase;
font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
letter-spacing:0.1em;
font-size:90%;
font-weight:normal;
}  
#sidebar ul {
list-style:none;
margin:0 0 10px 0px;
border:none;
padding-bottom:15px;
} 
#sidebar ul ul {
border-bottom:1px solid #999999;
} 
#sidebar li {
list-style:none;
line-height:16px;
padding:3px 0px;
} 
.pictures {
list-style:none !important;
margin:15px 0px !important;
}
.pictures li {
float:left;
}
#main .pictures .e {
clear:both;
}
#main .pictures .e a {
clear:both;
display:block;
font-size:80%;
color:#666;
padding-top:5px;
}
.pictures img {
border:1px solid #DDDDDD;
padding:4px;
margin:0px 5px 0px 0px;
height:60px;
width:81px;
}
#main .postmetadata {
font-size:80% !important;
color:#666;
padding-top:5px;
}
#main .postmetadata a {
color:#666;
}
#main .postmetadata small {
font-size:90%;
}
.navigation a {
font-size:90%;
}
.navigation {
padding:10px 0px 15px;
}
.navigation .alignleft {
float:left; 
padding-left:10px;
}
.navigation .alignright {
float:right; 
padding-right:25px;
}
.singlePost .navigation {
padding-top:0px;
}
#respond h3, #comments {
font-size:110%;
color:#CC6600 !important;
}
#commentform p {
color:#999;
font-size:90%;
padding:5px 0px;
}
#commentform p a {
color:#999;
}
.commentlist {
margin:0px 20px;
}
.commentlist li {
font-size:90%;
padding-bottom:10px !important;
}
.comment .commentmetadata {
font-size:90%;
padding:5px 0px;
}

pre {
background:#EEEEEE none repeat scroll 0 0;
border:1px solid #000000;
font-size:90%;
margin:10px auto !important;
overflow-x:scroll;
padding:10px;
width:90%;
}

/* for twitter tools */
#twitter-tools h2 {
color:#CC6600;
font-weight:bold;
}

/* automatically clears floats */
.clearfix:after, ul.pictures:after, .navigation:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}