@charset "utf-8";
/* CSS Document */
/*  
Theme Name: VLV Photography
Description: This blogsite theme was custom designed for VLV Photography and is NOT freeware.  Unauthorized use of this theme, graphics or code is a violation of copyright.
Version: 1.0
Author: Genevieve Sass
Author URI: http://lilaccreative.com/
*/
/* General Styling */
body{
 margin: 0;
 font-family: Cambria, Georgia, "Times New Roman", Serif;
 font-size: 14px;
 text-align: left;
 vertical-align: top;
 background: #a58669 url(images/bg.jpg) repeat;
 color: #3d210d;
}
body, h1, h2, h3, h4, h5, h6, blockquote, p, form{
 margin: 0;
 padding: 0;
}
h1{
 font-size: 24px;
 padding: 0 0 10px 0;
}
h2.pagetitle{
 text-align: center;
 margin: 25px;
}
a:link, a:visited{
 text-decoration: none;
 color: #1b4b89;
border: none;
}
a:hover{
 color: #a82424;
border: none;
}
p{
 padding: 10px 0 0 0;
}
.clear{
 clear: both;
}
/* Layout Wrappers & Header Styling */
#wrapper1{
 margin: 0 auto;
 width: 1040px;
 text-align: left;
 background: url(images/header.jpg) top left no-repeat;
 padding: 0;
 position: relative;
}
#header{
 height: 277px; 
 width: 968px;
 background: url(images/header-bg.gif) top left no-repeat;
 padding: 0;
 margin: 0;
}
#logo h1{ 
 float: left;
 text-indent: -9999px;
 background: url(images/logo.png) top left no-repeat;
 display: block;
 height: 278px;
 position: absolute;
 top: 5px;
 left: 395px;
 width: 244px;
 z-index: 99;
}
#logo h1 a{
 display: block;
 height: 278px;
 width: 244px;
}
#flash{
 clear: both;
 margin: 0 auto 55px auto;
 padding: 0;
 width: 999px;
 z-index: 0;
}
#wrapper2{
 margin: -75px 0 0 11px;
 height: 32px;
 width: 1018px;
 text-align: left;
 background: url(images/top.png) top left no-repeat;
 padding: 0;
 z-index: 2;
}
#wrapper3{
 background: url(images/area-bg.png) top left repeat-y;
 padding: 0 0 100px 0;
 margin: 0 0 0 10px;
 width: 1018px;
 z-index: 2;
}
#bot-wrapper1{
 background: url(images/foot-top.png) top left no-repeat;
 height: 187px;
 margin: -150px 0 0 -2px;
 padding: 0;
 width: 1040px;
}
#bot-wrapper2{
 background: url(images/foot-bg.png) top left repeat-y;
 margin: 0 auto;
 padding: 0;
 width: 1019px;
}
#footer{
 text-align: center;
 clear: both;
 padding: 5px;
 font-size: 11px;
}
#footer p{
 line-height: 18px;
}
#footer a:hover{
 color: #a6ce1e;
}
/* Navigation Bar Styling */
.nav2 #nav, .nav2 #nav2{
        padding-bottom: 75px;
}
#nav, #nav ul, #nav2, #nav2 ul{
 list-style: none;
 padding: 0;
 margin: 0;
}
#nav, #nav2{
 font-size: 16px;
 float: left;
 height: 37px;
 margin: -15px 0 0 0;
 padding-bottom: 10px;
 z-index: 80px;
}
#nav li, #nav2 li{
 display: block;
 position: relative;
 float: left;
 padding:7px 12px 5px 0;
}
#nav2 li{
	padding-right: 25px;
}
#nav li.home{
 margin-left: 30px;
}
#nav2 li.home{
	margin-left: 40px;
}
#nav li.login, #nav li.client{
        padding-right: 0;
}
#nav li.photoblog{
 margin: 0 15px 0 225px;
}

#nav li.contact{
	margin-right: 15px;
}
#nav2 li.c-galleries{
        margin-left: 250px;
}
#nav li a, #nav2 li a{
 background: url(images/navR.gif) bottom right no-repeat;
 color: #1a0b03;
 display:block;
 float:left;
 height: 27px;
 margin: 0;
 padding: 0 15px 0 0;
 text-decoration:none;
}
#nav li a span, #nav2 li a span{
 background: url(images/navL.gif) bottom left no-repeat;
 display: block;
 margin: 0;
 height: 21px;
 padding: 3px 0 3px 15px;
}
#nav li a:hover, #nav2 li a:hover{
 background: url(images/navR.gif) top right no-repeat;
 color: #1a0b03;
}
#nav li a:hover span, #nav2 li a:hover span{
 background: url(images/navL.gif) top left no-repeat;
 color: #1a0b03;
}
#nav ul, #nav2 ul{
 position: absolute;
 list-style: none;
 display: none;
 top: 32px;
 left:0;
        z-index: 99;
}
#nav ul ul, #nav2 ul ul{
	position: absolute;
	list-style none;
	display: none;
	top: 0;
	left: 160px;
	z-index: 99;
}
#nav ul li, #nav ul ul li, #nav2 ul li{
 padding: 0;
 margin: 0;
}
#nav li ul li a, #nav li ul li ul li a, #nav2 li ul li a{
    background-color: #c4946f;
 background-image: none;
 display: block;
 font-size: 14px;
 line-height: 14px;
 height: auto;
 width: 150px;
 padding: 5px 0 5px 10px;
 opacity:.70;
 filter: alpha(opacity=70);
 -moz-opacity: 0.7
 z-index: 99;
}
#nav li ul li a:hover, #nav li ul li ul li a:hover, #nav2 li ul li a:hover{
    background-color: #c4946f;
 background-image: none;
 opacity:1;
 filter: alpha(opacity=100);
 -moz-opacity: 1;
 width: 150px;
 z-index: 99;
}
#nav li:hover ul, #nav li ul li:hover ul, #nav2 li:hover ul{
 display: block;
}
#nav li:hover ul li ul{
	display: none;
}
#nav li:hover ul li:hover ul{
	display: block;
}

/* Main Body Styling */
#container{
 background: url(images/post-bg.gif) top left repeat-y;
 clear: both;
 margin: 0 20px;
 padding: 0;
 width: 978px;
}
#container-bot{
 background: url(images/post-bot.gif) bottom left no-repeat;
 margin: 0;
 padding: 0;
 width: 978px;
}
#container-top{
 background: url(images/post-top.gif) top left no-repeat;
 margin: 0;
 min-height: 330px;
 padding: 45px 38px;
}
h2.photoblog{
 background: url(images/badge-pb.png) top center no-repeat;
 height: 138px;
 margin: -90px auto 0 auto;
 padding: 0;
 width: 247px;
 text-indent: -9999px;
}
h2.galleries{
 background: url(images/badge-gal.png) top center no-repeat;
 height: 138px;
 margin: -90px auto 0 auto;
 padding: 0;
 width: 247px;
 text-indent: -9999px;
}
h2.archives{
 background: url(images/badge-arch.png) top center no-repeat;
 height: 138px;
 margin: -90px auto 0 auto;
 padding: 0;
 width: 247px;
 text-indent: -9999px;
}
h2.welcome{
 background: url(images/badge-wel.png) top center no-repeat;
 height: 138px;
 margin: -90px auto 0 auto;
 padding: 0;
 width: 247px;
 text-indent: -9999px;
}
h2.blankBadge{
 background: url(images/badge-blank.png) top center no-repeat;
 color: #1b4b89;
 font-size: 18px;
 height: 138px;
 margin: -90px auto 0 auto;
 padding: 60px 20px 0;
 text-align: center;
 width: 247px;
} 
h2.blankBadge2{
 background: url(images/badge-blank.png) top center no-repeat;
 color: #1b4b89;
 font-size: 18px;
 height: 138px;
 margin: -90px auto 0 auto;
 padding: 60px 20px 0;
 text-align: center;
 width: 247px;
}
.post{
 padding: 0 0 40px 0;
}
.title-block{
 float: left;
 height: 75px;
 width: 800px;
}
.title-block p{
 border-top: dashed 1px #b67b4d;
 font-size: 12px;
 margin: 0;
 padding-top: 5px;
}
.title-block h2, .title-block h2 a{
 color: #a82424;
 font-size: 24px;
 line-height: 24px;
 margin: 0;
 padding-bottom: 5px;
}
.title-block h2 a:hover{
 color: #1b4b89;
}
.datebox{
 background: url(images/date.png) top left no-repeat;
 color: #1b4b89;
 float: left;
 height: 92px;
 margin: -27px 5px 0 0;
 padding: 38px 0 0 0;
 text-align: center;
 width: 89px;
}
p.month, p.year{
 font-size: 14px;
 line-height: 14px;
 margin: 0;
 padding: 0;
}
p.day{
 font-size: 30px;
 line-height: 30px;
 margin: 0;
 padding: 0;
}
.post h2{
 font-size: 18px;
 font-weight: bold;
 padding: 7px 0 0 0;
 color: #eb008b;
}
.home-post{
 float: right;
 font-size: 18px;
 line-height: 30px;
 margin: 0;
 padding: 5px 0 0;
 width: 250px;
}
.home-post .entry{
 line-height: 24px;
}
#featCont{
 float: left;
 height: 420px;
 margin: 15px 0;
 padding: 5px 10px 5px 0;
 width: 600px;
 z-index: 0;
}
.entry{
 clear: both;
 line-height: 18px;
}
.excerpt{
 border-bottom: dashed 1px #b67b4d;
 clear: both;
 line-height: 18px;
 padding-bottom: 10px;
 margin-bottom: 25px;
}
img.cat-img{
 margin-bottom: -1px;
}
p.postmetadata{
 border-bottom: 1px solid #ccc;
 margin: 0;
 padding-bottom: 5px;
 font-size: 12px;
}
.navigation{
 padding: 10px 0 0 0;
 font-size: 14px;
 font-weight: bold;
 line-height: 18px;
 text-align: center;
}
/* Comments Styles */
.meta-comments{
 clear: both;
 margin: 25px 0;
}
.commBar{
 background: #362211;
 color: #b99c7d;
 margin: 0;
 padding: 5px 15px;
}
.commBar a{
 color: #f5f0e6;
}
.commBar a:hover{
 color: #b99c7d;
}
.comments-template{
 margin: 10px 0 0;
 padding: 10px 0 0;
}
.comments-template ol{
 margin: 0;
 padding: 0 0 15px;
 list-style: none;
}
.comments-template ol li{
 margin: 10px 0 0;
 line-height: 18px;
 padding: 0 0 10px;
 border-bottom: 1px solid #ccc;
}
body.home .commentlist{
 list-style: none;
 max-height: 100px;
 overflow: auto;
 background: #f5f0e6;
 border: solid 1px #362211;
 margin: 0;
 padding: 0 10px;
 font-size: 10px;
 width: inherit;
}
*html body.home .commentlist{
 height: 100px;
}
body.home .commentlist a:hover{
 color: #362211;
}
body.home .commentlist li{
 border-bottom: #362211 1px dotted;
 padding: 10px 0;
 clear: both;
}
body.home .meta-comments{
 font-size: 10px;
 padding-top: 5px;
}
.meta-comments a img{
 border: none;
}
body.home a.comments_link{
 font-size: 10px;
 padding-top: 15px;
 margin-top: 15px;
}
.comments-template h2, .comments-template h3{
 font-family: "Century Gothic", Arial, Helvetica, Sans-serif;
 font-size: 16px;
}
.commentmetadata{
 font-size: 10px;
}
.comment-author{
 color: #1b4b89;
 font-weight: bold;
}
.comment-meta{
 font-size: 10px;
 float: left;
 display: inline;
}
.comment-meta a{
 color: #1b4b89;
}
.comment-meta a:hover{
 color: #a82424;
}
.comment-text p{
 margin: 0;
 padding: 0;
}
.comments-template p.nocomments{
 padding: 0;
}
.comments-template textarea{
 font-family: "Century Gothic", Arial, Helvetica, Sans-serif;
 font-size: 12px;
}

/* Bottom Sidebar and Footer Styling */
#sidebars{
 border-bottom: dashed 1px #b67b4d;
 padding: 15px 75px 15px 75px;
 margin-bottom: 15px;
}
#sidebars ul{
 display: inline;
 list-style: none;
 margin: 0;
 padding: 0;
}

#sidebars h2{
 color: #052a59;
	font-size: 18px;
 padding-top: 20px;
}
#sidebars h3{
	color: #052a59;
	font-size: 14px;
	padding-top: 20px;
}
#sidebars a:hover{
 color: #321c0c;
}
#sidebar1, #sidebar2, #sidebar3{
 width: 249px;
 float: left;
}
#sidebar1, #sidebar2{
 border-right: 1px solid #362211;
 padding-right: 30px;
 margin-right: 30px
}
table#wp-calendar{
 width: 100%;
}
p.twitter-follow{
text-align: right;
padding: 10px 0 0 0;
}
 
/* WP Image-in-Post Alignment */
img.alignleft, div.alignleft {
float:left;
margin:0 0.5em 0.5em 0;
border: none;
}
img.alignright, div.alignright {
float:right;
margin:0 0 0.5em 0.5em;
border: none;
}
img.aligncentered, div.aligncentered {
text-align:center;
margin:0 auto;
border: none;
}

a img {
padding: 0;
border: none;
}



