/*  
Theme Name: Tommy Theme
Theme URI: http://themesguy.com/
Description: Bussines Theme for Tommy Panetta
Version: 1.1.0
Author:themesguy
Author URI: http://themesguy.com/
Tags: Clean, Corporate
*/

*{margin: 0; padding: 0;}
body{background: #FFFFFF;margin: 0;padding: 0;	font: normal 13px Tahoma, Arial;color: #111;}
a, a:hover{ outline: none; text-decoration: none; color:  #367BA7}
hr {color: #666;border: 1px solid #121212;margin: 0 10px 0 10px;}
pre {height: auto; overflow-x:scroll;}
fieldset {margin: 0;padding: 0; border: 0;}
dd {padding-left: 15px;}
a img,img,a{border: none;outline: none;}
blockquote {background: #565B45;border: 1px solid #060606;padding: 5px 15px;margin: 10px 10px 5px 15px;font-style: italic;color: #fff;}
code {color: #3366cc;font-style: italic;}


/*|||||||||||||||||||||||start-layout (original style by: atsiruddin - http://themesguy.com |||||||||||||||||||||||*/
/*|||||||||||||||||||||||wraper and top section|||||||||||||||*/
.wrap{margin: 0 auto 0 auto!important; width: 960px!important; padding: 0;display: block}
#top{ height: 105px; margin: 0; padding: 0; background: url(images/topi.jpg) 0 0 repeat-x;border-bottom: 2px solid #555;}
	#top #top-wrap{margin: 0 auto!important; width: 960px!important; padding: 0;position: relative;}
	#logos { float: left; height: 100px; margin: 0; width: 325px; overflow: hidden;}
	#top-wrap #rss{position: absolute;right: 50px;top: 20px;width: 37px;height: 38px;background: url(images/rss.png) no-repeat;}	
	#top-wrap .tg-line{position: absolute;left: 375px;top: 24px;width: 400px;height: 80px;background: url(images/tagline.png) no-repeat;}	
	#rss a	{ display: block; margin: 0; width: 37px;height: 38px; outline: none}
	
/*|||||||||menu|||||||||*/
#navy { margin: 0; padding: 0; border-top: 4px solid #777; height: 35px; background: url(images/nav.png) 0 0 repeat-x;}	
#nav{
	list-style: none;
	margin:			0;
	padding:		0;
	z-index: 9999;
	}
	
#nav li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#nav li a, #nav li a:link, #nav li a:visited {
	color: #FFF;
	display: block;
	font-size: 8pt;
	font-family: Verdana;
	font-weight: bold;
	text-transform: uppercase;
    margin: 0px;
	padding: 11px 15px 10px 15px;
	outline: none;
	background: transparent url(images/gr.png) top right no-repeat;
	}

#nav li a:hover, #nav li a:active {
	color: #CCC;
    margin: 0px;
	padding: 11px 15px 10px 15px;
	text-decoration: none;
	}
	
#nav li li a, #nav li li a:link, #nav li li a:visited {
	background: #4093C9;
	opacity: .90;
	filter: alpha(opacity=90);
	width: 150px;
	color: #FFFFFF;
	font-size: 8pt;
	font-family: Verdana, Arial, Tahoma;
	font-weight: normal;
	text-transform: uppercase;
	float: none;
	margin: 0px;
	padding: 7px 10px 7px 10px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	}
	
#nav li li a:hover, #nav li li a:active {
	background: #2D719D;
	color: 2779AD;
	padding: 7px 10px 7px 10px;
	
	}

#nav .item a, #nav .item a:visited{
	color: #333;
	background: transparent url(images/hover.gif) repeat-x;
}
	
#nav .current_page_item a, #nav .current_page_item a:visited{
	color: #333;
	background: transparent url(images/hover.gif) repeat-x;
	text-decoration: none;
}

#nav li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 170px;
	margin: 0px 0px 0px -1px;
	padding: 0px;
	}

#nav li a.active span span
{
  color: #030B0C;
  background-color: #dfe9ff;
}

#nav li li { 
	}

#nav li ul a { 
	width: 140px;
	}

#nav li ul a:hover, #nav li ul a:active { 
	}

#nav li ul ul {
	margin: -29px 0 0 170px;
	}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	}

#nav li:hover, #nav li.sfhover { 
	position: static;
	}
/*||||| main-layout |||||||| */
.main{margin: 0;padding: 0;background: url(images/shad.png) 0 0 repeat-x;}
	.main-left{float: left;width: 620px!important;margin: 10px 0 10px 0;padding: 0;}
	.main-right{float: right;width: 330px!important;margin: 10px 0 10px 0;padding: 0;}
	
/*||||||| article layout ||||||*/
.article-lay{margin: 0;padding: 0; border: 1px solid #e1e1e1;}
		.article-lay h2.article-title{ font-size: 28px; color: #367BA7; line-height: 36px; margin: 8px; padding-left: 5px; border-bottom: 1px solid #e3e3e3; text-shadow: #CCC 0px 1px 0px}
		.article-lay h2.article-title a, .article-lay h2.article-title a:hover{ color: #367BA7;text-shadow: #CCC 0px 1px 0px}
		.article-lay span.write-by{ float: left; margin-left: 8px;font-size: 11px; color: #666;}
		.article-lay span.num-comm{ float: right; margin-right: 8px;font-size: 12px; color: #367BA7; font-weight: bold}
		.article-lay p{line-height: 20px; margin: 8px; font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif;}
		.article-lay ul, .article-lay ol{line-height: 20px; margin: 8px; margin-left: 16px; list-style-position: inside; font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif;}
.shadowed{ height: 15px; margin-bottom: 5px;padding: 0; background: url(images/box-shadow.png) center top no-repeat;}

/* opt */
.opt{margin-bottom: 7px;height: 415px;background: url(images/opt.png) 0 0 no-repeat;}
.opt table{ text-align: left; margin: 0 auto; color: #394E03; font-weight: bold;}
.opt h3{padding-top: 30px;margin-left: 10px;width: 155px;height: 130px;font-size: 18px;font-weight: bold;line-height: 21px;color: #FFF;overflow: hidden;text-shadow: #888 0px 2px 0px;}
.opt #opt-text{height: 110px;overflow: hidden;}
.opt #opt-text center{margin: 8px 18px 2px 8px;font-size: 12px;line-height: 15px;color: #FFF;vertical-align: middle;}
.opt input[type=submit]{ padding: 7px; background: #367BA7; font-weight: bold; font-size: 12px; font-family: Verdana; text-shadow: #014354 0px 1px 0px; outline: none; cursor: pointer;color: #f1f1f1;	-moz-border-radius: 8px;-khtml-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;}		

/*connect*/
#connect{margin-bottom: 15px;margin-left: 15px;padding: 0;width: 300px;}
#connect center{color: #0382CC;font-size: 16px;font-weight: bold;}
#connect .box{margin-top: 5px;background: url(images/bg-con.png) no-repeat;height: 75px;padding-top: 13px;}
#connect .box .icon-holder{margin-left: auto;margin-right: auto;text-align: center;}
.icon-holder a{float: none;margin: 0 5px 0 5px;}
.icon-holder a img{border: none;}
#qutext{position: absolute;left: 10px;bottom: 40px;width: 200px;height: 65px;color: #FFF;font-weight: bold;text-shadow: #666 1px 3px 1px;	}

/*||||||||| sidebar |||||||||*/
.sidebarbox{margin-bottom: 15px;padding: 0;border: 1px solid #E3E3E3;}
.sidebarbox h2{color: #008BAE;font-size: 18px;line-height: 25px;font-weight: bold;margin: 8px;border-bottom: 1px solid #E3E3E3;}
.sidebarbox ul{list-style: none;margin: 8px;padding: 0;}
.sidebarbox ul li , .sidebarbox ul li.recentcomments{border-bottom: 1px solid #EEE;background: url(images/morep.png) 0  50% no-repeat;line-height: 25px;}
.sidebarbox li a,.sidebarbox li.recentcomments a{margin-left: 21px;}
.sidebarbox li.recentcomments {padding-left: 21px;}
.sidebarbox p, .sidebarbox div{margin: 8px;}

/*footer*/
#footer{margin: 0;padding: 0;background: transparent url(images/bg-footer.gif) repeat-x;height: 50px;border-top: 2px solid #E3E3E3;}
#footer .footer-text{margin: 0 auto;width: 960px;color: #707070;font-size: 11px;line-height: 30px;font-family: Tahoma;}
.footer-text a:hover{color: #333;}

/*micc*/
	.cleared{margin: 0;padding: 0;clear: both;}	
	.more-step{font-weight: bold; margin: 8px;font-size: 12px;display:inline}
	.highlight {color: #222;font-weight: bold; }
	.textwidget {font-size: 9pt;}
	.alignleft {float: left;margin: 5px 10px 5px 0;}
	.alignright {float: right;margin: 5px 0 5px 10px;}
	.aligncenter,
	div.aligncenter {margin: 10px auto;text-align: center; display: block;}
	img.alignleft {float: left;margin: 5px 10px 5px 0;}
	img.alignright {float: right;margin: 5px 0 5px 10px;}
	img.aligncenter {margin: 10px auto;text-align: center;display: block; }
	.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
	.wp-caption img {margin: 0;padding: 0;border: none;}
	.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;color: #111;}


.bmtxt{float: left;font-weight: bold;color: #008BAE;padding: 7px 5px;} 
.bookmark{margin: 0;padding: 15px 15px 0 15px;}
.bookmark ul{float: left;margin-left: 30px;padding: 0;list-style: none;}
.bookmark ul li{display: inline;width: 20px;margin-right: 10px;} 
.bookmark ul li a, .bookmark a {opacity: .50!important; 
							filter: alpha(opacity=50)!important;} 
.bookmark ul li a:hover, .bookmark a:hover{opacity: 1!important;
							filter: alpha(opacity=100)!important;} 

/*||||||||| contact/question |||||||||||*/
/*custom*/
.button-primary{
	background: #666666 !important;
	color: #eee;
	font-size: 11px;
	font-weight: bold;
	padding: 3px;
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	cursor: pointer;
	margin-top: 20px;
}

input.text {
	outline-color: -moz-use-text-color;
	outline-style: none;
	outline-width: medium;
	width: 60%;
	border-width: 1px;
	border-style: solid;
	padding: 3px;
	background-color: #E3E3E3;
	color: #333;
	border-color: #808080;
}

select.text{
	outline-color: -moz-use-text-color;
	outline-style: none;
	outline-width: medium;
	border-width: 1px;
	border-style: solid;
	padding: 3px;
	outline: none;
	background-color: #E3E3E3;
	color: #333;
	border-color: #808080;
}

textarea#contact_message{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box; /* ie8 only */
	box-sizing: border-box;
	outline-color: -moz-use-text-color;
	outline-style: none;
	outline-width: medium;
	width: 500px;
	border-width: 1px;
	border-style: solid;
	background-color: #E3E3E3;
	color: #333;
	border-color: #808080;
}

/*|||||||search|||||*/
#search{margin-bottom: 7px;padding: 0;}
#search #search-form{padding: 5px;width: 200px;border: 1px solid #eeeedd;background: #FFFF;font-size: 11px;}
#search .input{padding: 4px;background: #8EC108;border: 1px solid #E3E3E3;font-family: Verdana;font-size:11px;font-weight: bold;color: #FFF;text-shadow: #EEE 0px 1px 0px;cursor: pointer;}
#qutext{position: absolute;left: 10px;bottom: 40px;width: 200px;height: 65px;color: #FFF;font-weight: bold;text-shadow: #666 1px 3px 1px;	}