/* 
 Theme Name: Joslex Photography
 Description: A custom theme for Joslex Photography
 Author: Joslex Studios
 Author URI: http://www.joslex.com/
 Version: 1.0
 */
 
 
/* Import
-------------------------------------------------------------- */
@import 'css/pact.css';


/* Structure--------------------------------------------------------------*/
html{background:#f0f1f1 url('img/html_bg.jpg') repeat-x;}
body{background:transparent url('img/body_bg.png') repeat-x bottom;width:960px;margin:0 auto;padding:43px 0 76px;}
#mainWrapper{background:#fff;border:#e5e5e5 solid 1px;line-height:1.6em;text-align:left;width:960px;margin:0 -1px;}

/* Typography--------------------------------------------------------------  */
h1,h2,h3,h4,h5,h6{font-family:"Myriad Pro", "Helvetica Neue", Arial,Sans-serif;font-weight:700;text-transform:uppercase;}
h1{font-size:2em;}
h2{font-size:1.8em;}
h3{font-size:1.6em;}
h4{font-size:1.4em;}
h5{font-size:1.2em;}
a{color:#376bb4;text-decoration:underline;}
a:hover{color:#ef4423;}ul,ol{padding-left:0;}

/* Header--------------------------------------------------------------  */
#mainHeader{background:#fff url('img/header_bg.png') repeat-x;border:#fff solid 1px;height:108px;position:relative;z-index:20;margin:-1px -1px 0;padding:0 24px;}
#mainHeader hgroup{float:left;margin-top:36px;}#mainHeader h1 a{color:#000;}
#mainHeader nav{position:absolute;right:0;top:-4px;z-index:10;}#mainHeader nav ul{float:right;}
#mainHeader nav li{background-position:-9999em;background-repeat:no-repeat;float:left;height:105px;text-align:center;margin:0;}
#mainHeader nav li.small{background-image:url('img/nav_small.png');width:64px;}
#mainHeader nav li.medium{background-image:url('img/nav_medium.png');width:92px;}
#mainHeader nav li.large{background-image:url('img/nav_large.png');width:120px;}
#mainHeader nav a{color:#000;display:block;font-size:0.9em;height:105px;line-height:105px;overflow:hidden;text-decoration:none;text-transform:uppercase;margin:0 10px;}
#mainHeader nav li.current_page_item{background-position:left top;}

/* Gallery--------------------------------------------------------------  */
#mainGallery{background:url('img/gallery_bg.jpg') no-repeat;border-top:#000 solid 2px;position:relative;width:840px;margin:0 -1px;padding:50px 61px;}
#mainGallery .wrap{background:#f9f9f9;border:#b3b3b3 solid 1px;margin-bottom:-11px;position:relative;z-index:10;}
#mainGallery .wrap-inside{border:#fff solid 1px;padding:19px;}
#mainGallery .shadow{background:url('img/gallery_shadow.png') no-repeat center;height:21px;margin:0 -60px;padding:0 60px;}
#mainGallery .slide-container{background:#000;overflow:auto;height:533px;width:auto;}
#mainGallery .slide{overflow:hidden;height:533px;width:783px;}
#mainGallery .control{cursor:pointer;display:block;height:533px;position:absolute;text-indent:-9999em;top:69px;width:300px;z-index:20;}
#mainGallery #leftControl{left:9px;background:url('img/control_left.png') no-repeat left center;}
#mainGallery #leftControl:hover,#mainGallery #leftControl:focus{background-image:url('img/control_left_active.png');}
#mainGallery #rightControl{right:9px;background:url('img/control_right.png') no-repeat right center;}
#mainGallery #rightControl:hover,#mainGallery #rightControl:focus{background-image:url('img/control_right_active.png');}
#mainGallery .categories {background:#000;color:#fff;cursor:pointer;display:none;margin-top:20px;text-align:center;text-transform:uppercase; padding:20px 0 0 10px;}
#mainGallery .categories .category{float:left;width:240px;padding:0 10px 10px;}#mainGallery .categories img{display:block;margin-bottom:10px;}

/* Body--------------------------------------------------------------  */
#mainBody{float:left;width:620px;margin:0 0 4em 60px;}
.page-title{background:url('img/gallery_bg.jpg') no-repeat center top;border-top:#000 solid 2px;height:6em;width:840px;margin:0 -381px 4em -61px;padding:0 61px;}
.page-title h1{color:#fff;font-size:2em;line-height:3em;margin:0;padding:0;}
.page-title p{margin:1em 0;}

/* Sidebar--------------------------------------------------------------  */
.sidebar{margin-top:10em;float:right;margin-right:60px;width:160px;}

/* No Sidebar--------------------------------------------------------------  */
.page-template-page-nosidebar-php #mainBody{float:none;margin-right:60px;width:auto;}
.page-template-page-nosidebar-php .page-title{margin-right:-61px;width:auto;}

/* Article--------------------------------------------------------------  */

article{margin-bottom:6em;}article header{margin-bottom:1.5em;border-bottom:1px solid #ddd;padding-bottom:0.8em;}
article header p{color:#999;font-size:0.9em;line-height:1em;font-style:italic;margin:5px 0 0;}
article time{display:inline;}
article img{border:#efefef solid 1px;background:#f9f9f9;padding:9px;}
article footer{border:#efefef solid 1px;background:#f9f9f9;color:#999;font-size:0.9em;margin-top:1.5em;padding:0.4em;}
article footer p{background:no-repeat 0 0.35em;margin-bottom:0;padding:0.1em 0 0.1em 20px;}
article footer .pages{background-image:url('icons/page_green.png');}
article footer .tags{background-image:url('icons/tag_blue.png');}
article footer .categories{background-image:url('icons/folder.png');}
article footer .edit-post{background-image:url('icons/pencil.png');}
article .alignleft{margin:0 1em 1em 0;}
article .alignright{margin:0 0 1em 1em;}
section.comments-type ul.children{margin-left:10%;}
section.comments-type ul.children section{border-top:1px solid #ccc;}
section.comments-type section{border:1px solid #ccc;border-radius:.25em;-moz-border-radius:.25em;-webkit-border-radius:.25em;margin:0 0 1em;padding:1em;}
section.comments-type section header{margin-bottom:.5em;}
section.comments-type section header .avatar{border:1px solid #ccc;float:right;margin:0 0 .5em .5em;padding:3px;}
section.comments-type section header cite{display:inline;font-size:1.25em;font-style:normal;line-height:1.5em;margin-right:.75em;}
section.comments-type section header p{display:inline;height:2.16em;font-size:.9em;line-height:2.16em;}
section.comments-type section footer{visibility:hidden;clear:left;font-size:.9em;text-align:right;padding:0;}
section.comments-type section:hover footer{visibility:visible;}
section#respond form label{display:block;font-size:1em;font-weight:400;margin-top:1em;}
section#respond form input[type="text"],section#respond form input[type="email"],section#respond form input[type="url"],section#respond form textarea{display:block;width:75%;height:1.75em;font-family:Arial, Verdana, sans-serif;font-size:1em;border-radius:.25em;-moz-border-radius:.25em;-webkit-border-radius:.25em;padding:.25em .5em;}
section#respond form textarea{width:94%;height:10em;padding-bottom:.5em;}
section.comments-type section#respond{border-top:1px solid #ccc;margin:0 0 0 10%;padding:2em 0;}
section.comments-type #cancel-comment-reply-link{display:inline;font-size:1em;}
#searchform .screen-reader-text{margin-right:0.5em;}
#searchform #s{border-radius:0.25em;-moz-border-radius:0.25em;-webkit-border-radius:0.25em;font-size:1.2em;height:1.75em;line-height:1.75em;padding:0 0.5em;}
.sidebar aside{margin-bottom:4em;}
.sidebar aside h1{background:url('img/widget_title_bg_sm.png') no-repeat center bottom;margin-bottom:0;padding-bottom:25px;text-transform:uppercase;}
.sidebar aside li{margin-left:-1.5em;}
.widget li{background:url('img/ico_arrow.png') 0 1.1em no-repeat;border-top:#e5e5e5 solid 1px;padding:0.5em 0 0.5em 1.5em;}
.widget li:first-child{border:0;}.widget_socialmediawidget a{color:#000;float:left;font-size:0.9em;text-transform:uppercase;margin:0 1em;}
.widget_socialmediawidget a img{display:block;margin:0 auto;}
.widget_contactwidget fieldset{border:0;margin:0;padding:0;}
.widget_contactwidget .form-label{clear:both;float:left;padding-top:0.6em;width:70px;}
.widget_contactwidget input.text,.widget_contactwidget textarea{background:#f5f5f5;width:178px;}
.widget_contactwidget input.text.error,.widget_contactwidget textarea.error{background:#FBE3E4;border:#FBC2C4 solid 2px;width:176px;}
.widget_contactwidget textarea{height:80px;}
.widget_contactwidget textarea.error{width:165px;}
.widget_contactwidget input.button{background:#000 url('img/button.png') repeat-x;border:#000 solid 1px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;box-shadow:#333 1px 1px 4px;-moz-box-shadow:#333 1px 1px 4px;-webkit-box-shadow:#333 1px 1px 4px;color:#fff;cursor:pointer;font-weight:700;height:2.5em;line-height:2em;margin-left:70px;text-transform:uppercase;padding:0 1em;}

/* Home Widgets--------------------------------------------------------------  */
#homeWidgets{clear:both;padding:0 45px;}
#homeWidgets aside{float:left;width:260px;margin:0 15px 60px;}
#homeWidgets aside h1{background:url('img/widget_title_bg.png') no-repeat center bottom;margin-bottom:15px;padding-bottom:25px;text-transform:uppercase;}
.wpcf7-form textarea{width:100%; height:150px;}
.wpcf7-form p{margin:0 0 5px 0; padding:0;}
.wpcf7-form textarea, input{border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;box-shadow:#efefef 1px 1px 4px;-moz-box-shadow:#efefef 1px 1px 4px;-webkit-box-shadow:#efefef 1px 1px 4px;}

/* Footer Widgets--------------------------------------------------------------  */
#footerWidgets{background:url('img/footer_widgets_bg.png') no-repeat center top;clear:both;padding:20px 45px;}
#footerWidgets aside{float:left;height:100px;width:260px;margin:0 15px;}
#footerWidgets .widget_socialmediawidget{height:74px;width:234px;padding:26px 0 0 26px;}
#footerWidgets a{text-decoration:none;}

/* Footer--------------------------------------------------------------  */
#mainFooter{background:url('img/footer_bg.png') repeat-x bottom;border:#fff solid 1px;border-top-color:#000;clear:both;min-height:15px; position:relative; margin:0 -1px -1px; padding:20px 0 54px;}
#mainFooter nav li{display:inline;font-size:0.9em;text-transform:uppercase;padding:0 1.5em;}
#mainFooter .copyright{background:url('img/copyright_shadow.png') repeat-x bottom;bottom:-57px;left:399px;padding-bottom:53px; position:absolute;width:160px;margin:0 auto;}
#mainFooter .copyright p{background:#000 url('img/copyright_bg.png') repeat-x;border:#000 solid 1px;color:#aeaeae;display:block;font-size:0.9em;line-height:1.2em; text-align:center;text-transform:uppercase;margin:0;padding:0.75em 1em 0.5em;}
h6,#mainHeader h2{font-size:1em;}
#mainHeader h1,article header h1{margin:0;}
#mainHeader nav a:hover,.page-title h1 a:hover,article header h1 a:hover,.widget li a:hover,#footerWidgets a:hover,#mainFooter nav a:hover{text-decoration:underline;}
#mainHeader nav li.current_page_item a,.page-title h1 a{color:#fff;text-decoration:none;}
#mainGallery .categories .slides,.widget_contactwidget .information,.widget_contactwidget legend,.widget_contactwidget .form-option{display:none;}
article header h1 a,.widget li a,#mainFooter nav a{color:#000;text-decoration:none;}
section.comments-type,section#respond{margin-top:4em;}
section.comments-type h1,section#respond h1{font-size:1.4em;margin-bottom:.4em;}
section.comments-type ul,.widget ul{list-style:none;margin:0;padding:0;}
section.comments-type li,#mainFooter nav ul{margin:0;padding:0;}
section.comments-type section footer span,.widget_contactwidget .form-input{float:left;}
section#respond button,#searchform #searchsubmit{background:#000 url('img/button.png') repeat-x;border:#000 solid 1px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;box-shadow:#333 1px 1px 4px;-moz-box-shadow:#333 1px 1px 4px;-webkit-box-shadow:#333 1px 1px 4px;color:#fff;cursor:pointer;font-weight:700;height:2.5em;line-height:2em;text-transform:uppercase;padding:0 1em;}
#searchform,.widget_socialmediawidget,#mainFooter nav{text-align:center;}

/* Image Cart--------------------------------------------------------------  */
.cartMenu{background:#f0f0f0; border:#ccc solid 1px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; padding:4px; margin:0 0 20px;}
.cartMenu a{margin:0 5px;}
#imagedisplay td{vertical-align:top;}
#imagedisplay img{background:none;}
.pad{padding-top:20px;)