/*  
Theme Name: TDHLounge
Theme URI: http://tdhedengren.com/
Description: Theme developed for <a href="http://devlounge.net">Devlounge</a>. <a href="http://tdhedengren.com/">Made by TDH</a>
Version: 1.0
Author: Thord Daniel Hedengren
Author URI: http://tdhedengren.com/
*/


/* MAIN DECLARATIONS */

body { margin: 0; padding: 0; background: #fff; color: #111; font-family: Helvetica, Arial, sans-serif; }

.clear { width: 100%; height: 0 !important; clear: both; }
.down { padding-bottom: 30px; }
.up { padding-top: 30px; }

.pos { padding: 10px; } /* positioning for IE */

.right, .alignright { float:right; }
.left, .alignleft { float:left; }
.aligncenter, div.aligncenter { display: block; margin: 0 auto 15px auto; }
.wp-caption { margin-bottom: 20px; }


/* ELEMENTS */

img { border:0; }
img.left, img.alignleft, div.alignleft { margin: 0 15px 15px 0; }
img.right, img.alignright, div.alignright { margin: 0 0 15px 15px; }
img.frame { border: 1px solid #ddd; padding: 5px; }

blockquote { color:#555; font-family: Georgia, serif; font-style: italic; margin: 0 15px 15px 15px; padding: 0 0 0 15px; border: 5px solid #eee; border-width: 0 0 0 5px; }
blockquote.pullquoteleft p, blockquote.pullquoteright p { margin: 0 !important; font-size: 18px; line-height: 24px !important; }
blockquote.pullquoteleft { float:left; margin: 5px 15px 15px 0; text-align:center; width: 200px; padding: 10px; border: 1px solid #eee; border-width: 1px 0; background: none !important; }
blockquote.pullquoteright { float:right; margin: 5px 0 15px 15px; text-align:center; width: 200px; padding: 10px; border: 1px solid #eee; border-width: 1px 0; background: none !important; }

.wp-caption { padding: 10px; border: 1px solid #eee; font-size: 12px; color: #555; font-style: italic; text-align:center; }
p.wp-caption-text { margin:8px 0 0 0 !important; padding:0; line-height: 14px !important; }

ul, ol {}
li { margin-bottom: 5px; }

a { color: #ca1717; text-decoration: none; }
a:hover { color: #f70; text-decoration: underline; }

h1 { width: 640px; height:45px; float:left; margin:0; padding: 0; } /* for logo */

form { overflow:hidden; margin:0; padding:0; }
input { padding: 3px; border: 1px solid #767171; color: #333; font-family: Georgia, serif; font-style: italic; font-size: 14px; }
.button { background: #767171; color: #fff; border: 0; } /* should work with INPUT and A */
.button:hover { background:#ca1717; }

.embedded { text-align:center; margin: 0 0 12px 0; } /* for movies */

.searchbox {} /* searchform.php */

table { width:100%; margin: 0 0 15px 0; border: 1px solid #e4e2d3; border-width: 1px 0; padding: 5px 0; font-size: 12px; color: #333; }
tr { padding: 2px 5px; }
tr.alt { background: #f4f3e9; }
th { font-weight:bold; padding-bottom: 3px; }


/* LAYOUT */

#site { width: 100%; text-align:center; }

#wrap { width: 970px; margin: 0 auto; text-align: left; background: url(img/wrap-bg.gif) center repeat-y; }

#header {
	clear:both;
	width: 100%;
	float:left;
	margin: 0;
	padding: 30px 0 10px 0;
	background: #fff;		position: relative;
	}

#header .pos { float:left; width:970px; margin: 0; padding: 0 0 10px 0; border: 1px solid #e4e2d3; border-width: 0 0 1px 0; position: relative; }	
#header a { color: #111; text-decoration: none; }
#header .search { height: 45px; float:right; text-align:right; }
#header .search #searchform { margin-top: 20px; }
.nav ul{width: 100px; list-style: none; float:left;}.nav li {display: inline; float:left; margin: 0 10px 0 0; text-transform: uppercase; font-size: 13px; font-weight: bold;}.nav li a:hover {color: #ca1717!important;}.column2 { float:left; width: 350px; margin-left: -420px!important; } /* 310px max for 970px width */
.column { width: 310px; } /* 310px max for 970px width */

#content { float: left; width: 640px; font-size: 14px; }
#content p { margin: 0 0 15px 0; padding:0; line-height: 24px; }
#content ul, ol { color: #555; }
#content ul li, ol li { line-height: 130%; }
#content h2 { margin: 0 0 10px 0; padding: 0; font-size: 24px; line-height: 24px; letter-spacing:-1px; }
#content h2 a:hover { text-decoration: none; }
#content h3 { margin: 42px 0 10px 0; padding: 0; font-size: 18px; line-height: 18px; color: #333; }
#content h4 { margin: 24px 0 5px 0; font-size: 12px; text-transform: uppercase; line-height: 12px; }
#content .listhead { text-transform: uppercase; color: #555; margin-bottom: 30px; }
#content p.alert { margin:0 0 20px 0; padding: 10px; background: #fcf5c9; border: 1px solid #fcef9d; border-width: 1px 0; color: #555; font-size: 12px; line-height: 100%; }
#content .alert strong { color: #000; letter-spacing: 1px; font-variant: small-caps; }
#content .headline { margin: 0 0 10px 0; color: #666; font-size: 16px; }
#content .post { margin: 0 0 30px 0; }
#content .post .meta { font-size: 12px; line-height: 14px; margin-bottom: 30px; width: 100%; height: 40px; float:left; clear:both; background: url(img/meta-bg.gif) no-repeat; overflow:hidden; }
#content .post .page { background:none !important; }
#content .post .meta a:hover { text-decoration: none; }
#content .post .meta .where { font-size: 14px; width: 130px; float:left; }
#content .post .meta .where p { margin: 7px 0 0 7px; padding: 0; line-height: 14px; font-weight:bold; }
#content .post .meta .where p span { font-size: 12px; font-weight: normal; }
#content .post .meta .postmeta { width: 370px; float:right; }
#content .post .meta .postmeta .avatar { float:right; margin: 0 0 0 5px; }
#content .post .meta .postmeta p { line-height: 14px; margin: 7px 0 0 0; }
#content .post .page .postmeta { width: 100%; }
#content .post .page .postmeta .avatar { float:left; margin: 0 10px 0 0; }
#content .home { border: 1px solid #e4e2d3; padding: 20px; }
#content .home h2 { margin-bottom: 5px; }
#content .home p.postmeta { margin: 0 0 5px 0; padding: 5px; background: #f4f3e9; font-size: 12px; line-height: 100%; }
#content .home .entry { margin-bottom: 20px; }
#content .home p.box { margin: 0; padding: 10px; background: #e4e2d3; font-size: 14px; line-height:100%; }
#content .home p.box a { font-weight:bold; }
#content .post .entry {}
#content .post .related { width: 100%; float:left; margin: 0 0 20px 0; padding:0; border: 1px solid #e4e2d3; font-size:12px; color: #666; }
#content .post .related .pos { margin:0; padding: 10px; }
#content .post .related .pos h3 { font-size: 14px; line-height:18px; background: url(img/dl.gif) no-repeat; color: #666; font-weight:normal; border: 1px solid #f4f3e9; border-width: 0 0 1px 0; padding: 0 0 8px 22px; margin:0; }
#content .post .related .pos .column { width: 300px; }
#content .post .related .pos .column a { color: #666; text-decoration: underline; }
#content .post .related .pos .column a:hover { color: #222; text-decoration: none; }
#content .post .related .pos .column h4, #content .post .related .pos .wp23related h3 { font-size: 14px; line-height:100%; text-transform: none; color:#f70; margin:10px 0 0 0; padding: 0 0 5px 0; }
#content .post .related .pos .column p { font-size: 12px; line-height: 14px; }
#content .post .related .pos .column ul { margin: 0; padding: 0; }
#content .post .related .pos .column ul li { list-style: none; }
#content .post .related .pos .wp23related {}
#content .post .related .pos .wp23related h3 { font-weight:bold; border:0; background: none; }
#content .post .related .pos .wp23related ul li { margin-bottom: 5px; font-size: 12px; }
#content .navigation { width: 100%; clear:both; padding: 0; }
#content .navigation .right { text-align:right; }
#content #searchform { margin: 0 0 12px 0; }
#content .tagcloud { text-align:center; padding: 20px; border: 1px solid #bbb; }
#content .tagcloud h2 { padding-bottom: 5px; border-color: #efefef; font-size: 18px; text-align:center; }
#content .tagcloud a { color: #111; }
#content .tagcloud a:hover { color:#555; }

/* comments */
#content #comments { clear:both; float:left; color: #444; font-size: 14px; }
// #content #comments h2 { margin: 30px 0 10px 0; border:0; }
// #content #comments h3 { margin: 0; }
// #content #comments p.center { text-align:center; }
#content #comments ol, #content #comments ol.commentlist { margin: 0; padding: 10px; border: 1px solid #e4e2d3; }
#content #comments ol.respond { margin: 10px 0 0 0; padding: 20px; border:0; background: #f4f3e9; font-size: 12px; }
#content #comments ol.respond p { margin: 0 0 10px 0; }
#content #comments ol.respond p.box { margin: 15px 0 0 0; padding: 5px; background: #e4e2d3; font-size: 11px; line-height:14px; }
#content #comments ol li { height: 1%; color: #444; margin: 0 0 12px 0; padding: 0; list-style: none;  }
#content #comments ol li p { margin: 0 5px 12px 5px; padding: 0; line-height: 140%; }
#content #comments ol li blockquote { margin: 0 20px 12px 20px; padding:0; font-family:Georgia, Times New Roman, serif; font-style: italic; color: #666; }
// #content #comments ol li.alt { background: #e8f1f0; }
#content #comments ol li.rss { padding: 0; background: #fff; text-align:right; }
#content #comments ol li.trackbacks { margin: 0; padding: 5px 0 0 0; border: 1px solid #e4e2d3; border-width: 1px 0 0 0; font-size: 10px; }
#content #comments ol li p.commenter { font-size: 12px; line-height: 16px; color: #888; margin: 0 0 10px 0; padding: 5px; border: 1px solid #e4e2d3; border-width: 0 0 1px 0; font-style:normal; background: #f4f3e9; }
#content #comments ol li p.commenter a { font-weight:bold; font-style: normal; }
#content #comments ol li p.commenter b { font-style: normal; }
#content #comments ol li p.commenter .avatar { float:left; margin: 0 8px 0 0; }
#content #comments ol li blockquote { float:none; margin: 0 0 12px 0; padding: 0 20px; width:auto; border:0; font-size: 14px; line-height: 140%; text-align: left; }
#content #comments #author, #content #comments #email, #content #comments #url { width: 250px; border-color:#e4e2d3; }
#content #comments #commentarea { border: 1px solid #e4e2d3; background: #fff; color: #333; font-family: Georgia, serif; font-style: italic; font-size: 14px; padding: 10px; width: 578px; height: 150px; }
#content #comments .subscribetocomments { margin: 10px 0; padding: 3px 0; border: 1px solid #eee; border-width: 1px 0; text-align:right; }
#content #comments .subscribetocomments input { width: 14px; height: 14px; border: 0; }

#sidebar { float: right; height:1%; font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #767171;  overflow: hidden;}
#sidebar a:hover { color: #111; text-decoration: none; }
#sidebar ul, #sidebar ol { margin: 0 0 20px 0; padding: 0; }
#sidebar ul.box, #sidebar ol.box { background: #f4f3e9; padding: 10px; }
#sidebar ul.box li.last, #sidebar ol.box li.last { margin-bottom:0; padding-bottom:0; }
#sidebar ul.box li.subscribe { margin:0; padding: 0 0 0 24px; line-height: 18px; background: url(img/subscribe.gif) no-repeat; font-size: 14px; font-weight:bold; }
#sidebar ul.box li.subscribe a { color: #767171; }
#sidebar ul.box li.subscribe a.devlounge { color:#ca1717; }
#sidebar ul.ads {}
#sidebar ul.ads li { margin-bottom: 5px; text-align:center; font-size: 9px; text-transform:uppercase; letter-spacing: 1px; color:#767171;  }
#sidebar ul li, #sidebar ol li { list-style: none; }
#sidebar ul li h2, #sidebar ol li h2 { margin: 0 0 8px 0; padding: 0 0 3px 0; border: 1px solid #767171; border-width: 0 0 1px 0; font-size: 14px; color:#767171; }
#sidebar ul.browse { }
#sidebar ul.browse li { margin-bottom: 10px; }
#sidebar ul.browse li a { font-size: 14px; }
#sidebar ul li.network { line-height: 14px; background: url(img/network-li.gif) no-repeat; padding-left: 13px;  }
#sidebar ul li.network:hover { background: url(img/network-li-hover.gif) no-repeat; }

#footer {
	clear:both;
	float:left;
	width: 100%;
	margin: 0;
	padding: 10px 0 30px 0;
	font-family: Helvetica, Arial, sans-serif;
	color: #888;
	background: #fff;
	}

#footer .pos { margin:0; padding: 20px 0; border: 1px solid #888; border-width: 1px 0; background: #fff url(img/splashpress.gif) left no-repeat; }
#footer a { color: #888; font-weight:bold; text-decoration: none; }
#footer a:hover { color: #000; }
#footer .pos p { margin:0; padding: 0 0 0 248px; line-height: 24px; letter-spacing: -1px; font-size: 18px; }


/* OTHER */

.igBar { width: 200px !important; background: #e4e2d3 !important; border:0 !important; }
.igBar li { border:0 !important; }
.syntax_hilite { width: 620px !important; border-color: #e4e2d3 !important; }

@font-face {
font-family: "Diavlo Bold";
src: url(http://www.ilorraine.com/font-faces/diavlo-embeds/DIAVLOB1.eot); /* Hello, IE */
src: local("Diavlo Bold"), url(http://www.ilorraine.com/font-faces/Diavlo_BOLD_II_37.otf) format("opentype");
}

div.diavlo-me { font-family: "Diavlo Bold", sans-serif;}

/* ADVERTISE */

	#dl-advertise h4, #dl-advertise p {
		overflow: hidden;
		clear: both;
		width: 100%; /* because I need to trigger hasLayout */
	}
	#dl-advertise .button {
		background: #447eb8;
		color: #fff;
		text-decoration: none;
		float: right;
		padding: 0 10px;
		border: 1px solid #5d81a5;
		border-radius: 5px;
		-o-border-radius: 5px;
		-moz-border-radius: 5px;
		-khtml-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
		#dl-advertise .button:hover {
			background: #6e9bc7;
		}
	#dl-advertise h4 {
		color: #555;
		padding: 10px 0;
		border: 1px solid #ddd;
		border-width: 1px 0;
		margin: 30px 0 10px;
		width: 100%;
	}
	
	#dl-advertise h4 a{
		color: #555;
	}
		
	#dl-advertise h4 span {
		float: left;
	}
	#dl-advertise h4 strong {
		color: #c00;
		float: right;
	}
	#dl-advertise th, #dl-advertise td {
		padding: 5px 10px;
	}
	#dl-advertise th {
		text-align: right;
		font-weight: bold;
		padding: 5px 5px 5px 10px;
		width: 40%;
	}
	#dl-advertise .alt {
		background: #F4F3E9;
	}
	#dl-advertise .wp-caption {
		width: 400px;
		padding: 0;
		border: 0;
	}
	#dl-advertise .wp-caption-text {
		text-align: left;
	}
	#dl-advertise img {
		padding: 1px;
		background: #F4F3E9;
	}
	#dl-advertise p br {
		display: none;
	}

#oio-banner-7 { margin-bottom: 10px!important; } 

.full { width: 940px; }  

.rel-theme { padding: 10px 10px 0 10px; width: auto; float:left; clear:both; margin: 0 0 10px 390px;  border: 1px solid #e4e2d3; font-size:12px; color: #666; }  

.full h1 { width:940px; margin-bottom: 20px; } 

.theme {    border: 1px dotted #e3e3e3;	width: 250px;	height: 350px;	overflow: hidden;	margin: 10px 5px 10px 45px;	float:left;}

 .theme .image {    width:250px;	height: 200px;	overflow: hidden;	border-bottom: 1px dotted #e3e3e3;}

 .theme h2 {    font-size: 14px!important;	text-transform: uppercase;	font-weight: 700;	margin: 8px 0 8px 8px!important;} 

.theme .rating { 	margin: 0 0 0px 8px;	clear:both;} 

.theme p {    font-size: 12px;	line-height: 1.5;	padding: 0 8px 0 8px!important;} 

.theme a {    color: #222;	text-decoration: none;} 

.theme a:hover {    color: #cd2904;}

.gallery { margin: -20px auto 18px auto!important; }

.gallery .gallery-item {	float: left;	margin: 10px 10px 0 5px;	width: 60px!important;	height:60px!important;}

.gallery img {	box-shadow: 0px 0px 4px #999;	border: 1px solid white;	padding: 2px;	background: #f2f2f2;	width: 60px!important;	height:60px!important;	}

.gallery img:hover {	background: white;}

.gallery dl, .gallery dt { margin: 0; }

.gallery br+br { display: none; }