/*  
Theme Name: Geek With Social Skills
Theme URI: http://www.geekwithsocialskills.com/
Description: www.GeekWithSocialSkills.com/ WordPress Theme.
Version: 4.0
*/

/* Main layout */

* {padding:0;margin:0;}

html,body {
overflow-x:hidden;
background:url(images/bg.jpg) top center;
font:12px Arial, Helvetica, sans-serif;
}

#top {
background:url(images/top_bg.jpg) top center repeat-x;
margin:0;
padding:0;
}

#wrap { 
background:url(images/main.jpg) top left repeat-y;
width:760px;
margin:0 auto;
}

#header {
background:url(images/header-gwss.gif) top left no-repeat;
width:760px;
height:152px;
}

#header h1 a {
display:block;
border:none;
text-decoration:none;
position:relative;
top:60px;
width:615px;
height:50px;
}

#header h1 span {
visibility:hidden;
}

#main h2.slogan {
position:relative;
top:-40px;
text-align:right;
padding-right:20px;
font-size:.95em;
}

#main h2.slogan a {
color:#DDD;
}

#main h2.slogan a:hover {
text-decoration:none;
color:#FFF;
}

#main h2.slogan a span{
color:#ff9317;
}

#search {
background:url(images/search.gif) top left no-repeat;
width:760px;
height:73px;
}

#main {
float:right;
position:relative;
top:-60px;
width:550px;
color:#777;
}

#sidebar {
float:left;
width:169px;
padding-left:22px;
}

#bottom {
background:url(images/bottom.jpg) top left no-repeat;
clear:both;
width:760px;
height:0px;
padding-top:20px;
}

#footer {
margin:0 auto;
width:760px;
} 

/* List styles */

.post ol, .post ul {
margin-left:40px;
font-size:1em;
line-height:1.4em;
}

.post ul {
margin-left:35px;
font-size:1em;
line-height:1.4em;
}

/* Sidebar */

a, #sidebar ul li.current_page_item a {
color:#96ca2c;
}

#sidebar ul a, #sidebar li.page_item a, #sidebar ul li.current_page_item ul li.page_item a {
color:#FFF;
text-decoration:none;
}

#sidebar ul a:hover, #sidebar li.page_item a:hover, #sidebar ul li.current_page_item a, #sidebar ul li.current_page_item ul li.page_item a:hover {
color:#96ca2c;
text-decoration:none;
}

#sidebar ul li li a:hover {
position:relative;
}

#sidebar ul {
margin-left:0px;
line-height:1.6em;
font-size:1.1em;
}

#sidebar h2 {
height:28px;
margin-top:16px;
}

#sidebar h2 span {
visibility:hidden;
}

.main_nav ul li,  .blog_synd ul li, .blog_cat ul li, .featured_sites ul li, .push_my_buttons ul li {
list-style:none none;
padding-left:24px;
}

#sidebar ul ul li{
background:url(images/angle.gif) left top no-repeat;
margin-left:0px;
padding-left:12px;
line-height:1.6em;
font-size:.9em;
}

.main_nav ul li {
background:url(images/page.gif) left 2px no-repeat;
}

.main_nav h2 {
background:url(images/main_nav.jpg) left center no-repeat;
}

.blog_synd ul li {
background:url(images/feed.gif) left center no-repeat;
}

.blog_synd h2 {
background:url(images/blog_synd.jpg) left center no-repeat;
}

.featured_sites ul li {
background:url(images/link_go.gif) left center no-repeat;
}

.featured_sites a img {
border:1px solid #444;
position:relative;
top:4px;
}

.featured_sites h2 {
background:url(images/featured_sites.jpg) left center no-repeat;
}

#sidebar .blog_cat h2 {
margin-top:20px;
}

.blog_cat ul li {
background:url(images/folder.gif) left center no-repeat;
}

.blog_cat h2 {
background:url(images/blog_cat.jpg) left center no-repeat;
}

.push_my_buttons ul li {
background:url(images/link_go.gif) left center no-repeat;
}

.push_my_buttons a img {
border:1px solid #444;
position:relative;
top:4px;
}

.push_my_buttons h2 {
background:url(images/push_my_buttons.jpg) left center no-repeat;
}

/* Search box */

.hidden {
display:none;
}

#search_section {
position:relative;
top:30px;
left:25px;
}

#searchbox {
border:1px solid #111;
background-color:#DDD;
font:1em Arial, Helvetica, sans-serif;
font-weight:bold;
padding:2px 2px 0 2px;
margin-right:6px;
height:18px;
width:130px;
}

#searchbutton {
position:relative;
top:2px;
border:1px solid #111;
background-color:#333;
padding:2px;
color:#FFF;
}

/* Blog section */

#main .post {
margin:0 21px;
}

#main p {
font-size:1em;
line-height:1.5em;
margin:.75em 0;
}

#main b,#main strong {
color:#444;
font-weight:bolder;
}

#main i,#main em {
font-family:Georgia, "Times New Roman", Times, serif;
}

#main h2 {
font-weight:normal;
font-size:1.6em;
}

#main a {
text-decoration:none;
color:#00adef;
}

#main a:hover {
text-decoration:underline;
}

#main .post_header {
background:url(images/post_header.jpg) top left no-repeat;
color:#FFF;
height:22px;
margin:2px 0 0 0;
padding:2px 0 0 10px;
}

#main .post_header a {
color:#FFF;
}

#main .suffix {
color:#AAA;
border-top:1px solid #AAA;
margin-bottom:30px;
}

#main .suffix img{
position:relative;
top:5px;
}

/* Image classes */

img,a img {
border:0;
}

#main img.left {
float:left;
border:1px solid #7d8f9f;
margin:5px 12px 3px 0;
padding:2px;
}

#main img.right {
float:right;
border:1px solid #7d8f9f;
margin:5px 0 3px 12px;
padding:2px;
}

#main img.center {
display:block;
border:1px solid #7d8f9f;
margin:0 auto 8px;
padding:2px;
}

/* Misc stuff */

acronym {
cursor:help;
border-bottom:1px dotted #9C0063;
}

.postspermonth {
list-style:none;
padding-left:5px;
margin:5px 0 10px;
}

.postspermonth li {
background:none;
list-style:none;
}

.linkspage ul {
margin:0;
padding:0;
}

.linkspage li {
list-style:none;
padding-left:0;
padding-bottom:5px;
margin-left:0;
line-height:18px;
}

#login ul {
margin:0;
padding:0;
}

#login ul li {
display:inline;
margin-left:10px;
}

#main p.meta {
border:1px solid #AAA;
background-color:#DDD;
font-size:.9em;
margin:0 30px 0 20px;
padding:0 10px;
position:relative;
left:-5px;
}

/* Contact Form */

.contactform {
position:static;
overflow:hidden;
}

.contacterror {
font-size:0.9em;
border:1px solid red;
}

/* Blockquote */

blockquote {
border-left:4px solid #AAA;
font-size:0.9em;
margin:0 20px;
padding:0 10px;
}

/* Videos */

#videos {
border:1px solid #7D8F9F;
width:425px;
height:344px;
margin:8px auto;
padding:2px;
}

/* Game Lists */

.list1 {
float: left;
width: 240px;
}

.list2 {
float: left;
width: 240px;
margin-bottom:10px;
}

/* Single post */

#main .navigation {
display: block;
text-align: center;
margin-top:-10px;
margin-bottom:20px;
}

.alignleft {
float:left
}

.alignright {
float:right
}

.nav_clear {
clear:both
}

#respond, #comments {
font-size:1.6em;
color:#555;
}

#comment {
width:400px;
}

.author, .email, .url, #comment {
border:1px solid #AAA;
background:#EEE;
}

.postmetadata, .commentlist_item {
padding:4px 6px;
margin-bottom:20px;
}

#commentlist li,#trackbacklist li {
background-color:#EEE;
margin-bottom:10px;
border:1px solid #AAA;
padding:5px;
}

#commentlist,#trackbacklist {
margin-top:15px;
margin-left:15px;
width:465px;
list-style:decimal inside;
}

.commentlist_item {
border:1px solid #AAA;
background:#EEE;

}

#main .commentmetadata {
margin:0;
text-align:right;
width:450px;
}

.searchpost {line-height:3em}

/* Footer */

#footer p {
font-size:.9em;
text-align:center;
color:#FFF;
}

#footer a {
text-decoration:none;
color:#BBB;
}

#footer a:hover {
color:#FFF;
}