/*
Theme Name: threeseventwo creative media theme
Theme URI: http://www.threeseventwo.com/
Description: Just how I like it
Author: Franco Scaramuzza
Author URI: http://www.threeseventwo.com/
Template: 372theme
Version: 1
Tags: black, white, beige

*/

/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;vertical-align:baseline;background:transparent;margin:0;padding:0;}
#element.style{ width:auto !important;}

/* BASIC */
*:focus{outline:none;}
.clear{clear:both;}
body{background-color:#edeee9; font-family: Courier, "Courier New", monospace; font-size:12px; color:#333333; background-image: url(images/header-bg.png); background-repeat: repeat-x; line-height:20px;}
p{ font-family:courier, "Courier New", monospace; font-size:12px;padding:2px 2px 2px 0; margin:10px 0 0 0;}
a{color:#9D9793;}
a:hover{color:#564030;}
h1{font-family: "trebuchet ms"; color:#9a928c; font-size:16px; line-height: 20px; padding-bottom:3px; font-weight:normal; margin:0 0 3px 0;text-transform: uppercase;}
h2{font-family: "trebuchet ms"; color:#9a928c; font-size:12px; font-weight:normal; margin:0 0 3px 0;text-transform: uppercase;}
.normal{font-family:courier,"Courier New",monospace; color:#333; font-size:12px; font-weight:normal; margin:0 0 5px 20px !important;text-transform: none;}
.normal a{display:inline}
h3 {color:#9a928c; font-family:"trebuchet ms"; font-size:12px; font-weight:normal; margin:10px 0 20px 0; text-transform:uppercase; }
.hr {height:1px; border:solid 1px #ACACAB;}
	
h2 a{border:0;text-decoration:none;color:#9a928c;display:block;}
img,img a{border:1px solid #EEE;padding:2px;}
hr{color:#DCDCDB;background-color:#DCDCDB;height:1px;border:0px;}
abbr, acronym, span.abbr{cursor:help;border-bottom:1px dotted #000;}
pre{width:540px; white-space:pre-wrap;}

/* LAYOUT */
#body{width:auto;text-align:left; margin-bottom:20px;} /*width:811px;*/
#logo{float:left;position:relative;top:20px;left:20px;}
h1#logo,h1#logo a{font-size:26px;color:#edeee9;text-decoration:none;text-transform:uppercase;}
#logo a img {border:none; }
h1#logo small{color:#edeee9;font-size:12px;display:block;}
*:first-child+html h1#logo small{margin-top:-7px;}
* html #logo small{margin-top:-7px;}
#rss-feed{height:30px;float:right;width:190px;position:relative;top:35px;left:27px;font-weight:700;}
#rss-feed a,.comm_date .nr_comm a{color:#FFF;text-decoration:none;}
#header{width:960px; height:113px;}
#header-search{float:left;width:300px;height:26px;background:#fff;margin:0;}

#intro{width:620px; float:left; margin:20px 20px 0 0;}
#intro p {margin:3px 0 15px 0;}
/*#homesidebar{width:300px; float:left; margin:10px 0 0 0; padding:0 !important; border: solid 1px #000;}*/

#header-search #s{float:left;border:0;width:154px;background:none;color:#ACACAB;margin:2px 0 0 2px;}
#header-search #go{float:right;width:20px;height:20px;margin:0 0 0 4px;}
#content{width:940px; background:#edeee9; margin: 0 0 0 20px}
#content-body{float:left;width:620px;min-height:300px;height:auto!important;overflow:hidden; margin:20px 20px 0 0;}
#content-sidebar{float:left;width:300px;}
#content-sidebar .hr{background:#edeee9 url(images/bg.png) no-repeat 0 -316px;height:2px;}
#contact-content-sidebar{float:left;width:300px; margin:0 18px 0 0}
#footer{background:#fff; width:100%; height:60px; bottom:0; float:left;}
#footer .text{color:#8D837B;display:block;font-size:10px;padding:12px;}
#footer .top{float:right;width:30px;height:18px;position:relative;top:-28px;right:100px;display:block;}

.articleheadline {font-size:24px;}
h1 a{border:0;text-decoration:none;color:#9a928c;}
#article h2 {margin:20px 0 0 0;}
#article p {margin:0 0 5px 20px; padding:0;}
#article ol li{list-style-type: upper-roman; margin:0 20px 10px 20px;}
#article ol {list-style-position:outside; padding:0 20px 0 10px;}

/* WP */
blockquote{margin:20px;border-left:7px solid #DDD;padding:0px;background-color:#F5F5F5;width:470px;font-size:9px;}
.wp-caption{float:left; font-family:"trebuchet ms"; color:#3f4141; margin:10px 0 0 0;}
.wp-caption img{border:solid 1px #ACACAB;margin:0 0 0 0;padding:0;}
.wp-caption p.wp-caption-text{float:right; font-family:"trebuchet ms"; font-size:11px;line-height:17px;margin:0 0 10px 0;  padding:0!important; font-style:italic;}
.img618{width:618px; float:left; border:solid 1px #ACACAB; padding:0;}
.img298left{width:298px; float:left; border:solid 1px #ACACAB; padding:0px;}
.img298right{width:298px; float:left; border:solid 1px #ACACAB; padding:0;}
.alignleft,img.alignleft{float:left;margin:0 18px 10px 0!important;}
.alignright,img.alignright{float:right;margin:0 0 10px 0;}
.aligncenter,div.aligncenter,img.aligncenter{text-align:center;display:block;margin:0 0 10px 0;}
.alignnone{float:left;margin:5px 0 10px 0;}
.singleright{float:right;margin:1opx 0 10px 20px;}


/* NAVIGATION */
#navigation{position:relative; right:0; float:right; margin:49px 0 0 0; font-size:11px; text-transform:uppercase;}
#navigation a{font-family: "trebuchet ms"; color:#ACACAB; text-decoration:none;}
#navigation a:hover{color:#9a928c;}
.navigation{text-transform:uppercase;}
.navigation a{color:#fff; text-decoration:none; padding:0 2px 0 2px; background:#ACACAB;}
.navigation a:hover{text-decoration:underline;  background:#9a928c; }

/* FRONT MENU */ 
ul#front_menu{width:548px;margin-top:38px;float:left;text-transform:uppercase;}
#front_menu li{list-style:none;float:left;margin-right:4px;}
* html #front_menu li{display:inline;}
#front_menu li a{display:block;background:url(images/nav.png) no-repeat left top;height:24px;padding-left:15px;color:#2C2C29;font:700 .88em/26px Arial, Helvetica, sans-serif;text-decoration:none;cursor:pointer;}
#front_menu li a span{display:block;background:url(images/nav.png) no-repeat right top;height:24px;line-height:24px;padding-right:15px;}
#front_menu li a:hover,#front_menu li a.s{background-position:left bottom;}
#front_menu li a:hover span,#front_menu li a.s span{background-position:right bottom;}
* html #front_menu li a,* html #front_menu li a span{width:1%;white-space:nowrap;cursor:pointer;}
* html #front_menu li a span{position:relative;z-index:2;}

/* HOMEPAGE */
#preview{width:302px; float:left; margin: 0 17px 20px 0;}
.last{margin: 0 0 20px 0 !important;}
#preview a{text-decoration:none;}
#preview:hover{background-color:#202020;}
#preview img{padding:0; border:#202020 1px solid}
#preview h1{font-size: 14; font-weight: normal; font-family: courier, "Courier New", monospace; color:#ACACAB; text-decoration:none; margin:5px 0 0 5px;}
#preview h1:hover{ text-decoration:underline;}
.areaofexpertise ul li{list-style-type: none; margin:0 0 10px 0;}
.areaofexpertise a {color:#ACACAB; font-family:"trebuchet ms"; font-size:26px; font-weight:normal; line-height: 30px; text-decoration:none;}
.areaofexpertise a:hover {color:#9a928c !important; border-bottom:3px solid #9a928c;}
#statement {color:#73a6b0; font-family:"trebuchet ms"; font-size:26px; font-weight:normal; line-height: 30px; margin:0 0 20px 0; text-transform: none !important;}

#areasofexpertise{width:940px; float:left;}

#areasofexpertise h1{ line-height:22px}
#areasofexpertise p { float:left; margin:0 10px 5px 0 !important;}

/* WORKLANDING */
#worklanding {margin: 0 0 20px 0;}
#worklanding img{float:right; margin:0 0 0 20px; padding:0; border:1px solid #ACACAB;}
#worklanding ul{margin:0; padding:0;}
#worklanding ul li{list-style-type: none;}
#worklanding li{margin:0 0 30px 0;}
#worklanding p{width:620px; margin:0 20px 0 0; font-family:Courier, "Courier New", monospace; font-size:11px; line-height: 16px;}
/*#worklanding p{width:300px; margin:0 20px 0 0; font-family:Courier, "Courier New", monospace; font-size:11px; line-height: 16px;}*/
#worklanding h2{font-size:17px;}
#rotator{float:left; margin: 0 0 0 0; padding:0; /*border:1px solid #ACACAB;*/}
#rotator img{padding:0; border:none;}

#rotatorhome{float:left; margin: 0 0 30px -20px; padding:0; background:#202020;/*border:1px solid #ACACAB;*/}
#rotatorhome img{padding:0; border:none;}

/* CONTENT */
/* #content-body ul,#content-body ol{margin:15px 30px;font-size:12px;}
#content-body ul li{list-style:circle;margin-bottom:4px;}*/


.hentry{height:auto!important;}
.comm_date{color:#9a928c; margin:0 0 0 0;z-index:200;}
.comm_date .data{text-transform:uppercase;}
.comm_date .nr_comm {border: solid; color:#FFF;  margin: 0; padding: 0;}
.comm_date .nr_comm_spot{}
.comm_date .data .j{font-size:10px;font-weight:bold;}
.cat_tags{color:#8c998d; margin-top:10px;padding:8px 10px 5px;}
.cat_tags_close{max-height:3px;height:3px;width:550px;margin-bottom:20px;}
.cat_tags .continue{float:left; margin: 0; padding: 0;}
.cat_tags .category{float:left;  margin: 0; padding: 0;}
.cat_tags a,.cat_tags .continue a{color:#ACACAB;}
.cat_tags a:hover {color:#26484f;}
* html .cat_tags{padding:9px 8px 0;margin-bottom:-3px;}
*:first-child+html .cat_tags{padding:9px 8px 0;margin-bottom:-3px;}

/* SIDEBAR */
.content-sidebar{padding:0; margin:20px 20px 0 0;}
.contact-content-sidebar{padding:0;}
.sidebar-box h3{display:block;background:#edeee9; height:22px;width:300px;font-family: "trebuchet ms";font-weight:normal;color:#ED9A29;font-size:13px;padding:9px 0 0 0; margin:10px 0 0 0 !important; border-bottom:3px solid #FFFFFF;}
.contact-sidebar-box h3{font-family: "trebuchet ms";font-weight:normal;color:##9A928C;font-size:16px;padding:0; margin:0 !important;}
.contact-sidebar-box h4{font-family: "trebuchet ms";font-weight:normal;font-style: italic;color:#396171;font-size:10px;}
.sidebar-box h4{font-family: "trebuchet ms";font-weight:normal;font-style: italic;color:#396171;font-size:10px;}

.formwidth {width: 100%; }
.sidebar-box-inside textarea {font-family: "trebuchet ms"; font-weight:normal; font-size:12px; padding:3px;}
.sidebar-box-inside input {font-family: "trebuchet ms"; font-weight:normal; font-size:12px; padding:3px; }

.sidebar-box-inside ul{list-style:none;margin-bottom:5px;}
.sidebar-box-inside ul li a,.sidebar-box-inside .recentcomments{display:block;border-bottom:1px solid #EEE;color:#396171;}
.sidebar-box-inside ul li a:hover,.sidebar-box-inside .recentcomments a:hover{color:#563131;}
.sidebar-box-inside .textwidget{padding:10px 2px 10px 2px;}


#social{width:102px; float:left; margin: 5px 20px 0 0; }
.last{margin: 0 0 20px 0 !important;}
#social a{text-decoration:none;}
#social:hover{background-color:#fff; }
#social img{padding:0; border:#fff 1px solid}
#social h1{font-size: 14; text-align:center; font-weight: normal; font-family: courier, "Courier New", monospace; color:#ACACAB; text-decoration:none; margin:5px 0 5px 0;}
#social h1:hover{ text-decoration:underline;}
#btnlinkedin{width:100px; height:100px; border:#fff 1px solid; background:url(http://www.threeseventwo.com/images/linkedinsmall.jpg) no-repeat 0 -100px; }
#btnlinkedin:hover{width:100px; height:100px; background:url(http://www.threeseventwo.com/images/linkedinsmall.jpg) no-repeat 0 0; }
#btnfacebook{width:100px; height:100px; border:#fff 1px solid; background:url(http://www.threeseventwo.com/images/facebooksmall.jpg) no-repeat 0 -100px; }
#btnfacebook:hover{width:100px; height:100px; background:url(http://www.threeseventwo.com/images/facebooksmall.jpg) no-repeat 0 0; }

 
#emailfield{float:left;width:294px; height:18px;background:#fff;margin:3px 0 0 0; border:none;color:#ACACAB; padding: 5px 3px 3px 3px}
#messagefield{float:left;width:294px; height:200px;background:#fff;margin:3px 0 0 0; border:none;color:#ACACAB;}
#emailsubmit{float:left;width:75px; background:#ACACAB; border:none; cursor: pointer; margin:3px 0 0 0; color:#fff; text-align:center; text-transform:uppercase;}
#emailsubmit:hover{background:#9a928c;}
#emailsubmit:active{position: relative;
  top: 1px;}

.searchhome{margin:10px 0 15px 0 !important;}

/* CONTACT */
.map {border:1px solid #ACACAB; float:left; margin:0;}



/* COMMENTS */


#author{width:300px; height:18px;background:#fff;margin:3px 40px 0 0; border:none;color:#ACACAB; padding: 5px 3px 3px 3px}
#email{width:300px; height:18px;background:#fff;margin:3px 40px 0 0; border:none;color:#ACACAB; padding: 5px 3px 3px 3px}
#url{width:300px; height:18px;background:#fff;margin:3px 40px 0 0; border:none;color:#ACACAB; padding: 5px 3px 3px 3px}
#comment{width:300px; height:18px;background:#fff;margin:3px 0 0 0; border:none;color:#ACACAB; padding: 5px 3px 3px 3px}
#content-body input#submit{float:left;background:#ACACAB; border:none;color:#fff; margin:3px 10px 0 0; text-transform:uppercase; cursor: pointer; font-family: "trebuchet ms"; }
#content-body input#submit:hover{background:#9a928c; border:none;color:#fff; text-transform:uppercase; cursor: pointer; }
#required {font-family: "trebuchet ms";font-weight:normal;font-style: italic;color:#396171;font-size:10px;}
/*#content-body input{width:160px;padding:2px;font: 12px Verdana;}*/
#content-body textarea{width:620px;height:200px;padding:3px;font: 12px Verdana;}
/*#content-body input#submit{font-weight:700;padding:3px;letter-spacing:-1px;text-transform:lowercase;}*/
#comentarii ol.commentlist{width:620px;margin:0;padding:0 0 0 0;font-size:11px;border-top:1px solid #fff;}
#comentarii .commentlist .author_comment{border-bottom:none;}
#comentarii .commentlist li{list-style:none;margin-bottom:14px;padding:0;}
#comentarii .commentlist cite{display:block;font-style:normal;padding:0px; margin:20px 0 0 0;}
#comentarii .commentlist cite img{border:1px solid #aab59a;float:left;margin-right:9px;padding:1px;}
#comentarii .commentlist .author{font-family: "trebuchet ms"; color:#9a928c; font-size:12px; font-weight:normal; margin:0 0 3px 0;text-transform: uppercase;text-decoration:none;}
#comenttitle {margin:0;font-family: "trebuchet ms"; color:#ED9A29; font-size:10px; text-transform:uppercase;}
#comentarii .commentlist cite a{text-decoration:none;}
.date{float:right;font-family:Courier,"Courier"; color:#9a928c; font-size:10px; text-transform:uppercase;}
.time{font-family:Courier,"Courier"; color:#9a928c; font-size:10px; font-weight:bold;}
#comentarii .commenttext{color:#2C2C29;padding:0;}
#comentarii .commenttext p{margin:0 0 7px 0; padding:0;}
#comentarii .trackbacks{background-color:#EEEEEE;margin-bottom:5px;padding:10px;border-bottom:1px solid #CCC;}

/* PAGINATION */
.nav_link{background-color:#EEE;width:536px;padding:10px;}
.nav_link a{text-decoration:none;}
.nav_link .page_number{border:1px solid #DDD;padding:2px 10px;}
.newer_older a{text-decoration:none;font-size:12px;letter-spacing:-1px;font-weight:700;}
.newer{background:#FFF url(images/bg.png) no-repeat 0 -467px;padding:6px 10px 6px 27px;float:left;cursor:pointer;}
.older{background:#FFF url(images/bg.png) no-repeat 0 -494px;padding:6px 34px 6px 9px;float:right;cursor:pointer;}
.newer:hover,.older:hover{color:#3C3C39}


/* Easy Slider */
#slider {/*border:1px solid #ACACAB;*/ background:#e2e3df /*3f4141*/; margin:0 0 0 0; }
#slider img {border:1px solid #ACACAB;}
#imgdescrib {float:left; color:#3f4141; width:640px; margin:5px 0 0 10px; line-height:14px}
#imgdescrib h2 {font-weight:bold; color:#3f4141; margin:0 0 0 0;}
#imgdescrib p {font-family:"trebuchet ms"; color:#3f4141; margin:0; padding:0;}
#imgdescrib a:hover {color:#000;}
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;

		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:940px;
		height:363px;
		overflow:hidden; 
		}	
	
		
	/* numeric controls */	

	ol#controls{
position:relative;
		float:right;
		margin:-49px 0 0 0;
		padding:10px;
		height:28px;
z-index:2000;	
background:#e2e3df;
		}
	ol#controls li{
		margin:0 0 0 10px ; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#ACACAB;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#9a928c;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */



/* Easy homeslider */
#homeslider {/*border:1px solid #ACACAB;*/ background:#202020 /*3f4141*/; margin:0 0 0 20px;}
#homeslider img {border:1px solid #202020; float:left; width:620px;}
#imgdescribhome {float:left; color:#3f4141; width:300px; margin:5px 0 0 10px; line-height:14px}
#imgdescribhome h2 {font-size:26px; line-height:30px; font-weight:bold; color:#73A6B0; margin:0 0 0 0;}
#imgdescribhome p {font-size:14px; line-height:18px; font-family:"trebuchet ms"; color:#EDEEE9; margin:0; padding:0;}
#imgdescribhome a:hover {color:#000;}
#imgdescribhome h2 a {color:#73A6B0; text-decoration:none;}
#imgdescribhome h2 a:hover {color:#79b2bd!important;}
	#homeslider ul, #homeslider li,
	#homeslider2 ul, #homeslider2 li{
		margin:0;
		padding:0;
		list-style:none;

		}
	#homeslider2{margin-top:1em;}
	#homeslider li, #homeslider2 li{ 
		/* 
			define width and height of list item (slide)
			entire homeslider area will adjust according to the parameters provided here
		*/ 
		width:940px;
		/*height:363px;*/
		overflow:hidden; 
		}	
		#homeslider li a:hover{
			color:#fff;
		}
		
		#prevBtn, #nextBtn{ 
		display:inline;
		z-index:3000;
		margin:0 0 0 5px;
		
		}	
	#nextBtn{ 
		z-index:3000;
		width:100px;
		}														
	#prevBtn a, #nextBtn a{  
		display:inline;
		z-index:3000;
		text-decoration:none;
		}
		
		#prevBtn a:active, #nextBtn a:active{  
		position: relative;
  top: 1px;
text-decoration:none;
		}
		
	#homeslidertitle{
		color:#fff;
		float:right;
		font-family:"trebuchet ms"; color:#505050;
		text-transform:uppercase;
		font-size:10px;
		margin:-225px 0 0 5px;
	}
	/* numeric controls */	

	#homeslider ol#controls{
position:relative;
		float:right;
		margin:-49px 0 0 0;
		padding:10px;
		height:28px;
z-index:2000;	
background:#202020;
		}
	#homeslider ol#controls li{
		margin:0 0 0 10px ; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	#homeslider ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#ACACAB;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	#homeslider ol#controls li.current a{
		background:#9a928c;
		color:#fff;
		}
	#homeslider ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy homeslider */