/*  
Theme Name: SNS
Theme URI: http://labs.hayespotter.com/themes/SNS
Description: Simple, nothing special
Version: 1.0.1.1
Author: Hayes Potter
Author URI: http://hayespotter.com
*/

* {margin:0;padding:0;}
body {color:#222;background:#333;padding-top:20px;}

/* global stuff */
ul, li {list-style-type:none;}
a {color:#000;text-decoration:underline;}
a:hover {color:#777;text-decoration:line-through;}
div.c {clear:both;height:0;}

div.container {padding: 0 10px .8em;background:#fff;-webkit-box-shadow: 0 0 20px black;-moz-box-shadow: 0 0 20px black;}

/* header */
div.header {border-bottom:4px solid #333;padding-bottom:10px;margin-bottom:.8em;padding-top: 10px;}
div.header div.title {height: 55px;background: #435b8b;padding-bottom:10px;}
div.header h1 a {
	font-size: 40pt;
	float: left;
	color: #fff !important;
	text-decoration:none;
	padding-left: 8px;
	} 
div.header h1 a:hover, div.header h1 a:visited {color:#000;text-decoration:none;}
div.header small {
	font-family: Georgia;
	font-style: italic;
	margin-left: 10px;
	font-size: 14pt;
	float: left;
	margin-top: 28px;
	color: #eee;
	}
div.header img {padding-bottom: 10px;}

/* menu */
div.menu {width:1000px;}
div.menu ul {}
div.menu ul li {font-size: 16px;float:left;margin-right:12px;}
div.menu ul li a {color:#666;text-decoration: none;padding-bottom: 12px;} 
div.menu ul li a:hover, div.menu ul li.current_page_item a {color:#111;background: transparent url(images/arrow.png) bottom no-repeat;}
div.menu ul li.rss {
	float: right;
	width: 16px;
	height: 16px;
	background: url(images/rss.png) no-repeat;
	text-indent: -9999em;
	display: block;
	}
div.menu ul li.rss a {display:block;width:16px;height:16px;padding-bottom:14px;}
div.menu ul li.search {float:right;}

/* content and primary */
div.content {}
div.primary {
	width: 774px;
	float: left;
	}
div.post {}
div.post h2 {margin-bottom:3px;border-bottom:1px solid #bbb;padding-bottom:1px;}
div.post h2 a {color:#1a1a1a;text-decoration:none;} div.post h2 a:hover {color:#777;}
div.post div.post_content p a {background:yellow;color:#222;text-decoration:none;} 
div.post div.post_content p a:hover {text-decoration:line-through !important;}
div.meta {
	font-size: 90%;
	font-style: italic;
	font-family: Georgia;
	}
/* sidebar and secondary */

div.secondary {
	width: 200px;
	margin-left: 20px;
	padding-left: 5px;
	float: left;
	border-left: 1px solid #bbb;
	margin-bottom: .8em;
	}
div.secondary div.widget {margin-bottom: .8em;}
div.secondary div.widget h4 {margin-bottom:8px;}
div.secondary div.widget ul {margin-left:4px;border-top:1px solid #bbb;}
div.secondary div.widget ul li {border-bottom:1px solid #bbb;padding:1px 5px;}
div.secondary div.widget ul li a {text-decoration:none;color:#777;}
div.secondary div.widget ul li a:hover {color:#222;}

/* comments */
.comments-header {font-weight:bold;}
.comments-header + p a { color: #888;}
#commentform input, #commentform textarea, #commentform button { color: #555; border: 1px solid #ccc; padding-left: 4px; }
#commentform input:focus, #commentform textarea:focus {border: 1px solid #888;}
#commentform input { width: 230px; display: block; margin-bottom: 1em; }
#commentform textarea { width: 300px; height:150px; padding:5px; margin-top: 0px;}
.required {color: #d85050; font-size: .9em; vertical-align: text-bottom;}
#commentform button {height: 2.1em; padding: 2px 5px;}
#commentform button:hover { cursor: pointer; background-color: #ddd;}
#commentform input[type=hidden] { border: none; }
#commentform p { text-indent: 0px;}

ol#comments {margin:0 0 1.5em 0;padding-left:0px;border-bottom:1px solid #999;}
#comments li { padding: 5px 10px; border-top: 1px solid #999;}
#comments li.odd {background: #f9f9f9;}
#comments li.even {background: #e9e9e9;}
#comments li.even:hover {background:#eee;}
#comments li.odd:hover { background: #eee;}

.comment-meta { margin-bottom: 1em;}
.comment-date { font-size: .9em; color: #999;}
.comment-edit a{ font-size: .9em; color: #999; margin-left: 5px; text-decoration: none; }
.comment-text p {margin-bottom: .5em; float: left; text-indent: 10px; width: 600px;}
.avatar { float: left; margin-bottom: .5em; margin-right: 10px; }

#comments-form + .respond { clear: left; text-indent: 0px; }


/* footer */

div.footer {
	text-align: center;
	width: 1000px;
	margin: 1em auto 0; padding-top: 1em;
	border-top:4px solid #333;
	}