/*
Theme Name: Photopia
Theme URI: http://demo.themecobra.com/photopia
Author: ThemeCobra
Author URI: http://themecobra.com
Version: 2.0.5
License URI: http://www.gnu.org/copyleft/gpl.html
Description: Photopia is a large format photography theme.
Tags: custom-menu, featured-images, theme-options
*/

/* 

Contents:

01. CSS Reset
02. Font Families
03. Background Textures
04. Global Styles
05. Load Sprite
06. Main container sizes and backgrounds
07. Top (Tagline & Navigation)
08. Header (Logo & Search)
09. Archives (Home, Search Results, Paginations)
10. Single Posts + Pages
11. Archive & Search Results
12. Pages only
13. Footer
14. 404
15. CSS3 Curved Box Shadows 
16. Comments
17. Sidebar aka Widgets 
18. Styles required by WordPress Theme Checker

*/

/* ------------------------------------------------ */
/* 1. Reset */
/* ------------------------------------------------ */

/* Yahoo Style Reset Code licensed under the BSD License: http://developer.yahoo.com/yui/license.html version: 2.8.1 */
html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/* ------------------------------------------------ */
/* 2. Fonts Families */
/* ------------------------------------------------ */

body,
.contentTitle,
.contentContent,
#archiveHeader #archiveCount,
#toggleSearchNavigation #searchMobile #searchMobileForm #searchMobileField,
#archiveResults .archivePost .archiveTitle a 
{font-family: 'Merriweather', Georgia, Serif;}

#top #tagline,
#header #logo,
#content .post .date,
#footer,
.contentDate,
#archiveHeader #archiveTerm,
.contentContent blockquote,
.contentContent .wp-caption,
.commentContentDate
{font-family: Palatino, Georgia, Serif;}

/* ------------------------------------------------ */
/* 3. Background Textures */
/* ------------------------------------------------ */

/* Tip: Simply replace these files in the themes /img folder and keep the same file names! */

html {background: #F2F2F2 url(./img/bgBrowser.jpg) repeat;}
#topHolder, #top #navigation  ul li ul, #top #navigation  ul li ul li a {background: #2d3032 url(./img/bgTop.jpg) repeat !important;}
#footerHolder {background: url(./img/bgFooter.png) repeat;}

/* ------------------------------------------------ */
/* 4. Global Styles */
/* ------------------------------------------------ */

html, body {margin: 0; padding: 0; height: 100%;}
body {color: #FFF; line-height: 100%; text-shadow: 0 1px 0 #FFF;}
*:focus, textarea, input  {outline: none;}  
.clear {clear: both;}
a, a:active, a:hover, a:visited {color: #969da1; text-decoration: none;}

/* Background gradients on buttons */
#browsing a,#pbd-alp-load-posts a, #comments #respond input#submit
{background-color:#f4f4f4;background:-webkit-gradient(linear,0 0,0 100%,from(#f9f9f9),to(#f4f4f4));background:-webkit-linear-gradient(top,#f9f9f9,#f4f4f4);background:-moz-linear-gradient(top,#f9f9f9,#f4f4f4);background:-ms-linear-gradient(top,#f9f9f9,#f4f4f4);background:-o-linear-gradient(top,#f9f9f9,#f4f4f4)}


/* ------------------------------------------------ */
/* 5. Load 1600 Spite for certain elements*/
/* ------------------------------------------------ */

/* Tip: All other sprites are loaded in the styles/mediaqueries.css file */

#header #search,
#header #search #searchForm #searchButton,
.contentContent blockquote,
.post-tags a .text, .post-tags a .end, .post-tags a:hover span.text, .post-tags a:hover span.end
{background: url(./img/Sprite1600.png) no-repeat top left;}

/* ------------------------------------------------ */
/* 6. Main container sizes and backgrounds */
/* ------------------------------------------------ */

/* Holders */
#wrapper {min-height:100%;position:relative;}
#topHolder {border-bottom: #FFF 1px solid;}
#headerHolder {}
#contentHolder {}
#footerHolder {position:absolute;bottom:0;left:0;border-top: 1px solid rgb(255, 255, 255);  border-top: 1px solid rgba(255, 255, 255, .5); -webkit-background-clip: padding-box; background-clip: padding-box;}

/* Set main width and center DIVS */
#top {width: 1470px; margin: 0 auto; display: block;}
#header, #browsing, #sidebar, #footer {width: 1440px; margin: 0 auto; display: block;}
#content {width: 1470px; margin: 0 auto; display: block; padding-bottom: 70px;}
#content .post {width: 1440px; padding: 15px; margin-bottom: 80px;}

/* ------------------------------------------------ */
/* 7. Top */
/* ------------------------------------------------ */

/* Top: Container styling */
#topHolder {height: 90px;} /* For 1600 view */
#top {padding: 0;} /* For 1600 view */
#mobileOnly {display: none;}
#top #tagline {float: left; padding: 32px 0 0 15px; text-shadow: none;}
#top #tagline .taglineHighlight {color: #00c2ff;}
#top #navigation {float: right;}
#top #navigation  ul { margin: 0; padding: 0; list-style: none; text-shadow: none;}
#top #navigation  ul li {display: block; position: relative; float: left;}
#top #navigation  li ul {display: none;}
#top #navigation  ul li a {color: #969da1; text-decoration: none; font-size: 20px; line-height: 20px; height: 58px; } /* For 1600 view */
#top #navigation  ul li a { display: block;text-decoration: none; padding: 32px 20px 0 20px;white-space: nowrap;}
#top #navigation  ul li a:hover {color: #f4f4f4; background: url(./img/nav.png) repeat-x top left; background-position: 0 0px; }
#top #navigation  li:hover a {color: #fff; background: url(./img/nav.png) repeat-x top left; background-position: 0 0px; }
#top #navigation  li:hover ul {display: block; position: absolute; z-index: 1000;}
#top #navigation  li:hover li {float: none;}
#top #navigation  ul li ul {    box-shadow: 0 0px 30px -5px #232323;-moz-box-shadow: 0 0px 30px -5px #232323;-webkit-box-shadow: 0 0px 30px -5px #232323} /* Child menu background set at top of stylesheet */
#top #navigation  ul li ul li {padding: 0;border-top: 1px solid rgb(255, 255, 255);  border-top: 1px solid rgba(255, 255, 255, .05); border-bottom: 1px solid rgb(0, 0, 0); border-bottom: 1px solid rgba(0, 0, 0, .1); -webkit-background-clip: padding-box;background-clip: padding-box; } /* Child list item background set at top of stylesheet */

#top #navigation  ul li ul li:hover {padding: 0;border-top: 1px solid rgb(61, 201, 245); border-top: 1px solid rgba(51, 201, 245, 1);border-bottom: 1px solid rgb(0, 178, 234); border-bottom: 1px solid rgba(0, 178, 234, 1);}
#top #navigation  ul li ul li a {color: #969da1 !important; height: 20px; padding: 20px 20px;}
#top #navigation  ul li ul li:hover a {background: #00c2ff;} /* Parent when hovering on child item */
#top #navigation  li:hover li a:hover {background: #00c2ff !important; color: #f4f4f4  !important;} /* Child item hover */
#top #navigation  ul li ul li a { } /* Child item */
#top #navigation  ul li ul li ul li {display: none;}

/* Top: Font styling */

#top {}
#top #tagline {color: #969da1; font-size: 24px; line-height: 24px; font-style: italic;} /* For 1600 view */
#top #tagline .taglineHighlight {color: #00c2ff;}
#top #navigation ul li.active a {color: #f4f4f4;}

/* ------------------------------------------------ */
/* 8. Header */
/* #header #logo img {display: block; height: 96px; width: auto !important;} */
/* ------------------------------------------------ */

#header {}
#header #logo {float: left; height: 100px; margin: 50px 0;}
#header #logo img {display: block; height: auto; width: auto !important;}
#header #logo h1 a {color: #2d3032;font-size: 55px; line-height: 60px; font-style: italic; font-weight: bold; letter-spacing: -2.5px;}
#header #logo h1.logoText {padding-top: 15px;}
#header #search {float: right;margin: 70px 0;width: 331px; height: 61px;  background-position: 0 0; overflow:hidden;}
#header #search #searchForm {width: 331px; height:61px; background: none; padding: 0; overflow: hidden;  margin: 15px 0 0 25px;}
#header #search #searchForm #searchField {width:250px; height: 34px; margin: 0; padding: 0 0 2px 0; background: none; border:none; vertical-align: top}
#header #search #searchForm #searchButton{width: 34px; height: 34px; display: inline-block; background-position: 0 -80px !important; border: none !important;}
#header #search #searchForm #searchButton:hover {cursor: pointer;}
#header #search #searchForm #searchField {color: #969da1; font-size: 20px;line-height: 20px;}

/* ------------------------------------------------ */
/* 9. Archives */
/* ------------------------------------------------ */

/* Responsive Hack */
.photo-1440, .photo-1150, .photo-940, .photo-690, .photo-290 {display: none;}

/* The Loop */
#content .post {width: 1440px;  margin: 0 auto 70px auto;padding: 15px; background: #FFF;  -moz-box-shadow:0px 0px 1px 1px #d5d5d5;  -webkit-box-shadow:0px 0px 1px 1px #d5d5d5; box-shadow:0px 0px 10px 0px #E4E4E4; }
#content .post .photo {margin-bottom: 18px;}
#content .post .title {display: block; width: 100%; text-align: center;margin-bottom: 5px;}
#content .post .title h3 {}
#content .post .title h3 a {color: #4d5154; font-size:36px; line-height: 36px; font-weight: bold; letter-spacing: -1px; text-decoration: none;}
#content .post .date {color: #969da1; font-size: 20px; line-height:20px; font-style: italic;}
#content .post .date {display: block; width: 100%; text-align: center;}
#content .post:hover a {color: #00c2ff !important;}
#content .post img {width: 1440px; height: auto !important; opacity: 1;}
#content .post:hover img {opacity: 0.9;   }

/* Pagination Numbered */
#browsing a, #browsing .current, #pbd-alp-load-posts a {font-size: 18px;line-height: 18px; padding: 5px; -moz-box-shadow:0px 0px 1px 1px #d5d5d5; border-top: 1px solid #FFF; border-bottom: 1px solid #cecfd0; border-radius: 7px; border-right-radius: 0; -moz-border-radius: 7px; -moz-border-right-radius: 0; -webkit-border-radius: 7px; 
  -webkit-border-right-radius: 0; -o-border-radius: 7px; -o-border-right-radius: 0;  -webkit-box-shadow:0px 0px 1px 1px #d5d5d5; box-shadow:0px 0px 2px 0px #d5d5d5; text-shadow: 0 1px 0 #FFF;text-decoration: none; color: #969da1;}
#browsing {}
#browsing a:hover {background: #FCFCFC; color: #00c2ff;}
#browsing .browseNav {width: 100%; }
#browsing .browseNavLeft {float: left; width: 20%;text-align: left;}
#browsing .browseNavMid {float: left;width: 60%; text-align: center; }
#browsing .browseNavMid a, #browsing .current {display: inline-block; margin: 0 5px; width: 45px; text-align: center; padding: 12px 0;}
#browsing .browseNavRight {float: right; width: 20%; text-align: right;}
#browsing .browseNavRight a, #browsing .browseNavLeft a {display: inline-block; width: 125px; padding: 12px 0; text-align: center; margin: 0 !important;}

#browsing .current {  background: none; Opacity: 0.; box-shadow:inset 0 0 5px #ddd;-moz-box-shadow:inset 0 0 5px #ddd; border-bottom: 1px solid #FFF; border-top: 1px solid #cecfd0}

/* Pagination AJAX */
#pbd-alp-load-posts {width: 100%; text-align: center;}
#pbd-alp-load-posts a {font-size: 20px; width: 470px; height: 20px; padding: 20px 0; display: block; margin: 0 auto;}
#pbd-alp-load-posts a:hover {background: #FCFCFC; color: #00c2ff;}

/* ------------------------------------------------ */
/* 10. Single Posts + Pages */
/* ------------------------------------------------ */

#content {color: #2d3032;}

/* Featured image & images in post shared styleds */
.contentFeatured img, .contentContent img {padding: 15px; background: #FFF;  -moz-box-shadow:0px 0px 1px 1px #d5d5d5;  -webkit-box-shadow:0px 0px 1px 1px #d5d5d5; box-shadow:0px 0px 10px 0px #E4E4E4;}

/* Featured Image */
.contentFeatured .photo {margin-bottom: 40px;}
.contentFeatured .photo img {width: 1440px !important; height: auto !important;}

/* Set width for content & images offset to left */
.contentTitle, .contentDate, .contentContent, .contentTags {width:  960px; margin:  0 auto;}

/* Title and Date */
.contentTitle {color: #4d5154; font-weight: 700; font-size: 55px; line-height: 60px; letter-spacing: -1px; margin-bottom: 10px;}
.contentDate {color: #969da1;  font-size: 24px; line-height: 24px; font-style: italic; margin-bottom: 16px;}

/* Heading Styles */
.contentContent h2 {font-size: 36px; line-height: 42px; margin: 72px 0 36px 0;font-weight: 700; display: block;}
.contentContent h3 {font-size: 28px; line-height: 32px; margin: 56px 0 28px 0;font-weight: 700; display: block;}

/* Images & captions in the content */
.contentContent p {}
.contentContent p img {margin-top: 38px }
.contentContent p img.aligncenter {width: 1440px; height: auto; position: relative; left: -255px; display: block;margin-top: 38px}
.contentContent .wp-caption img {max-width: 930px;height: auto;}
.contentContent .wp-caption {max-width: 960px; margin-top: 38px}
.contentContent .wp-caption.aligncenter img {max-width: none; width: 1440px !important}
.contentContent .wp-caption.aligncenter {max-width: none; width: 1470px !important; height: auto; position: relative; left: -255px; display: block;}
.contentContent .wp-caption p {position:relative;z-index: 100 !important; background: #FFF; width: 100%;display: block;  padding: 0 0 5px 0; display: block; margin: -25px 0 20px 0;  vertical-align: bottom; text-align: center; color: #969da1; font-style: italic; font-size: 20px; }
.contentContent .alignleft, .contentContent .wp-caption.alignleft  {float: left; margin: 0 15px 15px 0;}
.contentContent .alignright, .contentContent .wp-caption.alignright  {float: right; margin: 0 0 15px 15px;}

/* Links */
.contentContent p a, .contentContent p a:hover{}
.contentContent .contentDate a:hover {}
.contentContent p a {color: #00c2ff; border: none; }
.contentContent p a:hover {color: #00c2ff; background: url(./img/dot.gif) repeat-x top left; background-position: 0 27px;}
.contentDate a {color: #969da1; border: none; border-bottom: none}
.contentDate a:hover {color: #00c2ff; border: none; border-bottom: 1px solid #00c2ff}
.contentContent p a:visited, .contentDate a {color: #969da1;}

/* Content General */
.contentContent {color: #2d3032; font-weight:300; font-size: 24px; line-height: 40px; letter-spacing: -0.1px;}
.contentContent p {margin-bottom: 20px;}

/* Content Blockquotes */
.contentContent blockquote {font-style: italic; color: #969da1; font-size: 40px; line-height: 50px;  letter-spacing: -1px; margin: 30px 0; padding: 10px 0 0 110px;  background-position: 0 -260px !important;}
.contentContent  ol, .contentContent  ul {margin: 0 0 20px 25px;}
.contentContent  ol li {list-style-type: decimal; padding: 0 0 5px 5px;margin-left: 5px;}
.contentContent  ul li {list-style-type: circle; padding: 0 0 5px 5px; }
.contentContent  i, .contentContent  em {font-style: italic}
.contentContent  hr {border: none; border-bottom: 1px dotted; margin: 20px 0; }
.contentContent  del {text-decoration: line-through;}
.contentContent b, .contentContent strong {font-weight: 700;}

/* CSS3 Tags on post pages */
.tags{padding:20px 0 0 0;margin: 0}
.tagSpacer{display:inline-block}
.custom {width:960px;margin:0 auto; padding-left: 20px;}
.tags a:focus{outline:0}
.tags a{background-color:#f4f4f4;background:-webkit-gradient(linear,0 0,0 100%,from(#f9f9f9),to(#f4f4f4));background:-webkit-linear-gradient(top,#f9f9f9,#f4f4f4);background:-moz-linear-gradient(top,#f9f9f9,#f4f4f4);background:-ms-linear-gradient(top,#f9f9f9,#f4f4f4);background:-o-linear-gradient(top,#f9f9f9,#f4f4f4);-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.5) inset;-moz-box-shadow:0 1px 0 rgba(255,255,255,.5) inset;box-shadow:0 1px 0 rgba(255,255,255,.5) inset;border-bottom:1px solid #d3d5d6!important;border-left:0;position:relative;display:inline-block;margin:0 35px 15px 0;font-size:18px;padding:11px 12px 9px 2px;color:#9da3a7;height:18px;text-decoration:none;-moz-box-shadow:3px 3px 3px -3px #e4e4e4;-webkit-box-shadow:3px 3px 3px -3px #e4e4e4;box-shadow:3px 3px 3px -3px #e4e4e4;border-top:1px solid #fff!important}
.tags a:before{background-color:#f4f4f4;background:-webkit-gradient(linear,0 0,0 100%,from(#f9f9f9),to(#f4f4f4));background:-webkit-linear-gradient(top,#f9f9f9,#f4f4f4);background:-moz-linear-gradient(top,#f9f9f9,#f4f4f4);background:-ms-linear-gradient(top,#f9f9f9,#f4f4f4);background:-o-linear-gradient(top,#f9f9f9,#f4f4f4);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);filter:progid:dximagetransform.Microsoft.Matrix(m11=0.7071067811865476,m12=-0.7071067811865475,m21=0.7071067811865475,m22=0.7071067811865476,sizingmethod='auto expand');zoom:1;-webkit-box-shadow:1px 0 0 rgba(255,255,255,.5) inset;-moz-box-shadow:1px 0 0 rgba(255,255,255,.5) inset;box-shadow:1px 0 0 rgba(255,255,255,.5) inset;content:'';z-index:-1;position:absolute;height:26px;width:26px;left:-14px;top:6px;border:1px solid;border-right:0;border-top:0;border-bottom:1px solid #d3d5d6!important;border-left:1px solid #fff!important}
.tags a:hover{background-image:none;background:#fcfcfc;color:#00c2ff}
.tags a:hover:before{background-image:none;background:#fcfcfc;color:#00c2ff}
.tags a:active{background-image:-moz-linear-gradient(top,rgba(0,0,0,.14) 0,rgba(255,255,255,.12) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.14)),color-stop(100%,rgba(255,255,255,.12)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.14) 0,rgba(255,255,255,.12) 100%);background-image:-o-linear-gradient(top,rgba(0,0,0,.14) 0,rgba(255,255,255,.12) 100%);background-image:-ms-linear-gradient(top,rgba(0,0,0,.14) 0,rgba(255,255,255,.12) 100%);background-image:linear-gradient(top,rgba(0,0,0,.14) 0,rgba(255,255,255,.12) 100%)}
.tags a:active:before{background-image:-moz-linear-gradient(-45deg,rgba(0,0,0,.14) 0,rgba(255,255,255,.12) 100%);background-image:-webkit-gradient(linear,left top,right bottom,color-stop(0,rgba(0,0,0,.14)),color-stop(100%,rgba(255,255,255,.12)));background-image:-webkit-linear-gradient(-45deg,rgba(0,0,0,.14) 0,rgba(255,255,255,.12) 100%);background-image:-o-linear-gradient(-45deg,rgba(0,0,0,.14) 0,rgba(255,255,255,.12) 100%);background-image:-ms-linear-gradient(-45deg,rgba(0,0,0,.14) 0,rgba(255,255,255,.12) 100%);background-image:linear-gradient(-45deg,rgba(0,0,0,.14) 0,rgba(255,255,255,.12) 100%)}
.tags .inset{color:rgba(0,0,0,.5);text-shadow:0 1px 0 rgba(255,255,255,.5)}

/* Comments found at bottom */

/* ------------------------------------------------ */
/* 11. Archive & Search Results */
/* ------------------------------------------------ */

#archiveHeader {display: block; margin: 5px 0 40px 15px;}
#archiveHeader #archiveCount {color: #4d5154; font-weight: 700; font-size: 55px; line-height: 55px; letter-spacing: -1px; margin-bottom: 10px;}
#archiveHeader #archiveTerm {color: #969da1; font-size: 24px; line-height: 24px; font-style: italic;}
#content {overflow: hidden;}
#archiveResults {margin-bottom: 30px;  width: 1600px;}
#archiveResults .archivePostHolder {display: inline-block; width: 720px; padding: 0; margin: 0 26px 45px 0; vertical-align: top;}
#archiveResults .archivePost {width: 690px; background: #fff; padding: 15px 15px 0 15px; -webkit-box-shadow:0px 0px 1px 1px #d5d5d5; box-shadow:0px 0px 10px 0px #E4E4E4; }
#archiveResults .archivePost img {margin-bottom: 0; height: auto; width: 100%;}
#archiveResults .archivePost .archiveThumb {margin-bottom: 0;}
#archiveResults .archivePost .archiveTitle {text-align: center;  vertical-align: top; }
#archiveResults .archivePost .archiveTitle a {font-size: 24px;  line-height: 24px; color: #4d5154; font-weight: bold; display: block; padding: 8px 0 10px 0;}
#archiveResults .archivePost .archiveTitle a:hover {}
#archiveResults .archivePost:hover a {}
#archiveResults .archivePost img {opacity: 1;}
#archiveResults .archivePost:hover img {opacity: 0.9;}

/* ------------------------------------------------ */
/* 12. Page Only Styles */
/* ------------------------------------------------ */

/* Add yours here */

/* ------------------------------------------------ */
/* 13. Footer */
/* ------------------------------------------------ */

#contentHolder {padding-bottom:90px; }  /* Height of the footer */
#footerHolder {height: 90px; width: 100%; position: absolute;}
#footer {padding-top: 32px;color: #62676a;font-size: 24px;line-height: 24px;font-style: italic; text-shadow:1px 0px 0 #EEE;}
#footer a {color: #62676a; background: url(./img/dotted.gif) repeat-x top left; background-position: 0 23px;}
#footer a:hover {color: #00c2ff;background: url(./img/dot.gif) repeat-x top left; background-position: 0 23px;}
#copyright {float: left;}
#credit {float: right;}

/* ------------------------------------------------ */
/* 14. 404 */
/* ------------------------------------------------ */

.errorImage {width: 100% ;text-align: center;}
.errorImage img {max-width: 970px; height: auto;}
.errorBottom {margin-bottom: 70px ; display: block; }

/* ------------------------------------------------ */
/* 15. CSS3 Curved Box Shadows */
/* ------------------------------------------------ */

#content .post,.contentContent .wp-caption.aligncenter,#archiveResults .archivePost,.contentFeatured,.contentContent .wp-caption{position:relative}#content .post:before,#content .post:after,.contentContent .wp-caption.aligncenter:before,.contentContent .wp-caption.aligncenter:after,#archiveResults .archivePost:before,#archiveResults .archivePost:after,.contentFeatured:before,.contentFeatured:after,.contentContent .wp-caption:before,.contentContent .wp-caption:after,.contentContent .wp-caption:before,.contentContent .wp-caption:after{z-index:-1;position:absolute;content:"";bottom:15px;left:10px;width:50%;top:80%;max-width:350px;background:rgba(0,0,0,.7);-webkit-box-shadow:0 15px 10px rgba(0,0,0,.1);-moz-box-shadow:0 15px 10px rgba(0,0,0,.1);box-shadow:0 15px 20px rgba(0,0,0,.1);-webkit-transform:rotate(-2.8deg);-moz-transform:rotate(-2.8deg);-o-transform:rotate(-2.8deg);-ms-transform:rotate(-2.8deg);transform:rotate(-2.8deg)}#content .post:after,.contentContent .wp-caption.aligncenter:after,#archiveResults .archivePost:after,.contentFeatured:after,.contentContent .wp-caption:after{-webkit-transform:rotate(2.8deg);-moz-transform:rotate(2.8deg);-o-transform:rotate(2.8deg);-ms-transform:rotate(2.8deg);transform:rotate(2.8deg);right:10px;left:auto}.contentFeatured:after,.contentFeatured:before{bottom:35px}

/* ------------------------------------------------ */
/* 16. Comments */
/* ------------------------------------------------ */

#comments {width:  960px; margin:  0 auto; border: none; margin-top: 50px; font-weight: 300; }
#comments .navigation {padding: 0 0 18px 0;}
#comments h3 { margin: 0 0 20px 0; font-weight: bold;}
#comments ul li, #comments ol li{list-style: none;}

/* Comments listed */
.commentlist {list-style: none;	margin: 0; }
.commentlist li.comment {margin: 20px 0 24px 0; position: relative;}
.commentlist li:last-child {border-bottom: none;margin-bottom: 0;}

/* Actual comment */
.comment {width: 100%;}
.commentImage {float: left; width: 125px; }
.commentImage img {max-width: 95px; height: auto; border-radius: 4px; border-right-radius: 0; -moz-border-radius: 4px; -moz-border-right-radius: 0; -webkit-border-radius: 4px;   -webkit-border-right-radius: 0; -o-border-radius: 4px; -o-border-right-radius: 0; }
.commentContent {float: left; width: 835px; padding-top: 10px; margin-bottom: 5px; font-size: 24px; line-height: 40px; }
.commentContentName {float: left; color: #2d3032; font-weight: bold; margin-bottom: 20px;}
.commentContentName a {color: #2d3032;}
.commentContentDate {float: right; vertical-align: top; font-style: italic;}
.commentContentBody {color: #2d3032;}
.commentContentBody p {margin-bottom: 20px;}
.commentlist ol {}

/* Pingsbacks */
#comments .pingback {border-bottom: 1px solid;	margin-bottom: 18px;	padding-bottom: 18px;}
.commentlist li.comment+li.pingback {margin-top: -6px;}
#comments .pingback p {	display: block;	font-size: 12px;line-height: 18px;margin: 0;}
#comments .pingback .url {font-size: 13px;font-style: italic;}

/* Comments form and replies */

#comments #respond {padding: 0px;margin: 0px; width: 100%;}
#comments #respond h3 {margin: 20px 0 20px 0; font-weight: bold;}
#comments #respond p {margin-bottom: 20px;}

    #comments #comments-list #respond {margin: 0 0 10px 0;}
    #comments #respond .comment-field-holder {margin-left: 1px; }
    #comments #respond .comment-field-holder input, #comments #respond textarea  {  border: none; background: none; Opacity: 0.; 
  box-shadow:inset 0 0 5px #ddd;-moz-box-shadow:inset 0 0 5px #ddd; 
  border-bottom: 1px solid #FFF; border-top: 1px solid #cecfd0; width: 85%;  margin: 0 30px 0 0; 
   margin: 0 10px 20px 0; font-size: 24px;line-height: 24px;
  border-radius: 7px; border-right-radius: 0; -moz-border-radius: 7px; -moz-border-right-radius: 0; -webkit-border-radius: 7px; 
  -webkit-border-right-radius: 0; -o-border-radius: 7px; -o-border-right-radius: 0;  text-shadow: 0 1px 0 #FFF;text-decoration: none; color: #969da1;}
    #comments #respond .comment-field-holder input {width: 910px; padding: 15px 25px 15px 25px;}
    #comments #respond input#author {}
    #comments #respond input#email {}
    #comments #respond input#url {}
    #comments #respond textarea  {width: 910px; margin-left: 1px; padding: 25px !important; }
    #comments #respond textarea {}
    #comments #respond .comment-field-message {margin: 0;}
    #comments #respond .comment-button {float: none; display: block; width: 100%; height: 28px; margin: 0 0 40px 0; }
    #comments #respond input#submit {float:right; width: 220px; height: 60px; padding: 0; border: none; cursor: pointer; font-size: 18px;line-height: 18px; padding: 5px; -moz-box-shadow:0px 0px 1px 1px #d5d5d5; border-top: 1px solid #FFF; border-bottom: 1px solid #cecfd0; border-radius: 7px; border-right-radius: 0; -moz-border-radius: 7px; -moz-border-right-radius: 0; -webkit-border-radius: 7px; 
  -webkit-border-right-radius: 0; -o-border-radius: 7px; -o-border-right-radius: 0;  -webkit-box-shadow:0px 0px 1px 1px #d5d5d5; box-shadow:0px 0px 2px 0px #d5d5d5; text-shadow: 0 1px 0 #FFF;text-decoration: none; color: #969da1;}
   #comments #respond input#submit:hover {background: #FFF !important; color: #00c2ff}

/* ------------------------------------------------ */
/* 17. Sidebar aka Widgets */
/* ------------------------------------------------ */

#sidebar {height: auto; color: #4d5154;}
#sidebar .sidebar-box {display: block; margin: 0 60px 60px 0; width: 300px; float: left;} 

/* Lists */
#sidebar .sidebar-box ol,
#sidebar .sidebar-box ul {border-top: 1px dotted #969da1; }
#sidebar .sidebar-box ol li,
#sidebar .sidebar-box ul li {margin: 0; padding: 10px 0; border-bottom: 1px dotted #969da1; }
#sidebar .sidebar-box ol li a,
#sidebar .sidebar-box ul li a {color: #4d5154;}
#sidebar .sidebar-box ol li a:hover,
#sidebar .sidebar-box ul li a:hover {color: #2d3032;}

/* General Styles */
#sidebar .sidebar-box, #sidebar .sidebar-box p {line-height: 20px;}
#sidebar .sidebar-box p {margin-bottom: 10px;}
#sidebar .sidebar-box .sidebar-title {color: #2d3032; margin-bottom: 10px; font-weight: bold; display: block;}

/* Calendar Styles */
#sidebar #calendar_wrap {}
#sidebar #calendar_wrap caption {margin-bottom: 20px; color: #2d3032; border-top: 1px dotted #969da1; border-bottom: 1px dotted #969da1; padding: 10px 0;}
#sidebar #calendar_wrap thead tr {font-weight: bold; }
#sidebar #calendar_wrap thead {}
#sidebar #calendar_wrap tr {text-align: left;}
#sidebar #calendar_wrap tr td {padding: 15px 25px 0 0;}	

/* ------------------------------------------------ */
/* 18. Styles required by WordPress Theme Checker */
/* ------------------------------------------------ */
#secondary {margin: 0 auto; display: block; margin-bottom: 70px; width:1176px;}
.wp-caption-text, .sticky, .gallery-caption, .bypostauthor {}
#secondary ul li{ width:25%; float:left;}
#secondary label,#secondary h1{color: #000000;
    font-weight: bold;
    margin: 5px;
    padding: 5px;}
#secondary ul li ul li{ float:none; width:auto; padding:5px 0px 5px 0px;}
.clearDiv{clear:both; margin-bottom:20px;}