/*

Theme Name: QT

Theme URI: http://www.erachnida.com/

Description: Designed on order for Quest Tutorials

Version: 1.0

Author: Erachnida Technologies

Author URI: http://www.erachnida.com/

Tags: quest tutorials, erachnida, qt, white, orange, grey

*/



body{margin:20px 0px 40px 0px; background:#515151 url(imgs/bg.jpg) repeat-x top; font-family:"Verdana";}

h1{font-size:20px; color:#FB8011; background:url(imgs/bullet.gif) no-repeat left; border-bottom:1px solid #CACACA; padding:0px 0px 2px 30px; width:685px;}
.hblog {font-size:24px; font-family:"Georgia";}
.hblog a {color:#000000;}

a{text-decoration:none; color:#FB8011; border:0px;}

a:hover{text-decoration:underline; color:#FB8011;}

h2{font-size:14px; color:#028ECE; font-weight:600; padding:0px 0px 5px 0px;}

a img{border:0px;}







/* DIVs */

#container{width:100%; height:auto;}

#wrap{width:990px;background:#FFF;}



/* HEADER */

#header{width:100%; height:96px; clear:both;}

#logo{width:236px; height:46px; float:left; margin-top:10px;}

#roh{width:750px; height:65px; float:left;}

#header-links{width:auto; line-height:16px; font-size:10px; color:#7D7B7B; float:right; clear:both; margin:20px 10px 5px 0px;}

#header-links a{color:#7D7B7B;}

#header-links a:hover{color:#FB7700;}

#header-links img{vertical-align:top;}

#topnav{width:auto; height:43px; background:url(imgs/top-nav-bg.gif) repeat-x top; float:right; clear:both; margin:10px 0px 0px 0px;}

#topnav-lc{width:13px; height:43px; background:url(imgs/top-nav-left.gif) no-repeat; float:left;}

#topnav-rc{width:12px; height:43px; background:url(imgs/top-nav-right.gif) no-repeat; float:left;}

#topnav-links{width:990px; height:43px; background:url(imgs/top-nav-bg.gif) repeat-x top; float:left; font-size:13px; font-weight:bold; line-height:42px;}

#topnav-links a{font-size:13px; font-weight:bold; color:#000; padding:0px 10px;}

#topnav-links a:hover{font-size:13px; color:#FB7700; text-decoration:none;}

#topnav-links img{vertical-align:top; width:2px; height:43px;}


#navigation{	
	width:960px;
	padding:3px 0px 0px 0px;
	float:left;
	margin:0px 5px 0px 0px;	
}

.nav {
	background:#fff url(imgs/top-nav-bg.gif) repeat-x;
	float: left;
	height:43px;
	font-size:12px;
}
.nav-wrapper {
	clear: both;
	float: left;
}
.nav-left {
	background: url(imgs/top-nav-left.gif) no-repeat top left;
	float: left;
	width: 11px;
	height: 43px;
}
.nav-right {
	background: url(imgs/top-nav-right.gif) no-repeat top right;
	float: left;
	width: 11px;
	height: 43px;
}
.nav ul {
	/*width: 648px;*/
	height: 38px;
	float: left;
	margin: 0;
	padding-top: 3px;
	list-style: none;
	font-size: 15px;
}
.nav li {
	float: left;
	padding: 0 7px;
	background: url(imgs/spacer.gif) no-repeat right center;
	position: relative;
	z-index: 1;
	font-size:13px;
}
.nav li.last {
	background:none;
}
.nav li:hover {
	z-index:2;
}
.nav li a {
	display: block;
	line-height: 38px;
	overflow: hidden;
	float: left;
	padding:0px 15px;
}
a .menu-left {
	background: url(imgs/menu_left.gif) no-repeat left top;
	width: 8px;
	height: 32px;
	line-height: 35px;
	display: block;
	float: left;
}
a .menu-mid {
	height: 32px;
	line-height: 35px;
	display: block;
	float: left;
	color:#000000;
	font-weight:bold;
}
a .menu-right {
	background: url(imgs/menu_right.gif) no-repeat top left;
	width: 8px;
	height: 32px;
	line-height: 35px;
	display: block;
	float: left;
}
.nav li a:hover .menu-left,
.nav li.active a .menu-left,
.nav li:hover a .menu-left,
.nav li a:hover .menu-mid,
.nav li.active a .menu-mid,
.nav li:hover a .menu-mid,
.nav li a:hover .menu-right,
.nav li.active a .menu-right,
.nav li:hover a .menu-right {
	background-position: 0 -37px;
	line-height: 35px;
	color:#FB7700;
	font-size:13px;
}
.nav li a:hover,
.nav li.active a,
.nav li.hover a,
.nav li:hover a {
	color: #09548B;
}
.nav li:hover .sub,
.nav li.hover .sub {
	display:block;
}
.nav li .sub {
	display: none;
	position: absolute;
	z-index:-5;
	top: 27px;
	left: 6px;
	/*background: url(images/submenu_top.png) no-repeat;*/
	width: 165px;
	padding-top: 9px;
}
.nav li ul {
	background: url(imgs/submenu_bg.png) repeat-y;
	width: 165px;
	height: auto;
	margin: 0;
	padding: 0 13px 10px;
	list-style: none;
	font-size: 14px;
}

.nav li:hover li,
.nav li.active li {
	width: 100%;
	padding: 1px 0 2px;
	border-bottom: 1px #C1D9F0 dashed;
	background: none !important;
}
.nav li:hover li a,
.nav li.active li a {
	color:#000000;
	background: none !important;
	line-height: normal;
	width: 165px;
	font-size:12px;
	font-weight:bold;
	padding: 8px 3px 3px;
	text-indent: 1px;
}
.nav li:hover li a:hover,
.nav li.active li a:hover {
	color:#FB7700;
	font-weight:bold;
	text-decoration: none;
	line-height: normal;
}
/*IE*/
.nav li li a:hover,
.nav li li a:hover {
	color: #fff;
	text-decoration: none;
	line-height: normal;
}

.nav .btm-bg {
	background: url(images/submenu_bottom.png) no-repeat;
	width: 205px;
	height: 9px;
	overflow: hidden;
	clear: both;
}

/* MIDDLE BAND */

#middle{width:100%; height:196px; clear:both; margin:15px 0px 10px 0px; background:#FFFFFF;}

#banner{width:717px; height:196px; float:left; margin-left:10px;}

#media{width:240px; height:196px; float:left; margin-left:13px;}

#media-block{width:240px; height:45px; float:left; margin:4px 0px; vertical-align:middle;}

#media-icon{width:58px; height:35px; float:left; text-align:center;}

#media-icon img{vertical-align:middle;}

#media-desc{width:176px; height:45px; float:left; padding-left:5px; font-size:10px; color:#0395D8;}





/* CONTENT */



#con{width:980px;clear:both; margin:10px 0px 0px 10px; overflow:auto; float:left; margin-bottom:20px;}

#content{width:707px; height:auto; float:left; font-size:13px; color:#000000;/*#7D7B7B;*/ text-align:justify; margin:0px 0px 20px 20px;}

#photo {width:137; height:105px;}

#photo-desc{width:137px; height:34px; 

			background:url(imgs/photo-desc.gif) no-repeat;

			font-size:10px; font-weight:600; line-height:14px;

			}

			

#profile {	width:196px; height:139px; float:left; 

			color:#7D7B7B; font-size:11px; 

			padding:2px 0px 0px 12px; text-align:justify;}

			

.crumbs{line-height:16px; font-size:10px; color:#7D7B7B;}

.crumbs a{color:#7D7B7B;}

.crumbs a:hover{color:#FB7700;}

.float-info{float:right; margin:8px 0px 10px 10px; width:240px; height:auto;}



/* Right Nav*/

#right-nav{width:240px; height:auto; float:left; margin:5px 0px 20px 13px;}
//#right-nav ul {margin-left:5px; padding-left:0px;}

#box-t-c{width:226px; height:auto; font-size:16px; color:#D61010; font-weight:600; padding:0px 0px 5px 0px; text-transform:uppercase;}

#box-t{width:226px; height:auto; font-size:14px; color:#028ECE; font-weight:600; padding:0px 0px 5px 0px; text-transform:uppercase;}

#box-top{width:226px; height:10px; background:url(imgs/box-top.gif) no-repeat; clear:both;}

#box-bot{width:226px; height:10px; background:url(imgs/box-bottom.gif) no-repeat;}

#box{width:224px; background:url(imgs/box-blog-bg.gif) repeat-x; border-left:1px solid #BCBCBC; border-right:1px solid #BCBCBC;}

#box-c{width:224px; background:url(imgs/box-blog-bg.gif) repeat-x; border-left:1px solid #BCBCBC; border-right:1px solid #BCBCBC;font-size:11px;}

#box-c a{font-size:11px; color:#D61010;}

#box-c a:hover{text-decoration:underline;}

#box-c ul{list-style-type:none;margin-left:20px; padding-left:0px;}

#box-c ul li{color:#797979; font-size:14px; font-weight:bold; display:block; line-height: 24px;}

#box-c ul li a{color:#797979; font-size:14px; font-weight:bold; display:block; line-height: 24px;}

#box-c ul li a:hover{color:#D61010;}



#sidebar{width:240px; height:auto; float:left;}

#sidebar h2{font-size:14px; color:#028ECE; font-weight:bold; padding:0px 0px 5px 5px; text-transform:uppercase; line-height:30px;}

ul.sidebar_list { list-style: none; margin:0px; padding:0px;}

.sidebar_list h2{font-size:14px; color:#028ECE; font-weight:bold; padding:0px 0px 5px 5px; text-transform:uppercase; line-height:30px; border-top:1px solid #c3c3c3; border-left:1px solid #c3c3c3;}

.sidebar_list li{font-family:"Verdana"; font-size:12px; margin-bottom:5px; line-height:16px;margin:0px 2px 4px 0px;  list-style-position:outside;}
.sidebar_list li ul{margin-left:5px; padding:10px; list-style-type:square;}

.sidebar_list a{text-decoration:none;}

.sidebar_list a:hover{text-decoration:underline;}



/* Footer */

#footer{width:auto; line-height:16px; font-size:10px; color:#FFF; }

#footer a{color:#FFF;}

#footer a:hover{color:#FFF;}

#footer img{vertical-align:top;}



#fi{width:auto; line-height:16px; font-size:10px; color:#B9B9B9;}

#fi a{color:#B9B9B9;}

#fi a:hover{color:#B9B9B9;}



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



.alignright {

	float: right; margin: 0 0 2px 7px;

	}



.alignleft {

	float: left; margin: 0 7px 2px 0;

	}
/* slider coding */

	img{border:none;}
	pre{
		display:block;
		font:12px "Courier New", Courier, monospace;
		padding:10px;
		background:#e3f4f9;	
		margin:0em 0;
		width:521px;
		}	
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:8000px;
            }
    /* // image replacement */
			
/*	#container{	
		margin:0 auto;
		text-align:left;
		width:521px;
		background:#fff;		
		margin-bottom:0px;
		}	
	#header{
		height:80px;
		line-height:80px;
		background:#5DC9E1;
		color:#fff;
		}		*/		
	/*#content{
		position:relative;
		}*/			

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:0em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:717px;
		height:197px;
		overflow:hidden; 
		}	
	/*#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:32px;
		height:33px;
		position:absolute;
		left:15px;
		top:135px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:670px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:32px;
		height:33px;
		background:url(../images/b-left.png) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/b-right.png) no-repeat 0 0;	
		}*/	
		
	/* numeric controls */	

	ol#controls{
		margin:-1.5em 360px;
		padding:0;
		height:18px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:18px;
		line-height:0px;
		color:#FFFFFF;
		}
	ol#controls li a{
		float:right;
		height:18px;
		line-height:16px;
		border:1px solid #000000;
		background:#323736;
		color:#ffffff;
		padding:0 7px;
		text-decoration:none;
		font-size:12px;
		}
	ol#controls li.current a{
		background:#dddee1;
		color:#000000;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

.col-one-faq {
	width:540px;
}
#social_links {
	margin:10px 0px 0px 20px;
	width:200px;
	float:left;
}