/*
Theme Name: Warrington First
Description: Website theme for Warrington First	
Author: Optimise Internet
Author URI: http://www.optimiseinternet.com
*/

/* 
# CSS contents ###################
* 1 Reset defaults
* 2 Layout
* 3 Nav
* 4 Headings
* 5 Lists
* 6 Images
* 7 Links
* 8 Forms
* 9 Tables
* 10 Typography 
* 11 Other
*/

/* 
# Colour reference ###################
*
*	Orange:	#f7983a
*	Dark Orange:  #ea8b2d;
*	Grey:	#828388
*	Light Grey:	#f0f0f0
*
*/
 
/*
# Reset defaults ################### 
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
	
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}


/*
# Layout ################### 
*/

body{font: 15px/1.5  'Helvetica', sans-serif; background:#f3f3f3; color:#828388;}

#container {background: #fff; padding: 40px 30px; width: 930px; margin: 30px auto 30px auto; 
box-shadow: 5px 5px 5px #ccc;
-moz-box-shadow: 0 0 15px #ccc;
-webkit-box-shadow: 5px 5px 5px #ccc;
}

#header {position: relative; width: 930px;}

.main {width: 600px; float: left; margin-right: 20px; padding-bottom: 100px;}
.sidebar {float: right; width: 310px; margin-bottom: 50px;}
	.join-in {background: #f8f8f8; text-shadow: 0 1px #fff; padding: 20px; font-size: 0.9em; border: 1px solid #e6e6e6; clear: both; margin-bottom: 40px; }
	.join-in h3 {color: #ef9b47!important;}
	.feedback {background: #f8f8f8; text-shadow: 0 1px #fff; padding: 20px; font-size: 0.9em; border: 1px solid #e6e6e6; clear: both; margin-bottom: 40px; overflow:hidden;}
	.feedback h3 {color: #ef9b47!important;}
	.sidebar .feedback a.button {margin:0;}

#footer {clear: both; padding: 20px 0 40px 0; border-top: 1px solid #f0f0f0; position: relative; width: 930px;}

/*
# Nav ################### 
*/

ul#nav {clear: both; margin: 35px 0 35px 0; padding: 10px 0; list-style: none; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0;}
ul#nav li {display: inline;}
ul#nav li a {color: #828388; text-decoration: none; margin-right: 5px; padding: 9px 10px;}
ul#nav li a#current {color:#fff; border: 1px solid #ea8b2d; background: #f79337 url(images/nav-current-bg.png) repeat-x top; text-shadow: 1px 1px #d97d22;}

ul#footer-nav {list-style: none; margin: 0; padding:0; font-size: 0.8em; float: left; position: relative; top: 15px;}
ul#footer-nav li {display: inline;}
ul#footer-nav li a {margin-right: 15px; text-decoration: none;}
ul#footer-nav li a:hover {text-decoration: underline;}


/*
# Headings ################### 
*/

h1,h2,h3,h4 {font-weight: bold; color: #f7983a;}
h1{font-size: 1.6em; margin-bottom:25px;}
h2{font-size: 1.333em; margin-bottom:20px;}
h3{font-size: 1.2em; margin-bottom:15px;}
h4{font-size: 0.9em; margin-bottom: 10px; }

#logo{width:325px; height:58px; background:url(images/logo.png) no-repeat; float: left;}
#logo a{display:block;height:100%;width:100%;}
#logo a span{position:absolute;left:-9999px;top:-9999px;}

div.established-date {float:right; position: relative; top: 20px; right: 10px;}
div.established-date h3 {font-size: 1.6em}

div.sidebar h3 {padding-left: 10px; color: #828388;}
div.sidebar .join-in h3, div.sidebar .feedback h3 {padding-left: 0;}

p.info {
width: 290px;
margin: 0 10px;
font-style: italic;
font-size: 12px;

}

/*
# Lists ################### 
*/

ul, ol {padding-left: 20px; margin: 0 0 20px 15px;}
ul {list-style-type: disc;}
ol {list-style-type: decimal;}

ul.management-committee {list-style: none; margin-left: 0; padding-left: 0; margin-bottom: 35px;}
ul.management-committee li {margin-bottom: 5px;}
ul.management-committee li.email {background: url(images/icon-email.jpg) no-repeat 0 50%; padding-left: 20px;}

/* Event list Details */
.main div.event {margin-bottom: 10px; padding: 20px 0; clear: both; overflow: hidden; width: 600px; background: url(images/gradient-bg-bottom.jpg) repeat-x bottom; }
.main div.event h2 {margin-bottom: 15px;}
.main div.event ul li {margin-bottom: 5px;}

.event-details {border-bottom: 1px solid #ececec; overflow: hidden; padding-bottom: 10px; margin-bottom: 30px;}
ul.event-details-left {float: left; width: 250px; font-size: 0.9em; list-style: none; margin: 0 0 15px 0; padding: 0;}
ul.event-details-right {float: right; width: 340px; font-size: 0.9em; list-style: none; margin: 0 0 15px 0; padding: 0;}


/* Upcoming Events in sidebar */
.sidebar .upcoming-event {background: url(images/gradient-bg-bottom.jpg) repeat-x bottom; padding: 20px 10px 30px 10px;}
.sidebar ul.event-details {list-style: none; font-size: 0.85em; padding:0; margin: 0; border: 0 none;}
.sidebar .upcoming-event h3 {margin-bottom: 5px; padding: 0;}




/*
# Images ################### 
*/

img{border:none;}
img.left{margin:0 10px 10px 0;}
img.right{margin:0 0 10px 10px;}

.main img {margin-bottom: 20px;}

/*
# Links ################### 
*/

a {color: #f7983a; text-decoration: none;}
a:hover{text-decoration: underline;}

.button {color: #828388; border: 1px solid #e2e2e2; padding-right: 10px; padding-left: 10px; height: 30px; line-height: 32px; background: url(images/button-bg.jpg) repeat-x top; display: inline-block; clear: both; -moz-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px;  font-size: 0.85em; text-decoration: none; text-shadow: 1px 1px white;}

.button:hover {color: #ef9b47; text-decoration: none;}
.button:active {position: relative; top: 2px; color: #ea8b2d;}

.sidebar a.button {margin: 20px 0 40px 10px; float: right;}
.sidebar h3 a:hover {text-decoration: underline;}


#designby {width:268px; height:49px; background:url(images/designby.jpg) no-repeat; float: right;}
#designby a	{display:block;height:100%;width:100%;}
#designby a span{position:absolute;left:-9999px;top:-9999px;}

/*
# Forms ################### 
*/

/* Gravity forms style overrides */
input {border: 1px solid #dadada; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding: 5px!important; background: #fff url(images/input-bg.jpg) repeat-x;}
textarea { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding: 5px!important; border: 1px solid #dadada; background: #fff url(images/input-bg.jpg) repeat-x;}
form li {margin-bottom: 5px;}
input.button {border: none!important; background: url(/wp-content/themes/warrington-first/images/send.png) no-repeat top; text-indent: -9999px; width: 120px; height: 33px; display: block;}

.event-information {margin-top: 100px;}

form.register {background: #fafafa; padding: 20px;  -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid #f1f1f1;}


/*
# Typography ################### 
*/

p{margin: 0 0 1.5em; font-size: 1em;}

/*
# Other ################### 
*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}