/*-----------------------

 Initial CSS styling

-----------------------*/

 

html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; color:#000; }

body 	{  font-family:Verdana,Geneva,sans-serif;

		   font-size: 62.5%;

		   line-height:1.8em;

		   background:url(/wp-content/themes/blogstorm/images/header.jpg) top center no-repeat #2a2e31;

		}

ul, li, ol, dl, dd, dt { list-style:none; padding:0; margin:0; }

a 		{ outline:none; /* Stops the dotted outline on click */

		  text-decoration:none;}

img 	{ border:0;}

 

.floatLeft 		{ float:left; }

.floatRight 	{ float:right; }

.textCenter 	{ text-align:center; }

.textRight 		{ text-align:right; }

.clear			{ clear:both; }

.bottomPadding	{ padding-bottom:10px; }

.topPadding		{ padding-top:10px; }

.leftPadding	{ padding-left:10px; }

.rightPadding	{ padding-right:10px; }

.leftMargin		{ margin-left:10px; }

.rightMargin	{ margin-right:10px; }

.border			{ border:solid #FF0000; }

.clear			{ clear:both;}



.clearfix:after {

		content:".";

		display:block;

		height:0;

		clear:both;

		visibility:hidden;

}



.clearfix {display:inline-block;}



/* Hide from IE Mac \*/

.clearfix {display:block;}

/* End hide from IE Mac */	



.hidden			{ visibility:hidden; }

.removeText		{ text-indent:-3000em; font-size:1px; overflow:hidden;}

.display-none	{ display:none;}





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

	WP Styles

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

blockquote { border-left: 1px solid #000; color: #666; font-style:italic; }

blockquote p{ color: #666; font-style:italic; }



.format_text blockquote { margin: 0 0 1.574em 0.786em; padding-left: 0.786em; }

	

/*---:[ pullquotes ]:---*/



.format_text blockquote.right, .format_text blockquote.left { width: 11.944em; font-size: 1.286em; line-height: 1.222em; border: none; }



.format_text blockquote.right { margin: 0 0 1.222em 1.222em; float: right; }



.format_text blockquote.left { margin: 0 1.222em 1.222em 0; float: left; }



	.format_text blockquote.right p, .format_text blockquote.left p { margin: 0 !important; }



.custom blockquote { border-left: 4px solid #ddd; color: #666; }





acronym { font-weight: bold; font-size: 0.786em; line-height: 1em; text-transform: uppercase; letter-spacing: 1px; border-bottom: none; cursor: help; }



abbr { font-size: 1em; line-height: 1em; border-bottom: none; }



sub, sup { line-height: 0.5em; }



code { font: 0.929em Consolas, "Andale Mono", Courier, "Courier New"; color: #050; }



pre { margin-bottom: 1.833em; padding: 0.75em 0.917em; font: normal 0.857em/1.5em Consolas, "Andale Mono", Courier, "Courier New"; background: #eee; border: 1px solid #ddd; overflow: auto; clear: both; }



img.alignright {float:right; margin:0 0 1em 1em}

img.alignleft {float:left; margin:0 1em 1em 0}

img.aligncenter {display: block; margin-left: auto; margin-right: auto}

a img.alignright {float:right; margin:0 0 1em 1em}

a img.alignleft {float:left; margin:0 1em 1em 0}

a img.aligncenter {display: block; margin-left: auto; margin-right: auto}



.contactform{

	float:left;

	width:100%;

	clear:both;

	margin:10px 0 20px 0;

}



	#wpcf label{

		float:left;

		width:150px;

		margin:0 0 10px 0;

	}

	

	#wpcf textarea, #wpcf input{

		float:left;

		width:300px;

		margin:0 5px 0 0;

	}

	

	#wpcf #contactsubmit{

		width:100px;

		clear:both;

		margin:0 0 0 150px;

	}



.comments_intro span{

	font-weight:bold;

	color:#000;

	font-size:16px;

}



	.comments_intro span.bracket{

		color:#ccc;

	}



	dd.comment{

		border-bottom:1px solid #e3e3e3;

		margin:0 0 20px 0;

		padding:0 0 10px 0;

	}



.avatar {float:left; margin:0 10px 0 0;}



.entry-content{float:left; width:100%; margin:0; padding:0;}



#maincontent .post_box .author_and_date{color:#97c0e4; float:left; width:400px; padding:0;margin:10px 0px 15px 0px;}

#maincontent .post_box .twitter-share-button, #maincontent .post_box .twitter-count-horizontal{
	margin:10px 0 0 0;
}



#maincontent .post_box strong .author_and_date{font-weight:normal;}



#maincontent .post_box .entry-content p{margin:0 0 10px 0;}



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

CONTAINERS

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



.container

{

    margin:0 auto;

    width:944px;

}



#header

{

    width:100%;

    height:100px;

    clear:both;

    position:relative;

}



    #logo

    {

        position:absolute;

        top:20px;

        left:0;

		width:204px;

        height:70px;

    }



	#page{

		background:#fff;

		width:100%;

	}



	#innercontent{

		

	}



	#header_nav

	   {

		   position:absolute;

		   top:10px;

		   right:10px;

		   font-size:12px;

	   }

    

        #header_nav li

        {

            float:left;

			background:url(/wp-content/themes/blogstorm/images/bullet_spacer.jpg) top right no-repeat;

			padding:0 10px;

        }

        

            #header_nav li a

            {

                color:#fff;

            }

            

            #header_nav li a:hover, #header_nav li a.selected

            {

                color:#75abdb;

            }



	#header_nav li.last{

		background:none;

		padding:0 0 0 10px;

	}



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

	MAIN NAVIGATION

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



#main_navigation{

	background:#2a2e31;	

	font-size:12px;

	height:12px;

	width:100%;

	padding:16px 0 16px 0;

}



	#main_navigation ol{

		width:100%;

		margin:0 auto;

	}



		#main_navigation li

		{

			float:left;

			background:url(/wp-content/themes/blogstorm/images/bullet_spacer.jpg) right 2px no-repeat;

			padding:0 16px 0 14px;

		}



		#main_navigation li a{

				color:#fff;

		}



			#main_navigation li a:hover, #main_navigation li a.selected{

				color:#75abdb;

			}



			#main_navigation li.last{

				background:none;

				padding:0 0 0 14px;

			}



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

	INNER CONTENT

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



#content{

	width:944px;

	padding:0;

	margin:0;

}



#innercontent{

	background:#fff;

}



	#menu{

		width:350px;

		float:right;

		padding:25px 0 0 0;

		margin:0 0 30px 0;

	}



	.menu{

		margin:20px 0 0 0;

		padding:0;

		float:left;

	}



	.menu ul{

		margin:0;

	}



		.t1 ul li, .t2 ul li, .t3 ul li, .t4 ul li, .t5 ul li, .t6 ul li {

			border-top:1px solid #d4d5d6;

			padding:8px 0 8px 25px;

			background:url(/wp-content/themes/blogstorm/images/lower_li.gif) left 16px no-repeat;

			font-size:13px;

		}



		.menu ul li.last{

			border-bottom:1px solid #d4d5d6;

		}



			.menu ul li a{

				color:#2a2e31;

			}

			

			.menu ul li a:hover, .menu ul li a.selected{

				color:#75abdb;

			}



	#maincontent{

		float:left;

		width:548px;

		margin:25px 0;

		padding:0 25px 0 0;

		font-size:13px;

		line-height:20px;

		display:inline;

		border-right:1px solid #e3e3e3;

	}



		#maincontent p{

			margin:12px 0;

			 

		}



		#maincontent a{

			color:#75abdb;

			text-decoration:none;

		}



			#maincontent a:hover{

				text-decoration:underline;

			}



		#maincontent ul{

			margin:0 0 0 20px;

		}



		#maincontent ul li{

			background:url(/wp-content/themes/blogstorm/images/bluearrow.gif) 0 6px no-repeat;

			padding:0 0 0 25px;

			margin:4px 0;

		}







	#getourblog{

		float:left;

		padding:10px;

		background:#e5e5e5;

		border:1px solid #666;

		margin:10px 0 20px 0;

		width:540px;

	}

	

		#getourblog form{

			float:left;

			clear:both;

			width:100%;

			padding:10px 0 0 0;

		}

	

		#getourblog input{

			width:170px;

			float:left;

			padding:2px;

			border:1px solid #999;

		}



		#getourblog .format_text form input.go_button{

			background:url(/wp-content/themes/blogstorm/images/bluearrow_button.gif) 5px 7px no-repeat #75abdb;

			color:#fff;

			border:1px solid #74a1b4;

			font-size:8pt;

			padding:3px 3px 2px 10px;

			width:50px;

			margin:0 0 0 20px;

		}



	#related_posts{

		margin:0 0 20px 0;

		float:left;

		width:100%;

	}

	

	.post_box{

		border-bottom:1px solid #e3e3e3;

		margin:0 0 20px 0;

		padding:0 0 10px 0;

		float:left;

		width:100%;

	}



	.auth_bio{

		padding:10px;

		border:1px solid #97c0e4;

		background:#d4ebff;

		margin:0 0 10px 0;

		float:left;

		width:540px;

	}



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

	BLOGSTORM STYLES

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



	.topboxlayer{display:none;}



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

	RIGHT MENU STYLES

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



	#feedbox table{

		border-collapse:collapse;

		border:1px solid #ccc;

		font-size:12px;

	}



		#feedbox table a{

			color:#333;

			text-decoration:underline;

		}



			#feedbox table a:hover{

				text-decoration:none;

			}



	#feedbox input{

		margin:5px 0 0 0;

	}



		#feedbox input.inputname{

			width:170px;

			float:left;

			padding:2px;

		}



		#feedbox .daily_posts{

			font-size:7pt;

		}



		#feedbox input.signup{

			background:url(/wp-content/themes/blogstorm/images/bluearrow_button.gif) 5px 7px no-repeat #75abdb;

			color:#fff;

			border:1px solid #74a1b4;

			font-size:8pt;

			padding:3px 0 3px 15px;

			width:90px;

			text-align:left;

		}



	.tabs-block{

		margin:20px 0 0 0;

	}



	.tabs{

		width:100%;

		float:left;

	}



		.tabs li{

			padding:0;

			float:left;

			margin:0 2px 0 0;

		}

		

			.tabs li a{

				width:330px;

				padding:4px 10px;

				font-size:18px;

				color:#98c1e5;

			}

			

				.tabs li a.tab-current{

					text-decoration:underline;

				}





	.tabs-block div div ul{

		float:left;

		clear:both;

		width:330px;

		padding:10px;

		margin:0 0 20px 0;

	}

	

		

	#sidebar_2{

		float:left;

		clear:both;

		padding:5px;

	}



	#search_form{

		width:340px;

	}

	

		#search_form input{

			padding:2px;

			width:200px;

			border:1px solid #999;

			float:left;

		}

		

		#search_form #searchsubmit{

			background:url(/wp-content/themes/blogstorm/images/bluearrow_button.gif) 5px 7px no-repeat #75abdb;

			color:#fff;

			border:1px solid #74a1b4;

			font-size:8pt;

			padding:3px 3px 2px 10px;

			width:100px;

			margin:0 0 0 20px;

			float:left;

		}
                
		
	#seo_links h3 {
            margin: 30px 0 0px 5px;
	}
        
        #links {
            margin: 0px 0 0px 5px;
	}


	#seo_links a{
            color:#98c1e5;
	}
        
        #seo_links a:hover{
            text-decoration: underline;
	}
        
        a.seo_links_span
        {
            font-size: 20px;
        }
        
        a.seo_links_span_med
        {
            font-size: 18px;
        }
        
        a.seo_links_span_small
        {
            font-size: 15px;
        }



	#respond{

		margin:20px 0 0 0;

		float:left;

		width:100%;

		clear:both;

		font-size:14px;

		text-transform:uppercase;

	}



		#comment_form input{

			border:1px solid #999;

			padding:2px;

			float:left;

			width:240px;

			margin-right:20px;

		}

		

		#comment_form textarea{

			border:1px solid #999;

			padding:2px;

			margin:0 0 20px 0;

			float:left;

			width:412px;

			height:173px;

		}



		p.allowed{

			float:left;

			width:110px;

			margin:0!important;

			padding:10px;

			background:#e5e5e5;

		}



		.form_submit#submit{

			background:url(/wp-content/themes/blogstorm/images/bluearrow_button.gif) 5px 7px no-repeat #75abdb;

			color:#fff;

			border:1px solid #74a1b4;

			font-size:8pt;

			padding:3px 3px 2px 15px;

			width:80px;

			margin:0;

		}



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

	LOWER CONTENT

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





	#lowercontent{

		padding:20px 0 10px 0;

		background:#313537;

		float:left;

		width:100%;

	}

	

		#lowercontent a{

			color:#fff;

		}

		

			#lowercontent a:hover{

				color:#75abdb;

			}

	

		#lower_left{

			float:left;

			width:346px;

			margin:0 15px 0 0;

		}

		

			#lower_left ol{

				margin:4px 0 0 0;

				float:left;

				border-top:1px solid #989a9b;

			}

		

			#lower_left ol li{

				font-size:13px;

				color:#fff;

				border-bottom:1px solid #414547;

				padding:7px 0 6px 25px;

				background:url(/wp-content/themes/blogstorm/images/lower_li.gif) no-repeat 0 12px;

				width:305px;

				float:left;

			}



				#lower_left ol li a.arrowed{

					color:#646768;	

					background:url(/wp-content/themes/blogstorm/images/arrow.gif) right 5px no-repeat;

					padding:0 16px 0 0;

				}

	

	

			#lower_center{

				float:left;

				width:271px;

				margin:0 15px 0 0;

			}

			

				#lower_center ol{

					float:left;

					border-top:1px solid #989a9b;

				}

			

					#lower_center ol li{

						font-size:13px;

						color:#fff;

						border-bottom:1px solid #414547;

						padding:8px 0 5px 15px;

						width:256px;

						float:left;

					}

	

						#lower_center ol li .date{

							background:#6d86a7;

							padding:4px 7px;

							font-size:10px;

							float:left;

							margin:0 10px 0 0;

							color:#fff;

						}

	

			#lower_right{

				position:relative;

				float:left;

				width:256px;

			}

				

				#lower_right ol{

					float:left;

					border-top:1px solid #989a9b;

				}

			

					#lower_right ol li{

						font-size:13px;

						color:#fff;

						border-bottom:1px solid #414547;

						padding:8px 0 5px 15px;

						width:256px;

						float:left;

					}

	

						#lower_right ol li .date{

							background:#6d86a7;

							padding:4px 7px;

							font-size:10px;

							float:left;

							margin:0 10px 0 0;

							color:#fff;

						}

	

			#clientlogos{

				border-top:1px solid #989a9b;

				width:306px;

				float:left;

			}

			

				#clientlogos img{

					margin:10px 0 0 0;

				}

	

	

	#lowercontent h3{

		padding:0 0 14px 0;

	}



	h3.ourservices{

		background:url(/wp-content/themes/blogstorm/images/titles/our_services.gif) top left no-repeat;

		width:101px;

		height:14px;

	}



	h3.categories{

		background:url(/wp-content/themes/blogstorm/images/titles/categories.gif) top left no-repeat;

		width:85px;

		height:18px;

		float:left;

	}



	h3.morecategories{

		background:url(/wp-content/themes/blogstorm/images/titles/more_categories.gif) top left no-repeat;

		width:131px;

		height:18px;

		float:left;

	}



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

	FOOTER

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

	

	#footercontainer{

		background:url(/wp-content/themes/blogstorm/images/footer.jpg) top center no-repeat #313537;

		width:100%;

		height:116px;

		float:left;

	}

	

	#footer{

		float:left;

		width:944px;

		font-size:12px;

		padding:20px 0 0 0;

	}



		#footer ol{

			height:27px;

			width:600px;

		}

	

		#footer ol li{

			float:left;

			height:27px;

			background:url(/wp-content/themes/blogstorm/images/bullet_spacer.jpg) right 4px no-repeat;

			padding:7px 8px 0 8px;

			color:#adaeaf;

		}

			

			#footer ol li.last{

				background:none;

				padding:7px 8px 0 8px;

			}

	

		#footer ol#backtotop{

			width:110px;

		}

	

		#footer ol#backtotop li{

			float:left;	

			background:url(/wp-content/themes/blogstorm/images/backtotop.gif) top left no-repeat;

			padding:7px 0 0 25px;

		}

		

		#footer ol#backtotop li a{

			color:#87aad9;

		}

	

		#footer a{

			color:#adaeaf;

		}



		#footer a:hover{

			text-decoration:underline;

		}

		



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

CUFON STYLES

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



	#maincontent .post_box h1.entry-title{font-size:32px; font-weight:normal; color:#373b3d; float:left; width:100%;}

	#maincontent .post_box h1.entry-title a{color: #373b3d; text-decoration: none; float:left; width:100%;}

		#maincontent .post_box h1.entry-title a:hover {color: #373b3d; float:left; width:100%;}



	h2{font-size:24px; font-weight:normal; color:#97c0e4; float:left; width:100%;}

		h2 a {color: #97c0e4; text-decoration: none; float:left; width:100%;}

		h2 a:hover {color: #97c0e4; text-decoration: underline; float:left; width:100%;}



	h3{font-size:18px; font-weight:normal; color:#97c0e4; float:left; width:100%;}

	h3 a{color: #97c0e4; text-decoration: none; float:left; width:100%;}

		h3 a:hover {color: #97c0e4; text-decoration: underline; float:left; width:100%;}



	p#respond{ font-size:20px; font-weight:normal; color:#97c0e4; float:left; width:100%;}

		p#respond a {color: #97c0e4; text-decoration: none; float:left; width:100%;}

        p#responda:hover {color: #97c0e4; text-decoration: underline; float:left; width:100%;}
		
		p.author_and_date{margin:5px 0px 5px 0px;}
	
	
	




/**************************
JOB SECTION
**************************/

.jobform textarea{
	width:320px;
}