/*
Theme Name: Photoblog
Theme URI: http://www.wpzoom.com/themes/photoblog/
Description: Photoblog is a premium wordpress theme for photoblogs, galleries, showcases, etc.
Version: 1.2
Author: WPZOOM
Author URI: http://www.wpzoom.com/themes/
Tags: black, custom-header, fixed-width, two-columns

	Photoblog v1.2
	 http://www.wpzoom.com/themes/photoblog/
*/
* {padding:0; margin:0; border: none; outline:0; }
body {font-family:Helvetica, Arial, Tahoma, sans-serif; font-size: 62.5%; color: #666; text-align:center; background-color: #000 ; }
a {text-decoration:none; color: #163318; }
a:hover {text-decoration: none; color: #999966; }
h1,h2,h3,h4,h5,h6 {font-weight:normal; margin:0 20px 0px; padding:0; color: #000000; }  
p {margin: 0px 20px 10px; color: #333333;  }
li,p {line-height: 1.6em; }
li {list-style-type: none; }

  input[type=image]{
  width:auto !important;
  border: none !important;
  background: none !important;
}


#container {width:100%; margin: 0 auto; text-align:left; }
#container div.wrapper {width: 960px; margin: 0 auto; text-align: left; background: #FFFFF0; }
#container div.cleaner {clear: both; font-size:1px; height: 1px; margin: 0; line-height: 1px; }
#container div.block {border-right: solid 1px #999; border-bottom: none; }
#container div.frame {border: none; background-color: #FFFFF0; }
#container p.header {text-transform: uppercase; color: #163318; font-size: 11px; }
#container div.sep {clear: both; margin: 0.5em 0; line-height: 1px; font-size: 1px; border-top: solid 1px #999;}

/* Header */
#header {border-bottom: solid 2px #009900; background: #163318; }
#header ul { background: #163318;}
#header div.wrapper { padding: 0px 0px 0px 0px; width: 960px; position: relative; }
#logo {float: left; display:inline; padding: 0px 0 0 0; } 
#bannerHead {right: bottom; display: inline; margin-bottom: 5px; }
#headCats {/*padding: 20px 20px 0 0; */float: center; margin-top: 0px; }
#headCats * { font-size: 13px; line-height: 17px; color: #F2F5A9; }


#mc_embed_signup {background:#116633; clear:left; font:6px Helvetica,Arial,sans-serif; auto !important; padding: 0px;  } 
#mc_embed_signup div.mc-field-group label { margin: 0px 60px 0px 0px; padding: 0px; }
#mc_embed_signup input.button { display: block; float: left;  border: solid 1px #333; background-color: #163318; }

// Dropdown menu hover
ul.dropdown li.hover, ul.dropdown li:hover, ul.dropdown li.current-cat, ul.dropdown li.current_page_item { color: #cccc66; background-color: #464;  background-image: none; } 
 
#headersearch { display: block; margin: 60px 0px 10px 50px; padding: 0; float: right; }
#headersearch input { padding: 2px; }
#headersearchbutton { background: #575; border: 1px outset: #575; color: #fff; width: 40px; font-size: 95%; padding: 3px 0 4px; }



/* Main Content Area */
#main {border: solid 2px #000000; padding: 5px 0; background: #FFFFF0; margin: 0 auto; width: 960px; }
#content {width: 640px; margin-right: 0px; float: left; display: inline; font-size: 12px; }
#main div.content-wide {width: 960px; margin-right: 0; }
#main div.leftSidebar {float: left; margin-right: 0; margin-left: 0px; }

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.post {margin-bottom: 12px;}
.post .frame {padding: 17px 17px 14px ;}
.post .cover {margin-bottom: 12px;}
.post .cover img {border: solid 1px #163318;}

#posts .post h4 {font-size: 18px; line-height: 22px; margin: 0px; float: left; display: inline; width: 380px; }
#single h4 {float: none; display: block; width: auto; margin: 0px 0px 0px 10px; }
#posts .post .postmetadata {line-height: 17px; font-size: 11px; padding-top: 4px; float: right; display: inline; width: 200px; text-align: right; margin: 0px; }
.post .postmetadata span.category {text-transform: uppercase; }
#main p.tags, #main p.pages {clear: both; font-size: 10px; text-transform: uppercase; margin-top: 10px; padding-left: 20px; background: url(images/icon_tag.png) no-repeat top left; }
#main p.pages {background-image: url(images/icon_page.png); }

#single h3, .singleP h3 {font-size: 14px; margin: 0px 50px 5px; }
#single p {font-size: 12px; line-height: 17px; margin-bottom: 12px; }
#single p.postmetadata {font-size: 11px; margin: 0px 0px 0px 6px;}

.singleP {font-size: 12px; line-height: 18px; }
.singleP h1 {line-height: 25px;}
.singleP h2 {font-size: 24px; line-height: 28px;}
.singleP h3 {font-size: 22px; line-height: 26px; }
.singleP h4 {font-size: 18px; line-height: 22px; } 
.singleP h5 {font-size: 16px; line-height: 20px; }
.singleP h6 {font-size: 14px; line-height: 18px; }
.singleP .post ul, .singleP .post ol {margin: 0.5em 0 0.5em 2.0em; font-size: 1.0em; }
.singleP .post ol {margin-left: 2.5em;}
.singleP .post ul li, .singleP .post ol li {font-size: 1.2em; list-style-type: square; }
.singleP .post ul li ul li, .singleP .post ol li ol li {font-size: 1.0em;}
.singleP .post ol li {list-style-type: decimal;}
.singleP .post ol li ol li {list-style-type: decimal-leading-zero;}
.inside img {margin: 10px 0; border: solid 1px #163318; background: #FFFFFF;}

#single div.banner {text-align: center; margin: 5px 0; }

/* Sidebar */
#side {width: 300px; float: right; display: inline; font-size: 11px; }
#side div.block {width: 298px; margin-bottom: 15px; border-bottom: solid 1px #999; }
#side div.frame {padding: 15px;}
#side img.border {border: solid 5px #333;}

#side ul.favPosts li {float: left; display: inline; margin: 0 13px 10px 0; width: 80px; }
#side ul.favPosts li.sep {clear: left; float: none; display: block; margin:5px 0 10px; font-size: 1px; line-height: 1px; height: 1px; background-color: #606060; border-top: solid 1px #404040;}
#side ul.favPosts li.post-last {margin-right: 0;}
#side ul.authors li {line-height: 16px; margin-top: 10px; }
#side ul.authors li img {float: left; display: inline; margin-right: 5px; }
#side ul.popPosts li {float: none; display: block; width: auto; margin-bottom: 0; }
#side ul.popPosts .cover {float: left; display: inline; margin-right: 10px; height: 90px; }
#side h2 {font-size: 12px; line-height: 18px; margin-bottom: 6px; font-weight: bold; }
#side ul.favPosts p {font-size: 11px; } 

#side div.aktt_tweets li {margin-bottom: 10px; }

/* Footer */
#footer {text-align: left; padding: 15px 0 15px; border-top: solid 3px #999900; background-color: #000;}
#footer p { margin:5px; font-size:12px; color: #ffffff; float: left; }
#footer p.copy {float: right; display: inline; }
#footer div.wrapper { padding: 0; width: 960px; height: 500px; background-color: #000; }
#footer a { color: #996; text-decoration: none; }
#footer a:hover { color: #fff; text-decoration: underline; }

/* Misc */
div.share {padding: 10px 0 0;}
div.share ul {margin:0; padding: 0; }
div.share li {font-size: 11px; margin:0 6px 0 0; padding: 0; float: left; display: inline; list-style-type: none; line-height: 18px; }
div.share li.last {margin-right: 0;}
div.share li img {margin: 0 4px 0 0; display: inline; float: left; }
div.share h4 {margin:0 20px 0 0; float: left; display: inline; line-height: 44px; }

#single div.sizes {margin: 8px 0 10px 0; text-align: left; }
#single div.sizes ul {padding:0; margin:0; }
#single div.sizes li {font-size: 11px; list-style-type: none; float: left; display: inline; margin-right: 1px; }
#single div.sizes li a, #single p.pages a {padding: 3px; background-color: #222;}
#single div.sizes li.title {background:none; margin:0; color: #222; margin-right: 3px; }

#searchform label {display: none }
#searchform input {float: left; display: inline; height: 18px; padding: 4px; border: solid 1px #222; colour:#fff; }
#searchform input#s {width: 165px; margin-right: 5px; border: solid 1px #333; background-color: #fff; }
#searchform input#searchsubmit {	font-size: 11px; font-weight: bold; height: 28px; width: 60px; padding:0; background-color: #163318; border: none; color: #fff; }


/* Comments */
#main div.comments {margin: 0 0 10px 0; font-size: 12px;  }
#main div.comments h3 {font-size: 18px; font-weight: normal; }
#main div.comments li, #main #respond {padding: 10px 0 5px; margin-top: 10px; }

#main a.more-link {display: block; margin: 10px 0 0; }

#single ol.normalComments {padding: 1em 0; margin:0; }
#single ol.normalComments div.comment-body {position: relative; }
#single ol.normalComments div.reply {position: absolute; top: 0; right: 0; }
#single ol.normalComments li {list-style-type: none; margin: 0 0 1em; padding: 15px 15px 5px; font-size: 14px; line-height: 20px; min-height: 90px; }
#single ol.normalComments li ul.children {padding: 10px 0 0; }
#single ol.normalComments li ul.children li {clear: left; margin: 0 10px 10px 10px; }

#single ol.normalComments img.avatar { float: left; margin: 0 15px 0 0; width: 70px; }
#single ol.normalComments cite {font-size: 12px; line-height: 18px; font-weight: bold; font-style: normal; float: left; display: inline; margin-right: 25px; }
#single ol.normalComments .commentmetadata {line-height: 18px; font-size: 10px; margin-bottom: 10px; }
#single ol.normalComments blockquote {font-size: 12px; line-height: 18px; }
#single ol.normalComments span.says {display: none; }

#respond {margin: 10px 0 10px 20px; }
#respond h3 {font-size: 1.8em; font-weight: normal;}
#main h2.comments, #respond h2.comment {float: left; display: inline; }
#commentform {margin-top: 30px; clear: left; }
#commentform code {font-size: 11px; }
#commentform p {margin:  0 0 5px; font-size: 12px;}
#commentform #formLabels {align: left; display: inline; width: 300px; }
#commentform #formContent {align: left; display: inline; width: 520px; }
#single label, #commentform label {font-weight: normal; margin:0 0px 0px 0; padding:0; color: #163318; line-height: 2.0em; font-size: 0.8em; display: block;  text-transform: Uppercase; width: 100px; }
#single input, #commentform input {background-repeat: repeat-x;	width: 200px; padding: 2px 0 2px 5px; font-size: 12px; margin-bottom: 20px; font-family: Arial, Tahoma, Helvetica, sans-serif; align: right; }
#single textarea, #commentform textarea {width: 450px; height: 130px; padding: 2px; margin-bottom: 10px; }
#commentform #submit {background:none; font-size: 12px; text-transform: lowercase; padding: 5px 7px; width: auto; }

#single ol.normalComments li.comment {border: solid 1px #444; background-color: #fff; }
#single ol.normalComments li.bypostauthor {border: solid 10px #444; background-color: #444;}

#main input, #main textarea, #commentform input, #commentform textarea {background-color: #ffffdd; border: solid 1px #163318; color: #111; }
#commentform #submit, input#submit {background-color: #163318; color: #fff; border: none; }
input#submit {width: auto; text-align: center; padding: 0 10px; }


.afterpost .navigation .alignleft a, .reply a, .afterpost .navigation .alignright a,.cancel-comment-reply a { padding: 2px 5px; margin-bottom: 5px; font-weight: normal; text-transform: uppercase; background: #555; font-size: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: none; text-shadow: 1px 1px #777; color: #fff; }
.afterpost .navigation .alignleft a:hover, .afterpost .navigation .alignright a:hover, .reply a:hover, .cancel-comment-reply a:hover { background: #111; text-shadow: 1px 1px #444; text-decoration: none; }
.afterpost .navigation {background:none;}
.afterpost .navigation .alignleft a, .afterpost .navigation .alignright a {width:125px; padding:3px 0 0 3px; text-align:center; height:20px;}

#main div.pagerbox {text-align: center;}
#main div.pagerbox a {color: #fff; padding: 4px 6px; background-color: #163318; }
#main div.pagerbox a:hover {border: none; background-color: #999966; color: #000; }
#main div.pagerbox a.current {color: #fff; background-color: #393939;}

#main div.postauthor {clear: both; padding: 10px 10px 0; margin: 10px 0 0; background-color: #333; }
#main div.postauthor div.avatar {float: left; display: inline; margin: 0 10px 5px 0; height: 100px; }
#main div.postauthor div.avatar img {padding:1px; border: solid 5px #222;}
#main div.postauthor p {line-height: 18px; font-size: 11px;}
#main div.postauthor p.more {float: right; display: inline; font-weight: bold; margin:0 0 0 5px; border-bottom: dotted 1px #777;}
#main div.postauthor h6 {margin-bottom: 10px;}

#featured {margin-bottom: 15px; clear: both; }
#featured .left {float: left; display: inline; }
#featured .right {float: right; display: inline; }
#featTop, #featBt {height: 10px; }
#featMid { text-align: center;}
#loopedSlider {position: relative; }
#loopedSlider a.previous, #loopedSlider a.next {position: absolute; top: 145px; left:28px; z-index: 999; }
#loopedSlider img.prev { width: 36px; height: 58px; } 
#loopedSlider img.next { width: 36px; height: 58px; } 
#loopedSlider a.next {left: auto; right: 40px;}

.container { text-align: center; width:640px; height:400px; overflow:hidden; position:relative; }
/*.slides { position:absolute; top:0; left:0; }
.slides div.slide { position:absolute; top:0; width: 640px; height: 400px; display:none; }
.slides div div{ position:static; display:block; top:auto; width: auto; padding:0; }*/

#loopedSlider img.prev {background: url(images/arrow_left_dark.png) no-repeat 0 0;  } 
#loopedSlider img.prev:hover {background: url(images/arrow_left_dark.png) no-repeat 0 -100px;  }
#loopedSlider img.next {background: url(images/arrow_right_dark.png) no-repeat 0 0; } 
#loopedSlider img.next:hover {background: url(images/arrow_right_dark.png) no-repeat 0 -100px; }

.slides div div{ background:#FFFFF0; border:none; }

/* Begin Images */
img.centered {	display: block;	margin-left: auto;	margin-right: auto;	}
img.alignright {	margin: 0 0 2px 7px;	display: inline;	}
img.alignleft {	margin: 0 7px 2px 0;	display: inline;	}
.alignright {	float: right;	}
.alignleft {	float: left	}


#wp_email_capture_2 {border: solid 0px #000000; margin:0px 20px 5px; background-color: #ffffff; width:360px; height:150px; float: center; color: #163318 }
#wp_email_capture_2 label {width:auto; margin:0px 20px 0px; text-align: left; }
#wp_email_capture_2 input {width:auto; text-align: right; margin:0 20px 20px; padding: 0 10px 0; background-color: #CCFFCC  }
#wp_email_capture_2 input.wp-email-capture-name, #wp_email_capture_2 input.wp-email-capture-email { width: 220px; }

#wp_email_capture {border: solid 0px #000000; margin:0px 20px 5px; background-color: #fffff0; width:160px; height:130px; float: center; color: #000 }
#wp_email_capture label {width:auto; margin:0 30px 0px; text-align: left; }
#wp_email_capture input {width:auto; text-align: left; margin:0 20px 20px; padding: 0 10px 0; background-color: #CCFFCC  }

#calendar_wrap {font-size: 11px;}
#calendar_wrap table {width: 100%;}
#calendar_wrap table caption {font-weight: bold; font-size: 12px; line-height: 24px;}
#calendar_wrap th {background-color: #333; font-size: 12px; line-height: 22px; height:22px; text-align: center; }
#calendar_wrap td {line-height: 18px; text-align: center; }
#calendar_wrap td#today {background-color: #333; color: #fff;}
#calendar_wrap {}


div.wp-caption {background-color: #fff; color: #fff; border: solid 1px #163318; text-align: center; padding:5px 10px; margin: 5px 0 10px; }

#butterfly {
background-image:url(); 
color:#FFFFFF;
font-size: 13pt;
padding: 10px;
}


#butterflyhover a:hover {text-decoration:none; color: #999966; border: 1px solid green; padding:2px;}

/***********CHRISTOM EDIT*************/

#container div.frame {
	position: relative;
}

	#main input.btn-paywithcc {
		position: absolute;
		right: 35px;
		bottom: 100px;
		width: 140px;
		background: #163318;
		color: #fff;
		padding: 10px;
		border-radius: 10px;
		font-weight: 700;
		box-shadow: 0px 1px 5px 2px #ccc;
		border: none;
	}
	
	#main input.btn-paywithcc:hover {
		background: #39843e;
		color: #fff;
	}

#content .Cart66ButtonSecondary {
	width: 120px;
	background: #163318 !important;
}

.Cart66UpdateTotalButton {
	float: right;
}	

.cust-cart-container {
	position: absolute;
	right: 0;
	top: 20px;
}

.cust-cart-container span#Cart66WidgetLinkSeparator {
	display: none;
}

.cust-cart-container a {
	color: #fff;
	background: #000;
	padding: 5px 10px;
	display: inline-block;
	margin-left: -3px;
}

.cust-cart-container a:hover {
	background: #d9e126;
	color: #000;
}

#Cart66WidgetCartLink {
	display: inline-block !important;
	background: #d9e126;
	color: #000;
	padding: 5px 10px;
}

#Cart66WidgetCartLink:hover {
	background: #000;
	color:#d9e126;
}

#Cart66WidgetCartEmpty {
	background: #000;
	color: #fff;
	margin: 0;
	padding: 4px 10px 3px;
}

/******UBER******/

#megaMenu {
	z-index: 9000;
}

#megaMenu.megaMenuHorizontal ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1, #megaMenu.megaMenuHorizontal ul.megaMenu li.ss-nav-menu-reg > ul.sub-menu {
	border: 2px solid #009900;
	border-top: none;
	margin-top: 2px;
	box-shadow: 0px 3px 10px 1px #163318;
}

#megaMenu ul.megaMenu > li > a, #megaMenu ul.megaMenu > li > span.um-anchoremulator {
	padding: 5px 20px 5px 15px !important;
}

#megaMenu ul li.ss-nav-menu-mega ul li.ss-nav-menu-item-depth-1 {
	padding: 0 27px !important;
}

/* Uber Menu */

#megaMenu #megaUber > li#menu-item-14758 > ul.sub-menu > li p{margin: 0 0 0px !important; line-height:18.2px;}
#megaMenu #megaUber > li#menu-item-14758 > ul.sub-menu > li > span.um-anchoremulator > span.wpmega-link-title {
    color: #FFFFFF;
    margin: 0 !important;
    padding: 6px 5px;
}
#megaMenu #megaUber > li#menu-item-14758 > ul.sub-menu > li > span.um-anchoremulator {
    margin: 0 2.9%;
    padding: 0;
}


#megaMenu #megaUber > li#menu-item-14758 > ul.sub-menu{width: 630px;}
#megaMenu #megaUber > li#menu-item-14758 > ul.sub-menu > li {
    padding: 0 0 0 !important;
    width: 26%;
}

#megaMenu #megaUber > li#menu-item-14758 > ul.sub-menu > li#menu-item-14878{width: 18%;}
#megaMenu #megaUber > li#menu-item-14758 > ul.sub-menu > li#menu-item-14879{width: 16%;}
#megaMenu #megaUber > li#menu-item-14758 > ul.sub-menu > li#menu-item-14880{width: 38%;}

#megaMenu #megaUber > li#menu-item-14758 > ul.sub-menu > li p > a:link,
#megaMenu #megaUber > li#menu-item-14758 > ul.sub-menu > li p > a:visited,
#megaMenu #megaUber > li#menu-item-14758 > ul.sub-menu > li p > a:active{padding: 6px 5px;}
#megaMenu #megaUber > li#menu-item-14758 > ul.sub-menu > li p > a:hover{ background: none repeat scroll 0 0 #336633;}










#megaMenu #megaUber > li#menu-item-14760 > ul.sub-menu > li p{margin: 0 0 0px !important; line-height:18.2px;}
#megaMenu #megaUber > li#menu-item-14760 > ul.sub-menu > li > span.um-anchoremulator > span.wpmega-link-title {
    color: #FFFFFF;
    margin: 0 !important;
    padding: 6px 5px;
}
#megaMenu #megaUber > li#menu-item-14760 > ul.sub-menu > li > span.um-anchoremulator {
    margin: 0 2.9%;
    padding: 0;
}

#megaMenu #megaUber > li#menu-item-14760 > ul.sub-menu{width: 357px;}
#megaMenu #megaUber > li#menu-item-14760 > ul.sub-menu > li {
    padding: 0 0 0 !important;
    width: 26%;
}

#megaMenu #megaUber > li#menu-item-14760 > ul.sub-menu > li#menu-item-14883{
    clear: none;
    display: inherit !important;
    float: left !important;
    min-width: inherit !important;
    width: 40% !important;	
}
#megaMenu #megaUber > li#menu-item-14760 > ul.sub-menu > li#menu-item-14884{
    clear: none;
    display: inherit !important;
    float: left !important;
    min-width: inherit !important;
    width: 57% !important;	
}

#megaMenu #megaUber > li#menu-item-14760 > ul.sub-menu > li p > a:link,
#megaMenu #megaUber > li#menu-item-14760 > ul.sub-menu > li p > a:visited,
#megaMenu #megaUber > li#menu-item-14760 > ul.sub-menu > li p > a:active{padding: 6px 5px;}
#megaMenu #megaUber > li#menu-item-14760 > ul.sub-menu > li p > a:hover{ background: none repeat scroll 0 0 #336633;}

/*************flexslider ************/

.flexslider {
	box-shadow: none !important;
}

.flexslider .slides img {
	width: auto !important;
	height: 200px;
	margin: 0 auto;
}

	.flexslider .info {
		margin-top: 20px;
		text-align: center;
	}
