/*  
Theme Name: Tobin's Simple Theme
Theme URI: http://tobinsprings.com/
Description: A new site design for Tobin Springs.
Version: 0.1
Author: Tammie Springs
Author URI: http://tammiesprings.com/

	Tobin's Theme v0.1
	http://tobinsprings.com

	This theme was designed and built by Tammie Springs,
	whose blog you will find at http://tammiesprings.com/

*/
BODY{
  background:url(images/bkg.gif) repeat-x #0B0B09;
  margin:0;padding:0;
  text-align:center;
  font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size:90%;
}
a img{border:0;}  
#pageWrapper{
  width:780px;
  margin:auto;
  text-align:left;
  margin-top:20px;
}
.hide{display:none;}  
h1, h2, h3, h4, h5{
  font-family:"Courier New", Courier, monospace;
  font-weight:lighter;
  margin:0;padding:0;
  margin-bottom:8px;
}  
h1 a, h2 a, h3 a, h4 a, h5 a{
  color:#ffffff;
  text-decoration:none;
}  
#currentPost h1 a, #currentPost h2 a, #currentPost h3 a, #currentPost h4 a, #currentPost h5 a{
  color:#484017;
} 
#currentPost.page h2{
  border-bottom:1px solid #d5cfb0;
  margin-top:40px;
  padding:4px;
  clear:both;
  margin-right:4px;
  margin-bottom:20px;
} 
#currentPost a img{
  border:2px solid black;
  margin:8px;
}  
#currentPost a:hover img{
  border:2px solid #B8B18F;
}

p{
  margin:0;padding:0;
  margin-top:.4em;
  margin-bottom:1.2em;
}  
/*-----------------------------------------------------
  Nav Stuff
  ---------------------------------------------------*/
#nav{
  float:right;
  margin-top:-44px;
}
#nav ol{margin:0;padding:0;}
#nav ol li{
  display:inline;  
}
#nav ol li a#nav_home{
  background-image:url(images/nav_home.gif);
  width:68px;
}  
#nav ol li a#nav_about{
  background-image:url(images/nav_about.gif);
  width:60px;  
} 
#nav ol li a#nav_masters{
  background-image:url(images/nav_masters.gif);
  width:84px;  
} 
#nav ol li a#nav_art{
  background-image:url(images/nav_art.gif);
  width:45px;  
} 
#nav ol li a#nav_contact{
  background-image:url(images/nav_contact.gif);
  width:79px;  
} 
#nav ol li a{
  margin-left:20px;
  background-repeat: no-repeat;
  background-position:left bottom;
  display:block;
  height:20px;
  float:left;
}
#nav ol li a:hover, #nav ol li a.current{
  background-position:left top;
}  





/*-----------------------------------------------------
  Current Post Stuff
  ---------------------------------------------------*/
#currentPost{
  background:#DED8BA;
  border:10px solid #B8B18F;
  margin-top:20px;
  clear:both;
} 
#currentPost .inner{
  margin:14px;
  margin-bottom:20px;
} 
#currentPost .navigation{
  font-size:80%;
  color:#B8B18F;  
}
#currentPost .navigation .prevLink, #currentPost .navigation .nextLink{
  width:14px;
  height:30px;
  display:block;
  background-image:url(images/arrows.gif);  
  background-repeat:no-repeat;
}
#currentPost .navigation .prevLink{
  float:left;
  margin-left:-40px;
  background-position:left top;
}  
#currentPost .navigation .nextLink{
  float:right;
  margin-right:-39px; 
  background-position:right top;  
}  
#currentPost .postInfo{
  background:url(images/icon_calendar.gif) no-repeat top left;
  font-size:80%;
  color:#7D7860;
  padding-left:20px;
}

#currentPost .commentCount{
  background:url(images/commentBlurb_beige.gif) no-repeat top left;
  display:block;
  width:74px;
  height:28px;
  float:right;
  margin-top:0px;
  padding-top:6px;
  font-size:80%;
  color:white;
  text-align:center;
}  
#currentPost a{
  color:#0e3d63;
  text-decoration:none;
}  
#currentPost a:hover{
  text-decoration:underline;
}  
/*-----------------------------------------------------
  Left Col Stuff
  ---------------------------------------------------*/
#lowerContent{
  margin-top:30px;
  clear:both;
  color:white;
} 
#lowerContent.page{
  margin-top:-16px;
}  
#lowerContent a, .footer a{
  color:#5483a9;
  text-decoration:none;
} 
#lowerContent a:hover, .footer a{
  text-decoration:underline;
}
#lowerContent h3 a{color:white;}    
#leftCol{
  width:550px;
  float:left;
}
#leftCol h2#prevPosts, #leftCol h2#musings,#rightCol h2#art, #leftCol h2#comments, #leftCol h2#response{  
  display:block;
  height:48px;
}  
#leftCol h2#comments{
  background:url(images/header_comments.gif) no-repeat top left;
  width:138px;
  margin-bottom:8px;
} 
#leftCol h2#response{
  background:url(images/header_response.gif) no-repeat top left;
  width:233px;
  margin-bottom:8px;
}  
#leftCol h2#prevPosts{
  background:url(images/header_previousPosts.gif) no-repeat top left;
  width:433px;
    margin-bottom:8px;
} 
#leftCol h2#musings{
  background:url(images/header_musings.gif) no-repeat top left;
  width:534px;
}   
#rightCol h2#art{ 
  background:url(images/header_art.gif) no-repeat top left;
  width:124px;
  float:right;
}   

#rightCol{
  width:200px;
  float:right;
  text-align:right;
}  
#leftCol .prevPost, #leftCol li.comment{
  padding-bottom:12px;
  padding-top:12px;
  border-top:1px solid #30302f; 
  padding-left:4px;
}
#leftCol ol{
  margin:0;padding:0;
  margin-bottom:30px;
}
#leftCol li.comment{
  list-style:none;
  margin-bottom:8px;
}
#leftCol li.comment .numCount{
  font-family:"Courier New", Courier, mono;
  float:right;
  font-size:26px;
  color:#B8B18F;
  margin-right:8px;
  margin-top:-4px;
}
#leftCol li.comment .header{
  font-family:"Courier New", Courier, mono;
  color:#DED8BA;
  margin-bottom:6px;
}
#leftCol li.comment .header .info{
  font-size:80%;
}    


#leftCol .postInfo{
  color:#ded8ba;
  font-size:80%;
  font-style:italic;
}  
#leftCol .commentCount{
  background:url(images/commentBlurb_blue.gif) no-repeat top left;
  display:block;
  width:74px;
  height:28px;
  float:right;
  margin-top:-2em;
  padding-top:6px;
  font-size:80%;
  color:white;
  text-align:center;
  margin-right:4px;
}  
#leftCol .commentCount a{
  color:white;
}
#leftCol .commentCount#commentArea{
  margin-top:-44px;
} 
#leftCol .comment .moderation{
  font-style:italic;
  font-size:80%;
  color:#FDFBBD;
  margin-top:-6px;
}
#leftCol textarea#comment, #leftCol input{
  background:#1d1d1b;
  border:1px solid #31312d;
  padding:2px;
  padding-left:6px;
  padding-right:6px;
  font-size:smaller;
  color:white;
  font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
#leftCol textarea#comment{  
  width:530px;
  height:150px;
} 
#leftCol .comment .gravatar{
  /*width:40px;
  height:40px;
  background:white;
  float:right;
  margin-top:-4px;
  margin-right:10px;*/
  display:none;
}  


#rightCol .artwork{
  padding-bottom:12px;
  padding-left:4px;
  float:right;
  clear:both;
} 


#rightCol .artwork a div{
  width:170px;
  height:70px;
  background:white;
  display:block;
  border:4px solid #36362f;
}  
#rightCol .artwork a:hover div{
  border:4px solid #B8B18F;
} 
#rightCol .text{clear:both;
  font-size:80%;
  width:170px;
  float:right;
  color:#727271;
}
.footer{
  clear:both;
  font-size:80%;
  color:white;
  width:100%;
  text-align:right;
  padding-top:30px;
  margin-bottom:30px;
  color:#727271;
}
.footer.page{  
  padding-top:2px;
}
.clear{clear:both;}
.breadcrumb{font-size:78%;margin-bottom:10px;}

.flickr-photos div{display:none;}
.flickr-photos a img{
  background:white;
  display:inline;
  border:4px solid #36362f;
  margin:2px;
}  
.flickr-photos a:hover img{border:4px solid #B8B18F;}

.tt-flickr img{margin:2px;border:4px red;}