/* 
Theme Name: Sonics Inc Blog
Theme URI: http://www.sonicsinc.com/blog/
Description: The theme for the official blog of Sonics Inc
Version: 1.0
Author: <a href="http://dinolatoga.com">Dino Latoga</a> of <a href="http://ewebscapes.com">Ewebscapes.com</a>
Author URL: http://ewebscapes.com
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

body {font: 14px/150% "Arial", Verdana, sans-serif;color: #555;background:#ddd url(images/bodybgtop.png) top left repeat-x; text-align:center;}

a{color:#0e75bb;text-decoration:none;}
	#content a:hover{border-bottom:1px solid #0e75bb;}
	#footer a:hover{color:#0e75bb;}

/* major classes */
.alignleft{float:left;display:inline;}
.alignright{float:right;display:inline;}
.clearfix{clear:both;display:both;line-height:1%;font-size:1px;height:1px;overflow:hidden;}
	h3.pagesectitles{text-transform:uppercase;background:#aaa;padding:10px;color:#fff;}


/* major divs */
#container{width:960px;margin:0 auto;text-align:left;}
#header{position:relative;height:150px;background:url(images/headerbg.png) bottom no-repeat; margin-top:5px;}
#page{background:#fff url(images/contentbg.png) 615px 0 no-repeat;}
#content{float:left;width:600px;margin:15px;display:inline;}
#sidebar{float:left;width:330px; border-top:5px solid #0e75bb; display:inline;}
#footer{background:#3f3f3f url(images/footer.png) top left repeat-x;border-bottom:1px solid #111;padding:10px 0;}
#subfooter{font-size:11px;padding:15px;}

/*header*/
h1#logo{position:absolute;top:40px;left:0;height:85px;width:220px;background:url(images/logo.png) top left no-repeat;}
	h1#logo a{display:block;height:100%;width:100%;text-indent:-9999px;}
#nav{position:absolute;padding-top:35px;background:url(images/navshadow.png) top left no-repeat;right:0;bottom:0;}
	#nav ul{background:url(images/nav.png) top left no-repeat;height:40px;width:330px;}
		#nav ul li{float:left;width:;display:inline;}
		#nav ul li a{display:block;text-indent:-9999px;height:40px;}
			#nav ul li a:hover,#nav ul li.active{background-image:url(images/nav.png);background-repeat:no-repeat;}
			li#nav1{width:70px;}
			li#nav2{width:90px;}
			li#nav3{width:75px;}
			li#nav4{width:95px;}
				li#nav1 a:hover,li#nav1.active{background-position:0 -40px;}
				li#nav2 a:hover,li#nav2.active{background-position:-70px -40px;}
				li#nav3 a:hover,li#nav3.active{background-position:-160px -40px;}
				li#nav4 a:hover,li#nav4.active{background-position:-235px -40px;}

/*posts*/
.post{margin-bottom:40px;}
.post h2{font-size:30px;letter-spacing:-2px;line-height:110%;}
	.post h2 a{color:#3f3f3f;}
		.post h2 a:hover{color:#0e75bb;}
.post h3{font-size:25px;padding:10px 0 5px;}		
.post h4{font-size:20px;padding:10px 0 5px;}		
.post h5{font-size:16px;padding:10px 0 5px;}		
.post h6{font-size:14px;padding:10px 0 5px;}		
.post p{padding:10px 0;}
.post blockquote{padding:10px 10px 10px 30px;background:#ddd;border-left:3px solid #aaa;}
ul.post-info{font-size:11px;padding:5px 0px 10px;}	
	ul.post-info li{float:left;padding:2px 10px 2px 20px;background-image:url(images/icons.png);background-repeat: no-repeat;display:inline;}	
		li.post-date{background-position:0 0;}
		li.post-author{background-position:0 -25px;}
		li.post-comments{background-position:0 -50px;}
a.more{background:url(images/icons.png) 0 -77px no-repeat;padding-left:20px;display:inline-block;font-size:12px;}		
	a.more:hover{color:#111;border:0;}
.post ol{list-style:decimal inside;}
	.post ol li{}
	
.post ul{list-style:disc inside;}
	.post ul li{}
	
.navigation{clear:both;padding:10px 0;font-size:11px;}
ul.archives{padding:10px 0;}
	ul.archives li{list-style:none;padding:2px 0;}
	ul.archives li small{font-size:11px;background:#aaa;color:#fff;margin-right:5px;padding:2px 5px;}
	
/*comments*/
ol.commentlist{font-size:13px;}
	ol.commentlist li{padding:10px;background:#eee;border:1px solid #ddd;margin:10px 0;}
	ol.commentlist li.bypostauthor{border:3px solid #aaa;}
	ol.commentlist li cite{font-size:15px;font-style:normal;font-weight:bold;display:block;padding:0;}
	ol.commentlist li p{padding:10px 0;}
	small.commentmetadata{font-size:11px;}
	ol.commentlist li img.avatar {float:right;}
	
/*commentform*/
#respond{padding:20px 0;}
#commentform{padding:7px 0;}
#commentform input{margin:5px 0;}
#commentform label{font-size:12px;}
textarea#comment{width:500px;}
	
/*sidebar*/
.module{padding:15px;background:url(images/moduleh3bg-shadow.png) 15px 45px no-repeat;font-size:13px;}
	.module h3{background:#3f3f3f url(images/moduleh3bg.png) top left repeat-x;color:#fff;font-size:15px;padding:5px 10px;margin-bottom:10px;}
	.module p{padding:0 10px;}
	/* .module a{color:#444;} */
		.module a:hover{background-color:#0e75bb;color:#fff;}
	.module ul{margin:10px;clear:both;}
		#categories li{float:left;width:140px;display:inline;}	

	ul.about-links li{float:left;margin-right:10px;display:inline;padding-left:20px;background-image:url(images/icons.png);background-repeat:no-repeat;}
		li.know-more{background-position:0 -75px;}
		li.contact-us{background-position:0 -127px;}

ul.twitter {
  margin: 0;
  padding: 0;
}

li.twitter-item
{
background-image: url(images/arr.png);
background-repeat: no-repeat;
background-position: 10px 3px;
padding-left: 30px;
}



a.rss{padding:3px 3px 3px 20px;background:url(images/icons.png) 0 -100px no-repeat;}
p.tagcloud{}
#subscribe form{padding:10px 0;}
/*footer*/
.fcol{float:left;width:210px;margin:15px;display:inline;}
	.fcol h3{color:#fff;font-size:15px;padding:10px 0;}
	.fcol ul{font-size:12px;}
		.fcol ul li{padding:0 0;}
		.fcol ul li a{color:#c8c8c8;}
#searchform{}
input#s{width:179px;height:19px;background:url(images/searchbg.png) top left no-repeat;border:0;color:#fff;padding:3px;}
input#searchsubmit{margin:10px 0;}

/* Captions */
.aligncenter,
div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin: 10px;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 5px 4px 5px;margin: 0;}

/* Begin Images */
p img {padding: 0;max-width: 100%;}
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;}