/*
Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 2 (WP2.6.2)
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/


@charset "UTF-8";
/* CSS Document */

/*colors
gray: #4d4d4d
bright blue: #29abe1
*/



/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none; 
} /* Gets rid of IE's blue borders */

/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */

/*colors
gray: #4d4d4d
bright blue: #29abe1
*/

* {
	margin:0px;
	padding:0px;
}

body {
	background: url(images/bg_texture.jpg) repeat fixed 0 0;
	color:#333333;
	font-family:Tahoma,sans-serif,Verdana,Georgia,times,serif;
	font-size:12px;
	height:100%;
	margin:0;
	min-height:100%;
	padding:0;
}

/*major sections */

#post-socialbuttons {
background:#f4f4f4;
border:1px solid #bbb;
border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;
padding:8px;
width:600px;
margin:8px 0;
}

#wrapper {
	margin:0 auto;
	padding:5px 0;
	width:965px;
}

#container {
	float:left;
	background:#ffffff;
	padding-left:7px;
}

#primaryContent {
	background:#ffffff;
}

#header {
	float:left;
	width:950px;
}

#header a {
	color:#ffffff;
}

img.logo {
	margin: 0 auto;
	display: block;
	padding-top:18px;
	width:158px;
}

#navigation {
	float:left;
	background-color:#4d4d4d;
	border:1px solid;
	width:950px;
	margin-top:10px;
	letter-spacing:0.75px;
	text-align:center;
}

#navigation ul {
	padding-bottom:15px;
	padding-top:15px;
	font-size:15px;
}

#navigation li {
	display:inline;
	color:#ffffff;
	padding-right:15px;
}
#content, #footer, #header {
	background: none #ffffff;
}

#content {
	float:left;
	padding:25px;
	border:1px solid #000000;
	width:900px;
}

#footer {
	border-top:1px solid #4D4D4D;
	float:left;
	margin-top:8px;
	padding:8px 24px 35px;
	width:900px;
}



#footer img {
	float:left;
	padding-right:3px;
}

#footer p {
	float:right;
	font-size:10px;
	padding-top:5px;
}

p.sub-footer {
	background:#4D4D4D none repeat scroll 0 0;
	color:#FFFFFF;
	float:left;
	font-size:13px;
	margin-top:13px;
	padding:10px 0;
	text-align:center;
	width:950px;
}

#main-img {
	float:left;
	margin: 5px 0px;
}

#main-img img {
	float:left; 
}

/* Home Page */

#home-content {
	float:left;
}

#home-content img, #home-content #video, #main-img {
	border: 1px solid #4d4d4d;
	float:left;
}

#home-content #left-col {
	float:left;
	width:400px;
	margin-right:4px;
}

#home-content #main-img {
	margin:0px;
}

#home-content img, #home-content #video {
	margin-top:5px;
}

#video {
	width:543px;
	height: 303px;
}

/*blog layout*/


#blogContent {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid black;
	padding:25px;
	float:left;
	margin-top:5px;
	width:900px;
}

#postWrapper {
	width:650px;
	float:left;
}

/*sidebar */

#sideBar {
	width:200px;
	float:right;
}

#sideBar h2 {
	padding-bottom:3px;
}

#sideBar ul{
	margin-left:5px;
}

form#searchform input#searchsubmit {
	padding:3px;
}

/* TYPOGRAPHY */
/* ----------------------------------------- */

/* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it 
h1, h2, h3, h5, h5, h6 { font-weight:bold } */



/* Font stack options

	The following represents a list of font stacks, as recommended by Nathan Ford in
	http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/

	I've added inverted commas around the relevant family names to ensure compatibility.
	p = balanced for paragraphs or body copy
	t = balanced for headlines or titles

	- - - -

Arial, 'Helvetica Neue', Helvetica, sans-serif - p, t

Baskerville, 'Times New Roman', Times, serif - p
Baskerville, 'Times, Times New Roman', serif - t

Cambria, Georgia, Times, 'Times New Roman', serif - p, t
'Century Gothic', 'Apple Gothic', sans-serif - p, t

Consolas, 'Lucida Console', Monaco, monospace - p, t

'Copperplate Light', 'Copperplate Gothic Light', serif - p, t

'Courier New', Courier, monospace - p, t

'Franklin Gothic Medium', 'Arial Narrow Bold', Arial, sans-serif - p, t

Futura, 'Century Gothic', 'Apple Gothic', sans-serif - p, t

Garamond, 'Hoefler Text', 'Times New Roman', Times, serif - p
Garamond, 'Hoefler Text', Palatino, 'Palatino Linotype', serif - t

Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif - p
Geneva, Verdana, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif - t

Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif - p
Georgia, Times, 'Times New Roman', serif - t

GillSans, Calibri, Trebuchet, sans-serif - p
GillSans, Trebuchet, Calibri, sans-serif - t

'Helvetica Neue', Arial, Helvetica, sans-serif - p
Helvetica, 'Helvetica Neue', Arial, sans-serif - t

Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif - p, t

'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif - p, t

Palatino, 'Palatino Linotype', Georgia, Times, 'Times New Roman', serif - p
Palatino, 'Palatino Linotype', 'Hoefler Text', Times, 'Times New Roman', serif - t

Tahoma, Geneva, Verdana - p
Tahoma, Verdana, Geneva - t

Times, 'Times New Roman', Georgia, serif - p, t

Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif - p
Trebuchet, Tahoma, Arial, sans-serif - t

Verdana, Geneva, Tahoma, sans-serif - p
Verdana, Tahoma, Geneva, sans-serif - t

*/


/* Typography */

a {
	color:inherit;
	text-decoration:none;
	border:0;
}

#content a, #sideBar a {
text-decoration: underline;
}

#content a:hover, #sideBar a:hover {
       color:#29abe1;
}

img {
	border-style:none;
}

ul {

}

li {

}

p {
	padding:12px 0px;
	letter-spacing:.5px;
}

h1 {

}

#content h1 {
	font-size:24px;
	padding-bottom:18px;
	color:#29abe1;
	letter-spacing:.75px;
}


h2 { 
color:#333333;
font-family:Tahoma,sans-serif,Verdana,Georgia,times,serif;
font-size:14px;
margin:20px 0 0;
}

h3 {
	
}

h3.join {
float:right;
background-color:#29abe1;
color:#FFFFFF;
font-size:12px;
padding:12px 24px;
text-align:center;
text-transform:uppercase;
}

h3.login {
float:right;
background-color:#4d4d4d;
color:#FFFFFF;
font-size:12px;
padding:12px 24px;
text-align:center;
text-transform:uppercase;
margin-left:2px;
}

h4 {
padding-top:20px;
padding-bottom: 5px;
margin:0;
}


/*Social Styles */

#social-nav {
float:left;
font-size: 16px;
padding: 20px 0px 10px 0px;
margin-left:37px;
clear:both;
font-weight:bold;
}

#social-nav a {
padding-right: 10px;
margin-right: 10px;
} 

#content.social {
float:left;
width: 670px;
}

form#whats-new-form #whats-new-content {
margin-left:16px;
margin-top:5px;
padding-left:22px;
}


form#whats-new-form #whats-new-content  {
float:left;
width: 585px;
margin-left: 0px;
padding-left: 16px;
}

form#whats-new-form #whats-new-textarea {
border:1px inset #CCCCCC ;
margin-left:0px ;
width: 300px ;
padding-bottom:8px;
float:left;
}

form#whats-new-form img {
margin-top:22px;	
}

form#whats-new-form h5 {
clear:none;
color:#333333;
font-size:14px;
font-weight:normal;
margin-left:76px;
}
#whats-new-options {
float:left;
margin-left:20px;
width:170px;
}

#whats-new-post-in-box {
margin-left: 20px;	
}

input#aw-whats-new-submit, #signup_submit, #sidebar-wp-submit {
background: #29ABE1;	
color: #ffffff;
padding:10px 20px;
border:none;
font-size:16px;
-moz-border-radius:8px 8px 8px 8px;
-webkit-border-radius: 8px 8px 8px 8px;
}

#whats-new-post-in-box  {
font-size:14px;
margin-left:7px;
margin-top:10px;
}

select#whats-new-post-in {
margin-left:5px;
}
/*captcha */

#si_image_reg {
padding-top:20px;
}

#signup_submit {
clear:left;
float:left;
margin-top:10px;
}

#sidebar-wp-submit {
padding: 5px 10px;
font-size:14px;
}

#members-dir-list ul.item-list li {
clear:both;
padding:20px 0;
position:relative;
}

#members-dir-list ul.item-list li .item-title {
font-weight:bold;	
}