/*
Theme Name: Jennifer Driscoll Blog
Description: A custom theme for the New Jennifer Driscoll Photo Blog.
Author: Rhaya Shilts
Author URI: http://rhaya.com/
*/


/* ------------- UNIVERSAL ------------- */

* {margin:0; padding:0; }


html,body {
height:100%;
font-family:"Lucida Grande","Lucida Sans Unicode", Verdana, Arial,sans-serif;
font-size: 12px;
color: #444444;
line-height: 180%;
text-align:center;
background:#f0f0e8 url(images/template/bodybglong.gif) top center repeat-x;
}

/* ------------- LAYOUT ------------- */

#frame {
width:1160px;
margin:0 auto;
text-align:left;
background:url(images/template/framebg.png);
}

#header {
width:1160px;
height:169px;
background:url(images/template/headerbg.gif);
}

#footer {
font-size:10px;
text-align:center;
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
padding:10px 0 10px 0;
color:#a3a18d;
}


/* ------------- HEADER ------------- */


#logo {
width:441px;
height:169px;
float:left;
}

#logo a {
width:290px;
height:65px;
left: 144px;
top:68px;
display: block;
text-indent: -9999px;
position:relative;
overflow:hidden;
}

#searchandnav {
width:719px;
height:169px;
float:left;
}

#searcharea {
width:158px; 
height:18px;
margin:65px 0 0 373px;
}

#navarea {
width:537px; 
height:30px;
margin:17px 0 0 23px;
}


/* ------------- CONTENT ------------- */

#content {
width:808px;
background:#ffffff;
border-right:1px solid #a3a18d;
border-left:1px solid #a3a18d;
border-bottom:1px solid #a3a18d;
margin: 0 0 0 130px;
padding:20px 45px 20px 45px;
min-height:300px; 
height:100% !important;
height:300px;
}

#content p {
margin: 0 0 25px 0;
}

#content img {
border:1px solid #8d8d8d;
padding:2px;
margin-bottom:15px;
}

#content h1 {
color:#70959b;
font-size:24px;
font-weight:normal;
font-family:"Times New Roman", Times, serif;
margin: 0 0 25px 0;
}

#content h1.posttitle {
color:#70959b;
font-size:24px;
font-weight:normal;
font-family:"Times New Roman", Times, serif;
margin: 0 0 12px 0;
}

#content h1 a {
color:#70959b;
text-decoration:none;
}

#content h1 a:hover {
color:#c79728;
text-decoration:none;
}

#content h2 {
color:#c79728;
font-size:18px;
font-weight:normal;
font-family:"Times New Roman", Times, serif;
margin: 0 0 18px 0;
}

#meta {
width:802px;
background:#f0f0e8;
border-bottom:1px solid #ce6b70;
border-top:1px solid #ce6b70;
margin: 0 0 25px 0;
padding:0 0 0 6px;
font-family:"Lucida Grande","Lucida Sans Unicode", Verdana, Arial,sans-serif;
font-size: 11px;
color: #ce6b70;
}

#meta a {
color:#ce6b70;
}

#meta a:hover {
color:#c79728;
}

.btmnavigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
}

#scrollingcomments {
display:visible; 
overflow-y: scroll; 
height: 150px; 
background:#fcfcf1; 
width:760px; 
padding:12px 18px; 
border:1px solid #ede1c5;
line-height: 160%;
}



.commentlist ul {
list-style-type:none;
}

.commentlist li {
list-style-type:none;
margin:5px 0 0 0;
border-bottom: 1px solid #ede1c5;
}

#commenttext p, #scrollingcomments p {
margin:0 0 2px 0;
}

#leaveareply p {
margin:0 0 8px 0;
}

.smalltext {
font-size:10px;
}

#signup {
width:300px;
background:#f0f0e8;
border:1px solid #c79728;
padding:10px;
}

#signup h1 {
color:#c79728;
font-size:24px;
font-weight:normal;
font-family:"Times New Roman", Times, serif;
margin: 0 0 15px 0;
}

#signup p {
margin: 0 0 15px 0;
}

/* ------------- GENERAL ------------- */

a { color:#70959b; }

a:hover { color:#ce6b70;}


hr {
border:none 0;
border-top:1px dashed #a0b9bd;
height:1px;
margin:0 0 25px 0;
}


.alignright {float: right;}

.alignleft {float: left}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

/* ------------- SLIDESHOW ------------- */
#slideshow {
margin:0 0 18px 0;
border:1px solid #8d8d8d;
padding:2px;
width:800px;
}


/* ------------- SUCKERFISH MENU STYLES ------------- */



#suckerfishnav {
font-family: "Century Gothic", "Futura", "Avante Garde", sans-serif;
color:#ffffff;
font-size:12px;
letter-spacing:1px;
width:537px; 
height:30px;
}

#suckerfishnav, #suckerfishnav ul {
float:left;
list-style:none;
margin:0;	
width:100%;
height:30px;
}

#suckerfishnav a {
display:block;
color:#242424;
text-decoration:none;
padding:4px 12px 5px 12px;
}

#suckerfishnav li {float:left;padding:0;}

#suckerfishnav ul {
position:absolute;
left:-999em;
height:auto;
width:151px;
font-weight:normal;
margin:0;
line-height:1;
border:0;
}

#suckerfishnav li li {
width:149px;
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
background:#ede1c5;
border-bottom:1px solid #b69545;
border-left:1px solid #b69545;
border-right:1px solid #b69545;
}

#suckerfishnav li ul {
border-top:1px solid #b69545;
}

#suckerfishnav li li a {
padding:4px 10px;
width:130px;
font-size:11px;
}

#suckerfishnav li ul ul {margin:-21px 0 0 150px;}

#suckerfishnav li li:hover {background:#e2d4b5;}

#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a  {color:#414040;}

#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {color:#414040;}

#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {color:#414040;}

#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul  {left:-999em;}

#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul  {left:auto;background:#444444;}

#suckerfishnav li:hover, #suckerfishnav li.sfhover {color:#ffffff; background:#c79728;}

#suckerfishnav li a:hover {color:#FFFFFF}

#suckerfishnav li:hover a,#suckerfishnav li.sfhover a {color:#FFFFFF}

/* 
#suckerfishnav li:hover li a:hover,#suckerfishnav li.sfhover li a:hover {color:#FFFFFF}

#suckerfishnav a:hover {color:#FFFFFF}

#suckerfishnav li a:hover {color:#ffffff; background:#c79728;} */