/*
Theme Name: Lalawag by Nouman
Description: Custom theme for Sean Percival of Lalawag
Version: 6
Author: Nouman Saleem
Author URI: http://twitter.com/noumes
Tags: lalawag, swasome, riggity raggity
This theme was designed and built by Nouman Saleem 2010,
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	color:inherit;
	font-family:'PT Sans',Arial,sans-serif;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}	
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 140%;}
ol, ul {list-style: none;}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* =Global
----------------------------------------------*/
body{background-color:#fbfbfb;font-size:12px;font-family:'PT Sans',Arial,sans-serif;}
img.rightbanner{margin-left:0px;}
.clearfix{ clear:both; }

/* =Typography
----------------------------------------------*/
h1,h2,h3,h4,h5,h6, h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-family:'PT Sans', Arial, sans-serif;font-weight: bold;color:#222;line-height:125%;}

h1{font-size:30px;letter-spacing:-1px; line-height:110%; margin-bottom:5px;}/* Used on single posts/pages */
h2{font-size:20px;letter-spacing: 0px;}/* Homepage Latest Article */
h3{font-size:22px;letter-spacing: 0px;}/* Homepage Other Articles */
h4{font-size:16px;letter-spacing:-1px}/* Homepage Featured Articles */

/* =Links
----------------------------------------------*/
a{color:#006ABF;font-weight:bold;text-decoration:none;}
a:hover{color:#222;}

/* =Forms
----------------------------------------------*/
input[type=text]{background:#fff;padding:3px 30px 3px 6px; border:1px solid #cccccc;color:#888888;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
input[type=text]:focus{	border:1px solid #008CFF;-moz-box-shadow: 0 0 5px #008CFF;}
input[type=submit] {background:#545454;color:#fff;border:none;margin:6px 0 0 0;padding:2px 5px 3px 5px;cursor:pointer;	
border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
}
input[type=submit]:hover {background:#333333;}

/* 
Specific
*/

#search {position: relative;left:-32px;top:2px;padding-left:6px;border-left:1px solid #dddddd;}

/*****************************
**** Begin Specific Styles ***
*****************************/

/* =Layout Structure
----------------------------------------------*/
#container{width:930px;margin:10px auto;-webkit-box-shadow: 0px 0px 5px #666;-moz-box-shadow: 0px 0px 5px #666;padding:15px;background-color:white;}
#body{clear:both;}
#left{width:615px;float:left;margin-right:15px;}
#right{float:left;width:300px;} /* Sidebar */
#sidebar-content{padding-bottom:10px;}

/* =Header Items
----------------------------------------------*/
#nav{background-color:#fbfbfb;border-top:3px double #ccc;border-bottom:1px solid #ccc;margin:15px 0px;clear:both;font-family:'PT Sans',Arial,sans-serif;}
#nav li{display:inline;margin:0 3px;line-height:100%;}
#nav li.right{float:right;}
.right-icon{ float:right; margin:0 1px;}
	.right-icon img{ /*width:22px; height:22px; */}
	.right-icon a{ margin:-1px 1px 0 1px; }
	.right-icon:hover a{ border-bottom:none; }
#nav li a{color:#666;text-transform:uppercase;text-decoration:none;font-weight:normal;font-size:11px;padding:2px 0 1px 0;margin:4px 3px;display:inline-block;border-bottom:1px solid transparent;}
#nav li a:hover{color:black;border-bottom-color:#006abf;}
#leaderboard{display:block;width:490px;height:90px; float:left;}
.subscr-container{ padding-left: 35px; width:220px; display:block; margin-top:5px;}
	.subscr-container h3{ text-align:right;}
	.subscr-container p{ text-align:right; width:220px;}
	.subscr-container form{ padding-left:7px;}
#gohome{display:block; float:left;}	
#header-exp{ float:right; display:block;}

/* =Posts
----------------------------------------------*/

/* 
=Latest
*/
.post-left{width:540px;float:left;margin-right:10px;}
.post-right{float:left;width:55px;}
.post-right > iframe{ margin-bottom:10px;}

.coda-slider:hover{border-color:#006abf;}
.panel a.board {display:block;overflow:hidden;}
.panel img{border-bottom:1px #e6e6e6 solid;}
.panel .under{padding:5px;height:50px;}
.panel h2 span{color:#006abf;border-bottom:1px solid transparent;}
.panel:hover h2 span{color:black;border-bottom-color:#006abf;}
.panel {height:256px;overflow:hidden;}
.coda-slider{height:256px;overflow:hidden; }
/*
.panel-wrapper .social{float:left;width:110px;margin-left:5px;padding-left:5px;border-left:1px solid #ccc;}
.panel-wrapper .social > *{vertical-align:top; display:block;}
.panel-wrapper .social * + *{margin-top:5px;}
*/

/* 
=Featured
*/
.feat-single a,.pop-single a{display:block;border:1px solid #ccc;}
.feat-single a:hover,.pop-single a:hover  {border-color:#006abf;}
.feat-single,.pop-single{background-color:#fff;margin-bottom:10px;}
.feat-single img{max-width:276px;border-bottom:1px solid #e6e6e6;}
.feat-single .under{padding:4px;}
.feat-single h4 span,.pop-single h4 span{color:#006abf;}
.feat-single h4 span{border-bottom:1px solid transparent;}
.feat-single a:hover h4 span,.pop-single a:hover h4 span{color:black;}
.feat-single a:hover h4 span{border-bottom-color:#006abf;}
.featured div:last-child{margin-bottom:0;}

.featured .row{margin-bottom:10px;}
.pop-single {float:left;margin-right:10px;}
.pop-single a{padding:10px 16px;width:100px;}
.pop-single img{margin-bottom:5px;border:1px solid #eee;}
.pop-single:nth-child(2n) {margin-right:0px;}
.pop-single:nth-child(n+2) {margin-bottom:0px;}
.pop-single h4{height:48px;overflow:hidden;font-size:13px;letter-spacing:0px;color:#006abf;}

/* 
=Recent
*/
.single img.thumb, .single-content, .single-social{float:left;}
.single img.thumb{margin-right:10px;}
.single{padding:10px;margin-bottom:15px;border:1px solid #ccc;}
.single-content{float:left; width:350px;margin-right:10px;}
.single-content h2 a{font-size:22px;border-bottom:1px solid transparent;}
.single-content h2 a:hover{border-bottom-color:#006abf;}
.single-content h2{margin-bottom:5px;}
.single-content p{font-size:14px;font-family:'PT Serif';line-height:19px;color:#444;}
.single-social{width:110px;padding-left:10px;border-left:1px solid #ccc;}
.single-social > * {display:block; margin-bottom:5px;}
.single-social .author{margin-bottom:0px;}
.single-social .author,.single-social .time{font-size:11px;font-family:'PT Sans',Arial,sans-serif;}
.single-social .time{padding-bottom:5px;border-bottom:1px solid #ccc; margin-bottom:10px;}

/* 
Single
*/
#post .post-left img{border:none;}
#post-meta {font-size:13px;font-family:'PT Serif',Georgia,serif;margin-bottom:10px;}
#post-meta > *{display:inline;color:#888 !important;}
#post-meta a{color:#333;font-weight:normal;border-bottom:1px dotted #888;}
#post-meta a:hover{border-bottom:1px solid #333;}
.billboard{margin-bottom:5px;}
.entry {font-family:'PT Serif',Georgia,serif;font-size:14px;line-height:150%;clear:both; color:#333;}
.entry p{margin-bottom:15px;}
.entry img{text-align:center; clear:both;float:none;}
.entry ul li{list-style-type:circle;margin-left:15px;}
.entry ol li{list-style-type:decimal;margin-left:15px;}
.entry strong{font-weight:bold;}
.entry em{font-style: italic;}
blockquote, q {margin:10px 20px 10px 10px;border-left:1px solid #ddd;border-right:1px solid #ddd;padding:0 10px; color:#888;}
blockquote a, q a{color:#4D8CBF;}
blockquote p + p{margin-bottom:0;}
/*
=Author
*/
#author{padding:10px;margin-bottom:15px;border:1px solid #ccc;font-size:14px;}
.author_photo{float:left;margin-right:10px;}
#author .details{padding-bottom:5px;font-family:'PT Sans',Arial,sans-serif;}
#author p {font-family:'PT Sans',Arial,sans-serif;color:#555;}

/** Sidebar **/
#digg-widget{margin:10px 0;}
#adboxes{padding-right:1px;}
/*
=Related
*/
#related h2{font-size:20px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ccc;}
#related h3{font-size:16px;padding-bottom:10px;border-bottom:1px solid #ccc;margin:10px 0;}
#related h3 a:hover{color:#006ABF;}

/*
=Friends
*/
div.featured, div.rss, div.about, div.newsletter, div.search {background-color:#fbfbfb;border:1px solid #ccc;padding:10px;}
.friends{ margin-bottom:10px; padding:10px 0; }
	.blogroll-item{ width:281px; min-height:238px; margin:10px 0; float:left; background-color:#fbfbfb; border:1px solid #ccc; padding:10px; font-size:18px;}
	.blogroll-item ul li{ margin:10px 0;}
	.blogroll-splitter{ width:10px; float:left; height:238px;}
	.blogroll-item h4{ color:#555;}
#sidebar-content > * {margin-bottom:15px;}
h3.heading{margin-bottom:5px;font-size:18px;text-transform:uppercase;font-style:normal;line-height:100%; color:#555;}
h3.heading.middle {margin-top:10px;}
#sidebar-content p + p{margin-top:1em;}
#sidebar-content p {font-family:'PT Sans',Arial,sans-serif;}

div.navigation .alignleft{float:left;}
div.navigation .alignright{float:right;}
#post ul li {margin-bottom:1em;}

.rss ul li{margin-bottom:8px;}
.rss ul :last-child{margin-bottom:0;}
.rss ul a {font-family:'PT Sans',Arial,sans-serif;color:#006abf;font-size: 16px;line-height:145%;font-weight:normal;border-bottom:1px solid transparent;}
.rss ul a:hover {color:black;border-bottom-color:#006abf;}
div.friends ul{margin-bottom:5px;}
div.friends :last-child{margin-bottom:0;}
div.friends h4{text-transform:uppercase;font-size:18px;border-bottom:1px solid #ccc;margin-bottom:3px;letter-spacing:0;}
div.friends a{font-weight:normal;font-family:'PT Sans',Arial,sans-serif;}

/* Footer*/
#footer{ background:#DFDFDF; height:160px; padding:10px; }
	.footer-column{width: 125px; padding:0 10px; font-size:14px; float:left;}
	#follow-us{ margin-left:18%;}
	#footer-links{ width:90px; float:left;}
		#footer-links li{ margin:5px 0;}
		#footer-links li a{ color:#006ABF; }
		#footer-links li a:hover{ /*border-bottom:1px solid #006ABF;*/ color:#000000; }
	#footer-social{ width:152px; float:left; padding-top:10px;}
		#footer-social li{ float:left; width:36px; height:36px;}
	#footer .subscr-container{ float:right; width:220px; margin:0 5px 0 0; padding:0;}
/* Sidebar button*/
.download-app
 {
	border:1px solid #CCCCCC;
	width: 237px; 
	padding-top: 10px; 
	padding-bottom: 10px; 
	height: 40px; 
	padding-left: 60px;
 }
 .d-button
 {
  background: none repeat scroll 0 0 #006ABF;
  border: medium none;
  color: #FFFFFF;
  cursor: pointer;
  width: 146px; 
  height: 20px; 
  font-size: 15px; 
  padding: 10px 0 10px 30px; 
  margin:15px auto;
  border-radius:8px;
  -webkit-border-radius:8px; 
  -moz-border-radius:8px;

}
 .d-button:hover
 {
	background: none repeat scroll 0 0 #333333;
 }