/*
Theme Name: Perplexible
Theme URI: http://www.perplexible.com
Description: The theme for the blogs on Perplexible
Author: David Millar
Author URI: http://thegriddle.net
Version: 1.0
*/

@import url(http://fonts.googleapis.com/css?family=Alfa+Slab+One);

/*

My color palette:
#222
#111

#ec7
#dabb6f
#b29a5e
#8a794d
#62583c
#3a362d

#fb0
#e6aa04
#ba8b0a
#8e6d11
#634f18
#38311f

#f60
#e96e03
#bb510a
#914c11
#643618
#3a2b1e


*/

body{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
	background: #111;
	color: #ec7;
	margin:0; padding:/*32px 0 */0; 
}

a{
	font-weight:700;
	text-decoration: none;
	color: #ba8b0a;
}

a:hover{
	color: #fb0;
}

h3 {
	font-size: 20px;
	font-weight:400;
	font-family: "Alfa Slab One", Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif;
}

h3 a{font-weight:400;}

#wrapper{
	margin: 0 auto;
	width: 920px;
	text-align: left;
	background: #222;
	padding: 20px;
	overflow:hidden;
}

#header{
	width: 920px;
	height: 100px;
}

#blog{
	float: right;
	width: 700px;
	padding: 0;
}

.sidebar{
	float: left;
	width: 200px;
	margin: 0;
	font-size: 12px;
	list-style: none;
}

.sidebar h2 {
	font-size:12px;
	font-weight:400;
	font-family: "Alfa Slab One", Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif;
	color:#666;
	border:1px solid #444; border-width:1px 0;
	margin: 15px 0 0;
	padding:3px;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:0.5px;
}
.sidebar h2::before,.sidebar h2::after{
	content:"\2022"; color:#634f18; margin:0 6px;
}

.sidebar ul{list-style:none;display:block;margin:0;padding:0;}
.sidebar ul li{margin:0;padding:0;display:block;}
.sidebar ul li + li,.children{border-top:1px solid #333;}
.sidebar ul li a{margin:0;padding:3px 10px;display:block;}
.sidebar .recentcomments{padding:3px 10px !important;}
.sidebar ul li a:hover{background:#111;}
.children li{text-indent:1em;}
.sidebar p{display:block;margin:20px 10px 0;padding:0;}

.textwidget p{text-align:justify;font-size:11px;color:#BA8B0A;line-height:18px;letter-spacing:0.05em;margin:10px;word-break:hyphenate;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;}

#comment_thread{list-style:none;display:block;margin:0;padding:0;}
#comment_thread .comment{list-style:none;display:block;margin:0 0 5px;padding:10px 0;border-top:1px solid #333;}
.comment-author{height:32px;line-height:32px;padding:5px 0;}
.comment-author img,.comment-author span,.comment-author cite{vertical-align:middle;}
.comment-author img{margin-right:10px;}
.comment p,.reply,.comment-meta{padding-left:42px;}

#searchform {margin:20px 0; border: 1px solid #444; padding:5px 10px;text-align:center;font-size:10px;}
#s{background:#ec7;color:#111;text-align:center;border:0;display:block;margin:5px auto; width:180px; font-size:12px;}
#searchsubmit, #submit{background:#444;color:#ec7;border:0;cursor:pointer;}
#searchsubmit{font-size:10px;}
	
.comment-form-comment label,.form-allowed-tags{display:none;}
#commentform input[type=text],#commentform textarea{display:block;background:#ec7;color:#111;border:0;margin:5px auto;padding:3px 8px;font-size:12px;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.comment-form-author,.comment-form-email{display:inline-block;margin:0;padding:10px 0 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
	.comment-form-author{width:33%;}
	.comment-form-email{width:66%;}

.navigation{color:#666;}

#blog p{line-height:18px;}
#blog a:hover{border-bottom:1px dotted #fb0;}

#logo {
	width:200px; height:200px;
	overflow:hidden;
	display:block;
	padding:0; margin:0 0 20px;
}

#logo a {
	text-indent:-9001px;
	width:200px; height:200px;
	overflow:hidden;
	display:block;
	padding:0; margin:0;
	background:url(images/logo.png) no-repeat 50% 50%;
}

.tg-holder {float:right;}

#navigation{font-size:14px;margin:0;padding:0;height:32px;line-height:19px;z-index:500;position:fixed;top:0;left:0;right:0;zoom:1;color:#fff;background: #555555;
background: -moz-linear-gradient(top, #555555 0%, #000000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(100%,#000000));
background: -webkit-linear-gradient(top, #555555 0%,#000000 100%);
background: -o-linear-gradient(top, #555555 0%,#000000 100%);
background: -ms-linear-gradient(top, #555555 0%,#000000 100%);
background: linear-gradient(top, #555555 0%,#000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#000000',GradientType=0 );
-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.5);-moz-box-shadow:0 2px 3px rgba(0,0,0,0.5);box-shadow:0 2px 3px rgba(0,0,0,0.5);}
#navigation a,#navigation div,#navigation label{color:#fff;text-decoration:none;font-size:14px !important;height:24px;line-height:24px;padding:4px 11px;cursor:pointer;display:inline-block;
font-family:Calibri, Trebuchet, Arial, sans-serif !important;
-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;user-select:none;}
#navigation a:hover,#navigation div:hover,#navigation label:hover{color:#fc0;}
#navigation div{font-weight:700;cursor:pointer;position:relative;}
	#navigation div:hover{background:#000;}
#navigation div img{vertical-align:middle;margin:0 5px;position:relative;top:-2px;}
#navigation div ul{display:none;position:absolute;top:32px;left:0;list-style-type:none;z-index:500;margin:0;padding:0;min-width:200px;line-height:13px !important;background:#000;
  -webkit-border-bottom-left-radius:7px;-webkit-border-bottom-right-radius:7px;
  -moz-border-radius-bottomleft:7px;-moz-border-radius-bottomright:7px;
  border-bottom-left-radius:7px;border-bottom-right-radius:7px;
	-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.5);-moz-box-shadow:0 2px 3px rgba(0,0,0,0.5);box-shadow:0 2px 3px rgba(0,0,0,0.5);}
	#navigation div ul li{display:block;list-style-type:none;margin:0;padding:0;}
		#navigation div ul li a{display:block;min-height:13px;line-height:13px !important;height:13px !important;margin:0;padding:5px 14px 7px;}
			#navigation div ul li a:hover{background:#333;}
			#navigation div ul li:last-child a{
				-webkit-border-bottom-right-radius:7px;-moz-border-radius-bottomright:7px;border-bottom-right-radius:7px;
				-webkit-border-bottom-left-radius:7px;-moz-border-radius-bottomleft:7px;border-bottom-left-radius:7px;}
	#navigation div:hover ul{display:block !important;}
#navigation a.not,#navigation div.not{float:right;}
	#navigation div.not ul{left:auto;right:0;}