/*
Theme Name: Picturizer
Theme URI: http://smthemes.com/picturizer
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: 11/28/2012
License URI: license.txt
Tags: dark, three-columns, fixed-width, featured-images, custom-menu, translation-ready, threaded-comments, theme-options
*/


/*	-==========================- GENERAL -==========================-  */
/*------------------------------ PAGE ------------------------------*/

html {
	background:#efebe2;
}
body {	
	color:#261204;
	background:url(images/background.png 50% top repeat-y repeat-x);
}
a {
	color:#bf6f12;
}
h1, h2, h3, h4, h5, h6, a.post_ttl {
	color:#201107;
	text-decoration:none;
}

/*------------------------------ HEADER ------------------------------*/
#header .container {
	background:url(images/content/main-n.png) 50% top repeat-y;
	width:982px;
	padding:0 21px;
}
#bgr {
	width:1000px;
	height:204px;
	margin:0 -9px;
	position:absolute;
	background:url(images/top.jpg) 50% top no-repeat;
	z-index:1;
}
#secondarymenu-container {
	position:relative;
	z-index:1;
}

/*------------------------------ SEARCH ------------------------------*/
#s {
	background: url(images/s.png) left top no-repeat;
	height:28px;
	line-height:28px;
	width:168px;
	padding:0 10px;
	border:none;
}
.searchbtn {
	width:30px;
	height:24px;
}


/*------------------------------ CONTENT ------------------------------*/
#content-top {
	background-position:50% !important;
	height:14px;
	width:982px;
	padding:0 21px;
}
#content-bottom {
	height:0px;
}
.articles dt {
	background:url(images/article.png) 50% top repeat-x;
	padding-top:40px;
	margin-top:-40px;
}
.articles dt:first-child {
	background:none;
}
.articles dd {
	padding-bottom:40px;
}
#content .widget {
	border-top:3px solid #f0ede4;
	margin-top:-3px;
}
.featured_image {
	padding:1px;
	background:#fff;
	box-shadow:0 0 2px #b4b3ad;
}
#commentform #submit, input.readmore, a.readmore {
	background:#fcfaf5;
	background: -moz-linear-gradient(top, rgba(254,252,249,1) 0%, rgba(242,238,231,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,252,249,1)), color-stop(100%,rgba(242,238,231,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(254,252,249,1) 0%,rgba(242,238,231,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(254,252,249,1) 0%,rgba(242,238,231,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(254,252,249,1) 0%,rgba(242,238,231,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(254,252,249,1) 0%,rgba(242,238,231,1) 100%); /* W3C */
	box-shadow:0 0 2px #cdcac0;
	border:1px solid #beb69f;
	text-align:center;
	text-decoration:none;
	margin-right:2px;
	color:#2f0900;
	padding:5px 10px;
	margin-bottom:10px;
}
.page-numbers {
	padding:5px 10px;
}
a.page-numbers {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#2f0900;
	background:#fcfaf5;
	background: -moz-linear-gradient(top, rgba(254,252,249,1) 0%, rgba(242,238,231,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,252,249,1)), color-stop(100%,rgba(242,238,231,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(254,252,249,1) 0%,rgba(242,238,231,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(254,252,249,1) 0%,rgba(242,238,231,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(254,252,249,1) 0%,rgba(242,238,231,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(254,252,249,1) 0%,rgba(242,238,231,1) 100%); /* W3C */
	box-shadow:0 0 2px #cdcac0;
	border:1px solid #beb69f;
}
span.page-numbers {
	color:#fff;
	border:none;
	background:#1b1b1b;
	background: -moz-linear-gradient(top, rgba(45,45,45,1) 0%, rgba(15,15,15,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(45,45,45,1)), color-stop(100%,rgba(15,15,15,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(45,45,45,1) 0%,rgba(15,15,15,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(45,45,45,1) 0%,rgba(15,15,15,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(45,45,45,1) 0%,rgba(15,15,15,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(45,45,45,1) 0%,rgba(15,15,15,1) 100%); /* W3C */
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	text-decoration:none;
	cursor:pointer;
}
#scrollUp{ display:none !important;}
/*------------------------------ FOOTER ------------------------------*/
#footer .container {
	background:url(images/background.png) 50% top repeat-y;
	width:982px;
	padding:0 21px;
}
#footer a {
	color:#BF6F12;
}
#footer h3 {
	color:#000000;
}
#footer {
	color:#000000;
}
#footer .footer_txt {
	border-top:1px dashed #575757;
}
#back-top {position: fixed;bottom: 80px; right:30px; z-index:24654; }
#back-top a {width:40px; height:40px;	display: block;	text-align: center; font-size:11px; font-family: 'koz-l', sans-serif;	text-transform: uppercase;	text-decoration: none;	color: #bbb; line-height:12px;}
#back-top a:hover {color: #000000;}
#back-top a:focus {color: #000000;}
/* arrow icon (span tag) */
#back-top span {	width: 40px;	height:40px;	display: block;	margin-bottom:3px;	background: url(images/top-arrow.png) no-repeat -0px -0px; opacity:0.7;}
#back-top a:hover span { opacity:1;}
#back-top a:focus span { opacity:1;}

/*	-==========================- DESKTOP -==========================-  */
@media only screen and (min-width:1024px) {
	
	#content .container{
		width:982px;
		padding:0 21px;
		background-position:50% !important;
	}
	#logo {
		position:absolute;
		left:18%;
		margin-left:-170px;
		margin-top:-11px;	
	}
	.menusearch {
		float:right;
		margin-top:50px;
		margin-right:30px;
	}
	/*------------------------------ MENU ------------------------------*/
	#secondarymenu-container {
		height:129px;
	}
	#secondarymenu {
		float:left;
		background:#fcfaf5;
		background: -moz-linear-gradient(top, rgba(254,252,249,1) 0%, rgba(242,238,231,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,252,249,1)), color-stop(100%,rgba(242,238,231,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(254,252,249,1) 0%,rgba(242,238,231,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(254,252,249,1) 0%,rgba(242,238,231,1) 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, rgba(254,252,249,1) 0%,rgba(242,238,231,1) 100%); /* IE10+ */
		background: linear-gradient(top, rgba(254,252,249,1) 0%,rgba(242,238,231,1) 100%); /* W3C */
		box-shadow:0 0 2px #cdcac0;
		border:1px solid #beb69f;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		height:30px;
		margin-top:45px;
		margin-left:30px;
		  margin-left: 0;
		margin-top: 0;
		position: absolute;
		right: 270px;
		top: 58px;
	}
	
	#secondarymenu li {
		padding:8px 10px;
	}
	#secondarymenu a {
		color:#2f0900;
		text-decoration:none;
	}
	#mainmenu-container {
		position:relative;
		z-index:10;
		background:url(images/menu.png) left top no-repeat;
		height:65px;
		padding:5px;
	}
	#mainmenu li {
		padding:17px 30px;
	}
	#mainmenu li a {
		color:#3a0c01;
		text-decoration:none;
		font-size:15px;
		font-family:'Oswald';
	}
	#mainmenu li ul {
		top:58px;
		left:50%;
	}


	#header li ul  .transparent {
		background:#fbf9f2;
		border:1px solid #e8e4d8;
	}
	#header ul.children li a, .sub-menu li a {
		color:#3a0c01 !important;
	}
	
	
	/*------------------------------ SLIDER ------------------------------*/
	.slider-container {
		padding-bottom:30px;
	}
	.slider {
		position:relative;
		width:917px;
		background:#fdfbf6;
		padding:1px;
		margin:0px auto;
		box-shadow:0 0 2px #b4b3ad;
	}
	.fp-prev-next-wrap {
		margin:0 -1px;
	}
	.fp-next, .fp-prev {
		margin:0 -23px;
		width:36px;
		height:66px;
	}
	.fp-slides,.fp-thumbnail,.fp-slides-items  {
		height:417px;
		width:917px;
	}
	.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;
	}

	

}


/*	-==========================- TABLET -==========================-  */
@media only screen and (min-width:640px) and (max-width:1023px) {
	#logo {
		float:left;
	}
	/*------------------------------ MENU ------------------------------*/
	.menusearch {
		float:right;
		margin-top:35px;
	}
	#secondarymenu-container {
		height:102px;
	}
	#mainmenu-container {
		clear:left;
		height:91px;
		background:url(images/menu.png) 50% no-repeat;
		margin:20px 0;
		padding:1px 0;
		width:100%;
	}
	#mainmenu {
		margin:0 20px;
	}
	#mainmenu li {
		position:relative;
		float:left;
		padding:24px;
	}
	#mainmenu a {
		color:#fff;
		font-family:'Ariston';
		text-decoration:none;
		font-size:19px;
	}
	#mainmenu li ul {
		top:58px;
		left:50%;
	}


	#header li ul  .transparent {
		background:#fff;
	}
	#header li ul  .inner {
		background:#eedac0;
	}
	#header ul.children li a, .sub-menu li a {
		color:#362812 !important;
	}
}

/*	-==========================- MOBILE -==========================-  */
@media only screen and (min-width:240px) and (max-width:639px) {
	#secondarymenu, #mainmenu {
		background:url(images/dropmenu.png) 50% repeat;
		margin:0 -2%;
		padding:0 2%;
	}
	#bgr {
		width:100%;
	}
	#secondarymenu li, #mainmenu li {
		border-top:1px solid #676565;
	}
	.footer-widgets .widgetf:first-child {
		border:none;
	}
	#footer {
		width:100%;
	}
	.widgetf {
		border-top:1px solid #45362d;
	}
}