/*
Theme Name: Electric Bones
Theme URI: http://www.jamesalexhall.co.uk/electric-bones
Description: Bare bones Wordpress theme
Author: James Alex Hall
Author URI: http://www.jamesalexhall.co.uk
Version: 2
*/

/* RESET BEGIN */

*{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;

	list-style:none;

	font-size:12px;
	font-family:arial, helvetica;
	font-weight:normal;
	
	color:#000000;
}

/* RESET END */

/* DIVS BEGIN */
		
	.clear{clear:both;}

/* DIVS END */

/* A BASIC LAYOUT */

p,h1,h2,h3,h4,table,pre {margin: 0px 20px 10px 20px;}
ul,ol{margin: 0px 20px 10px 40px; clear:both;}
ul ul,ol ol{margin: 0px 20px 0px 20px;}

#sidebar p, #sidebar h1, #sidebar h2, #sidebar h3, #sidebar table{margin: 0px 20px 0px 20px}
#sidebar p.wh{margin: 0px 20px 10px 20px}
#sidebar p{margin: 0px 20px 10px 20px}
#sidebar ul, #sidebar ol{margin: 0px 20px 10px 40px}
#sidebar ul ul, #sidebar ol ol{margin: 0px 20px 0px 20px}

#content form{margin: 0px 20px 10px 20px}

ul li{list-style-type:circle}
ol li{list-style-type:decimal}

h1, h1 a, h1 span{font-size: 72px; text-decoration:none; font-weight:bold;}

h2, h2 a{font-size: 24px; text-decoration:none;}
p.h2style{font-size: 24px}

h3, h3 a{font-size: 18px; text-decoration:none;}
p{font-size: 12px}

a:hover{text-decoration:none;}

div#wrap{width:960px}
div#content{width:595px; float:left;}
div#sidebar{width:300px; float:right;}

h1{padding-bottom:5px;}

#logo{float:left;}
#logo img{padding:0; margin:0; border:0;}
#call-to-action{float:right; margin-top:65px;}
#call-to-action p{font-size: 26px; margin:0;}

/* A BASIC LAYOUT */

/* TYPO */

#content p,#content ol li, #content ul li{line-height:1.5;}
#sidebar .textwidget p, #sidebar .textwidget ol li, #sidebar .textwidget ul li{line-height:1.5;}
#foot p{line-height:1.5;}
strong, b, strong a{font-weight:bold;}

/* SKIN BEGIN */

body{text-align:center; padding:0 20px 20px 0;}
body *{text-align:left;}

div#wrap{margin:auto;}
div#head{height:453px; width:960px; margin:auto; margin-bottom:0px; clear:both; overflow:hidden;}
div#head img{display:block; margin:auto;}

div#navigation{width:920px; margin:auto; clear:both; z-index:2;}

div#content{}
div#archive{margin-bottom:20px;} /* ARCHIVES ONLY */
div.post{margin-bottom:20px;} /* ARCHIVES ONLY */

div#sidebar{}
div#foot{width:920px; margin:auto;}
div#contain{width:920px; margin-left:20px; clear:both; z-index:1;}
div#foot p{margin:0 20px 0 20px; text-align:center;}

div#sidebar p.wh{padding-bottom:5px; font-size:30px;}

/* Rounded */

.content-round-top{height:20px; background: url('images/content-bg.png') top left}
.content-round-bottom{height:20px; background: url('images/content-bg.png') bottom left;}

.widget-round-top{height:20px; background: url('images/widget-bg.png') top left;}
.widget-round-bottom{height:20px; background: url('images/widget-bg.png') bottom left; margin-bottom:20px;}

.footer-round-top{height:20px; background: url('images/footer-bg.png') top left;}
.footer-round-bottom{height:20px; background: url('images/footer-bg.png') bottom left;}

.wrap-round-top{height:20px; background: url('images/wrap-bg.png') top left}
.wrap-round-bottom{height:20px; background: url('images/wrap-bg.png') bottom left}

/* forms */

#content form div{clear:left;}
#content form div label{float:left; width:150px;}
#content form p{margin:0 0 10px 0}
#content form input,#content form textarea,#content form label{margin-bottom:5px; width:400px;}
#content form button{width:200px; margin-left:150px; text-align:center; background: url('images/button-bg.png') repeat-x;}
#content form img{margin-bottom:5px;}

#sidebar label{width:100px; float:left;}
#sidebar input{width:150px;}
#sidebar textarea{width:150px; height:75px;}
#sidebar .button{width:150px; text-align:center; background: url('images/button-bg.png') repeat-x;}

/* search form*/

#searchform{float:right; margin-top:5px;}
#s{width:220px; margin-right:5px;}
#searchsubmit{text-align:center; width:50px; margin-right:5px; background: url('images/button-bg.png') repeat-x;}

/* images */

img.alignright {float:right; margin: 0 0 10px 20px; border:1px solid #cccccc;}
img.alignleft {float:left; margin: 0 20px 10px 0; border:1px solid #cccccc;}
img.aligncenter {display:block; margin:auto; text-align: center; border:1px solid #cccccc;}
img.alignnone {border:1px solid #cccccc;}

/* colors */

*					{color:#000000;}

input				{border:1px outset #000000;}
textarea			{border:1px outset #000000;}

#content h1			{border-bottom:1px solid #000000; color:#000000}
#content h2			{color:#000000}
#content h3			{color:#000000}
div#sidebar p.wh		{border-bottom:1px solid #000000; color:#000000}	

body				{background: #000000 url('images/background-stripe.png') repeat-x;}

.content-rounded	{background-color:#ffffff; overflow: hidden; width: 595px; background: url('images/content-fill.png')}
.widget-rounded		{background-color:#ffffff; overflow: hidden; width: 300px; background: url('images/widget-fill.png')}
.footer-rounded		{background-color:#ffffff; overflow: hidden; width: 920px; background: url('images/footer-fill.png')}
.wrap-rounded		{background-color:#000000; overflow: hidden; width: 960px; background: url('images/wrap-fill.png')}

#sidebar input		{background-color:#ffffff; border:1px solid #000000;}
#sidebar textarea	{background-color:#ffffff; border:1px solid #000000;}

#content input		{background-color:#ffffff; border:1px solid #000000;}
#content textarea	{background-color:#ffffff; border:1px solid #000000;}

#sidebar .button	{border:1px solid #000000; color:#ffffff; border:1px solid #000000;}
#content .button	{border:1px solid #000000; color:#ffffff; border:1px solid #000000;}

#s					{background-color:#ffffff; border:1px outset #000000;}
#searchsubmit		{border:1px solid #ffffff; border:1px outset #000000; color:#ffffff; background-color:#000000;}

#content a			{color:#000000;}
#sidebar a			{color:#000000;}
#call-to-action p	{color:#ffffff;}

#foot p, #foot a{color:#ffffff;}

#content form img{border:1px solid #000000;}

div.post{border-bottom:1px solid #ffffff}
pre {background-color:#ffffff;}

div#calendar_wrap table {border:1px solid #ffffff;}

#content form button{border:1px solid #000000; color:#ffffff; background-color:#000000;}

/* background-images */

/* posts */

div.post h2{margin-bottom:0}

/* dates */

p.date{font-weight:bold;}

/* nextprev */

div.next{float:right; margin-right:20px;}
div.prev{float:left; margin-left:20px;}

/* calendar */

div#calendar_wrap table {margin:auto; margin-bottom:20px;}
div#calendar_wrap caption {font-weight:bold; margin-bottom:5px;}
div#calendar_wrap table th{padding:5px; text-align:center; font-weight:bold;}
div#calendar_wrap table td{padding:5px; text-align:center;}

/* block quote */
blockquote p{font-style:italic; font-size:16px; font-weight:bold;}
#sidebar .textwidget blockquote p{line-height:1.2;}

/* looped slider */
.container *{padding:0; margin:0;}
.container {width:550px; height:300px; overflow:hidden; position:relative; margin:0 0 10px 20px;}
.slides {position:absolute; top:0; left:0; }
.slides div { position:absolute; top:0; width:550px; display:none; }
.container{border:1px solid #cccccc}
.container img{border:none}

/* payment */

#content div.payment{
	border:1px solid #000000;
	margin:40px 20px 40px 20px;
	padding-bottom:40px;
}

#content div.payment h2{
	background-color:#000000;
	color:#ffffff;
	padding:10px;
	text-align:center;
	margin:0 0 40px 0;
}

#content div.payment form{
	width:160px;
	margin:auto;
}