/*
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:#333333;
}

/* RESET END */

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

/* DIVS END */

/* A BASIC LAYOUT */

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

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

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

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

h1, h1 a, h1 span{font-size: 30px; text-decoration:none;}
h2, h2 a{font-size: 22px; text-decoration:none;}
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;}

/* WATCH OUR VIDEOS */

#watch-our-videos{float:right; margin:10px 10px 0 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{font-weight:bold;}

/* SKIN BEGIN */

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

div#wrap{margin:auto;}
div#head{height:150px; width:920px; margin-left:20px; background: url('images/header-bg.png'); margin-bottom:0px; clear:both; overflow:hidden;}

div#navigation{background: url('images/nav-bg.png') repeat-x; width:920px; margin-left:20px; margin-bottom:20px; 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-left:20px;}
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:5px; font-size:20px;}

/* 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; margin-bottom:20px}

.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 20px 0}
#content form input,#content form textarea,#content form label,#content form select{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 .booking-button{color: #ffffff; width:200px; text-align:center; background: url('images/button-bg.png') repeat-x;}

#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;}
img.alignleft {float:left; margin: 0 20px 10px 0;}
img.aligncenter {display:block; margin:auto; text-align: center; margin-bottom:10px;}
img.alignnone{margin-bottom:10px; margin-right:10px;}

/* colors */

*					{color:#333333;}

input				{border:1px solid #333333;}
select				{border:1px solid #333333;}
textarea			{border:1px solid #333333;}

#content h1			{border-bottom:2px solid #CB2664; color:#CB2664}
#content h2			{color:#CB2664}
#content h3			{color:#CB2664}

body				{background-color:#ffffff; background:url('images/body-bg.png')}
div#sidebar p.wh	{background-color:#333333; color:#ffffff; background:url('images/widget-header-bg.png') ;repeat-x;}

.content-rounded	{background-color:#ffffff; overflow: hidden; width: 595px;}
.widget-rounded		{background-color:#ffffff; overflow: hidden; width: 300px;}
.footer-rounded		{background-color:#FBF8F1; overflow: hidden; width: 920px;}
.wrap-rounded		{background-color:#47061A; overflow: hidden; width: 960px;}

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

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

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

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

#content a			{color:#009999;}
#sidebar a			{color:#009999;}
#call-to-action p	{color:#00CCCC;}

img.alignright {border:1px solid #cccccc;}
img.alignleft {border:1px solid #cccccc;}
img.aligncenter {border:1px solid #cccccc;}

#navigation			{border-top:2px solid #CB2664;}

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

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

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

/* 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;}

/* heading styles */
p.h2style{font-size: 22px}

/* 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;}

/* booking form */

div#book-appointment{width:400px; margin:auto;}

/* post comments area */

div.postcomments{border-top:1px solid #cccccc; padding-top:10px;}

/* created-by */

div#created-by p{text-align:center; margin-top:10px;}

/* video container */

div.video-container{margin:0 0 20px 20px; border:1px solid #cccccc; width:550px;}
#content div.video-container h2{margin:0; padding:3px; display:block; background-color:#cccccc; color:#333333;}

/* SHOP */

#content.full{
	width:920px;
	background-color:#ffffff;
	margin-bottom:20px;
}

#content.full h1{margin-top:20px;}

#content hr{border-bottom:1px dotted #cccccc; margin: 20px 20px 20px 20px; clear:both;}