/*
Theme Name: Electric Studio
Theme URI: http://www.electricstudio.co.uk
Version: 1.0
Author: Electric Studio
Author URL: http://www.electricstudio.co.uk/

------------------------------------------------------------*/

/*----------------------------------------------------------

[Table of contents]

0.0 Imports
	0.1 Reset
	0.2 type
	0.3 style
	0.4 forms

1.0 Body
	1.1. Wrapper / #wrapper
	1.2. Container / #container

2.0 Header / #header
	2.1 Navigation / #topmenu
	2.2 Masthead / #masthead (homepage.php)

3.0 Content / #main
	3.1. Content / #content
	3.2. Sidebars / #sidebarPage / #sidebarPost

4.0 Footer / #footer

------------------------------------------------------------*/

/* 0.0 - Imports
------------------------------------------------------------*/

	@import url("reset.css");

/* 1.0 - Body - Layout
------------------------------------------------------------*/

body { 
	background: #f2f3f8;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom:15px;
}
#container { 
	width: 940px; margin: 10px auto; padding: 10px;
	border: #bbbdd8 1px solid; background: #FFFFFF;
}
#main {
	display: block; clear: both;
}
#content {
	display: block; width: 660px; padding: 20px; float: left;
}
#sidebarPage, #sidebarPost {
	display: block; width: 220px; padding: 20px 10px; float: left;
}
#footer {
	display: block;
}

/* 2.0 - Header
------------------------------------------------------------*/
#topbar {
	height:160px;
}
#logo { float: left; margin: 0 20px 0 0;
}

/* 2.1 - Navigation
------------------------------------------------------------*/

#bigmenu {
	display: block; float: right; padding: 10px 0 0 0;
}
#bigmenu ul {
	display: block; padding: 0 10px; height: 76px;
	border: #8E8E98 1px dotted; border-left: none; border-right: none; list-style: none;
}
#bigmenu ul li {
	display: inline-block; float: left;
}
#bigmenu ul li a {
	display: inline-block; padding: 10px; float: left;
	color: #8E8E98; line-height: 28px; font-size: 14px; text-decoration: none;
}
#bigmenu ul li a:hover {
	background: #f2f3f8;
}
#bigmenu ul li a strong {
	display: block; clear: both;
	font-family: Georgia, serif; color: #7377B8; line-height: 28px; font-size: 30px; text-decoration: none; font-weight: normal;
}

#topmenu {
	clear: both; padding: 15px 0 0 0;
}
#topmenu ul {
	display: block; height: 35px; padding: 0;
	background: #7377B8; list-style: none;
}
#topmenu ul li {
	display: inline-block; height: 35px; float: left;
}
#topmenu ul li a {
	display: inline-block; height: 35px; padding: 0 7px; float: left;
	border-right: #f2f3f8 1px dotted;
	color: #fff; line-height: 35px; font-size: 14px; text-decoration: none;
}
#topmenu ul li.current_page_item, #topmenu ul li.current_page_parent {
	background-color: #bbbdd8;
}
#topmenu ul li a:hover {
	background-color: #bbbdd8;
}
#submenu {
	padding:20px 0;
}
#submenu ul#subnav {
	padding:0;
	margin:0;
}
#submenu ul#subnav li {
	padding:8px;
	margin:0 0 1px 0;
	background-color: #7377B8;
	list-style:none;
}
#submenu ul#subnav li.current_page_item {
	background-color: #bbbdd8;
}
#submenu ul#subnav li a {
	color:#fff;
	font-size:13px;
	text-decoration:none;
}
/* 2.2 - Masthead
------------------------------------------------------------*/

#masthead { display: block; width: 100%; clear: both; background: #f2f3f8; margin-top:10px; }
.mainimage_wrapper {
	padding: 20px; display: block; width: 430px; height: 240px; float: left;
}
.mainimage {
	display: block; width: 430px; height: 240px;
}
.masthead_copy {
	padding: 10px 20px; display: block; width: 400px; height: 240px; float: left;
}
.masthead_copy h2{ 
	margin: 25px 0 5px 0; font-style: italic; 
}
.masthead_copy p{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	line-height:20px;
	font-style:italic;
	text-align:left;
}

/* 3.0 - Content (#main)
------------------------------------------------------------*/

.hr hr {
	display: none;
}
.hr {
	display: block; height: 1px; clear: both; margin: 20px 0;
	border-bottom: #8E8E98 1px dotted;
}

p {
	margin: 0 0 10px 0;
	color: #333; font-size: 14px; line-height: 24px; text-decoration: none; font-weight: normal; text-align: justify;
}
h1, h2, h3 { font-family: Georgia, serif; }
h1 a, h2 a, h3 a { text-decoration: underline; color: #7377B8; }
h1 a:hover, h2 a:hover, h3 a:hover { text-decoration: none; color: #bbbdd8; }
h1 {
	padding: 0 0 10px 0; margin: 0 0 20px 0;
	border-bottom: #8E8E98 1px dotted; color: #7377B8; font-size: 44px; text-decoration: none; font-weight: normal;
}
h1 em {
	display: block; clear: both;
	color: #cacee0; font-size: 24px; text-decoration: none; font-weight: normal;
}
h2 {
	margin: 20px 0;
	color: #7377B8; font-size: 30px; text-decoration: none; font-weight: normal;
}
h3 {
	margin: 10px 0;
	color: #7377B8; font-size: 24px; text-decoration: none; font-weight: normal;
}

a { text-decoration: underline; color: #7377B8; }
a:hover { text-decoration: underline; color: #8E8E98; }
a:visted { text-decoration: underline; color: #7377B8; }

address {
	margin: 10px;
	color: #333; font-size: 14px; line-height: 20px; text-decoration: none; font-weight: normal; text-align: justify;
}
.alignleft {
	float:left;
	padding:0 20px 20px 0;
}
.alignright {
	float:right;
	padding:0 0 20px 20px;
}

/* 3.1 - Content
------------------------------------------------------------*/

#content ul {
	margin: 0 0 10px 0; list-style: none;
}
#content li {
	margin: 0 0 5px 0; padding: 0 0 0 32px;
	background: url(images/list-bullet.jpg) no-repeat 5px 5px; color: #333; font-size: 14px; line-height: 24px; text-decoration: none; font-weight: normal; text-align: justify;
}

.post { 
	padding: 0 0 10px 0; margin: 0 0 10px 0;
	border-bottom: #8E8E98 1px dotted;
}
iframe {
	margin:0 10px 20px 0;
	position:relative;
	float:left;
	display:block;
}

/* 3.2 - Sidebars
------------------------------------------------------------*/

.searchform {
	display: block; padding: 5px 10px; margin: 0 0 20px 0;
	background: #f2f3f8; border: #bbbdd8 1px solid; border-left: none; border-right: none; list-style: none;
	font-size: 14px;
}
.searchform input[type="text"] { 
	display: block; padding: 8px 3px 3px 3px; width: 127px; height: 22px; float: left;
	color: #8E8E98; background: #FFFFFF; border: #bbbdd8 1px solid;
	line-height: 27px;
}
.searchform input[type="submit"] { 
	display: inline-block; width: 55px; height: 35px; float: left; margin: 0 0 0 5px;
	color: #FFFFFF; background: #bbbdd8; border: #7377B8 1px solid;
	line-height: 27px;
}

.sidebarcontent hr {
}
.hasSidebar{
}
#sidebarPage, #sidebar, #sidebarPost {
}
.sideBarBoxes {
}
#sidebarPage .sidebarcontent, #sidebar .sidebarcontent {
}
#sidebarPost h2 {
}
#sidebarPost ul {
}
#sidebarPost ul li {
}
#sidebarPost select {
}
#sidebarPage .sidebarcontent h2.sidebarHeadTitle, #sidebar .sidebarcontent h2.sidebarHeadTitle, #sidebarPost h2.sidebarHeadTitle {
}
#sidebarPage .sidebarcontent h2 a, #sidebarPage .sidebarcontent h2, #sidebar .sidebarcontent h2, #sidebarPost h2 {
}
#sidebarPage .sidebarcontent ul, #sidebar .sidebarcontent ul {
}
#sidebarPage .sidebarcontent ul li, #sidebar .sidebarcontent ul li {
}
#sidebarPage .sidebarcontent ul li a, #sidebar .sidebarcontent ul li a {
}
#sidebarPage .sidebarcontent ul li a:hover, #sidebar .sidebarcontent ul li a:hover {
}
#sidebarPage ul li.current_page_item, .sidebarcol ul li.current-cat, #sidebarPage ul li.current_page_parent {
}
#sidebarPage ul li.current_page_item a, .sidebarcol ul li.current-cat a, #sidebarPage ul li.current_page_parent a {
}
#sidebarPage .sidebarcontent ul li ul, #sidebar .sidebarcontent ul li ul {
}
#sidebarPage .sidebarcontent ul li.current_page_item ul, #sidebar .sidebarcontent ul li.current_page_item ul, #sidebarPage .sidebarcontent ul li.current_page_parent ul, #sidebar .sidebarcontent ul li.current_page_parent ul {
}
#sidebarPage .sidebarcontent ul li.current_page_item ul li, #sidebar .sidebarcontent ul li.current_page_item ul li, #sidebarPage .sidebarcontent ul li.current_page_parent ul li, #sidebar .sidebarcontent ul li.current_page_parent ul li {
}
#sidebarPage .sidebarcontent ul li.current_page_item ul li a, #sidebar .sidebarcontent ul li.current_page_item ul li a, #sidebarPage .sidebarcontent ul li.current_page_parent ul li a, #sidebar .sidebarcontent ul li.current_page_parent ul li a {
}
#sidebarPage .sidebarcontent ul li.current_page_parent ul li.current_page_item a {
}
#sidebarPage .sidebarcontent .sidebarbox {
}

/* Newsletter signup form 
------------------------------------------------------------*/
#mc_signup_container {
	display: block; 
	padding: 5px 10px; 
	margin: 0 0 20px 0;
	background: #f2f3f8; 
	border: #bbbdd8 1px solid; 
	border-left: none; 
	border-right: none; 
	font-size:13px;
	width:200px;
}
.mc_custom_border legend {
	font-weight:900;
}
.indicate-required {
	font-size:11px;
	padding:5px;
}
.mc_custom_border .mc_merge_var label {
	padding:5px 0 3px 0;
}

/* 4.0 - Footer
------------------------------------------------------------*/

#copyright {
	display: block; clear: both;
}
#copyright .small_print {
	display: block; clear: both;
	text-align: center; font-size: 12px; font-style: italic;
}
#footer {
	width: 940px; margin: 10px auto; padding: 10px; clear: both;
	border: #7377B8 1px solid; background: #bbbdd8;
}
#footer p {
	color: #FFFFFF;
}

#credit {
	width: 940px; margin: 10px auto; padding: 0; clear: both; text-align:center; font-size:14px;
}
#credit a {
	color:#7377B8;
}