/*
Theme Name: Casey B
Theme URI: http://www.caseybphoto.com/
Version: 1.0
Author: 3Howards Media
Author URI: http://www.3howards.com/
*/

body { margin:0; padding:0; background:#333 url(images/bg-main.jpg) center top no-repeat; font-family:Lucida Grande, Geneva, Arial, Helvetica, sans-serif; text-align:center; }

#wrapper { margin:5px auto 0 auto; padding:0; width:780px; text-align:left; }

#masthead { margin:0; padding:40px 0 20px 0; width:780px; background:transparent url(images/bg_top.gif) 0 0 no-repeat; }
div.logo { margin:0 auto; padding:0; width:401px; height:59px; }
.logo a { margin:0; padding:0; display:block; width:401px; height:59px; background:transparent url(images/logo_main.gif) 0 0 no-repeat; text-indent:-9999px; }

#navigation { margin:0; padding:0 40px; width:700px; background:transparent url(images/bg_mid.gif) 0 0 repeat-y;height:20px }
#navigation ul { margin:0;float:right; padding:0; text-align:right; list-style-type:none; font-size:11px; }
#navigation ul li { padding:0 15px; background:none; float:left; color:#454545; border-right:1px solid #454545; text-transform:uppercase; }
#navigation ul li.page-item-8 { padding:0 0 0 15px; border:none; }
#navigation ul li a, #navigation ul li a:visited { color:#ccc; text-decoration:none; }
#navigation ul li a:hover { color:#fff; }
#navigation ul li:hover li a, #navigation ul li.sfhover li a {color:#CCC}
#navigation ul li a.active { color:#454545; }
	
#navigation ul ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#navigation ul ul li {
	text-align: left;
        text-transform:none;
	padding: 0;
	border:0;
	padding:0 0 0 5px;
}

#navigation ul ul li a,
#navigation ul ul li a:visited, {
	color:#ccc;
}

#navigation ul ul li a:hover {
	color:#fff;
}

#navigation ul li ul {
	position: absolute;
        /*background:#333;
        filter:alpha(opacity=75);
        opacity: 0.75; */
	width: 12em;
	left: -999em; 
	z-index:101;
}
* html #navigation ul li ul {margin:14px 0 0 -5.4em}
*:first-child+html #navigation ul li ul {margin:14px 0 0 -5.4em}
#navigation ul li ul a {color:#FFF}

#navigation ul li:hover ul, #navigation ul li.sfhover ul {
	left: auto;
}


#content-home, #content { margin:0; padding:10px 40px 0 40px; width:700px; background:transparent url(images/bg_mid.gif) 0 0 repeat-y; overflow:hidden}
#content-home span.intro { margin:0 auto; padding:0; display:block; width:650px; }
#content-home span.welcome { margin:0 auto; padding:20px 0 0 0; display:block; width:650px; height:425px; }
#content-home .enter { margin:10px auto 0 auto; padding:0; display:block; width:55px; height:23px; }
#content-home .enter a { margin:0; display:block; width:100%; height:23px; background:#333 url(images/btn-enter.gif) 0 0 no-repeat; text-indent:-9999px; }
#content-home .enter a:hover { background-position:0 -23px; }

#content { padding-bottom:20px; }

#content h1 { margin:0 0 10px 0; padding:0 0 2px 0; font-size:14px; color:#fff; /*border-bottom:1px solid #fff;*/ }

#content p { margin:0 0 15px 0; padding:0; font-size:12px; color:#fff; }
#content a, #content a:visited { color:#adc656; text-decoration:none; }
#content a:hover { text-decoration:underline; }

#content span.slideshows { margin:0 auto; padding:0; display:block; width:650px; height:425px; }

.alignleft { margin:0 20px 0 0; float:left; border:1px solid #a5a5a5;padding:0 }
.desc { font-style:italic; text-transform:uppercase; font-size:11px; }
.info { width:31px; height:13px; background:transparent url(images/btn-info.gif) 0 0 no-repeat; text-indent:-9999px; }
.clear { clear:both; }

#port-blocks { margin:0 20px 0 0; padding:0; float:left; width:220px; }
#port-blocks a.weddings-events { display:block; width:220px; height:320px; background:transparent url(images/img-wedding.jpg) 0 0 no-repeat; text-indent:-9999px; }
#port-blocks a.still-lifes { display:block; width:220px; height:320px; background:transparent url(images/img-still.jpg) 0 0 no-repeat; text-indent:-9999px; }

#port-blocks2 { margin:0; padding:0; float:left; width:220px; }
#port-blocks2 a.commercial { display:block; width:220px; height:320px; background:transparent url(images/img-commercial.jpg) 0 0 no-repeat; text-indent:-9999px; }

#port-blocks-sub { margin:0 20px 0 0; padding:0; float:left; width:220px; font-size:12px; }
#port-blocks-sub2 { margin:0; padding:0; float:left; width:220px; font-size:12px; }
#port-blocks-sub a, #port-blocks-sub2 a { margin:0; padding:10px; display:block; background:#000; width:200px; color:#adc656; text-decoration:none; }
#port-blocks-sub a:hover, #port-blocks-sub2 a:hover { color:#fff; }

table { margin:0; padding:0; width:100%; border-top:2px solid #999; border-bottom:1px solid #999; color:#fff; }
table td, table th { font-size:12px; text-align:center; padding:3px 0; }
table th { border-bottom:1px solid #999; }
table td { border-bottom:1px solid #807f7f; }

ul { margin:-10px 0 15px 0; padding:0; list-style-type:none; font-size:12px; }
ul li { padding:2px 0 2px 15px; background:transparent url(images/icon-square.gif) 0 4px no-repeat; color:#fff; }

#tagline { margin:0; padding:15px 40px 30px 40px; width:700px; background:transparent url(images/bg_bot.gif) bottom left no-repeat; }
#tagline h2 { margin:0; padding:0; display:block; width:173px; height:22px; background:transparent url(images/tagline.gif) 0 0 no-repeat; text-indent:-9999px; }

#footer { margin:0 auto 20px auto; padding:0; width:760px; font-size:10px; color:#535353; }
#footer a, #footer a:visited { color:#999; text-decoration:none; }
#footer a:hover { color:#ccc; }
#footer a.3h { color:#5d5c5c; border-bottom:1px dotted #5d5c5c; }
#footer span { float:right; }

/* Pagination */
#prev-next {list-style:none}
#prev-next #prev {float:left}
#prev-next #next {float:right}

/* Image Alignment */
img.centered {display:block;margin-left:auto;margin-right:auto}
img.alignright {display:inline;margin:0 0 2px 7px}
img.alignleft {display:inline;margin:0 7px 2px 0}
.alignright {float:right}
.alignleft {float:left}

/* Comments */
#comments #commentlist {list-style:none;margin:0 0 1em;padding:0;text-align:justify}
#comments #commentlist li {list-style:none;margin:15px 0 3px;padding:5px 10px 3px}
#comments #commentlist li.alt {background:#EEE}
#comments #commentlist li .avatar {background:#fff;border:1px solid #eee;float:right;padding:2px}
#comments #commentlist cite, #commentlist cite a {font-style:normal;font-weight:bold}
#comments #commentlist p {margin:10px 5px 10px 0}
#comments #commentmetadata {font-weight:normal}
#comments #commentform input.input {border:1px solid #CCC;font-size:1.1em;margin:5px 5px 1px 0;padding:2px;width:170px}
#comments #commentform input.input:hover {background:#EEE}
#comments #commentform textarea {border:1px solid #CCC;padding:2px;width:98%}
#comments #commentform textarea:hover {background:#EEE}
#comments #commentform #submit {}
#comments #commentform p {margin:0 0 .5em}
#comments #allowed-tags strong {display:block}
#comments .nocomments {margin:0;padding:0;text-align:center}
#comments .commentmetadata {display:block;margin:0}

/* Pricing Popup */
.thumbnail{ position:relative; z-index:0; }
.thumbnail:hover{ background-color:transparent; z-index:50; }
.thumbnail span{ /*CSS for enlarged image*/
width:400px; position:absolute; background:#333; filter:alpha(opacity=90); opacity: 0.90; padding:5px; left:-1000px; border:1px solid #666; visibility:hidden; color:#fff; text-decoration:none; }
.thumbnail span img{ /*CSS for enlarged image*/
border-width:0; padding:2px; }
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility:visible; top:0; left:45px; /*position where enlarged image should offset horizontally */ }