/*  
Theme Name: YouTellMe
Theme URI: http://www.youtellme.com/
Description: YouTellMe is a custom Template just for youtellme.com
Version: 0.1
Author: Thijs
Author URI: http://www.youtellme.com/

This theme was designed and built by Thijs of <a href="http://www.youtellme.com/">YouTellMe</a>.
*/

hr {
	margin-top			: 0px;	
	margin-bottom		: 10px;
	border				: #fff;
	border-bottom		: 1px dashed #ccc;
	background-color	: #fff;
	height				: 0px;
}

input {
	border				: 1px solid #ccc;
	height				: 20px;
	vertical-align		: middle;
}

.image {
	width				: auto;
	height				: auto;
	border				: none;
}

img {
	border				: none;
}

#searchform {
	display				: inline;
}

#searchform input {
	width				: 230px;
}

#searchform input.image {
	vertical-align		: middle;
	width				: auto;
}

.corner_top_left {
	position			: absolute;
	left				: -1px;
	top					: -1px;
	width				: 5px;
	height				: 5px;
	background			: url('/images/corners.png') no-repeat left top;
}
.corner_top_right {
	position			: absolute;
	right				: -1px;
	top					: -1px;
	width				: 5px;
	height				: 5px;
	background			: url('/images/corners.png') no-repeat right top;
}
.corner_bottom_left {
	position			: absolute;
	left				: -1px;
	bottom				: -1px;
	width				: 5px;
	height				: 5px;
	background			: url('/images/corners.png') no-repeat left bottom;
}
.corner_bottom_right {
	position			: absolute;
	right				: -1px;
	bottom				: -1px;
	width				: 5px;
	height				: 5px;
	background			: url('/images/corners.png') no-repeat right bottom;
}

abbr {
	text-decoration		: none;
	border				: none;
}

body{font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#666;margin:0;padding:0;}
h2,h3{font-size:16px;line-height:20px;color:#009ff1;margin:0;padding:0;}
.h2{font-family:Arial, Helvetica, sans-serif;line-height:18px;font-size:12px;color:#312E2E;font-weight:700;}
a:link,a:visited{color:#74B93D;text-decoration:none;}
a:hover,a:active{color:#693;text-decoration:underline;}
p {
	margin				: 10px 0;
}
#header{width:980px;height:61px;margin: 5px auto 0;padding:0;}
#header h1.blogtitle{font-family:Arial, Helvetica, sans-serif;margin:0;padding:10px 0 0;}
#header p.desc{font-family:Verdana, Avrial, Helvetica, sans-serif;font-size:11px;margin:0;padding:0;}
#top{background-color:#fff;height:34px;}
#ddnav {
	height				: 38px;
	background			: #009FF1 url('/images/header_search_bg.png') repeat-x center top;
	margin				: 0;
	padding				: 0;
}
#nav {
	height				: 25px;
	width				: 980px;
	margin				: 0 auto;
	padding				: 13px 0 0;
}

ul.nav {
	height				: 25px;
	line-height			: 22px;
	float				: left;
	list-style			: none;
	font-size			: 12px;
	text-transform		: inherit;
	margin				: 0;
	padding				: 0;
}
ul.nav li {
	font-weight			: bold;
	float				: left !important;
	list-style-type		: none;
	border-top			: 1px solid #218bff;
	margin				: 0 5px 0 0;
	padding				: 0; 
	border-bottom		: 1px solid #75cdff;
}
ul.nav li a,ul.nav li a:link,ul.nav li a:visited {
	background			: #68bfff;
	color				: #fff;
	float				: left;
	display				: block;
	text-decoration		: none;
	padding				: 0 10px;
	border-top			: 1px solid #75cdff;
}
ul.nav li a:hover,ul.nav li a:active {
	text-decoration		: underline;	
}
ul.nav li.current_page_item a{
	color				: #009ff1;
	text-decoration		: none;
	background			: #fff;
	border-color		: #fff;
}
ul.nav li ul{
	float:left;margin:0;padding:0;
}

ul.nav li.current_page_item {
	border-top			: 1px solid #218bff;
	border-bottom		: 1px solid #fff;
}

#main{width:980px;margin:0 auto;padding:0;}
#content{float:left;width:610px;margin:0;padding:0;}

.entry {
	position			: relative;
	float				: left;
    margin				: 0 0 20px;
	padding				: 10px;
	line-height			: 18px;
	border				: solid 1px #ccc;
    width				: 600px;
	background			: url('/images/block_bg.gif') repeat-x top;
}

.entry .header {
	line-height			: 14px;
	color				: #aaa;
	margin-top			: -3px;
	padding-bottom		: 6px;
	border-bottom		: 1px dashed #ccc;
}

#sidebar{float:right;width:330px;margin:0;padding:0;}
.rsidebar{position:relative;float:right;width:320px;border:1px solid #ccc;background:#fff url('/images/block_bg.gif') repeat-x top; margin:0 0 20px;padding:10px;}
.rsidebar h2{font-size:12px;border-bottom:#eee 1px solid;margin:0 0 5px;padding:0;}
.rsidebar ul{list-style-type:none;margin:0;padding:0;}
.rsidebar ul li{list-style-type:none;margin:0 0 10px;padding:0;}
.rsidebar ul li ul{list-style-type:square;margin:0;padding:0 3px;}
.rsidebar ul li ul li{list-style-type:none;background:transparent url(images/li_arrow.png) no-repeat;border:0;margin:0;padding:0 0 5px 10px;}
.navigation{width:600px;float:left;color:#666;}
.alignright{float:right;margin-top:10px;}
.alignleft{float:left;margin-top:10px;}
span.cmt{background:transparent url(images/comment.gif) no-repeat;border:0;margin:0;padding:0 0 5px 20px;}
span.cty{background:transparent url(images/category.gif) no-repeat;border:0;margin:0;padding:0 0 5px 20px;}
span.next{background:transparent url(images/next.gif) no-repeat;border:0;margin:0;padding:0 0 5px 20px;}
span.prev{background:transparent url(images/prev.gif) no-repeat;border:0;margin:0;padding:0 0 5px 20px;}
.postmetadata {
	border-top			:1px #eee solid;
	font-size			:10px;
	margin				:0;
	padding-top			:5px;
}
.boxcomments {
	border				: none;
	width				: 600px;
}
#commentform {#eee;margin:0;padding:0px;}
#commentform label{display:block;margin:0;}

#commentform input {
	width:170px;
	margin:0 5px 10px 0;
	padding:1px;
}

#commentform input.image {
	width				: auto;
	margin				: 0 5px 10px 0;
	padding				: 0px;
}

#commentform textarea{width:400px;margin:0 0 10px;padding:0;}
#commentform #submit{margin:0 0 20px;}
#commentform p{margin:5px 0;}
ol.commentlist{margin:0 0 1px;padding:0;}
ol.commentlist li {
	display				: block;
	list-style			: none;
	margin				: 0;
	padding				: 0px 15px 5px;
	border-top			: 1px dashed #ccc;
}
ol.commentlist li:hover{background:#f9f9f9;}
ol.commentlist li.commenthead:hover{background:none;}

ol.commentlist li.commenthead{
	display				: block;
	list-style			: none;
	margin				: 0;
	padding				: 0 0 5px 0px;
	border				: none;
}

ol.commentlist li.commenthead h2 {
	margin				: 0;
	padding				: 0;
}
ol.tblist{border-top:1px solid #fff;list-style:none;margin:0 0 1px;padding:15px;}
ol.tblist li{display:block;list-style:none;background:transparent url(images/c.gif) 0 2px no-repeat;padding-left:15px;margin:0 0 5px;}
#footer {
	clear				: both;
	margin				: 30px auto 0;
	padding				: 10px 15px;
	height				: 20px;
	font-size			: 11px;
	text-align			: center;
	border-top			: 1px dashed #ccc;
}



/* SOCIABLE */
div.sociable { margin: 16px 0; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable li {
	background: none;
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}