/* @override http://www.newfiresocialmedia.com/wp-content/themes/Creative%20Studio%20Blue/style.css */

/* @override http://www.newfiresocialmedia.com/wp-content/themes/Creative%20Studio%20Blue/style.css */

/* @override http://www.newfiresocialmedia.com/wp-content/themes/Creative%20Studio%20Blue/style.css */

/* @override http://www.newfiresocialmedia.com/wp-content/themes/Creative%20Studio%20Blue/style.css */

/* @override http://www.newfiresocialmedia.com/wp-content/themes/Creative%20Studio%20Blue/style.css */




/*  
Theme Name: Creative Studio Blue
Description: A 2 Column  Professional theme
Author: Karuu 
Author URI: http://www.wpspark.com/
*/


body{
 color:#666;
 margin:0;
 padding:0;
	font: normal 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background: url(images/gray-bkg.png) repeat-x 0 top;

}
 
#main{
 margin:0 auto; padding:0;
 position:relative;
}

  
.wrap{
 width:900px;
 margin:0 auto;
 position:relative;
 padding:0;
} 
 
img{ 
 margin:0;
 border:none;
 } 
 
p img.left  { 
 float: left; 
 margin:5px 8px 8px 0; 
 padding:5px;
 border:1px solid #ddd;
 }
 
p img.right  { 
 float: right; 
 margin: 5px ;
 padding:5px; 
 border:1px solid #ddd;  
 } 

h1,h2,h3,h4,h5,h6 {
 font-weight:normal;
 } 
 
h1{
 font-size:24px; 
 } 
 
 
h2{
 margin:0;
 padding:0;
 font-size:20px; 
 } 
 
h3{
 font-size:16px; 
 }
 
h4{
 font-size:13px; 
 }
 
h5{
 font-size:10px; 
 }
  
h6{
 font-size:8px; 
 }     

 
/*	General Links			*/

a:link,a:active,a:visited,a:hover{
 color: #00a4ce;
 outline: none; 
 text-decoration:none;
 }

 
/*	Top			*/   

#top{
 margin:0; padding:0;
 height: 220px;
 }

/*	Header			*/

#header{
 float:left; 
 }
 
#header h1{
 text-indent:-999px;
 background: url(images/logo.png) no-repeat ;
	margin: 40px 0 0;
	height: 120px;
	width: 150px;
}

#header h2{
	margin: 28px 0 0;
}



   
/*	Navigation			*/ 
#smallnav{
 float:right;
 width: 750px;
 margin: 10px 0 9px; 
}




#smallnav ul {
 margin: 0px;
 padding: 0px;
 list-style: none;
}

#smallnav ul li a:link,#smallnav ul li a:active,#smallnav ul li a:visited {
 display: block;
 margin: 0px 0px 0px 0px;
 text-decoration: none;
 color: #bebebe;
	font-size: 18px;
	padding-left: 5px;
}
	
#smallnav ul li a:hover {
 display: block;
 color: #000;
 text-decoration: none;
 }

 
#smallnav li {
 float: right;
 margin: 0px;
 padding: 0 0 0 10px;
 }	

#smallnav li ul {
 position: absolute;
 width: 10em;
 left: -999em;
 }
 
#smallnav li:hover ul {
 left: auto;
 display: block;
}
	
#smallnav li:hover ul, #smallnav li.sfhover ul {
 left: auto;
}




#nav{
 float:right;
 width: 745px;
 margin: 35px 0 0;
 padding: 0; 
 list-style: none;
}
#companyname{
	text-align: right;
	margin: 0;
} 
#what{
	float: left;
}

#nav ul {
 margin: 63px 0px 0px;
 padding: 0px;
 list-style: none;
}

/* @group My Group */



/* @end */

#nav ul li a:link,#nav ul li a:active,#nav ul li a:visited {
 display: block;
 margin: 0px 0px 0px 0px;
 text-decoration: none;
 color: #fefefe;
	padding: 0 0 7px 7px;
	font-size: 17px;
}
	
#nav ul li a:hover {
 display: block;
 color: black;
 }
 
.current_page_item a:link, .current_page_item a:visited, .current_page_item a:active  {
 color: black;
 }
 
#nav li {
 float: right;
 margin: 0px;
 padding: 0 0 0 10px;
 }	

#nav li ul {
 position: absolute;
 width: 10em;
 left: -999em;
 }
 
#nav li:hover ul {
 left: auto;
 display: block;
}
	
#nav li:hover ul, #nav li.sfhover ul {
 left: auto;
}

/*	Bredcrumb		*/ 

.breadcrumb{
 position:relative;
 width:100%;
 color:#000;
 font-size:16px;
 font-family:Georgia, "Times New Roman", Times, serif;
 }
 
/*	Featured-Container		*/ 

#featured {
	padding-top: 10px;
}
 
#featured-container {
 margin:0 auto;
 height: 232px;
 position:relative;
 color:#444;
 width:900px;

 }
  

#featured-container h4 {
 color: #010101;
	margin: 0 0 10px;
	font-weight: bold;
	font-size: 24px;
}

 

#featured-container p{
 font-size:14px;
 line-height:150%;
 width: 460px;
 	color: #000;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	background-color: #bebebe;
	padding: 20px;
} 
#featured-container a{
	color: #000;
}
#featured-container h4 a:hover{
	color: #010101;
}
#featured-container p a{
	color: #00a4ce;
	font-size: 12px;
	letter-spacing: 2px;
	margin-left: 10px;
}

#featured-container p strong{
	color: #00a4ce;
	font-size: 14px;
	letter-spacing: 3px;
	font-weight: bold;
}


img.featured-image{ 
 float:right;
 width: 360px;
 height: 190px;
 padding: 8px;
 background: #e5e5e5;
 margin: 10px 0 0 10px;
} 

.ribbon{
 position:absolute;
 float:right;
 width:130px;
 top:-3px;
 right:-3px;
	visibility: hidden;
}
  
.more a, .port a{
 width:106px;
 display:block;
 height:30px;
 text-indent:-9999em;
 overflow:hidden;
 }
 
.more a:hover, .port a:hover{
 background-position:0 -30px;
 }
 
.more a{
 float:left;
 margin-right:15px;
 display:block;
 background: url(images/more.png) no-repeat;
 }

.port a{
 background: url(images/port.png) no-repeat;
 } 

/* Featured Slider */

.stepcarousel{
 position: relative; 
 overflow: scroll;
 width: 910px; 
 height: 220px;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
}

.stepcarousel .belt{
 position: absolute; 
 left: 0;
 top: 0;
 }

.stepcarousel .panel{
 float: left;
 overflow: hidden; 
 width: 910px; 
 margin:0; }  
 
/*	Content		*/  

#content{
 margin:15px 0 0 0;
 padding:10px 0 0 0; 
 }
 

 

 
  
h2.hello, h2.recent,h2.event, h2.client  {
 height:30px;
 text-indent:-9999em;
 padding-bottom:10px; 
 }
 
/*	Left-Container		*/ 
 
#left-container{
 float:left;
 width: 680px;
 	color: black;
}
 
.harness p{ 
padding-bottom: 10px;
}
 
  #left-container h2{
		margin-bottom: 10px;
}

.post h2{
	
	font-size: 24px;
}
.post h4{
	
	font-size: 18px;
	font-weight: bold;
	color: #00a4ce;
	line-height: 24px;
	padding-left: 20px;
}



.post p {
	font-size: 14px;
	line-height: 24px;
	margin-right: 40px;
	margin-top: 0;
	margin-bottom: 10px;
}


 #left-container h5{
	font-size: 24px;
	margin: 10px 0;
	color: #00a4ce;
	font-style: italic;
	padding-left: 50px;
	padding-right: 145px;
	line-height: 30px;
}
  #left-container h5 strong{
	font-size: 36px;
	margin: 0;
	color: #00a4ce;
font-weight: normal;
	line-height: 30px;
}



.information h2{
	font-size: 42px;
	color: #224359;
	font-style: italic;
}
.information h2 strong{
	color: #00a4ce;
	font-style: italic;
	font-weight: normal;
}
.information p{
	line-height: 170%;
	font-size: 18px; 
	margin:0;
}

.blog{
 padding:0 0 10px;
 border-bottom:1px dashed #ddd;
 margin-bottom:15px;
 }

.blog-meta {
 margin:10px 0 0 0;
 display:block;
 color:#00a4ce;
 padding:0;
 font-size:11px;
 } 
 
h2.hello {
 background: url(images/hello.png) no-repeat;
 } 

.harness{background: url(images/main-icon-wheel.png) no-repeat right top;

}
 
h2.recent{
 background: url(images/recent.png) no-repeat;
 height:30px;
 text-indent:-9999px;
 padding-bottom:10px;
 position:relative;
 top:15px; 
 } 

.work{
 height: 180px;
	clear: left;
}

.work p{
	margin-top: 20px;
	padding: 0;
	margin-right: 40px;
	margin-bottom: 0;
	font-size: 12px;
	line-height: 20px;
} 

.work h3 {
 	margin: 0px;} 
 	
.work h3 a{
 font-size:18px;
 font-weight:400;
 color:#000;
	margin: 0 0 10px;
	padding: 10px 20px;
	background-color: #bebebe;
}

.meta{
 color:#c34507;
 font-size:11px;
 margin:0;
 }

.work img{
 float:left;
 padding:8px;
 background: #e5e5e5;
 margin: 20px 10px 10px 20px;
 }

 
/*	Right-Container		*/  

#right-container{
 width: 220px;
 float:right;
 font-weight:normal;
	color: #000;
	padding-top: 39px;
	background: #bebebe url(images/right-container.png) no-repeat left top;

} 
.textwidget{
	margin-bottom: 29px;
}
.textwidget p{
	margin: 0 20px 10px;
}

.textwidget p a{
	font-size: 18px;
}
.news{
	padding-bottom: 10px;
} 


ul#twitter_update_list li{
	padding-bottom: 20px;
	padding-left: 20px;
} 

h2.event{
 background: url(images/news.png) no-repeat;
 margin:0;
 }
 
 h2.twitter{
 background: url(images/twitter.png) no-repeat;
 margin:0;
 }
 
.article p{
 margin-top:8px;
 line-height:150%;
 margin-bottom: 10px;
 }
.article h3{
 margin:2px 0 6px 0;
 font-size:14px;
 color:#00a4ce;
 font-weight:normal;
 }
#recent-posts-4{
	
 border-top: 1px dashed #3674a3;	padding-top: 20px;
	margin-top: 10px;
}
.date{
 font-size:11px;
 color:#999999;
 }
  
.testimonial{
 padding-top: 20px;
 } 
 
h2.client {
 background: url(images/clients.png) no-repeat;
 }

.testimonial p{
 margin-top:3px;
 line-height:150%;
 margin-bottom:20px; 
 } 
     
.author{
 color:#cc0033;
 font-size:11px;
 display:block;
 margin-top:5px;
 }
 
#right-container ul {
	margin: 0;
	padding: 0;
}
 


#sidebar li{
	list-style-type: none;
	margin-bottom: 10px;
}
 
/*	Portfolio Artcile		*/ 

.portfolio-article{
 border:1px solid #ddd;
 margin:15px 0;
 padding:10px;
 background:#f1f1f1;
 height:267px;
 }

.portfolio-article h2{
 color:#00a4ce;
 } 

.portfolio-article img{
 float:right;
 padding:7px;
 background:#fff;
 margin-left:10px;
 border:1px solid #ddd;
 }

b.involve{
 color:#c34507;
 } 

.portfolio-article p{ 
 margin:10px 0;
 padding:0;
 } 
 .centerpost{
	text-align: left;
}
img.single-port {
	margin-left: 0;
	margin-right: 0;
} 
 
 
/*	Footer		*/ 

#footer {
 clear:both;
 color:#fff;
 float:left;
 width:100%;
 height:30px;
 margin:50px 0 0; padding:12px 0 0 0;
 background:#262626;
 text-align:center;
}

/*	Comment Box		*/ 

#comment-box h3{
	margin: 0;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #bebebe;
}
 
form p{
 margin:0 0 5px 0;
 padding:0;
 } 
 
#comment-box input {
 width: 220px;
 margin: 2px 0 10px 0;
 border-top: 1px solid #ccc;
 border-left: 1px solid #ccc;
 border-bottom: 1px solid #eee;
 border-right: 1px solid #eee;
 height:20px;
 font-size: 12px;
 color:#000;
 padding:5px 0 0 5px;

 }
 
#comment-box label {
 display: block;
 font-size: small;
 font-weight: bold;
 margin:0;
 padding:0;
}

#comment-box textarea {
 width: 350px;
 height: 150px;
 display: block;
 border: 1px solid #ddd;
 margin: 0 ;
 padding:5px 0 0 5px;
 font-size: small;
 color:#000;
 } 
 
input#submit-comment{
 font-size: small;
 font-weight: bold; 
 color:#000;
 width:155px;
 height:30px;
 margin:10px 0 0 0; 
 padding:0;
 border: 1px solid #ccc;
 background:#fff;
 }
 
ol.commentlist{
 margin:0;
 padding:0;
 list-style:none;  
 } 
  
ol.commentlist p{

 line-height:1.7em; 
 }
   
ol.commentlist li{
 border:1px dashed #ccc;
 padding:10px;
 margin-bottom:15px;
 background:#f1f1f1;
 }
 
#content .commentlist ul li{ 
 background:#fff;
 list-style:none;
 }

.comment-author cite {
 float:left;
 margin-right:5px;
 font-style:normal;
 color:#000;
 }
 
.comment-author img {
 padding:5px;
 border:1px solid #ddd;
 background:#fff; 
 float:right;
 }
 
#respond:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.children {
 padding: 0;
 margin:0;
 } 

ul.children{
 list-style:none;
} 
 
ul.children li{
 margin:10px 0;
}

.recent-work{
}
.news h2{
	color: #00a4ce;
	margin: 0 0 10px;
	text-transform: uppercase;
	letter-spacing: 3px;
	font: bold 14px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: center;
}
.testimonial h2{
	color: #00a4ce;
	margin: 0 0 10px;
	text-transform: uppercase;
	letter-spacing: 3px;
	font: bold 14px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: center;
}

.recent-work h2{
	 text-indent:-999px;
 background: url(images/theblog.png) no-repeat -40px -120px;
	height: 80px;
	width: 680px;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
}
	 
.recent-work h3 a:link, .news h3 a:link, #left-container h2 a:link, .portfolio-article h2 a:link{
 color:#000;
 } 
 
.recent-work h3 a:visited, .news h3 a:visited, #left-container h2 a:visited, .portfolio-article h2 a:visited{
 color:#000;
 } 
 
/* Captions           */

.wp-caption {
 border: 1px solid #ddd;
 text-align: center;
 padding-top: 4px;
 border:1px solid #ddd;
}

.wp-caption img {
 margin: 0;
 padding: 0;
 border: 0 none;
}

.post img { 
  padding: 8px;
 background: #e5e5e5;
 margin: 10px 10px 10px 0;
} 

.post img.noborder{
	padding: 0;
	margin: 0 20px 20px 0;
	float: left;
}

.wp-caption p.wp-caption-text {
 font-size: 11px;
 line-height: 17px;
 padding: 0 4px 5px;
 margin: 0;
} 

/* Miscellaneous              */

.aligncenter,
div.aligncenter {
 display: block;
 margin-left: auto;
 margin-right: auto;
 background:#fff;
 }

.alignright {
 float: right; 
 margin: 0;
 margin-left:12px; 
 margin-bottom:10px;
 padding:2px; 
 border:1px solid #ddd; 
 background:#fff; 
 }
 
.alignleft {
 float: left; 
 margin:0; 
 margin-right:12px;
 margin-bottom:10px;
 padding:2px;
 border:1px solid #ddd;
 background:#fff;  
 } 
 
 
blockquote p{
 padding:5px;
 margin:0;
 border-left:5px solid #00a4ce;
 } 
 
 #sidebar h2{
	 color: #00a4ce;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	font-weight: bold;
	font-size: 13px;
	padding-left: 20px;
}
#sidebar ul{
	margin: 0;
}
.mc_custom_border_hdr{
	margin: 0;
}

li#recent-posts-5 h2{
	font-size: 12px;
	text-indent:-2999px;
	margin: 40px 0 0;
	height: 26px;
	width: 220px;
	background: url(http://www.newfiresocialmedia.com/wp-content/uploads/2010/05/recent-posts.png) no-repeat;
}
li#recent-posts-5 ul{
	margin: 20px;
}


.widget{
	margin-bottom: 20px;
}