/* 

Theme Name: Intense

Description: Intense WordPress Theme.

Version: 2.9

Author: system32

Author URI: http://www.themeforest.net/user/system32

Tags: space, custom header, fixed width, two columns, widgets

The CSS, XHTML and design under 960 Grid System:

*/





/***********************************************************



General



************************************************************/





body{

	font:normal 12px/20px "Lucida Grande","Lucida Sans Unicode", Arial, sans-serif;

	color:#666666;

	margin:0;

	background:#FFFFFF;

	}



.featured 	{	

	background:#fbf2dd !important;

	border:1px solid #d6c59c !important;

	}





a 	{

	color:#5b5b5b;

	text-decoration:none;	

	}



a:hover	{

	color:#278baf;

	text-decoration:underline;	

	}



h3 span {

	margin:0;

	color:#747474;

	font: normal 10px Tahoma;

	text-transform: uppercase;

	display: block;

	letter-spacing: normal;

	}	



	

h1, h2, h3, h4, h5, h6 { color:#000;}



small {

	font-size:1em;

	}







/***********************************************************



Header



************************************************************/





.header	{

		background:#fff;

		border-bottom:1px solid #ddd;

		height:85px;

		}



h1	a.logo 	{

				background:URL(../images/logo.png) no-repeat;

				width:213px;

				display:block;

				text-indent:-9999px;

				height:52px;

				padding:0px 0 0 0px;

				margin:10px 0 0 0px;

				}





/***********************************************************



Top Menu



************************************************************/



.top-menu	{

		padding:30px 0 0 0;

		margin-left:20px;

		}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/

	color:			#000;	

	font-size:12px;	text-decoration:none;

}

.sf-menu li a{ font-weight:bold;}

.sf-menu li li a{ font-weight:normal;}



.sf-menu li ul{

	background:#fff;

	border:	1px solid #e6e6e6;

	padding:0px 8px 10px 8px;

	border-top:0;

}



.sf-menu li li {

	background:		#fff;

	border-top:	1px solid #e6e6e6;

	margin-bottom:2px;

}

.sf-menu li ul li ul{

	border-top:	1px solid #e6e6e6;

}



.sf-menu li:hover, .sf-menu li.sfHover,

.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {

	color:#278baf;	

	outline:		0;	text-decoration:none;

}



.sf-menu li li:hover, .sf-menu li li.sfHover,

.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {

	color:#278baf;	 

	text-decoration:none;

	outline:		0;

}



/* Active Page Status CSS for all the browsers*/	

.sf-menu li.current-cat a, .sf-menu li.current_page_item a {

color:#278baf;

font-weight:normal;

}



.sf-menu li.current-cat a:visited, .sf-menu li.current_page_item a:visited {

color:#278baf;

font-weight:bold;

}

.sf-menu li a span {

display:block; 

font:normal 9px/20px Tahoma, Arial, Helvetica, sans-serif; 

color:#999;

}





/***********************************************************



Sub Header



************************************************************/





.subheader_bg	{

		height:72px;	

		background:#f5f5f5 url(../images/dot2.png);

		}

	

.subheader {

		width:960px;

		height:72px;	

		}



		.subheader h2, .subheader p {

				padding-top:22px;

				padding-left:10px;

				}

	

		.subheader h2	{

				color:#000;		

				}

		

		.subheader p	{

				color:#000;

				font:bold 16px/18px "Trebuchet MS", Sans-serif;			

				}

				



/***********************************************************



Featured Accordion



************************************************************/



.accordion_bg	{

		padding-top:30px;

		background:#eeeeee url(../images/dot.gif);

		overflow:hidden;

		height:390px;

		}



.sliderbg {

	background:url(../images/slider_bg.png) no-repeat;

	height:360px;

	}



	.slider{

		padding-top:8px;

		width:940px;

		margin-left:auto;							

		display:block;

		margin-right:auto;

		position:relative;

		border:0px solid #fff;

		}



	.accordion, .accordion1{

		margin:0;

		width:940px;

		padding:0;

		list-style-type: none;

		}



	.slideimg {

		border:1px solid #ccc;

		padding:3px;

		float:left;

		margin-right:10px; 

		background:#fffff;

		}



	.sh1 h1, 

	.sh2 h1, 

	.sh3 h1, 

	.sh4 h1,

	.sh5 h1	{

				font:bold 26px/28px "Trebuchet MS", Helvetica, sans-serif;

				color:#000;

				letter-spacing:-1px;

				padding:10px 0 10px 0;

				}

	



	.sh1		{	background:#f7f7f7 !important;	 }	/* Slide 1 */

	

	.sh2		{	background:#f2f2f2 !important;	 }	/* Slide 2 */

	

	.sh3		{	background:#ededed !important;	 }	/* Slide 3 */

	

	.sh4		{	background:#e8e8e8 !important;	 }	/* Slide 4 */

	

	.sh5		{	background:#e3e3e3 !important;	 }	/* Slide 5 */

	 



.active{

		background:#ffffff !important;

		}



.accordion li{

		cursor:default;

		}



.accordion .active_click{

		cursor:default;

		}



.sh1, .sh2, .sh3, .sh4, .sh5	{

/* Assign your own class if you want*/

	}



.headerbox	{

	margin:30px 0px;

	width:310px;

	float:left;

	padding-left:30px;	

	}



	.headerbox p {

		cursor:text;

		padding-top:5px;	

		}

	

.headerbox small { font:italic 11px/16px Verdana, Arial, Verdana, Helvetica, sans-serif;}	



.slideinfo {

	width:112px;

	background:URL(../images/seperator.gif) repeat-y top left;

	float:right;	

	height:310px;

	padding-top:30px;

	position:relative;

	text-align:center;

	}





	.slideinfo span{

		font:normal 12px/13px "Trebuchet MS", Helvetica, sans-serif;

		color:#000;

		display:block;

		padding:0px 10px 15px 10px;

		}

	

	.slideinfo p.icon {

		padding-top:50px;

		margin-bottom:20px;

		display:block;

		}





.s-num { 

	position:absolute;

	bottom:0px;

	left:25px;

	}





/***********************************************************



Featured Accordion Only Images and short info



************************************************************/



.sliderbg {

	background:url(../images/slider_bg.png) no-repeat;

	height:360px;

	}



	.slider{

		padding-top:10px;

		width:940px;

		margin-left:auto;							

		display:block;

		margin-right:auto;

		position:relative;

		border:0px solid #fff;

		}



		.accordions .accordion2{

		margin:0;

		width:940px;

		padding:0;

		list-style-type: none;

		}





	.slide1 h1, 

	.slide2 h1, 

	.slide3 h1, 

	.slide4 h1,

	.slide5 h1	{

				font:bold 20px/20px "Trebuchet MS", Helvetica, sans-serif;

				color:#777;

				letter-spacing:0;

				}

	



	.slide1		{	background:#222 !important;	 }	/* Slide 1 */

	

	.slide2		{	background:#333 !important;	 }	/* Slide 2 */

	

	.slide3		{	background:#444 !important;	 }	/* Slide 3 */

	

	.slide4		{	background:#555 !important;	 }	/* Slide 4 */

	

	.slide5		{	background:#666 !important;	 }	/* Slide 5 */

	 



.active{

		}



.accordions li{

		cursor:default;

		}



.accordions .active_click{

		cursor:default;

		}



.slide1, .slide2, .slide3, .slide4, .slide5	{

/* Assign your own class if you want*/

	}





.slideinfos {

	padding:15px;

	position:absolute;

	bottom:10px;

	right:10px;

	width:auto;

	display:block;

	text-align:right;

	background:#000;

	color:#FFFFFF;

	}

.slideinfos a {

	cursor:pointer;

	}





/***********************************************************



Layout Columns



************************************************************/



.middlepart	{

		padding:30px 0 50px 0;

		overflow:hidden;

		height:100%;

		}



	.sidebar {

			margin:0;

			padding: 0px 0px;

			overflow:hidden;

			height:100%;

			}

			

	.middlepart .grid_9 {

			background:URL(../images/sep.gif) repeat-y top left;

			}

			

	.content {

			padding-left: 20px;

			}

	

/***********************************************************



Homepage 3 Columns



************************************************************/



.smallbox	{

		width:300px;

		margin-left: 9px;

		float:left;

		padding: 20px 0px;

		text-align: center;

		overflow:hidden;

		height:100%;

		}



	.smallbox h2 {

			font:bold 20px/22px "Trebuchet MS", "Lucida Grande","Lucida Sans unicode", Sans-serif;

			}

			

	.smallbox p {

			padding:10px;

			}

	

	.boxicon {

			margin:10px 0 0 0;

			}









/***********************************************************



Separator Lines



************************************************************/



.hr_line	{

		border-top:1px solid #e5e5e5;

		height:1px;

		margin:15px 0;

		}



.line {

		background:url(../images/line.gif) repeat-x;

		height:3px;

		width:100%;

		clear:both;

		margin-top:10px;

		margin-bottom:10px;

		}









/***********************************************************



Readmore



************************************************************/



a.readmore {

		text-decoration:none;

		}



a.readmore:hover {

		text-decoration:underline;

		}







/***********************************************************



Sidebar Menu



************************************************************/





.subnav {

		margin-bottom:20px;

		}



.subnav ul{

		list-style:none;

		margin:0;

		padding:0px;

		}





.subnav li a {

		voice-family:inherit;

		padding:5px 0;

		height:100%;

		text-decoration:none;

		display:block;

		border-bottom:1px solid #e6e6e6;

		color:#777;

		}





.subnav li.current_page_item a, .subnav li.current-cat a{

			font-weight:bold;

			text-decoration:none;

			color:#00919f !important;	

			}



.subnav li a:hover{

			color:#00919f;

			text-decoration:none;

			}

										

.subnav li ul							 	{ padding-left:15px; border-left:1px solid #e6e6e6;}

.subnav li ul ul 							{ padding-left:30px;}

.subnav li ul ul ul 						{ padding-left:45px;}

.subnav li ul ul ul ul 						{ padding-left:60px;}



			

								





/***********************************************************



Portfolio Page



************************************************************/





.boxgrid { 

		overflow:hidden;

		height:290px; 

		margin-left:9px; 

		float:left;

		margin-bottom:20px;

		}

		

			.boxcaption{ 

					height:auto;

					padding:3px 5px 0px 0px;

					margin:0px;

						}		



				

			.boxcaption h3{

					font-size:1.5em;

					padding: 0; 

					color:#505050;

					margin:0;

					}

									

			.img_border{

					border: solid 2px #e6e6e6;

					padding:3px;

					}				

									

				a.learn {

					font-size:12px;

					color:#008f9c;

					}



				a.learn:hover {

					color:#000000;	

					}										

										

			



/***********************************************************



Services Style 1



************************************************************/

			

.service-box .icon {

	float:left;

		}



.service-box p, .service-box h3 {

	margin-left:100px;

		}



.service-box  {

	clear:both;

	margin-bottom:30px;

	}

	



/***********************************************************



Services Style 2



************************************************************/

			

.service-box2 .icon {

	float:left;

		}



.service-box2 p, .service-box2 h3 {

	margin-left:80px;

		}



.service-box2  {

	width:320px;

	float:left;

	margin-bottom:30px;

	margin-right:10px;

	}

	



/***********************************************************



Footer



************************************************************/



.sitefooter	{

		width:100%;

		background:#f5f5f5;

		border-top:1px solid #ccc;

		height:70px;

		text-align:center;

		padding-top:25px;

		}





/***********************************************************



Definition Lists



************************************************************/





 dl { 

 	border: 0px solid #ddd; 

 	padding: 0.1em; 

	}



	dt { 

		float: left; 

		clear: left; 

		width: 20px; 

		text-align: left; 

		font-weight: bold; 

		} 



	dd { 

		margin: 0 0 0 25px; 

		padding: 0 0 0.5em 0; 

		}

		







/***********************************************************



Blog Page



************************************************************/



.post	{ 

		padding:0px 0px 0px 0;

		position:relative;

		clear:left;		

        }



.excerpt {			

		padding:10px 0;

		margin-bottom:25px;

		}

						

		.excerpt p	{margin: 10px 0 10px 0px;}			



		.excerpt ul, .excerpt ol	{

			margin:0;

			padding:10px 0 20px 20px;

			list-style-position:inside;	

			}	



		.excerpt ul	{	list-style-type:square;		}

		.excerpt ol	{	list-style-type:decimal;	}

	



		.post-info	{

					overflow:hidden;

					height:100%;

					}

		.post-info	span{

					padding:0px 0;

					color:#aaa;

					}



		.post-info h2 {			

					margin:0;

					}



	.date   {

			border-right:1px solid #ccc;

			width:50px;

			float:left;

			margin-right:10px;

			text-align:center;

			height:50px;

			text-transform:uppercase;

			font-size:10px;

			}



		.date  b{

				font:normal 30px/30px Georgia, Helvetica, sans-serif;

				display:block;

				}

					  	

			



/***********************************************************



Comments Page CSS



************************************************************/



#commentblock{

	background:#f7f7f7;	

	border: 1px solid #ddd;

	padding:10px;

	}



	#comments h1 {

		padding:20px;

		}



ol.commentlist {

	margin: 0;

	padding	: 0;

	}			

			

	ol.commentlist li {

		margin: 0px;

		padding:5px 10px 0px 10px;

		padding-left:100px;

		list-style:none

		}



.comment_wrap	{

	position:relative;

	background: #fff;		

	overflow:visible;

	height:100%;

	border: 1px solid #ccc;

	}



	.comment-author	{

		position: absolute;

		left: -90px;

		width: 90px;

		color: #484848;

		font-size: 10px;

		line-height: 12px;

		}



	.single_comment	{

		padding:5px;

		padding-bottom:10px;

		margin-bottom:10px;

		}



.alt {

	margin: 0;

	padding:0px;

	}



.comment-author a {

	text-decoration:none;

	}



.avatar {

	padding:3px;

	border:1px solid #ddd;

	background: #fff;	

	}







	.commentlist ul.children {

		margin:5px 0 0px 0;

		padding:0px;

		}



		ol.commentlist li ul.children li {

			margin: 0px;

			padding:0px;

			padding-left:25px;

			}

	

		.children .comment-author	{

				position: absolute;

			    top:15px;

				width: 110px;

				color: #484848;

				text-align:left;

				font-size: 10px;

				line-height: 11px;

				}



		.commentlist ul.children {

				border-left:1px solid #ccc;

				}



		ul.children .comment-author img.avatar	{

				width: 40px;

				float:right;

				margin-left:0px;

				margin-right:10px;

				margin-top:0px;

				height:40px;

				}



		ul.children li.depth-2 .single_comment {

				padding-top:0px;

				padding:15px;

				margin-right:0;

				padding-bottom:1px;

				}





		ul.children li.depth-3 .single_comment {

				padding:15px;

				margin-right:0;

				padding-bottom:15px;

				}

	

 .single_comment p {

	padding:10px;

	text-align:left;

	line-height:normal;

	}



	.commentlist code {

		background:#e6e6e6;

		padding:3px;

		}



	.commentlist .moderation {	

		margin-top: 10px;

		color: #dd0000;	

		}



	.commentlist .children {

		margin-top:5px;	

		}







/***********************************************************



Comments Page Form



************************************************************/



#respond {

	padding:10px;

	position:relative;

	}





#respond:after {

		content: "."; 

	    display: block; 

	    height: 0; 

	    clear: both; 

	    visibility: hidden;

		}





	.reply a:link, .reply a:visited  {	

		background:#ddd;	

		text-align:center;		

		text-decoration:none !important;

		text-transform: uppercase;

		color:#212121;	

		padding:4px 10px;		

		font-size:10px;	

		}



	.reply a:hover {	

		background:#000;

		color:#fff;

		}



	.reply {

		position:absolute;

		left:15px;

		bottom:15px;

		}





.cancel-comment-reply a {

	background:#ddd;	

	text-align:center;		

	text-decoration:none !important;

	text-transform: uppercase;

	color:#212121;	

	padding:4px 10px;		

	font-size:10px;	

	width:auto;

	}



	.cancel-comment-reply a:hover {

		background:#000;

		color:#fff;

		}

	

#commentform input, #commentform textarea{

	padding:4px;

	}



#commentform input[type=image]{

	width:auto !important;

	background:none;

	}



.btn {

	border: 0 !important;

	}





cite.fn {

	font-weight:bold;

	font-size:11px;

	font-style:normal;

	text-align:left;

	}



.comment-meta {

	margin-top:2px;

	color:#aaa;

	}









/***********************************************************



Contact Form



************************************************************/



#form {

	padding: 15px 0;

	}





		#form label {

			font-size: 1.2em;

			width: 140px;

			display: inline-block;

			margin-right: 0px;

			margin-bottom: 15px;

			}

		



		#form .input {

			background:#fbfbfb;		

			border: 1px solid #e5e5e5;

			padding: 5px 7px;

			margin-bottom: 15px;

			width: 360px;

			}

		



		#form select {

			background:#fbfbfb;			

			width: 375px;			

			font: 1.2em Tahoma;

			border: 1px solid #e5e5e5;

			padding: 5px 6px;

			margin-bottom: 15px;

			}

		



		#form textarea {

			background:#fbfbfb;			

			border: 1px solid #e5e5e5;

			vertical-align: top;

			width: 355px;

			font: 1.1em Tahoma;

			line-height: 1.7em;

			padding: 9px;

			height: 200px;

			}

		

#cf_submit_p { text-align:right; } 

		#form .indent {

			padding-left: 145px;

			padding-top: 15px;

			}

			

		/* The button */

		#form .submitbutton {

			background:url(images/button.gif) no-repeat;

			width: 105px;

			border:none;

			height:28px;

			}

			



/***********************************************************



Mainpage Widget



************************************************************/





.smallbox #calendar_wrap {

text-align:center;

}



/* Begin Calendar */

#wp-calendar {

	empty-cells: show;

	margin: 10px auto 0;

	width: 155px;

	}



#wp-calendar #next a {

	padding-right: 10px;

	text-align: right;

	}



#wp-calendar #prev a {

	padding-left: 10px;

	text-align: left;

	}



#wp-calendar a {

	display: block;

	}



#wp-calendar caption {

	text-align: center;

	}



#wp-calendar td {

	padding: 3px 0;

	text-align: center;

	}



#wp-calendar td.pad:hover { /* Doesn't work in IE */

	background-color: #fff; }



#wp-calendar #prev a, #wp-calendar #next a {

	font-size: 9pt;

	}



#wp-calendar a {

	text-decoration: none;

	}



#wp-calendar caption {

	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;

	text-align: center;

	}



#wp-calendar th {

	font-style: normal;

	text-transform: capitalize;

	}







/***********************************************************



Homepage Recent Comments



************************************************************/





ul#recentcomments {margin:0;}



ul#recentcomments li {

	display:block;

	background:#ffffff;

	padding:5px;

	margin:0 0 5px 0;

	text-align:left !important;

	}



ul#recentcomments li a{

	background:none;

	border:none;

	}





/***********************************************************



Pre code and Blockquote	



************************************************************/





pre {

	padding: 10px;

	background: #F3FBFF;

	border: 1px solid #CEE0E4;

	color: #02576B;

}



blockquote {

	font-style: italic;

	font:italic normal 12px/20px Georgia, Arial, Sans-serif;

	width: auto;

	padding: 20px;

	margin: 15px 0;

	background: #f0f0f0;

	border-left: 3px solid #ccc;

}