/*
Theme Name: PhotoFolio
Theme URI: http://smthemes.com/photofolio/
Author: The Smart Magazine Themes
Author URI: http://smthemes.com/
Description: Template by SMThemes.com
Version: 2.0
License: Creative Commons 3.0
Theme date: 02/27/2013
License URI: license.txt
Tags: white, red, light, fixed-width, featured-images, custom-menu, translation-ready, threaded-comments, theme-options
*/


/*	-==========================- GENERAL -==========================-  */
/*------------------------------ PAGE ------------------------------*/
@import url(css/fonts.css);
@import url(http://fonts.googleapis.com/css?family=Oswald);
html {
	background:#070a09;
}
body {	
	background:url(images/top.jpg) 50% top repeat-x;
	color:#101010;
}
a {
	color:#84604e;
}
h1, h2, h3, h4, h5, h6, a.post_ttl {
	color:#000;
	text-decoration:none;
}

/*------------------------------ HEADER ------------------------------*/
#header {

}
#secondarymenu-container {
	position:relative;
}

/*------------------------------ SEARCH ------------------------------*/
#s {
	background:#fff;
	border:1px solid #572d17;
	box-shadow:0 1px 2px #888 inset;
	height:25px;
	line-height:25px;
	color:#000;
}
.searchbtn {
	width:25px;
	height:25px;
}
/*------------------------------ CONTENT ------------------------------*/
.articles dt {
	border-top:2px solid #e0d4c2;
	padding:0;
	margin:0 30px;
	padding-top:2px;
	margin-top:-2px;
}
.articles dt:first-child {
	border:none;
}

#content .widget{
	border-top:1px solid #e0d4c2;
	padding-top:1px;
	margin-top:-1px;
}

.featured_image {
	padding:6px;
	background:#272727;
	border:none;
	box-shadow:0 1px 3px #575553;
	margin:10px;
}
.widget_posts ul li img,.widget_flickr a {
	background:#272727;
	
	padding:2px;
}
#commentform #submit, input.readmore, a.readmore {
	background-image: linear-gradient(bottom, rgb(0,0,0) 0%, rgb(0,0,0) 50%, rgb(43,43,43) 51%, rgb(22,22,22) 80%, rgb(11,11,11) 100%);
	background-image: -o-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(0,0,0) 50%, rgb(43,43,43) 51%, rgb(22,22,22) 80%, rgb(11,11,11) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(0,0,0) 50%, rgb(43,43,43) 51%, rgb(22,22,22) 80%, rgb(11,11,11) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(0,0,0) 50%, rgb(43,43,43) 51%, rgb(22,22,22) 80%, rgb(11,11,11) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(0,0,0) 50%, rgb(43,43,43) 51%, rgb(22,22,22) 80%, rgb(11,11,11) 100%);
	background-image: -webkit-gradient(	linear,	left bottom,	left top,	color-stop(0, rgb(0,0,0)),	color-stop(0.5, rgb(0,0,0)),	color-stop(0.51, rgb(43,43,43)),	color-stop(0.8, rgb(22,22,22)),	color-stop(1, rgb(11,11,11)));
	color:#fff;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	box-shadow:0 1px 3px #575553;
	margin-right:5px;
	border:none;
}
.page-numbers {
	padding:5px 10px;
}
a.page-numbers {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #a59881;
	background:none;
	box-shadow: 0px 1px 2px #ccc;	
}
span.page-numbers {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #a59881;
	background:none;
	box-shadow: 0px 1px 2px #ccc;
}
/*------------------------------ FOOTER ------------------------------*/
#footer {
	color:#dedede;
	padding:0 12px;
	margin:0 auto;
}
#footer a {
	color:#fff;
}
#footer h3 {
	color:#fff;
}
#footer .footer_txt {
	border-top:1px dashed #575757;
}

/*------------------------------ WIDGETS ------------------------------*/
.tabs_captions .caption {
	border-color:#fff;
}
.fp-next, .fp-prev {
		margin-top:24px;
		width:19px;
		height:49px;
	}
/*	-==========================- DESKTOP -==========================-  */
@media only screen and (min-width:1024px) {
	
	#content-top {
		height:60px;
		width:1028px;
	}
	#content-bottom {
		height:60px;
		width:1028px;
	}
	#content .container{
		background-position:50% !important;
		width:998px;
		padding:0 15px;
	}
	#logo {
		position:absolute;
		left:50%;
	}
	#logo img {
		margin-left:-50%;
	}
	.menusearch {
		float:right;
		margin-top:26px;
	}
	/*------------------------------ MENU ------------------------------*/
	#secondarymenu-container {
		height:100px;
		position:relative;
		padding-top:20px;
	}
	#menu-box {
	
	}
	#secondarymenu {
		margin-top:26px;
		float:left;
		background-image: linear-gradient(bottom, rgb(0,0,0) 0%, rgb(0,0,0) 50%, rgb(43,43,43) 51%, rgb(22,22,22) 80%, rgb(11,11,11) 100%);
		background-image: -o-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(0,0,0) 50%, rgb(43,43,43) 51%, rgb(22,22,22) 80%, rgb(11,11,11) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(0,0,0) 50%, rgb(43,43,43) 51%, rgb(22,22,22) 80%, rgb(11,11,11) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(0,0,0) 50%, rgb(43,43,43) 51%, rgb(22,22,22) 80%, rgb(11,11,11) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(0,0,0) 50%, rgb(43,43,43) 51%, rgb(22,22,22) 80%, rgb(11,11,11) 100%);
		background-image: -webkit-gradient(	linear,	left bottom,	left top,	color-stop(0, rgb(0,0,0)),	color-stop(0.5, rgb(0,0,0)),	color-stop(0.51, rgb(43,43,43)),	color-stop(0.8, rgb(22,22,22)),	color-stop(1, rgb(11,11,11)));
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		box-shadow:0 1px 2px #4d2814;
	}
	
	#secondarymenu a {
		color:#c3c3c3;
		text-decoration:none;
		padding:10px;
		display:block;
	}
	#secondarymenu a:hover{
		color:#686868;
	}
	#mainmenu-container {
	}
	#top_block {
		position:relative;
		padding:10px 0;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
	}
	.top_bgr {
		background:#381202;
		box-shadow:0 2px 3px #000 inset;
		-moz-opacity: 0.4;
		opacity: 0.4;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=40);
		position:absolute;
		left:0;top:0;right:0;bottom:0;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
	}
	#mainmenu {
		background:url(images/menu.png) 50% no-repeat;
		height:75px;
		width:981px;
		margin:0 auto;
	}
	#mainmenu li a {
		color:#fff;
		padding:24px 30px;
		display:block;
		text-decoration:none;
		font-family:'Ariston';
		font-size:17px;
		background:url(images/menuli.png) left 50% no-repeat;
	}
	#mainmenu a:hover{
		color:#686868;
	}
	#header li ul {
		top:39px;
	}
	#mainmenu li ul {
		top:75px;
		left:0%;
	}


	#header li ul  .transparent {
		background:#fff;
		-moz-opacity: 0.2;
		opacity: 0.2;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=20);
	}
	#header li ul .inner {
		margin:1px;
		background:#000;
	}
	#header ul.children li a, .sub-menu li a {
		color:#686868;
		padding:0 !important;
		background:none;
	}
	#header ul.children li a:hover, .sub-menu li a:hover {
		color:#fff;
	}
	
	
	/*------------------------------ SLIDER ------------------------------*/
	.slider-container {
		position:relative;
		margin-bottom:20px;
	}
	.slider {
		position:relative;
		width:975px;
		background:#fcf5e9;
		border:1px solid #855946;
		border-top:none;
		margin:0 auto;
	}
	.fp-prev-next-wrap {
		margin: 1px;
	}
	.fp-next {
		margin:0 -31px;
		margin-top:-24px;
	}
	.fp-prev {
		margin:0 -32px;
		margin-top:-24px;
	}
	.fp-slides,.fp-thumbnail,.fp-slides-items  {
		width:975px;
		height:400px;
	}
	.fp-content-fon, .fp-content {	
		left:0;
		right:0;
		bottom:0;
	}
	.slider-nothumb .fp-content-fon {
		background:#fff;
	}
	.slider-nothumb .fp-content a,.slider-nothumb .fp-content p{
		color:#000;
	}
	.fp-nav {
		bottom:20px;
		left:auto;
		right:30px;
	}

	

}


/*	-==========================- TABLET -==========================-  */
@media only screen and (min-width:640px) and (max-width:1023px) {
	#logo {
		float:left;
		margin:20px;
		margin-bottom:10px;
	}
	#header-banner {
		margin-top:25px;
		float:right;
	}
	/*------------------------------ MENU ------------------------------*/
	.menusearch {
		float:right;
		margin-top:20px;
		margin-right:10px;
		clear:right;
	}
	#secondarymenu-container {
		height:125px;
	}
	#secondarymenu {
		float:right;
		clear:right;
	}
	#secondarymenu li {
		padding:18px;
	}
	#secondarymenu li a{
		color:#fcf5e9;
		text-decoration:underline;
	}
	#mainmenu-container {
		padding-bottom:21px;
		clear:left;
		background: #0f0f0f; /* Old browsers */
		background: -moz-linear-gradient(top,  #0f0f0f 0%, #2b2b2b 49%, #000000 50%, #000000 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0f0f0f), color-stop(49%,#2b2b2b), color-stop(50%,#000000), color-stop(100%,#000000)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #0f0f0f 0%,#2b2b2b 49%,#000000 50%,#000000 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #0f0f0f 0%,#2b2b2b 49%,#000000 50%,#000000 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #0f0f0f 0%,#2b2b2b 49%,#000000 50%,#000000 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #0f0f0f 0%,#2b2b2b 49%,#000000 50%,#000000 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f0f0f', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
		margin-bottom:15px;
	}
	#mainmenu {
		margin:0 10px;
	}
	#mainmenu li {
		float:left;
	}
	#mainmenu a {
		color:#fff;
		text-decoration:none;
		font-size:15px;
		font-family:'Ariston';
		text-shadow:1px 1px 2px #a7731e;
		padding:21px 20px 10px;
		display:block;
	}
}

/*	-==========================- MOBILE -==========================-  */
@media only screen and (min-width:240px) and (max-width:639px) {
	.menusearch {padding:3px 0;}
	#secondarymenu-container {
		padding:0;
		
	}
	#logo {
		height:107px;
		margin-top:20px;
	}
	#secondarymenu, #mainmenu {
		background:#fff;
		margin:0 -2%;
		padding:0 2%;
		margin-top:10px;
	}
	#bgr {
		width:100%;
	}
	#secondarymenu li, #mainmenu li {
		border-top:1px solid #eee;
	}
	.fp-next, .fp-prev {
		margin:0 -5px;
	}
	.footer-widgets .widgetf:first-child {
		border:none;
	}
	#footer {
		width:100%;
	}
	.widgetf {
		border-top:1px solid #45362d;
	}
}