﻿/* ////////////////////////////////////////////////////////////////////////////////
THEME NAME: SmartComp
THEME URI: http://www.themeforest.com
DESCRIPTION: Clean, balanced template,
VERSION: 1.0
AUTHOR: <a href="http://www.maverick.it/">Valentino Aluigi</a>
//////////////////////////////////////////////////////////////////////////////// */



/*//////////////////////////////////////////////////////////////////////////////////////////
//	Text, fonts and links
//////////////////////////////////////////////////////////////////////////////////////////*/

body{
	font-family:Verdana,Arial,sans-serif;
	font-size:12px;
	line-height:16px;
	color:#6f6b67;
}

a{
	color:#6c522e;
}

a:hover{
	color:#866a3f;
	text-decoration:none;
}




/*//////////////////////////////////////////////////////////////////////////////////////////
//	Main divs and box ( top -> bottom)
//////////////////////////////////////////////////////////////////////////////////////////*/

body{
	background:url('../img/background.png') repeat-x #1e1d1e;
}

div#wrapper{
	width:839px;
	margin:0 auto;
	position:relative;
	background:#e1e1e1 url('../img/sheet-top.png') repeat-x;	
	overflow:hidden;
}

div#shades{
	display:block;
	width:839px;
	background:url('../img/body-shades.png');
	padding-top:120px;
	position:relative;
}

div#menu{
	width:839px;
	height:70px;
	background:url('../img/menu.jpg');
	position:absolute;
	top:0; left:0;
}
div#menu2{
	width:839px;
	height:70px;
	position:absolute;
	top:0; left:0;
}

a#logo{
	width:265px;
	height:61px;
	display:block;
	position:absolute;
	top:45px;
	left:45px;
}

div#sidebar{
	width:196px;
	padding:2px 18px 0px 18px;
	margin:0px 30px 16px 0px;
	background:#dbdada;
	float:right;
	position:relative;
}

div#content{
	width:560px;
	float:left;
	padding-bottom:16px !important;
}

div#mainparagraph{
	position: relative;
	
}


div#aboutmainparagraph{
	position: relative;
	
}


div#aboutimage{
	position: relative;
}


div#footer{
	clear:both;
	height:49px;
	background:#503e24 url('../img/footer-bk.png') repeat-x;
	color:#fff;
	vertical-align:middle;
	line-height:49px;
	padding-left:60px;
	font-size:11px;
}




/*//////////////////////////////////////////////////////////////////////////////////////////
//	Menu
//////////////////////////////////////////////////////////////////////////////////////////*/

div#menu2{
	position:absolute;
	top:25px;
	left:350px;
}
div#menu2{
	display:inline;
}

div#menu2 a{
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	color:#e7e1d5;
	padding:0px 10px 0px 5px;
	height:20px;
	display:block;
	float:left;
	margin-right:8px;
}

div#menu2 a{
	background:url('../img/item.png') no-repeat center right;
}

div#menu2 span.left{
	display:block;
	float:left;
	width:5px;
	height:20px;
	background:url('../img/item-left.png') no-repeat center left;
}

div#menu2  a.active,
div#menu2  a:hover{
	color:#fff;
}

div#menu2  a.active,
div#menu2  a:hover{
	background:url('../img/item-hover.png') no-repeat center right;
}




/*//////////////////////////////////////////////////////////////////////////////////////////
//	Content
//////////////////////////////////////////////////////////////////////////////////////////*/

h2{
	font-family:"Franklin Gothic Medium Cond", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif;
	font-size:34px;
	color:#89683c;
	line-height:65px;
	font-weight:normal;
	text-align:left;
	display:block;
}

div.post h2{
	border-top:2px solid #dadada;
	background:url('../img/h2-highlight.png');
}

img.photo{
	border:5px solid #f1f1f1;
}

div.post img.photo{
	float:left;
	margin:0px 16px 16px 0px;
}

div.post{
	overflow:hidden;
	padding-left:52px;
}

div.post p{
	text-align:justify;
	margin-bottom:16px;
}




/*//////////////////////////////////////////////////////////////////////////////////////////
//	Sidebar
//////////////////////////////////////////////////////////////////////////////////////////*/

span.date{
	color:#6c5431;
	font-style:italic;
	font-size:11px;
	margin-left:10px;
	display:block;
	margin-bottom:4px;
}

div.news{
	margin-bottom:25px;
}

div.news p{
	text-align:justify;
	font-style:italic;
	font-size:11px;
}

div#sidebar.rounded{
	background:#dbdada url('../img/sidebar-top.png') no-repeat center top;
}

div#sidebar.rounded span.bottom{
	display:block;
	height:11px;
	background:url('../img/sidebar-bottom.png') no-repeat center;
	position:absolute;
	bottom:0px;
	left:0px;
	width:232px;
}

div#sidebar img.photo{
	margin-bottom:10px;
}

a#rssicon{
	position:absolute;
	right:13px;
	top:16px;
}



/*//////////////////////////////////////////////////////////////////////////////////////////
//	Footer
//////////////////////////////////////////////////////////////////////////////////////////*/

div#footer a{
	color:#fff;
}



/*//////////////////////////////////////////////////////////////////////////////////////////
//	Basic elements
//////////////////////////////////////////////////////////////////////////////////////////*/

h3{
	font-family:"Franklin Gothic Medium Cond", "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif;
	font-size:22px;
	color:#89683c;
	line-height:40px;
	font-weight:normal;
}

strong, b{
	font-weight:bold;
	color:#6f6b66;
}

em{
	font-style:italic;
}

ul{
	list-style:disc inside;
}

ol{
	list-style:lower-roman inside;
}

li{
	line-height:20px;
	color:#6e5f4a;
}

li strong, li b{
	color:#6e5f4a;
}

ul,ol{
	margin-bottom:26px;
	margin-left:30px;
}

blockquote {
	background-color:#F0F0F0;
	border-left:1px dotted #9a6d50;
	border-right:1px dotted #9a6d50;
	font-style:italic;
	margin:10px 0px;
	padding:10px 30px 1px 30px;
}

p.emph, span.emph{
	color:#4d4843;
}




/*//////////////////////////////////////////////////////////////////////////////////////////
//	Homepage
//////////////////////////////////////////////////////////////////////////////////////////*/

body.home div#shades{
	padding-top:113px;
}

body.home div#content{
	padding-bottom:0px;
}

body.home div#sidebar.rounded{
	background:#dbdada url('../img/sidebar-top-home.png') no-repeat center top;
}

body.home div#callout{
	position:relative;
	margin-left:28px;
	margin-bottom:16px;
}

/*//////////////////////////////////////////////////////////////////////////////////////////
//	Homepage products                                                                                                   
*/

div.product-img{
	float:left;
	overflow:hidden;
	width:157px;
	margin:0px 6px 0px 6px;
}

div.product-img img.photo{
	margin-bottom:3px;
}

small.product-description{
	float:right;
	overflow:hidden;
	font-size:10px;
	color:#6c522e;
	padding-right:4px;
}

small.product-description a{
	text-decoration:none;
}

div#other-products{
	width:500px;
	clear:left;
}

div#other-products ul{
	list-style:disc inside;
	display:block;
	float:left;
	width:215px;
	margin-left:23px;
	margin-top:28px;
}

div#other-products ul li{
	line-height:18px;
}

div#other-products ul li{
	font-size:11px;
	color:#4f3a1d;
}

a.more{
	clear:left;
	float:left;
	margin:10px 20px 10px 20px;
}



/*//////////////////////////////////////////////////////////////////////////////////////////
//	Hacks
//////////////////////////////////////////////////////////////////////////////////////////*/

html{overflow-y:scroll}