/*
Theme Name: Joanne West Photography
Description: Joanne West Photography WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.0
Author: ProWebby
Author URI: http://portfolio.prowebby.in/
*/


/* Begin Typography & Colors */
body { font-size:0.75em; font-family: Arial, Verdana, sans-serif; background-color:#000; color:#E2E2E2; margin:0; padding:0; }

/* Begin Various Tags & Classes */
small { font-family: Arial, Helvetica, sans-serif; font-size:0.9em; line-height:1.5em; }
h1, h2, h3 { font-weight:bold; padding:0; margin:0; text-transform:uppercase; }
h1 { font-size:4em; text-align:center; }
h2 { font-size:1.4em; }
h3 { font-size:1.2em; letter-spacing:-0.02em; word-spacing:2px; }

h1, h1 a, h1 a:hover, h1 a:visited, h3, h3 a, h3 a:hover, h3 a:visited { text-decoration:none; color:white; }
h2, h2 a, h2 a:hover, h2 a:visited, cite { color: #acacac; text-decoration:none; }
h2 a:hover, h3 a:hover { color:white }

p { margin: 15px 0;}
a { color:#F2F2F2; text-decoration:none; }
a:hover { color:#FFF; text-decoration:underline; }
a img { border:none; }
ul, ol { margin:0; padding:0 }
li { margin:0; padding:0; float:left; list-style-image:none; list-style-position:outside; list-style-type:none; }
table { padding:0 }

input, textarea { background-color:#433F40; border:none; color:#D2D2D2; font-family:arial,helvetica,sans-serif; font-size:1em; padding:4px; width:370px; }

.f-right { float:right; }
.f-left { float:left; }
.a-center { text-align:center; }
.a-right { text-align:right; }
.a-left { text-align:left; }
.hidden { display: none; }
/* End Various Tags & Classes*/
/* End Typography & Colors */


/* Begin Header */
#page { background-color:#000; margin: 0; padding:0; width:100%; }
#header-wrap1 { background-color: #231F20; border-bottom:2px solid #B1B3B6; margin: 0; padding: 0; height: 90px; position: relative; z-index: 1 }
#header-wrap2 { background: transparent url('i/header-bg.png') no-repeat top center; width:960px; margin: 0 auto; height: 90px }
#headerimg { float:left; position:relative; top:35px; }

/* Begin Top Menu */
#menu-nav { float:right; margin-top: 55px; }
#menu-nav a { text-transform: uppercase; }
#menu-main { margin:0 auto; width:auto; }
#menu-main a { font-weight:bold; }
#menu-main a:hover, #menu-sub1 a:hover { text-decoration:none; }
#menu-main li.page_item { margin: 0 0 0 2px; padding: 3px 7px; border-right: 1px solid #fff; line-height:11px; }
#menu-main li.page-item-20 { border-right:none; }
#menu-main li.current_page_item { background-color:#000; }
#menu-main li:hover { background-color:#000; }
/* End Top Menu */

/* Begin Sub Menu */
#menu-main li:hover #menu-sub1 { display:block }
#menu-sub1 { float:left; clear:none; height:0; width:0; position:absolute; margin:3px 0 0 -7px; display:none; }
#menu-sub1 li.cat-item { background-color:#3F3738; clear:both; line-height:12px; margin:0; padding:6px 15px 7px; width:110px; }
#menu-sub1 li.current-cat { background-color:#000; }
#menu-main li:hover #menu-sub1 li:hover { background-color:#000; }
#menu-main li:hover #menu-sub1 li:hover ul.children li:hover { background-color:#3F3738; }
#menu-sub1 li:hover > ul.children { display:block }
ul.children { float:left; height:0; width:0; position:absolute; margin:-18px 0 0 125px; display:none; }
#menu-sub1 ul.children li.cat-item { background-color:#000; }
#menu-sub1 ul.children li.current-cat { background-color:#3F3738; }
/* End Sub Menu */
/* End Header */


/* Begin Main Structure */
#main-wrap { width: 960px; margin: 0 auto; background: #000 url('i/main-bg.jpg') repeat-y top center; padding:0; position: relative; z-index: 0; }

#content { font-size: 1em; min-height: 600px; }
.individual { clear:both; width:484px; margin: 0 auto }

/*	Begin Headers */
h2.section-title { background: url('i/title-bottom.png') no-repeat center bottom; padding:20px 0 30px; margin-bottom:15px }
h2.image-caption { font-size:1.2em; margin-bottom:25px; letter-spacing:-1px; }
/* End Headers */

/* Begin Images */
.image-wrap, .image-wrap4 { float:left; margin: 0 34px 34px 0 }
.image-wrap4 { margin-right:0 }
.image div { margin: 5px auto; width:214px; height:219px }
.image img { border:#231f20 7px solid; display: block; margin: 0 auto 5px; }

#navigation { clear:both; padding:20px 0 }
#navigation a, #navigation span { margin:0 7px; color:#716568 }
#navigation a.page, #navigation a.first, #navigation a.last, #navigation span.first, #navigation span.last { color:#fff; font-weight:bold }
#navigation a.previouspostslink img, #navigation a.nextpostslink img { position:relative; top:3px }
#navigation span.sep, #navigation span.extend { margin:0 }

/* End Images */
/* End Main Structure */


/* Begin Footer */
#footer-top { background: transparent url('i/footer-bg.png') no-repeat top center; margin: 5px 0 0; padding: 0; height: 42px; clear: both; position: relative; z-index: 2 }

#footer { background-color: #231F20; margin: 0; padding: 0; clear: both; text-align: center; position: relative; z-index: 3 }
#footer-menu { padding: 10px 0; clear:both; float:left; margin:0 auto; width:100%; }
#menu-foot { margin:0 auto; width:560px; }
#menu-foot li.page_item { margin: 0 0 0 2px; padding: 1px 7px; border-right: 1px solid #fff; line-height:9px; }
#menu-foot li.page-item-20 { border-right:none; }
#menu-foot li.current_page_item { font-weight:bold; }
#menu-foot a { text-transform:uppercase }
#footer p { margin: 0; padding: 10px 0 0; }
/* End Footer */


/* Begin Home */
#slideshow { width:452px; height:452px; clear:both; margin: 25px auto 10px; padding:0 }
.slide { display:none; width:452px; height:452px; margin:0; padding:0 }
.slide#first { display:block }
.slide img { display:block; margin: 0 auto 10px; border:10px solid #231F20; }
/* End Home */


/* Begin Bio */
.page-template-bio-php table { height: 920px; background: url('i/bio-bg.png') no-repeat center center; }
.page-template-bio-php table td { padding:10px; }
.page-template-bio-php table .wp-caption { margin:0; text-align:right }
.page-template-bio-php table img { border:#231F20 5px solid; max-width:141px; }
.page-template-bio-php table p.wp-caption-text, .page-template-bio-php table .wp-caption-dd { margin:5px 0 30px; text-align:center }
/* End Bio */


/* Begin Single Image */
.prevthumb, .curthumb, .nextthumb { float:left; }
.prevthumb img.wp-post-image, .curthumb img.wp-post-image, .nextthumb img.wp-post-image { border:#231f20 10px solid; }
.prevthumb, .nextthumb { width:238px; height:332px; position:relative; overflow:hidden; }
.prevwrap, .prevwrap img.wp-post-image { float:right }
.curthumb { width:484px; text-align:center; }
.prevoverlay, .nextoverlay { background:transparent; position:relative; top:-332px; }
.prevoverlay div { position:relative; text-align:right; left:-40px }
.nextoverlay div { position:relative; left:40px }

h2.image-title { font-size:1.2em; text-align:center; text-transform:none; padding:15px 0; }
a#order { background:url('i/order.png') no-repeat left center; padding:2px 7px; }
a#canvas { background:url('i/order.png') no-repeat left center; padding:2px 4px 2px 3px; }
/* End Single Image */


/* Begin Shows */
#post-13 table td { vertical-align:top; width:70% }
#post-13 img { margin-left:30px; max-width:200px }
/* End Shows */


/* Begin Links */
li.linkcat { clear:both; margin:35px 0 0; width:100%; }
li.linkcat h2 { font-size:1.2em; margin-bottom:10px; }
li.linkcat ul.blogroll { margin-left:25px; }
li.linkcat ul.blogroll li { clear:both; list-style-type:decimal-leading-zero; margin:5px 0; width:100%; }
/* End Links */