@charset "utf-8";

/* 
Theme Name: The Life of DB
Theme URI: http://thelifeofdb.com
Description: A Kentucky Boy does NYC
Version: 1.0
Author: David Michael Brown
Author URI: http://www.designwebdb.com
*/

* {
	font-family:  "Helvetica Neue",  Arial, sans-serif;
	line-height:1.5;
}

body {
background:url(/images/bg.gif) repeat-x;
width:100%;
margin:10px 0 0; padding:0;
} 
#container {
	width:841px;
	padding:0;
	margin:0 auto;	
}

img {
	border:none;
	display:block;
	margin:0 auto;
	padding:0;
}

.center {
	text-align:center;
	margin:auto;
}
.alignleft{
width:150px;
float:left;
}
.alignright {
width:150px;
float:right;
}
.border {
border:1px solid #039;
}

#header{
clear:both;
width:841px;
height:266px;
}

h1{
	margin:0;
	padding:0;
}

h1 span{
	margin-left: -9999px;
}
h1#pic{
	height:230px;
}
h1{
font-weight:100;
font-size:1.5em;
text-align:center;
}
h1.title {
text-align:center;
padding-top:5px;
font-size:45px;
color:#039;
font-weight:100;
background:url(/images/blogtitles.jpg) repeat-x;
letter-spacing:.03em;
}
h1.fulltitle{
margin:0; padding:0;
width:100%;
text-align:center;
font-size:45px;
color:#039;
font-weight:100;
background:url(/images/blogtitles.jpg) repeat-x;
letter-spacing:.03em;

}
	
h2 {
	margin:0; padding:15px;
	font-size:40px;
	font-weight:100;
	letter-spacing:.03em;
	line-height:110%;
	text-align:center;
	background:url(/images/blogtitles.jpg) repeat-x;
	border-top:1px solid #ccc;
}
h2 a:link, h2 a:visited{
font-size:40px;
color:#039;
text-decoration:none;
}

h2 a:hover {
	color:#999;
}
h3 {
font-size:35px;
font-weight:100;
letter-spacing:.03em;
color:#000;
background:none;
text-align:center;
margin:0;
}
p {
letter-spacing:normal;
}

/*NAVIGATION - sexy drop down menu tutorial courtesy of http://www.noupe.com/tutorial/drop-down-menu-jquery-css.html */
#header ul{
margin:0 auto;
}
ul.topnav {  
	list-style: none;  
	padding: 0;  
	margin: 0 auto; /*0 135px*/ 
	text-align:left;
	float: left;   
	font-size: 16px;  
	background: url(/images/topnav_bg.gif) no-repeat;
	width:841px;
}  
ul.topnav li {
	display:block;
	display:inline;  
	float: left;  
	margin: 0 auto;
	padding: 0 5px 0 9px;  
	position: relative; /*--Declare X and Y axis base for sub navigation--*/  
}  
ul.topnav li a{
 	margin:2px auto 3px;   
    padding: 7px 5px 0;  
    color: #000;
	font-weight:200;
    display: block;  
    text-decoration: none;  
    float: left;  
}  
ul.topnav li a:hover{  
    text-decoration:underline;/*url(topnav_hover.gif) no-repeat center top; */ 
}  
ul.topnav li span { /*--Drop down trigger styles--*/  
    width: 15px;  
    height: 15px;  
    float: left; 
	margin:13px 0 0 0px; 
    background: url(/images/trigger.gif) no-repeat center top;  
}  
ul.topnav li ul.subnav a{
 	margin:0;
	padding:0;
} 
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/  
ul.topnav li ul.subnav {  
    list-style: none;  
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  
    left: 0; top: 35px;  
    background:#fff;  
    margin: 0; padding: 0;  
    display: none;  
    float: left;  
    width: 265px;  
    border: 1px solid #111;  
	z-index:1;
}  
ul.topnav li ul.subnav li{  
    margin: 0; padding: 0;  
    border-top: 1px solid #ccc; /*--Create bevel effect--*/  
    border-bottom: 1px solid #444; /*--Create bevel effect--*/  
    clear: both;  
    width: 265px;  
}  
html ul.topnav li ul.subnav li a {  
    float: left;  
    width: 245px;  
    background: #fff;
    padding:0 0 0 20px;  
}  
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/  
    background: #ccc ;  
} 



.search-form {
background:url(/images/search.gif) no-repeat;
width:200px;
height:20px;
padding:0 0 0 20px;
position:absolute;
float:right;
top:240px;
margin-left:690px;
}
.search-form input{
width:122px;
font-size:10px;
}

/*END NAVIGATION*/

/*Sidebar Styles*/
#sidebar {
margin:0;
float:left;
width:330px;
border-left:dashed thin #ccc;
}
#sidebar h1 {
padding-top:10px;
color:#036;
}
#sidebar h2
{
border-top:1px solid #ccc;
color:#999;
}
#sidebar li{
list-style:none;
text-align:center;
margin-left:-40px;
}
#sidebar li a, #sidebar li a:visited {
text-decoration:none;
color:#999;
}
#sidebar a:hover, #sidebar ul li a:hover {
color:#ccc;
}
ul.sb li {
font-size:small;
}
 ul.sb h2{
 font-size:25px;
 }

/* LEFT COLUMN*/
#left{
	float:left;
	width:502px;
	font-size:1em;
	
	
}
#left a:link, #left a:visited {
	text-decoration:none;
	color:#039;
}
#left a:hover {
	color:#999;
}
/*FULL PAGE no sidebar*/
#full
{
margin:0 auto;
width:841px;;
}
/*post content*/
.postcontent { 
padding:0 10px;
font-size:14px;
font-weight:normal;
color:#000;
}
.postcontent a:link, .postcontent a:visited {
color:#039;
text-decoration:underline;
}
.postcontent a:hover {
color:#ccc;
}

/*byline styling*/
.byline {
	margin: -12px 0 0 0;
	padding:0;
	font-size:.7em;
	text-align:center;
	color:#999999;
}

/*post styling*/

.wp-caption-text{
text-align:center;
}

/*tag, category, meta*/
.meta { 
  font-size:.7em;
  text-align:center;
  margin-bottom:30px;
}
.meta a:link, .meta a:visited {
  text-decoration:none;
}
/*post viewer nav*/
.postviewer {
font-size:10px;
}

/*COMMENTS styling, to go with comments.php*/
.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 0;
	font-size:12px;
}
.comments-template p{
	margin:0 0 0 22px; padding:10px 0;
}
.comments-template ol{
	margin-right: 0;
	padding:0 10px;
	list-style:inside decimal;
	font-size:12px;
}
.comments-template ol li{
	margin: 0 0;
	line-height: 18px;
	padding:5px 0 25px 25px;
	border-bottom: 1px solid #ccc;
	min-height:65px;
}
.comments-template h2, .comments-template h3{
	font-weight:100;
	text-align:center;
	font-size:1.5em;
	letter-spacing:.03em;
}
.commentmetadata{
	font-size: .8em;
	padding:5px;
}
.comments-template p.nocomments{
	padding: 0;
}
.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
	width:430px;
}
#commentform {
	margin:0 10px;
}
.commentmetadata {
	clear:right;
	float:right;
}

.avatar{
clear:both;
	float:right;
	padding:5px 10px;
	height:50px;
	width:50px;
}
.alt {/*every other styling in the comments*/
	background:#ffc;
}
.authorcomment{ /*styling for when author comments on post */
	color:#000;
	background:#cff;
}
/*END COMMENTS STYLING*/


/*acting page*/
.name {
font-size:25px;
}
#rota {
float:left;
margin:0 20px;
border:solid 1px #069;
width:210px;
height:300px;
text-align:center;
position:relative;
z-index:-1;
}


.actinglist {
float:left;

}
.actinglist ul li{
list-style:none;
font-size:1.7em;
font-weight:100;
}

/*Headshots Page*/
#box {
	text-align:center;
}
#headshots {
	position:relative;
	width:660px;
	height:800px;
	margin:20px auto 0;
	border:1px solid #aaa;
}
#headshots ul {
margin:0; padding:0;
list-style:none;
width:650px;
height:240px;
margin:5px;
float:right;
}
#headshots li {
float:left;
}
#headshots a.gallery span {
position:absolute;
width:1px;
height:1px;
top:5px;
left:5px;
overflow:hidden;
background:#fff;
}
/* Adding the thumbnail images */
#hsbox a.gallery, #hsbox a.gallery:visited {
    display:block; 
    color:#000; 
    text-decoration:none; 
    border:1px solid #039; 
    margin:1px 2px; 
    text-align:left; 
    cursor:default;
    }
#hsbox a.slidea {
    background:url(/wp-content/js/flashimage/shot1.jpg); 
    height:240px; 
    width:210px;
    }
#hsbox a.slideb {
    background:url(/wp-content/js/flashimage/shot2.jpg); 
    height:240px; 
    width:210px;
    }
#hsbox a.slidec {
    background:url(/wp-content/js/flashimage/shot3.jpg); 
    height:240px; 
    width:210px;
    }
/* change the thumbnail border color */
#hsbox a.gallery:hover {
    border:1px solid #0cf; 
    }
/* styling the :hover span */
#hsbox a.gallery:hover span {
    position:absolute; 
    width:660px;/*512*/ 
    height:510px; /*488*/
    top:260px; 
    left:0px; 
    color:#000; 
    background:#fff;
    }
#hsbox a.gallery:hover img {
    border:1px solid #fff; 
    float:left; 
    margin-right:5px;
	padding-left:175px;
    }

#hsbox a.slidec:hover img { /*targets slide c particularly*/
   padding-left:100px;
    }
#headshots {
    background:#fff url(/images/note.gif) 180px 250px no-repeat;
    }

/*end headshots page styling*/

/*Video and Reviews pages*/
.video, .reviews {
width:628px;
margin:0 90px;
text-align:center;
}

/*Web Design Pages*/
#webpreview{
background:url(/images/monitor.jpg) no-repeat;
height:298px;
width:325px;
text-align:center;
padding-top:1px;
margin:0 0 0 80px;
}
/*Photo Gallery Pages*/
.photodiv {
margin:20px 110px;
min-height:320px;
}
.photorota {
float:left;
margin:0;
border:solid 1px #069;
width:210px;
height:300px;
text-align:center;
position:relative;
}



.photolinks {
float:left;
width:400px;
}
.photolinks a:link, .photolinks a:visited {
text-decoration:none;
color:#039;
}
.photolinks a:hover {
color:#999;
}
.photolinks ul li{
list-style:none;
font-size:1.7em;
font-weight:100;
}
.album {
clear:both}




#footer {
border-top:1px solid #ccc;
clear:both;
text-align:center;
background:url(/images/blogtitles.jpg) repeat-x;
color:#999;
margin:0;padding:0;
height:70px;
}
#footer a:link, #footer a:visited{
color:#666;
text-decoration:none;
}
#footer a:hover {
color:#999;
}
#footer li {
margin:40px 10px;
display:inline;
list-style:none;
}