/*
Theme Name: ASC Winchester 
Theme URI: http://wordpress.org/
Description: ASC custom style for a CMS site based on the WordPress Default theme.
Version: 0.2
Author: Tim Macer
Author URI: http://meaning..uk.com/
Tags: blue, custom header, fixed width, two columns, widgets

	ASC Winchester v0.2

	Original Southampton theme was designed and built by Tim Macer, meaning ltd in
	December 2009 using the new look for the ASC which was launched 
	at the September 2007 International Conference at Southampton
	Revised theme in 2014 based on Winchester conference

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Colour and type options only */
/* Size and dimensions are covered later */

/* Colours to use:

#9C1E96
#852097
6B2897
422B96
124568
006D96
A5C9EC

*/

* {
	font-family:  verdana, Arial, Sans-Serif;
}
body {
	font-size: 12px; 
	font-family:  verdana, Arial, Sans-Serif;
	color: #333;
	text-align: center;
	margin: 0 0 0 0;
	padding: 0;
	background-color:#fff;
	}

p { margin-top: 2px;
	margin-bottom: 10px;
	}
#page {
	text-align: left;
	border: none;
	background:  url('images/background-cols.png') ;
	}

.home #page{
	background:  url('images/background-colh.png') center repeat-y;
}

#header {
	background: #fff url('images/ascheader.png') no-repeat bottom center;
	}
	
#header2 {
	background:  url('images/background-hdr2.png') no-repeat bottom center ;
}
#header3 {
	background:  url('images/background-hdr3.png') repeat-y ;
}
#header3-home {
	background:  url('images/background-hdr3h.png') repeat-y ;
}

#container {
	background:  url('images/background-cols.png') center repeat-y;
}


#footer {
		color:#fff;
}
#footer a {
	color:#CCFFFF;
}

#content {
	font-size: 12px;
	}

.widecolumn .entry p {
	font-size: 12px;
	line-height: 16px;
	}


.narrowcolumn .postmetadata {
	text-align: center;
	}

.thread-alt {
	background-color: #f8f8f8;
}
.thread-even {
	background-color: white;
}
.depth-1 {
border: 1px solid #ddd;
}

.even, .alt {

	border-left: 1px solid #ddd;
}

#footer {
	background: url('images/ascfooter.png') no-repeat top;
	}

small {
	font-size: 10px;
	line-height: 15px;
	}

h1, h3, h4, h5, h6 {
	font-weight: bold;
	}

h1 {
	font-size: 20px;
	text-align: left;
	}

#headerimg .description {
	font-size: 12px;
	text-align: center;
	}

h2 {
	font-weight: normal;
	font-size: 20px;
	}


.sidebar h2 {
	font-size: 13px;
	color: #fff;
	line-height:26px;
}

h3, h4, h5, h6 {
	font-size: 14px;
	}

h1, h1 a, h1 a:hover, h1 a:visited, 
h2, h2 a, h2 a:visited, 
h3, h3 a, h3 a:visited,
#headerimg .description{
	color: #006D96;
	}

h5, h5 a, h5 a:visited {
	color: #9C1E96;
	color: #852097;
	color: #6B2897;
	color: #422B96;
	color: #124568;
	color: #006D96
}

h4, h4 a, h4 a:visited {
	color: #124568
}

h5, h5 a, h5 a:visited {
	color: #422B96
}
h6, h6 a, h6 a:visited {
	background-color: #006D96;
	color: #fff;
}
h1, h1 a, h1 a:hover, h1 a:visited, 
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, .sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}

p span .colour1 {color: #9C1E96}
p span .colour2 {color: #852097}
p span .colour3 {color: #6B2897}
p span, p span .colour4 {color: #422B96}
p span .colour5 {color: #124568}
p span .colour6 {color: #006D96}

.sidebar h2 a {
	color: #fff;
	}

.entry p a:visited {
	color: #4a0c8b;
	}

.sticky {
	background: #f7f7f7;
	padding: 0 10px 10px;
	}
.sticky h2 {
	padding-top: 10px;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em  Arial, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

.sidebar {
	font: 1em  Arial, Sans-Serif;
	}

small, .sidebar ul ul li, .sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
	color: #06c;
	text-decoration: none;
	}

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

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em  Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
	
.edit-label {
	font-size:9px;
	font: arial;
}
/* End Typography & Colors */



/* Begin Structure */

/* 3 columns based on 960 pixel grid */

#page{
	width: 960px;
	margin: 0px auto;
	padding: 0;
	}

#header {
	height: 150px;
	width: 100%;
	margin: 0;
	padding: 0;
}
#headerimg 	{
	margin: 0;
	padding: 0;
	width: 100%;
	}
#container,
#container-home-page{
	width: 100%;
	margin: 0;
}
#header2{
	width: 100%;
	height:23px;
	padding: 0;
	margin: 0;
}
#header3{
	width: 100%;
	height: 36px;
	}
#header3-home{
	width: 100%;
	margin: 0;
	height: 10px;
}
* html #header3-home{
	overflow:hidden;
	}
#footer {
	padding: 0;
	margin: 0;
	height: 50px;
	width: 100%;
	clear: both;
	}
#footer p {
	margin-top: 5px;
	padding: 5px 0;
	text-align: center;
	}

/* Container form an empty DIV in which three columns appear: sidebar-left, main-content sidebar-right */

#main-content {
    float:left;
	margin-left: 190px ;
	padding-left: 10px;
    width:560px;
	min-height:680px;
	overflow:hidden;
}
* html #main-content { margin-left: 95px; } 



#home-page-content  {
    float:left;
	margin: 0 ;
	min-height:480px;
    width:760px;}

#home-page-left {
    float:left;
	margin-left: 30px;
	margin-right: 5px;
	overflow:hidden;
    width:300px;}


#home-page-right  {
    float:left;
	margin-left: 20px;
	margin-right: 5px;
	overflow:hidden;
    width:400px;}


* html #home-page-left ,
* html #home-page-right
{
	margin-left: 10px;
	margin-right: 2px;
} 


.sidebar-left,
.sidebar-right {
	width:160px;
	float:left;
	position: relative;
	background-color: #CDE2ED;
	background-color: #A5C9EC;
	background-color: #fff;
	padding-left: 0px;
	padding-right: 10px;
}
.sidebar-left {
	margin-left: -758px;
}
.sidebar-right {
	margin-left: 26px;
}


* html .sidebar-left {
	padding-right: 0px;
}
* html .sidebar-right {
	padding-right: 0px;
}
 
.widget_search  {
	background-color: #A5C9EC;
	background-color: #fff;
	margin-top: -20px;
	padding-top: 0;
}
#container-home-page .widget_search  {
	margin-top: 0px;
}

.breadcrumbs p{
	margin: 0 0 0 10px;
	padding: 10px 0 0 0;
}

.post {
	margin: 0 0 40px;
	text-align: left;
	}
* html .post  { margin-left: 20px; } 

.post hr {
	display: block;
	}

.widecolumn .post {
	margin: 0;
	}

.postmetadata {
	padding-top: 5px;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}


.clear {
	clear: both;
}


/* End Structure */



/*	Begin Headers */
h1 {
	margin: 16px 0 12px;
	}

h2 {
	margin: 16px 0 6px;
	}

.sidebar h2 {
	margin: 2px 0 0;
	padding: 0;
	color: #fff;
	}

h2.pagetitle {
	display: none;
	font-size: 16px;
	margin-top: 6px;
	margin-bottom: 12px;
}
h2.sidebar-left-title,
h2.sidebar-right-title {
	background-color: #006D96;
	background-color: #124568;
	padding-left: 10px;
	margin: 0 ;
	width: 100%;
}


h2.home-events-header {
	background-color: #006D96;
	color: #fff;
	padding: 2px 5px;
};
* html h2.home-events-header {
	margin-left: 20px;
}

#sponsor-tile  {
	margin: 0 0 10px 0;
	padding: 0;
	width: 180px;
}

h3, h4, h5 {
	padding: 0;
	margin: 16px 0 6px;
	}

h6	{
	padding: 3px 4px;
	margin: 16px 0 6px;
}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}

/* End Headers */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 20px;
	list-style-image: url('images/dot-style1.jpg');
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

body .entry ul, body .entry. ol {
	list-style-type: square;
	list-style-image: url('images/dot-style1.jpg');
}

.entry ol {
	padding: 0 0 0 10px;
	margin: 0;
	}

.entry ol li {
	margin: 0 0 0 10px;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

.sidebar ul, .sidebar ul ol {
	margin: 0;
	padding: 0;
	}

.sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 0;
	}

.sidebar ul p, .sidebar ul select {
	margin: 5px 0 8px;
	}

.sidebar ul ul, .sidebar ul ol {
	margin: 5px 0 0 12px;
	}

.sidebar ul ul ul, .sidebar ul ol {
	margin: 0 0 0 12px;
	}

ol li, .sidebar ul ol li {
	list-style: decimal outside;
	}

.sidebar ul ul li, .sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}




#sidebar-left ul ul {
	list-style:none;}

#sidebar-right ul ul,
#content .slug-login ul {
	text-indent: -1px; 
	margin-top: 0px; 
	margin-bottom: 12px; 
	margin-left: 12px;
	float:none;
}



* html #sidebar-right ul ul { margin-left: 6px; } 



/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

.sidebar #searchform #s {
	width: 120px;
	padding: 2px;
	}

.sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: left;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/* Begin Sidebar */
/*.sidebar{
	float: left;
	padding: 20px 0 10px 0;
	margin-left: 20px;
	width: 150px;
	}*/

.sidebar form {
	margin: 0;
	}
/* End Sidebar */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: none;
	text-align: center;
	padding-top: 4px;
}

.wp-caption img {
	margin: 10px 0 0 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 10px;
	margin: 0;
}

.alignleft {
	margin-right: 15px;
}

.alignright {
	margin-left: 15px;
}

/* End captions */


/* Son of Suckerfish menu for navigation */

#sf-menus {
	font-size:12px;
	overflow:visible;
	margin: 0 auto;
	position: relative;
	z-index:100;
}

#nav {
	margin: 0px 20px 10px 10px;
	float: right;
}
* html #nav { 
	margin: 0px 10px 0px 5px;
}

#nav, #nav ul { /* all lists */
	list-style: none;
	line-height: 1;
	font-size:12px;
}

#nav a {
	display: block;
	width: auto;
	color:#FFFFFF;
	text-decoration: none;
}


#nav li { /* all list items */
	float: left;
	padding: 5px 15px;
	width: auto; /* width needed or else Opera goes nuts */
	background-color:#9C1E96;
	border-left:#fff solid 1px;
	border-top:#fff solid 1px;
}


	
#nav li ul { /* second-level lists */
	position: absolute;
	color: white;
	background-color: #124568;
	width:115px;
	margin-top: 5px;
	padding: 0px;
	margin-left: -15px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul li { /* second-level lists */
	background-color: #124568;
	border: none;
}

#nav li ul a
{
font-size: 12px;
color: #fff;
}

#nav li ul ul { /* third-and-above-level lists */
margin: -18px 0 0 130px;
}


#nav li ul li
{
height: auto;
padding-bottom: 5px;
margin-right: 0;
width: 100%;
border:#fff solid 1px;
border-bottom: none;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;

}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
	z-index:		99;
}

#nav li:hover,  #nav li.sfhover {
	background-color: #006D96;
	color: #fff;
}
#nav li ul li:hover, #nav li ul li.sfhover {
	background-color: #006D96;
	color: #fff;
	}

/*.widget_recent_entries  li {
	margin 5px 5px 5px 5px;
	font-size: 11px;
}
.widget_recent_entries  ul {
	margin-bottom: 12px;
	font-size: 11px;
}*/


#sidebar-right .widget_recent_entries li  {
	margin-bottom: 10px;
	font-size: 11px;
}

/* footer logos */
.partner-logos-container {
	overflow:hidden;
	padding:0 20px;
	float:left;
	clear:both;
}
.partner-logos {
	margin:0;
	padding:0;
	list-style:none;
}
.partner-logos li {
	margin:0;
	padding:0;
	width:16.6%; /* = 100 / number of items */
	float:left;
}
.partner-logos li img {
	margin:0;
	padding:0;
	border:none;
	outline:none;
	width:100%;
	height:auto;
}