/*
Theme Name: CML Theme
Theme URI: http://wordpress.org/
Description: CML.
Version: 2.0
Author: Thomas Ash and Robert Sharp
Author URI: http://www.robertsharp.co.uk
Tags: mantle color, variable width, two columns, widgets

PLEASE:
1) ANNOTATE ANY CHANGES, AGAINST CODE WHERE NECESSARY & IN THE VERSION HISTORY BELOW
2) BUMP UP THE VERSION NUMBER WHEN YOU BACK UP AND HAND OVER

THANKS :)

== VERSION HISTORY ==

1.0
- my CSS, with Rob adding menu classes at bottom
1.1 (Tom)
- redid ul#navmenu-h so it & its text are correctly positioned
- redid ul#navmenu-h ul so pop-down menus have dif. colour & are correctly positioned (in FF)
1.2 (Tom)
- made footer line 100% wide to prepare for new layout
- Created single.php & comments.php, which got individual blog posts working OK
1.3 (Tom) 
- New classes and IDs to implement this design change - please note the difference!
- NEW: .boxheaders, .sidebox, .bottombox, #leftcolumn, #righttcolumn, 
.container-bottomboxes
1.4 (Rob)
- More classes to for the logos at the top and the header image/link
- Tweaks to the front page classes
1.5 (Rob)
- Leads of new stuff coming up to launch, including bug testing for IE, extra classes for the videos and the entire blog display
1.6 (Tom)
- Taking height, border and column-clearing out of #footer, and into new element #footerline (put into footer.php)
- Added #flickrlink (put into widgets/widget_touch.php)
- Put teaser text into widgets/widget_video.php
1.7 (Tom)
- style_print.css created
- Other small tweaks have been made in response to various requests
1.8 (Tom)
- NEW: .videocaption and much more
1.9 and 2.0 (Tom)
- Lots, inc. #archiveintro for new FP
*/

@charset "UTF-8";

/* REDEFINING HTML TAGS */
body      { font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-align: center; margin: 0; padding: 0 }

.cml { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;  margin: 0; padding: 0 }

a {color: #06c; text-decoration: none; }
img {
	border-width: 0px;
}
h2 {
	font-size: 30px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	font-weight: bold;
	text-transform: capitalize;
	margin-top: 0px;
}
h3 {
	font-size: 22px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	font-weight: bold;
	text-transform: capitalize;
}
li  { list-style-image: url("images/arrow.png"); margin-top: 0; margin-bottom: 17px }


.hiddenstructure {display:none;}


/* The below are in the rough order that styles are used; annotate anything non-obvious */

#header      { background-image: url("images/background.gif"); background-repeat: repeat-x; margin: 0 auto; padding: 0 0 21px; width: 100% }

#menucontainer   { background-color: #9cf; background-image: url("images/CML_menu-bg.png"); background-repeat: repeat-x; text-align: center; margin: 0; padding: 0; z-index: 10; width: 100% }

#supporterlogos     { display: block; margin: 0 auto; padding: 0; width: 580px; height: 52px }


#buytickets {
	position: absolute;
	top: 139px;
	left: 903px;
}

a#LogoJRF  { background-image: url("images/CML_Logo_JR.gif"); background-repeat: no-repeat; display: block; margin: 9px 29px 0 0; padding: 0; width: 131px; height: 43px; float: left }
a#LogoOD  { background-image: url("images/CML_Logo_OD.gif"); background-repeat: no-repeat; display: block; margin: 11px 28px 0 0; padding: 0; width: 129px; height: 37px; float: left }
a#LogoLiberty  { background-image: url("images/CML_Logo_Liberty.gif"); background-repeat: no-repeat; display: block; margin: 23px 18px 0 0; padding: 0; width: 95px; height: 25px; float: left }
a#LogoGuardian  { background-image: url("images/CML_Logo_Guardian.gif"); background-repeat: no-repeat; display: block; margin: 20px 0 0; padding: 0; width: 150px; height: 29px; float: left }


a#CMLHeadLogo   { background-image: url("images/CML_Main_Logo.gif"); background-repeat: no-repeat; display: block; margin: 16px auto 0; padding: 0; width: 788px; height: 132px }
a#CMLWhatNext   { background-image: url("images/CML_What_Next.gif"); background-repeat: no-repeat; display: block; margin: 16px auto 0; padding: 0; width: 576px; height: 132px }
a#CMLPlainLogo   { background-image: url("images/cml_logo.gif"); background-repeat: no-repeat; display: block; margin: 16px auto 0; padding: 0; width: 376px; height: 132px }


#maincontent    { text-align: left; margin: 25px auto 0; padding: 0; z-index: 0; width: 1000px }
/* This was the old-style video, the first element in maincontent, but is no longer used now that we're on YouTube
#mainvideo {
	border-color:#FEED01;
	border-width:1px;
	float:left;
	margin-right: 24px;
} */
#container-videoandintro     { text-align: left; display: block; margin: 0 auto; padding: 0; width: 1000px;  }
#container-content  { width: 1000px; height: 500px }
#container-content a  {  }
#container-content a:hover  { }


#leftcolumn, #blogcolumn      { font-size: 15px; line-height: 1.3; text-align: justify; display: block; margin: 0 25px 0 0; padding: 0; float: left }

#leftcolumn  { margin: 0 25px 0 115px; padding: 0; width: 500px } #blogcolumn {width: 700px;}

#leftcolumn img  { border: 0 transparent }

#blogcolumn a, #leftcolumn a, #intro a,  #archiveintro a {color: #06c; text-decoration: none}
#blogcolumn a:hover, #leftcolumn a:hover{text-decoration: underline }
#blogcolumn h2, #leftcolumn h2 {}
#blogcolumn h2 a, #leftcolumn h2 a  { color: #333 }

#blogcolumn div.post     { background-image: url("images/boxbackground.png"); background-repeat: repeat-x; margin: 0 0 15px; padding: 5px 0 0 }
#blogcolumn div.post h3    { color: #333; font-size: 22px; margin: 0 0 7px; padding: 0 0 4px 115px; width: 500px; border-bottom: 1px solid #999 }
#blogcolumn div.post h3 a  { color: #333 }
#blogcolumn div.post h3 a:hover  { color: #06c }



#blogcolumn div.post h4    { color: #333; font-size: 18px; margin: 0 0 7px; padding: 0 0 4px 115px; width: 500px; border-bottom: 1px solid #999 }
#blogcolumn div.post h4 a  { color: #333 }
#blogcolumn div.post h4 a:hover  { color: #06c }


#blogcolumn div.odd {}
#blogcolumn div.even   {}


#blogcolumn div.post ul.meta_list     { display: block; margin: 0 15px 0 0; padding: 0; width: 100px; float: left }
#blogcolumn div.post ul.meta_list li   { font-size: 12px; text-align: right; display: block; margin: 0 0 0 0; padding: 0; width: 100px }
#blogcolumn div.post ul li.meta_list a  {}
#blogcolumn div.post ul li.meta_list a:hover {}

#blogcolumn div.post div.entry    { display: block; margin: 0; padding: 0; width: 500px; float: left }
#blogcolumn div.post div.entry p  { margin: 0 0 1em; padding: 0 }

#blogcolumn div.post div.entry a {}
#blogcolumn div.post div.entry a:hover  { }


#blogcolumn div.navigation  { font-size: smaller; margin: 0 0 10px; padding: 0 }
#blogcolumn div.navigation div.alignleft    { display: block; width: 50%; float: left }
#blogcolumn div.navigation div.alignright    { text-align: right; display: block; width: 50%; float: left }

#blogcolumn div.moreposts  { font-size: smaller; text-align: center; margin: 0 0 10px; padding: 0 }




.responseinfo   { font-size: 11px; text-align: center; margin: 0 0 20px 115px; padding: 1em 0; width: 500px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc }



ol.commentlist    { font-size: 13px; display: block; margin: 0 0 0 115px; padding: 0; width: 500px }

ol.commentlist li    { color: #444; display: block; margin: 0; padding: 5px }
ol.commentlist li.even  { }
ol.commentlist li.odd  { background-image: url("images/commentbg.png") }
.avatar { float: right }
#sidebar   { margin: 0; padding: 0; width: 250px; float: left }

#videoframe  { display: block; z-index: 0; width: 570px; float: left }

object.frontvideo   { z-index: 0;  }

.videocaption { font-size: 12px; padding-right: 50px;  padding-bottom: 20px; vertical-align: top; }

#leftcolumn blockquote, #blogcolumn blockquote  { color: #666 }


#intro      { margin: 0 0 0 20px; padding: 0; top: 0; width: 400px; float: left;  }

#intro p  { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif; font-weight: bold; text-transform: uppercase; padding: 0; }
#intro strong {
	background-color: #feed01;
}

#archiveintro      { margin: 0 0 0 20px; padding: 0; top: 0; width: 340px; float: left;  }

#archiveintro p  {  padding: 0; font-size: 14px; }
#archiveintro strong {
	background-color: #feed01; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif; font-weight: bold; text-transform: uppercase;
}

.super {
	vertical-align: super;
	font-size: 7px;
}
.introduction  {  }


.large  { font-size: 30px; text-transform: uppercase }
.container-bottomboxes     { display: block; margin: 33px auto 0; width: 1000px }
.bottombox {
	background-image: url(images/boxbackground.png);
	background-repeat: repeat-x;
	height: 300px;
	width: 209px;
	float:left;
	margin-right: 0px;
	margin-left: 0px;
	padding: 12px;
	font-size: 13px;
}
.widget   { font-size: 13px; background-image: url("images/boxbackground.png"); background-repeat: repeat-x; margin: 0 0 15px; padding: 12px; width: 200px }
.widget h3 {
	margin-top: 0px;
	padding-top: 0px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	font-weight: bold;
	font-size: 14px;
}

.widget a {
color:#0066CC;
text-decoration:none;
}

.widget li {}
.widget li a    { color: #333; text-decoration: none }
.widget li a:hover   { color: #06c; text-decoration: underline }


.widget li ul  { margin: 5px 0 0 10px; padding: 0 }
.widget li ul li  { display: block; margin: 0; padding: 2px 0 }
.widget li ul li a  { color: #666 }

.container-bottomboxes .widget   { margin: 0 20px 0 0; float: left }

.videoselector   { width: 90px; height: 56px; border-width: 0 }
a.videolink   { display: block; margin: 0 7px 7px 0; padding: 0; width: 90px; height: 56px; float: left; border: solid 1px #999 }

a.videolink:hover { border-color: #ff0 }
.yellowarrowlist {
	margin-left:20px;
	padding-left:0px;
}
#feedblitzform {
	border: 1px solid #feed01;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 108px;
	float:left;
}
#findform {
	border: 1px solid #feed01;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 108px;
	float:left;
}
#footerline    { padding-top: 25px; height: 1px; width: 1000px; clear: both; border-bottom: 1px solid #feed01 }
#footer    { margin-top: 25px; margin-bottom: 50px; width: 1000px; }
#footer p  { font-size: 10px; text-align: center }

#footer p a { color: #06c }
#footer p a:hover  { text-decoration: underline }

/* Blog-post specific */
.small {
	font-size: 12px;
}

form#commentform  { margin: 0 0 0 115px; padding: 0 }
#comment   { width: 500px; height: 130px; border: solid 1px #feed01 }


#twitterlink   { height: 30px; margin: 0; padding: 0; }
#facebooklink  { height: 30px; margin: 0; padding: 0; }
#flickrlink    { height: 28px; margin: 0; padding: 0; }
#youtubelink   { height: 28px; margin: 0; padding: 0; }


table  {  }
table.programme   { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif; width: 1000px }

tr {}

th  { border: solid 1px #ccc }
td  { }

div#fullcolumn td.admin  { color: #666; font-style: italic; background-color: #ffc; text-align: center; margin: 0; padding: 0 }
div#fullcolumn td.keynote   { font-size: 16px; font-weight: bold; background-color: #feed01; text-transform: uppercase; margin: 0; padding: 10px }
div#fullcolumn td.plenary   { background-color: #cde5f3; padding: 10px }
div#fullcolumn td.breakout   { background-color: #ff6; padding: 3px; width: 80px; vertical-align: top }
div#fullcolumn td.time   { font-size: 12px; font-style: italic; font-weight: bold; background-color: #eeeeee; text-align: right; margin: 0; padding: 5px; width: 80px }

div#fullcolumn td.keynote a  { color: #009; text-decoration: none }
div#fullcolumn td.keynote a:hover  { text-decoration: underline }

div#fullcolumn td.plenary h4   { margin: 0 0 3px; padding: 0 0 3px }
div#fullcolumn td.plenary h4 a  { text-decoration: none }
div#fullcolumn td.plenary h4 a:hover  { color: #009; text-decoration: underline }
div#fullcolumn td.plenary p.sponsor   { font-size: 9px; margin: 0 0 5px; padding: 0 }
div#fullcolumn td.plenary p.speaker  { margin: 0 0 5px; padding: 0 0 5px }

div#fullcolumn td.breakout h4   { font-size: 11px; margin: 0 0 3px; padding: 0 0 2px; border-bottom: 1px solid #999 }
div#fullcolumn td.breakout h4 a  { text-decoration: none }
div#fullcolumn td.breakout h4 a:hover  { background-color: #ffc }
div#fullcolumn td.breakout p.sponsor  { color: #666; font-size: 11px; font-weight: bold; margin: 0 0 5px; padding: 0 }
div#fullcolumn td.breakout p.speaker  { font-size: 10px; margin: 0; padding: 0 }










/* SECOND TIER PAGE NAVIGATION */
/* Root = Horizontal, Secondary = Vertical */




#navmenu-h  { }
#navmenu-h-r {
background: #eee;
}
#navmenu-h li.alignright {
float: right;
}
ul#navmenu-h    { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; list-style: none; display: block; margin: 0 auto; padding: 0 auto 0 auto; width: 1000px; height: 25px }



#navmenu-h-r {
margin: 0 0 1em 0;
border: 0 none;
padding: 0;
width: 950px;
	/*For KHTML*/
	list-style: none;
height: 24px;
}

ul#navmenu-h li     { list-style: none; display: inline; margin: 0; padding: 0; position: relative; float: left }
#navmenu-h-r li  { list-style: none; display: inline; margin: 0; padding: 0; position: relative; float: right; border: 0 }
ul#navmenu-h ul   { list-style: none; display: none; margin: 0; padding: 0; position: absolute; z-index: 20; top: 23px; left: 0; width: 160px; border: 0 }


ul#navmenu-h-r ul  { list-style: none; display: none; position: absolute; top: 24px; left: 0; width: 160px; border: 0 }
ul#navmenu-h ul:after,ul#navmenu-h-r ul:after /*From IE 7 lack of compliance*/  { font-size: 1px; font-style: normal; font-variant: normal; font-weight: normal; line-height: 0; visibility: hidden; display: block; height: 0; clear: both; content: "." }



ul#navmenu-h ul li, ul#navmenu-h-r ul li   { display: block !important; width: 160px; float: left }



/* Root Menu */
ul#navmenu-h a     { color: #333; font: bold 13px/24px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif; text-decoration: none; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; display: block; margin: 0; padding: 0 0.8em; height: 25px; float: left }
ul#navmenu-h-r a {
padding: 2px 20px 0 20px;
float: none !important;
	/*For Opera*/
	/*For IE*/
	display: block;
background: #eee;
color: #000;
font: 11px/22px Helvetica;
text-decoration: none;
height: auto !important;
	/*For IE*/
}




/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h-r a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h-r li:hover a,
ul#navmenu-h li.iehover a,
ul#navmenu-h-r li.iehover a  { color: #fff; background: #009 }
/* 2nd Menu */
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a,
ul#navmenu-h-r li:hover li a,
ul#navmenu-h-r li.iehover li a   { color: #333; background: #9cf; float: none }
/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a,
ul#navmenu-h-r li:hover li a:hover,
ul#navmenu-h-r li:hover li:hover a,
ul#navmenu-h-r li.iehover li a:hover,
ul#navmenu-h-r li.iehover li.iehover a  { color: #fff; background: #009 }

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul,
ul#navmenu-h-r li:hover ul ul,
ul#navmenu-h-r li:hover ul ul ul,
ul#navmenu-h-r li.iehover ul ul,
ul#navmenu-h-r li.iehover ul ul ul {
display: none;
}
ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul,
ul#navmenu-h-r li:hover ul,
ul#navmenu-h-r ul li:hover ul,
ul#navmenu-h-r ul ul li:hover ul,
ul#navmenu-h-r li.iehover ul,
ul#navmenu-h-r ul li.iehover ul,
ul#navmenu-h-r ul ul li.iehover ul {
display: block;
}

ul#navmenu-h li ul li a  { font-weight: normal; text-align: left; margin: 0; padding: 0 0 0 10px; border-top: 1px solid #06c }
ul#navmenu-h li.buytickets a {}
ul#navmenu-h li.page-item-8 a  { }

li.buytickets {}
li.buytickets a   { background-color: #feed01;  }
ul#navmenu-h li.current_page_item a:hover { color: #ff0 }
.clear   { display: block; width: 100%; height: 1px; clear: both }

img#wpstats{display:none}


/* CONVENTIONLIVE */

#container-live {
	text-align: left;
	display: block;
	margin: 25px auto 0;
	padding: 0;
	width: 1000px;
	height: 400px;
	position: relative;
}
#live-map  {
	width: 280px;
	position: absolute;
	left: 360px;
	top: 0px;
}
#today      {
	margin-bottom: 0px;
	padding: 0px;
	width: 340px;
	height: 370px;
	position: absolute;
	left: 0px;
	top: 0px;
	text-align:right;
}
.live-title { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif; font-weight: bold; text-transform: uppercase; padding: 0; margin-bottom: 0px; }

.live-title strong {	background-color: #feed01; }
.live-subtitle { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif; font-weight: bold; text-transform: uppercase;  font-size:12px; margin-top: 0px; }


#live-right {
	margin-bottom: 0px;
	padding: 0px;
	position: absolute;
	left: 660px;
	top: 0px;
	width: 308px;
	height: 370px;
}

.sidebar-title {
	text-transform: uppercase; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	font-weight: bold; background-color: #feed01; font-size: 16px;
	margin-bottom: 0px;
}
.sidebar-subtitle {
	font-size: 11px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	margin-top: 0px;
	margin-bottom:14px;
}

#flickr_div      {
	margin: 0px;
	padding: 0px;
	width: 113px;
	float: right;
	text-align:center;
}
#flickr_header {
	margin-top: 0px;
	padding-top: 0px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	font-weight: bold;
	font-size: 14px;
}
#video_div      {
	margin: 0px 20px 0px 0px;
	padding: 0px;
	width: 190px;
	float: right;
	text-align:center;
}
#video_header {
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 0px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	font-weight: bold;
	font-size: 14px;
}
#twitter_update_list {
	list-style-type: none;
	list-style-image: none;
	margin-left: 0px;
	padding-left:0px;
}
#twitter_update_list li {
	font-size: 12px;
	list-style-image: none;
}
#live-bottomright {
	text-align:left;
}