/*
Theme Name: WP Theme for Social Media News And Search
Theme URL: http://socialmediaandsearch.com
Description: Custom WordPress Theme for Social Media News And Search
Author: Jon Phillips
Author URI: http://spyrestudios.com
Version: v.1
*/

body {
width:100%;
color:#fff;
background:#111;
font-size:13px;
font-family:Georgia, 'Times New Roman', serif;
margin:0 auto;
padding:0;
}

#wrap {
width:900px;
margin:0 auto;
padding:0;
}

h1 {
border:none;
margin:0;
padding:0;
}

h2 {
color:#fff;
line-height:30px;
font-family:Georgia, 'Times New Roman', Times, serif;
font-size:26px;
border-bottom:1px solid #3a3a3a;
font-weight:400;
margin:0;
padding:0 10px 0 0;
}

h3 {
font-family:Georgia, 'Times New Roman', Times, serif;
font-weight:400;
color:#bbb;
font-size:18px;
margin:10px 0;
padding:10px 0 0;
}

a:link {
text-decoration:underline;
font-weight:400;
color:#09F;
}

a:visited {
text-decoration:underline;
font-weight:400;
color:#777;
}

#header {
width:900px;
overflow:hidden;
margin:30px 0;
padding:0;
}

#header h1 {
float:left;
width:329px;
border:none;
overflow:hidden;
margin:0;
padding:0;
}

ul.menu {
float:right;
margin:0;
padding:28px 0 0;
}

ul.menu li {
display:inline;
margin:0;
padding:0 16px 0 0;
}

ul.menu li a,ul.menu li a:visited {
text-decoration:none;
color:#aaa;
font-family:'Trebuchet MS', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size:20px;
font-weight:400;
letter-spacing:-1px;
margin:0;
padding:0 2px 4px;
}

#container {
float:left;
color:#333;
font-size:13px;
overflow:hidden;
font-family:Georgia, 'Times New Roman', Times, serif;
width:930px;
padding:0;
}

.postpage {
-webkit-box-shadow:rgba(0,0,0, 255) 0 0 6px;
-moz-box-shadow:rgba(0,0,0, 255) 0 0 6px;
font-family:Georgia, 'Times New Roman', Times, serif;
float:left;
width:860px;
overflow:hidden;
background:#1E1E1E;
border-top:1px solid #343434;
border-bottom:1px solid #343434;
font-size:14px;
line-height:22px;
color:#888;
margin:0 0 30px;
padding:20px;
}

.postpage a:link {
text-decoration:none;
font-weight:400;
color:#09F;
border-bottom:1px solid #09F;
}

.postpage a:visited {
text-decoration:none;
font-weight:400;
color:#777;
border-bottom:1px solid #777;
}

.postpage h3 {
font-family:Georgia, 'Times New Roman', Times, serif;
font-size:18px;
text-decoration:none;
overflow:hidden;
color:#fff;
}

.post {
-webkit-box-shadow:rgba(0,0,0, 255) 0 0 6px;
-moz-box-shadow:rgba(0,0,0, 255) 0 0 6px;
font-family:Georgia, 'Times New Roman', Times, serif;
float:left;
width:250px;
height:150px;
overflow:hidden;
background:#1E1E1E;
border-top:1px solid #333;
border-bottom:1px solid #333;
font-size:20px;
text-decoration:none;
color:#fff;
margin:0 30px 30px 0;
padding:5px 15px 15px;
}

.post:hover {
-webkit-box-shadow:rgba(0,0,0, 255) 0 0 10px;
-moz-box-shadow:rgba(0,0,0, 255) 0 0 10px;
font-family:Georgia, 'Times New Roman', Times, serif;
float:left;
width:250px;
height:150px;
background:#000;
border-top:1px solid #2A2A2A;
border-bottom:1px solid #2A2A2A;
font-size:20px;
text-decoration:none;
color:#fff;
margin:0 30px 30px 0;
padding:5px 15px 15px;
}

.post a {
font-family:Georgia, 'Times New Roman', Times, serif;
font-size:20px;
text-decoration:none;
color:#fff;
margin:0;
padding:0;
}

.post a:hover {
font-family:Georgia, 'Times New Roman', Times, serif;
font-size:20px;
text-decoration:none;
color:#09F;
margin:0;
padding:0;
}

.post a:visited {
font-family:Georgia, 'Times New Roman', Times, serif;
font-size:20px;
text-decoration:none;
color:#888;
margin:0;
padding:0;
}

.postsingle {
-webkit-box-shadow:rgba(0,0,0, 255) 0 0 6px;
-moz-box-shadow:rgba(0,0,0, 255) 0 0 6px;
font-family:Georgia, 'Times New Roman', Times, serif;
float:left;
clear:both;
width:860px;
overflow:hidden;
background:#1E1E1E;
border-top:1px solid #343434;
border-bottom:1px solid #343434;
font-size:16px;
line-height:22px;
color:#888;
margin:0 0 30px;
padding:20px;
}

.postsinglelink a {
text-decoration:none;
font-weight:400;
color:#fff;
font-size:16px;
background:#09F;
border:none;
margin:100px 0 30px;
padding:15px;
}

.postsinglelink a:visited {
text-decoration:none;
font-weight:400;
color:#000;
font-size:16px;
background:#09F;
border:none;
margin:30px 0;
padding:15px;
}

.postsingle h2 {
color:#fff;
font-family:Georgia, 'Times New Roman', Times, serif;
font-size:26px;
border-bottom:1px solid #3a3a3a;
font-weight:400;
margin:0 0 30px;
padding:0 10px 0 0;
}

.ads {
float:left;
width:860px;
background:#000;
border-top:1px solid #343434;
border-bottom:1px solid #343434;
margin:0 0 30px;
padding:20px;
}

#footerbg {
width:900px;
height:60px;
color:#eee;
border-top:1px solid #383A3D;
margin:0 auto;
padding:0;
}

#footer {
width:900px;
color:#fff;
font-size:12px;
font-family:helvetica, arial, sans-serif;
margin:0 auto;
padding:0;
}

#footer p {
color:#fff;
font-size:11px;
font-family:helvetica, arial, sans-serif;
margin:0;
padding:15px 0 0;
}

#search_form {
-webkit-box-shadow:rgba(0,0,0, 255) 0 0 6px;
-moz-box-shadow:rgba(0,0,0, 255) 0 0 6px;
width:870px;
background:#1E1E1E;
font-family:Georgia, 'Times New Roman', Times, serif;
font-size:18px;
color:#fff;
border-top:1px solid #343434;
border-bottom:1px solid #343434;
border-right:none;
border-left:none;
outline:none;
margin:30px 0 15px;
padding:15px;
}

#search_form:focus {
-webkit-box-shadow:rgba(0,0,0, 255) 0 0 12px;
-moz-box-shadow:rgba(0,0,0, 255) 0 0 12px;
width:870px;
background:#000;
font-family:Georgia, 'Times New Roman', Times, serif;
font-size:18px;
border-top:1px solid #2A2A2A;
border-bottom:1px solid #2A2A2A;
border-right:none;
border-left:none;
outline:none;
margin:30px 0 15px;
padding:15px;
}

.comments_entry h3 {
border:none;
color:#3a3c33;
font-family:georgia, 'time new romans', sans-serif;
margin:0;
}

img.gravatar {
background:#1E1E1E;
float:left;
margin:0 15px 15px 30px;
padding:15px;
}

img.gravatar:hover {
background:#000;
float:left;
margin:0 15px 15px 30px;
padding:15px;
}

p.num_comments {
margin-bottom:0;
line-height:22px;
float:left;
}

#comment_form {
width:450px;
float:left;
padding:10px 0;
}

#comment_form p {
margin-bottom:0;
padding:6px 0;
}

#comment_form label {
color:#7f7f7f;
padding-left:5px;
font-size:12px;
}

#comment_form .text_input {
width:275px;
border:none;
background:#eee;
font:normal 14px helvetica, verdana, geneva, sans-serif;
padding:10px;
}

#comment_form .text_area {
width:820px;
color:#21211f;
background:#eee;
border:none;
font:normal 14px helvetica, geneva, sans-serif;
padding:20px;
}

#comment_form .text_input:focus {
background:#ddd;
outline:none;
border:none;
color:#21211f;
}

#comment_form .text_area:focus {
background:#ddd;
outline:none;
color:#21211f;
border:none;
}

#comments {
width:820px;
font-size:12px;
line-height:22px;
color:#444;
float:left;
clear:both;
}

ul.comment_list {
background:#fff;
list-style:none;
border-top:1px solid #f1f1f1;
float:left;
margin:0 0 40px;
padding:0;
}

ul.comment_list li {
width:860px;
border-bottom:1px solid #f1f1f1;
padding:15px 0 5px;
}

ul.comment_list li.author_comment {
width:820px;
background:#eee;
border-bottom:1px solid #f1f1f1;
padding:15px 0 5px;
}

.author_comment .comment_intro a {
color:#21211f;
}

.comment_author {
font-family:helvetica, geneva, sans-serif;
font-size:14px;
font-weight:400;
color:#000;
margin:0;
padding:0;
}

.comment_author a:hover {
text-decoration:none;
font-family:helvetica, geneva, sans-serif;
font-size:14px;
color:#333;
margin:0;
}

.comment_meta {
text-transform:uppercase;
font-family:helvetica, arial, sans-serif;
color:#555;
font-size:10px;
margin:0;
padding:0;
}

.comments_entry {
line-height:23px;
margin:0 0 20px;
padding:0 20px 20px 30px;
}

.comments_entry ul,.comments_entry ol {
color:#000;
border:none;
margin:0;
padding:0;
}

.comments_entry li {
width:820px;
border:none;
padding:3px 0 0;
}

.comments_entry ul li ul,.comments_entry ul li ol,.comments_entry ol li ul,.comments_entry ol li ol {
margin:0;
}

#comment_form .submit {
color:#fff;
border:1px solid #21211f;
background:#25B0EF;
margin-top:-25px;
font-size:12px;
font-weight:700;
font-family:arial, helvetica, sans-serif;
padding:5px;
}

#comment_form .submit:hover {
color:#fff;
}

#shelfwrap {
background:#000;
}

#shelf {
color:#eee;
text-align:left;
width:900px;
line-height:22px;
margin:0 auto;
padding: 20px 0 0 0;
}

#shelf h3 {
color:#fff;
text-align:left;
font-size:22px;
font-family:Georgia, 'Times New Roman', Times, serif;
margin:0;
padding:10px 0;
}

#shelf .left {
width:420px;
border-right:1px solid #222;
padding:0 30px 0 0;
}

#shelf .right {
width:419px;
padding:0 0 0 30px;
}

#shelfbreak {
background:#000;
height:1px;
}

.right {
float:right;
}

.left {
float:left;
}

.clear {
clear:both;
}

.fix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.fix {
display:block;
}

* html .fix {
height:1%;
}

#triggerbutton {
display:block;
width:900px;
height:22px;
margin:0 auto;
}

#pull a {
-webkit-box-shadow:rgba(0,0,0, 255) 0 0 6px;
-moz-box-shadow:rgba(0,0,0, 255) 0 0 6px;
float:right;
display:block;
width: 250px;
height: 22px;
text-indent:-9999em;
background:url(images/trigger.jpg) no-repeat top right;
}

#pull a:hover {
-webkit-box-shadow:rgba(0,0,0, 255) 0 0 6px;
-moz-box-shadow:rgba(0,0,0, 255) 0 0 6px;
float:right;
display:block;
width: 250px;
height: 22px;
text-indent:-9999em;
background:url(images/trigger2.jpg) no-repeat top right;
}

a:active {
outline:none;
}

a:hover,a:visited:hover {
text-decoration:none;
font-weight:400;
color:#fff;
}

.postpage a:hover,.postpage a:visited:hover {
text-decoration:none;
font-weight:400;
color:#fff;
border-bottom:1px solid #fff;
}

.postsinglelink a:hover,.postsinglelink a:visited:hover {
text-decoration:none;
font-weight:400;
color:#09F;
font-size:16px;
background:#fff;
border:none;
margin:30px 0;
padding:15px;
}

.postinfosingle,.postinfo {
font-family:Georgia, 'Times New Roman', Times, serif;
font-size:13px;
text-decoration:none;
color:#09F;
margin:0;
padding:0;
}

.postinfosingle a,.postinfo a {
text-decoration:none;
font-size:13px;
color:#999;
}

.postinfosingle a:hover,.postinfo a:hover {
text-decoration:none;
font-size:13px;
color:#fff;
}

.postinfosingle a:visited,.postinfo a:visited {
text-decoration:none;
font-size:13px;
color:#ccc;
}

#footer a,#footer a:hover {
color:#fff;
text-decoration:none;
}

.comment_author a,.comment_author a:visited {
text-decoration:none;
font-family:helvetica, geneva, sans-serif;
font-size:14px;
color:#000;
margin:0;
}

.spyre {
position:absolute;
top:0;
left:0;
z-index:9999;
}

.spyre img {
border:none;
}

a:focus {
-moz-outline-style:none;
}

.badges {
float:right;
margin:0;
padding:0;
}

p.signup {
color:#eee;
font-size:18px;
line-height:24px;
font-style:italic;
font-weight:400;
text-align:left;
margin:0;
padding:0;
}

.aweberform {
color:#ddd;
font-size:14px;
text-align:left;
margin:0;
padding:0 0 0 30px;
}

.aweberform span {
font-family:'century gothic', helvetica, arial, sans-serif;
color:#ddd;
font-size:18px;
font-weight:700;
margin:0 10px 0 0;
}

.formname {
background:#444;
font-family:'century gothic', helvetica, arial, sans-serif;
color:#aaa;
border:none;
font-size:18px;
width:210px;
font-weight:700;
margin:0 15px 0 0;
padding:10px;
}

.sendform {
background:#09F;
font-family:'century gothic', helvetica, arial, sans-serif;
color:#fff;
font-size:18px;
border:none;
cursor:pointer;
font-weight:700;
margin:0 15px 0 0;
padding:10px;
}

.form img {
margin:0;
padding:10px 25px 0 0;
}

ul.menu li.active a,ul.menu li a:hover,ul.menu li a:visited:hover,ul.menu li.active a:hover {
text-decoration:none;
color:#f30;
font-family:'Trebuchet MS', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size:20px;
font-weight:400;
letter-spacing:-1px;
margin:0;
padding:0 2px 4px;
}

#shelf ul,#shelf ul li {
list-style-type:disc;
}