/*

Theme Name:		These Days Labs
Theme URI:		http://labs.thesedays.com
Description:	The default These Days Labs theme.
Version:		1.0
Author:			Stijn Van Minnebruggen
Author URI:		http://www.thesedays.com
Tags:			thesedays, red, white, simple, widgets, one column, fixed width

*/


/* RESET */
	
	* { margin: 0; padding: 0; line-height: 16px; }
	img { border: none; }
	p { margin-bottom: 16px; }
	.l { float: left; }
	.r { float: right; }



/* GENERAL */
	
	body { background: #fff; font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size: 11px; color: #000; /*margin-bottom: 60px;*/ }
	input, textarea, select { font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size: 11px; }
	#container { border-top:5px solid #C80000; margin:0 auto; position:relative; width: 800px; }
	#content { width: 580px; float: left; padding-bottom: 80px; }
	
	a { text-decoration: underline; color: #c80000; }
	a:hover { text-decoration: underline; color: #000; }
	
	h2 { margin-bottom: 10px; color: #666; text-transform: uppercase; font-weight: bold; }
	h2 a { color: #666; text-decoration: none; }
	h2 a:hover { color: #000; text-decoration: none; }



/* HEADER */
	
	#header { height: 120px; }
	#header h1 a { background:transparent url(img/these_days.gif) no-repeat scroll center center; display:block; height:68px; margin-top:20px; width:68px; text-indent: -1000px; overflow: hidden; }
	#header .r { padding: 45px 6px 0 0; text-align: left; }



/* SIDEBAR */
	
	#sidebar { margin-top: 32px; width: 200px; float: right; }
	#sidebar li { list-style: none; }
	#sidebar li.widget { margin-bottom: 32px; }
	
	#searchform label { display: none; }
	#searchform #s { border: 1px solid #ccc; color: #666; width: 130px; padding: 2px; height: 16px; vertical-align: middle; margin-right: 5px; }
	#searchform #s:focus { border: 1px solid #c80000; color: #c80000; }
	#searchsubmit { background: url(img/sprite_btns.jpg) repeat-x 0 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 0; height: 22px; line-height: 20px; color: #fff; width: 50px; text-align: center; vertical-align: middle; }
	#searchsubmit:hover { background-position: 0 -22px; }
	#searchsubmit:active { background-position: 0 -44px; outline: none; }



/* MAIN POSTS */
	
	.meta { margin: 0 0 16px 0; }
	.meta a { margin-right: 6px; }
	.meta small { font-size: 10px; color: #999; }
	.meta small a { color: #999; text-decoration: none !important; margin-right: 0; }
	.meta small a:hover { color: #333; }
	.meta .btn { vertical-align: middle; margin-right: 10px; }
	
	.post { margin-bottom: 48px; }
	.post ul, .post ol { margin: 0 0 16px 16px; }
	
	.navigation { display: block; height: 32px; font-weight: bold; }
	.navigation a { text-decoration: none; color: #000; font-weight: bold; }
	.navigation a:hover { text-decoration: none; color: #c80000; font-weight: bold; }
	
	.btn { display: block; background: url(img/sprite_btns.jpg) repeat-x 0 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 0; height: 22px; line-height: 20px; color: #fff; width: 120px; text-align: center; vertical-align: middle; margin-top: 10px; text-decoration: none; color: #fff; }
	.btn:hover { background-position: 0 -22px; text-decoration: none; color: #fff; }
	.btn:active { background-position: 0 -44px; outline: none; text-decoration: none; color: #fff; }
	
	pre { margin-bottom:16px; border: 1px solid #ccc; background-color: #efefef; padding: 10px; }



/* COMMENTS */
	
	#comments .sbm { background: url(img/sprite_btns.jpg) repeat-x 0 -44px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 0; height: 22px; line-height: 20px; color: #fff; width: 120px; text-align: center; vertical-align: middle; float: left; margin-right: 15px; }
	#comments .sbm:hover { background-position: 0 -66px; }
	#comments .sbm:active { background-position: 0 0; outline: none; }
	
	#comments h3 { font-size: 18px; color: #c80000; font-weight: normal; }
	#comments ol { margin-top: 10px; }
	#comments li { list-style: none; background: #e5e5e5 url(img/comment_arrow.gif) no-repeat top left; margin-bottom: 20px; padding: 25px 15px 15px 15px; }
	#comments li p { margin-bottom: 5px; line-height: 16px; }
	#comments li .l { margin-right: 15px; }
	#comments li .meta { color: #8e8e8e; font-size: 10px; margin: 0; }
	#comments li .meta a { color: #8e8e8e; text-decoration: underline; margin: 0; }
	#comments li .meta a:hover { color: #333; text-decoration: underline; }
	#comments li .meta a.permalink { color: #999; text-decoration: none; margin-left: 8px; font-size: 12px; }
	#comments li .meta a:hover.permalink { color: #000; text-decoration: none; }
	
	#comments cite { font-style: normal; }
	
	#respond { border-top: 1px solid #ccc; padding-top: 20px; }
	#respond .clearfix ul { margin-right: 20px; float: left; }
	#respond .clearfix ul.nom { margin-right: 0; }
	#respond .fld { border: 1px solid #ccc; color: #666; width: 150px; padding: 2px; height: 16px; vertical-align: middle; }
	#respond .fld:focus { border: 1px solid #333; color: #333; }
	#respond .captcha { vertical-align: middle; margin-right: 20px; }
	
	#respond ul { list-style: none; }
	#respond ul li { margin-bottom: 10px; }
	#respond ul label { display: block; margin-bottom: 2px; }
	#respond ul textarea { border: 1px solid #ccc; color: #666; width: 390px; height: 120px; }
	#respond ul textarea:focus { border: 1px solid #333; color: #333; }
	#respond textarea#comment { width: 576px; height: 200px; border: 1px solid #ccc; padding: 2px; }
	
	#respond #submit { background: url(img/sprite_btns.jpg) repeat-x 0 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 0; height: 22px; line-height: 20px; color: #fff; width: 120px; text-align: center; vertical-align: middle; margin-top: 10px; }
	#respond #submit:hover { background-position: 0 -22px; }
	#respond #submit:active { background-position: 0 -44px; outline: none; }


/* SYSTEM */

.alignright { float: right; }
.alignleft { float: left; }

/* FOOTER */
	
	#footer { /*position: fixed; bottom: 0;*/ width: 800px; padding: 8px 0 5px; /*background: #fff; height: 20px;*/ color: #666; }
	#footer a { color: #666; text-decoration: none; }
	#footer a:hover { color: #c80000; }
	#footer .r img { vertical-align: bottom; }



/* CLEARFIX */
	
	.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
	.clearfix { display: inline-block; }
	html[xmlns] .clearfix { display: block; }
	* html .clearfix { height: 1%; }

/* General table style */

table.gray {border-collapse: collapse;}
table.gray th, table.gray td {border: 4px solid white; padding: 2px; background-color: #EEEEEE;}

	
/* Style for choosing-the-right-platform-for-your-mobile-website */
	table.table580 {border-collapse: collapse; width: 580px;}
	table.table580 td, table.table580 th {border: 4px solid white; padding: 2px;}
	table.table580 td.green {background-color: #b9d986;}
	table.table580 td.red {background-color: #f58c86;}
	table.table580 td.gray, table.table580 th.gray {background-color: #EEEEEE;}
	table.phoneSummary th.col64 {width: 64px;}
	table.phoneSummary th.col73 {width: 73px;}
	table.phoneSummary th.col127 {width: 127px;}
	table.phoneSummary th.col73 {width: 73px;}
	table.phoneSummary th.col74 {width: 74px;}
	table.phoneSummary th.col52 {width: 52px;}
	table.phoneSummary th.col75 {width: 75px;}
	table.phoneSummary th.col40 {width: 40px;}