/*
Theme Name: ALERT
Theme URI: http://www.electricstudio.co.uk
Description: Bespoke theme for ALERT, designed and developed by Electric Studio
Version: 1.0
Author: Patrik Johnsson
Author URI: http://www.electricstudio.co.uk

*/

/* 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 }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }

table, tbody, caption, th, tr, td { 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 }
strong em, em strong { font-weight: bold; font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */

/* FONT SIZES

16px = 1em
14px = 0.875em
13px = 0.8125em
12px = 0.75em
11px = 0.6875em
10px = 0.625em
9px = 0.5625em
8px = 0.5em


Body = 0.8125em (13px)
Children of body:

32px = 246.153%
26px = 200%
22px = 169.230%
18px = 138.461%
16px = 123.076%
14px = 107.692%
13px = 100%
12px = 92.307%
11px = 84.615%
10px = 76.923%

percentage = (size in px) / (1em size (13 in this case)) * 100

link colour is #E15A00

*/

body {
	background:#4A7688 url(images/body-bg.png) 50% 0 repeat-y;
	font:normal normal 0.8125em/1.4em Arial, Helvetica, sans-serif;
	color:#1E2E35;
	padding:0;
	margin:0 0 20px 0;
}
#page {
	width:970px;
	margin:0 auto;
	background-color:#fff;
}
.homepage {
	background-color:#DDE8EC !important;
}
/****************************
GENERIC
*****************************/
.clearright {
	clear:right;
}
.clear {
	clear:both;
	font-size:1px;
	line-height:0px;
}
small {
	font-size: 84.615%;
}
a, h2 a:hover, h3 a:hover {
	color:#E15A00;
}
a:hover {
}
h1 {
	font-size: 2.5em;
	padding:10px 0 20px 0;
}
h2 {
	font-size: 1.6em;
	padding:20px 0 10px 0;
}
#contenthome .post h1, #contenthome .post h2 {
	color:#E15A00;
}
#sidebar h2, #sidebarpost h2 {
	font-size: 1.2em;
}
h3 {
	font-size: 1.3em;
	font-weight:900;
}
h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
}
.entry p a:visited {
}
.sticky {
}
.sticky h2 {
}
.commentlist li, #commentform input{

}
#commentform textarea {
	width:690px;
}
.commentlist li ul li {
}
.commentlist li {
}
.commentlist li .avatar { 
	float: right;
}
.commentlist cite, .commentlist cite a {
	font-weight: bold;
}
.commentlist p {
}
#commentform p {
}
.commentmetadata {
}
small, .nocomments, .postmetadata, blockquote, strike {
}
code {
}
acronym, abbr, span.caps {
}

#wp-calendar #prev a, #wp-calendar #next a {
}
#wp-calendar a {
	text-decoration: none;
}
#wp-calendar caption {
	text-align: center;
}
#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}
/****************************
HEADER
*****************************/
#header {
	background:#fff url(images/header-bg.png) 0 0 repeat-x;
	height:145px;
	padding:0 20px;
	border-bottom:4px solid #E15A00;
}
#header #logo {
	float:left;
	width:237px;
	height:80px;
	padding:35px 0 0 0;
}
#header #adminlogin {
	background:transparent url(images/admin-login-bg.gif) 0 0 no-repeat;
	position:relative;
	float:right;
	height:25px;
	width:162px;
	padding:6px 0 30px 50px;
}
#header #searchform {
	height:31px;
	position:relative;
	float:right;
	padding-bottom:21px;
}
#header #searchform .screen-reader-text {
	visibility:hidden;
}
#header #searchform input[type="text"] {
	background:transparent url(images/search-form-bg.gif) 0 0 no-repeat;
	width:150px;
	height:15px;
	padding:7px 0 8px 30px;
	border:none;
	float:left;
}
#header #searchform input[type="image"] {
	width:69px;
	height:31px;
	border:none;
	float:right;
}
#header #navigation {
	height:33px;
	position:relative;
	float:right;
	text-align:right;
}
#header ul#topnavigation li {
	float:left;
}
#header ul#topnavigation li a {
	line-height:13px;
	display:block;
	padding:8px 15px 13px 10px;
	margin-left:5px;
	color:#1E2E35;
	text-decoration:none;
	font-weight:900;
	background:transparent url(images/navigation-seperator.gif) right 2px no-repeat;
}
#header ul#topnavigation li.page-item-11 a {
	background-image:none;
}
#header ul#topnavigation li.current_page_item, #header ul#topnavigation li.current_page_parent {
	background:transparent url(images/navigation-active.png) left top no-repeat;
	margin-left:-2px;
}
#header ul#topnavigation li.current_page_item a, #header ul#topnavigation li.current_page_parent a {
	color:#fff;
	background:transparent url(images/navigation-active.png) right top no-repeat;
}
/****************************
CONTENT
*****************************/
#contenthome {
	position:relative;
	padding:0;
}
#contenthome .post {
	position:relative;
	padding:20px;
	margin-top:-180px;
	margin-left:20px;
	min-height:200px;
	width:890px;
	background-color:#fff;
}
#contenthome .post .homepage-left {
	float:left;
	width:590px;
	background-color:#fff;
}
#contenthome .post .homepage-right {
	padding-left:20px;
	float:right;
	width:250px;
	background-color:#fff;
	border-left:1px solid #E9F4FC;
}
#contenthome .post .homepage-right h2 {
	padding:5px 0 4px 0;
	font-weight:100;
	line-height:130%;
}
#contenthome .post .homepage-right p {
	padding: 0 0 20px 0;
	font-weight:100;
}
#content {
	position:relative;
	padding:20px;
	float:right;
}
.contentnarrow {
	width:690px
}
.contentfull {
	width:930px
}
#content ul {
	padding-bottom:15px;
}
#content ul li {
	list-style:none;
	padding:0 0 3px 17px;
	background:transparent url(images/list-icon.gif) 3px 7px no-repeat;
}
#content p, #contenthome p {
	margin:0 0 15px 0;
}
.breadcrumb {
	border-bottom:1px solid #DDE8EC;
	font-size:12px;
	padding:5px 0 10px 0;
	margin-bottom:15px;
	color:#666;
}
.breadcrumb a {
	text-decoration:none;
}
#content blockquote {
	background-color:#DDE8EC;
	padding:20px 30px 10px 30px;
	margin:10px 0;
	font:italic normal 16px/20px Georgia, "Times New Roman", Times, serif;
}
/****************************
POST SINGLE
*****************************/
h1.posttitle span {
	float:right;
	font-size:10px;
	line-height:14px;
	margin-top:-12px;
	text-align:center;
	color:#fff;
}
h1.posttitle span p {
	display:block;
	width:51px;
	height:49px;
	background:transparent url(images/date-bg.png) 0 0 no-repeat;
}
h1.posttitle span p em {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	line-height:27px;
	font-style:italic;
	color:#333;
}
/****************************
SEARCH PAGE
*****************************/
.searchresult h3 a {
	text-decoration:underline;
	font-weight:100;
}
.searchresult p {
	padding:0 !important;
	margin:0 !important;
}
.searchresult a {
	text-decoration:none;
}
.searchpage {
	padding:20px;
	border:3px solid #DDE8EC;
}
.searchpage input[type="text"] {
	padding:2px;
	width:200px;
}
/****************************
FOOTER
*****************************/
#footer {
	border: none;
	clear:both;
	padding:20px 40px;
	background-color:#DDE8EC;
}
#footer .siteterms {
	border-top:1px solid #fff;
	padding-top:20px;
	font-size:84.615%;
}
#footer .siteterms span {
	float:right;
}
#footer .siteterms span a {
	text-decoration:none;
	color:#1E2E35;
}
/****************************
SIDEBAR
*****************************/
#sidebar, #sidebarpost {
	background-color:#DDE8EC;
	position:relative;
	min-height:260px;
	margin:20px;
	margin-right:0;
	width:200px;
	float:left;
}
#sidebar ul li, #sidebarpost ul li {
	border-bottom:1px solid #fff;
}
#sidebar ul li a, #sidebarpost ul li a {
	display:block;
	padding:10px 5px 10px 12px;
	text-decoration:none;
	color:#1E2E35;
	font-weight:900;
}
#sidebar ul li.current_page_item a {
	color:#E15A00;
}
#sidebarpost ul li a {
	font-weight:100;
	color:#E15A00;
	text-decoration:underline;
}
h2.widgettitle {
	padding:10px 0 0 10px;
	margin:0;
}
#sidebarpost p.rss {
	padding:10px 0 0 10px;
}
/****************************
FORMS
*****************************/
#content div.wpcf7 {
	padding:10px 20px;
	background-color:#F1F5F7;
}
#content div.wpcf7 p {
	padding:5px 0 0 0;
	margin:0;
}
#content div.wpcf7 label {
	color:#365563;
	line-height:20px;
	font-weight:900;
}
#content div.wpcf7 input[type="text"], #content div.wpcf7 input[type="file"] {
	font-size:14px;
	padding:3px;
}
#content div.wpcf7 input[type="submit"] {
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
	background:url(images/submit-bg.png) 0 0 no-repeat;
	width:134px;
	border:none;
	font-weight:900;
	color:#fff;
	font-size:12px;
	padding:6px 0 12px 0;
	margin:0;
}
/****************************
DOWNLOADS
*****************************/
#content .download ul {
	border-top:1px solid #E9F4FC;
	margin:0 !important;
	padding:0 !important;
}
#content .download ul li {
	margin:0 !important;
	padding:0 0 5px 33px !important;
	border-bottom:1px solid #E9F4FC;
	background:transparent url(images/li-bg.png) 0 0 repeat-x;
	list-style:none !important;
}
#content .download ul li em {
	color:#999999;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
}
a.doc, a.ppt {
	padding:7px 0 1px 33px;
	margin-left:-33px;
	display:block;
	font-weight:900;
}
a.doc {
	background:transparent url(images/word.png) 5px 6px no-repeat;
}
a.ppt {
	background:transparent url(images/powerpoint.png) 5px 6px no-repeat;
}