/*  
Theme Name: Conservatoire for Dance and Drama theme
Theme URI: http://www.cdd.ac.uk
Description: Conservatoire for Dance and Drama theme
Version: 1.1
Author: Paul Matson
Author URI: http://www.paulmatson.co.uk
*/

/* 
Colours Teal: #0E828B; 
Light green: #99B0A8; 
tea: #E3E3D3; 
magenta: #B31265; 
khaki: #A79612; 
purple: #5F2E8D 
*/

/* Begin Structure */

body { margin: 0; padding: 0; }
#page { background-color: #FFF; margin: 0px auto; padding: 0 0 20px 0; width: 780px; text-align: left; }
#accesskey-div { margin: 0px; padding: 0px; position: absolute; top: -1000px; font-size: 1px; line-height: 1px; }
hr { display: none; }

/* header */
#header { padding: 0; margin: 0 auto; height: 100px; width: 780px; background-color: #FFF; border-top: 5px solid #5F2E8D; }
div#headwrap { float: left; height: 65px; width: 260px; border: 0; padding: 0; margin: 22px 0 0 30px; cursor: pointer; display:inline; /* IE Doubled Float-Margin bug */ }
div#headwrap h1 { background: transparent url(images/logo-purple.gif) top left no-repeat; margin: 0; border: 0; padding: 0; padding-top: 65px; overflow: hidden; height: 0px !important; /* for most browsers */ height /**/:65px; /* for pre 6.0 IE Win */ }
#headerRightwrap { float:right; height: 100px; width: 400px; padding: 0px 5px 0 0; margin:0 30px 0 0; border:0; display:inline; /* IE Doubled Float-Margin bug */ }
html>body #headerRightwrap { width: 400px; }

/* tools */
#tools { width: 400px; height: 40px; margin: 10px 0 0 0; padding: 0; }
#tools p { font-size: 1.3em; padding: 0 0 0 0; color: #999; text-align:right; }
#tools a:link, #tools a:visited { color: #999; text-decoration: none; }
#tools a:hover, #tools a:active { color: #5F2E8D; text-decoration: none; }
#navbar { float:right; height: 23px; width:333px; color:#fff; margin: 0; display:inline; /* IE Doubled Float-Margin bug */ }
#navbar ul { height:23px; margin:0; padding:0; list-style:none; }
#navbar li { float:left; margin:0; padding:0; background-image:none; line-height:normal; text-indent:0; }
#navbar li a, #navbar li strong { background-repeat:no-repeat; background-position:0 -23px; display:block; float:left; height:23px; border-width:0; text-indent:-10000px; text-decoration: none; }
#navbar li strong { background-position:0 0; }
#navbar li a:hover { background-position:0 0; }
#navbarbelow { clear:both; float:right; height: 23px; width:243px; color:#fff; margin: 0; }
#navbarbelow ul { height:23px; margin:0; padding:0 0; list-style:none; }
#navbarbelow li { float:left; margin:0; padding:0; background-image:none; line-height:normal; text-indent:0; }
#navbarbelow li a, #navbarbelow li strong { background-repeat:no-repeat; background-position:0 -23px; display:block; float:left; height:23px; border-width:0; text-indent:-10000px; text-decoration: none; }
#navbarbelow li a:hover { background-position:0 0; }
#nav1 a, #nav1 strong { background:url("images/home.gif"); width:51px; } 
#nav2 a, #nav2 strong { background:url("images/about_us.gif"); width:68px; } 
#nav3 a, #nav3 strong { background:url("images/affiliate_schools.gif"); width:122px; } 
#nav4 a, #nav4 strong { background:url("images/student_info.gif"); width:92px; } 
#nav5 a, #nav5 strong { background:url("images/search_courses.gif"); width:114px; } 
#nav6 a, #nav6 strong { background:url("images/whats_on.gif"); width:79px; }
#nav7 a, #nav7 strong { background:url("images/news.gif"); width:50px; } 
:-moz-any-link:focus { outline: none; }

/* banner */ 
#banner { width: 720px; height: 210px; margin: 0 0 15px 30px; }

/* mailform style */ 
form dl, dl.labels { margin:0em; font-size:100%; margin-top:0em; } 
form dt, dl.labels dt { float:left; width:8em; margin-bottom:0.8em; color:#666; text-align:right; font-weight:normal; position:relative; } 
form dd, dl.labels dd { margin-left:8em; margin-bottom:0.8em; font-size:100%; font-style:normal; padding-left:0.5em; } 
form dd.submit, dl.labels dd.submit { margin-top:2em; }	

/* narrowcolumn <div id="content" class="narrowcolumn"> */
.narrowcolumn { float: left; padding: 0 0 10px 10px; margin: 0 30px 0 30px; width: 340px; line-height: 1.8em; display:inline; /* IE Doubled Float-Margin bug */ }
.narrowcolumn .entry { line-height: 1.5em; }
.narrowcolumn .postmetadata { text-align: left; }

/* widecolumn */ 
.widecolumn { background-color:#ECECDA; float: left; padding: 0 15px 10px 10px; margin: 10px 0px 15px 30px; width: 430px; line-height: 1.4em; display:inline; /* IE Doubled Float-Margin bug */ }
* html .widecolumn { width: 430px;} /* was 443px or -3px to keep PCIE happy */
.post { margin: 10px 10px 5px 0; padding: 10px 15px 10px 15px; text-align: left; border-bottom: 4px solid #99B0A8; background-color:#FFF; }
.postpage { margin: 10px 0px 0 0; text-align: left;  }
.postpage p { margin: 5px 0 15px 0; padding: 0; }
.homepost { margin: 0 15px 0 0; padding:0;}
.postmetadata { clear: left; margin: 2px 0 0 0; padding: 0; }

/* Begin Primary Typography & Colors */ 
body { font-size: 62.5%; /* Resets 1em to 10px */ font-family: Helvetica, Arial, Verdana, Sans-Serif; background-color: #E0E4E2; color: #333; text-align: center; }

/* Changing this font-size affects everything within content */
#content { font-size: 1.2em }

/* all h styles */
h2 { font-family: Helvetica, Arial, Verdana, Sans-Serif; font-weight: normal; }
h2 { font-size: 1.9em; line-height: 115%; }
h2, h2 a, h2 a:visited { color: #5F2E8D; }
h2, h2 a, h2 a:hover, h2 a:visited { text-decoration: none; }
h2 { margin: 0; padding: 0; }
h2.pagetitle { margin: 10px 40px 5px 0; text-align: left; color:#9E8B1B; }
h2 a:hover { color: #5F2E8D; text-decoration: underline; }
h3 { font-family: Helvetica, Arial, Verdana, Sans-Serif; font-weight: bold; }
h3, h3 a, h3 a:visited { font-size: 1.3em; color: #5F2E8D; margin: 0; padding: 5px 0 0 0; text-decoration: none; }
#post h3, h3 a, h3 a:visited { font-size: 100%; padding: 0; margin: 0; }
.entry h3 { margin-top:18px; }
h3 a:hover { color: #333; }
h3.comments { padding: 0; margin: 40px auto 20px ; }
h4 { font-family: Helvetica, Arial, Verdana, Sans-Serif; font-weight: lighter; font-size: 1.35em; line-height: 118%; color: #828282; margin: 0; padding: 0; clear:both; }

#wp-calendar caption, cite { text-decoration: none; }
#headerimg .description { font-size: 1.2em; text-align: center; }

/* link styles */
a { color: #5F2E8D; text-decoration: underline; }
a:hover { color: #333; text-decoration: underline; }

/* Begin Sidebar */
#sidebar h2 { font-family: Helvetica, Arial, Verdana, Sans-Serif; font-size: 1.2em; margin: 0; padding: 0; text-decoration: none; }
#sidebar { padding: 0; margin: 0 0px 0 0; float:left; width: 340px; }
#sidebar form { margin: 0; }

/* Sidebar ul (unordered lists) li (list) */
#sidebar ul, #sidebar ul ol { margin: 10px 0 0 0; padding-left: 20px; text-indent: 0px; }
#sidebar ul li { list-style-type: square; color: #5F2E8D; list-style-image: none; margin-bottom: 10px; font-size: 1.2em; }
#sidebar ul p, #sidebar ul select { margin: 5px 0 8px; } #sidebar ul ul, #sidebar ul ol { margin: 10px 0 0 0; } #sidebar ul ul a, #sidebar ul ol a { margin: 4px 0 0 15px; padding: 6px 6px 0 6px; text-decoration: none; font-size: 1.2em; }

/* Begin Sidebarpage */
#sidebarpage { margin: 10px 0 15px 0; padding: 0 0 0 0; float:left; width: 265px; background-color: #5F2E8D; }
#sidebarpage p { font-size: 1.2em; padding: 5px 0 5px 0; margin: 0 0 0 10px; color: #FFF; } 
#sidebarpage a { color: #FFF; text-decoration: none; }
#sidebarpage ul li a:hover { color: #5F2E8D; background-color: #FFF; padding: 2px; }
#sidebarpage h2 { font-family: Helvetica, Arial, Verdana, Sans-Serif; font-size: 1.2em; margin: 0; padding: 0; text-decoration: none; }
#sidebarpage h3 { font-size: 1.6em; line-height: 125%; font-weight: normal; padding: 0 10px 5px 10px; margin: 10px 0 0 0; color: #FFF; }
#sidebarpage img  { margin: 0; padding: 0; }
#sidebarpage form { margin: 0; padding: 5px 10px 10px 10px; }

/* Sidebar ul (unordered lists) li (list) */
#sidebarpage ul, #sidebarpage ul ol { margin: 10px 0 0 0; padding-left: 22px; padding-right: 6px; /* small amount of right hand padding */ }
#sidebarpage ul li { list-style-type: square; color: #FFF; list-style-image: none; margin-bottom: 15px; font-size: 1.2em; padding-bottom: 4px; border-bottom: dotted 1px #99B0A8; }
#sidebarpage ul select { margin: 5px 0 8px; } 
#sidebarpage ul ul, #sidebarpage ul ol { margin: 10px 0 0 0; }
#sidebarpage ul ul li { list-style-type: square; color: #FFF; list-style-image: none; margin-bottom: 4px; font-size: 100%; padding-bottom: 4px; border-bottom: none; }

/* footer */
#footer { clear:both; padding: 5px 0 5px 0; margin: 0 30px 0 30px; width: 720px; border-top: 3px solid #CCC; border-bottom: 5px solid #CCC; background-color: #FFF; }
#footer p { margin: 0; padding: 0; font-size: 1.1em; line-height: 1.5em; }
#leftfooter { width: 300px; padding-left: 10px; }
#rightfooter { width: 400px; float: right; text-align: right; padding-right: 10px; }

/* Begin Images */
p img { padding: 0; margin: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }

/* alignright and alignleft margins and paddings important */
img.alignright { padding: 5px; margin: 0 0 5px 5px; display: inline; }
img.alignleft { padding: 0; margin: 0 12px 5px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }

/* .entry lists */
html>body .entry ul { padding: 0; margin: 0 0 0 20px; list-style: none; }
.entry ul li { list-style-type: square; }
.entry ol { padding: 0; margin: 0; padding-left: 20px; }
.entry ol li { margin: 0; padding: 0; }
.postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; }

/* Begin Various Tags & Classes */ 
small { font-size: 0.9em; line-height: 1.5em; }
.alt { background-color: #E2EFFB; border-top: 1px solid #00516B; border-bottom: 1px solid #00516B; }
small, .nocomments, .postmetadata, strike { color: #666; }
code { font: 1.1em 'Courier New', Courier, Fixed; }
acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; }
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 10px 0 10px 0; padding: 10px; font-size: 120%; line-height: 140%; background-color: #FFF; } 
blockquote p { color: #B31265; text-indent: -0.25em; }
blockquote cite { margin: 0; display: block; }
.center { text-align: center; }
a img { border: none; }
.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; }

/* Begin Form Elements - search and comments */ 
#searchform { margin: 10px auto; padding: 0; text-align: left; }
#sidebar #searchform #s { width: 115px; padding: 0px; }
#sidebar #searchsubmit { padding: 1px; } 

/* .entry form { text-align:center; } */ 
select { width: 130px; }
#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform textarea { width: 100%; padding: 2px; }
#commentform #submit { margin-bottom: 20px; padding: 2px; float: left; }

/* Request a Prospectus */ 
#prospectusButton { margin: 25px 0 25px 0; padding: 0; }
.prospectusBtn a { margin: 10px 0 10px 0; padding: 10px 10px 10px 10px; text-decoration: none; color:#FFF; font-size: 120%; background-color: #5F2E8D; }
.prospectusBtn a:hover { background-color: #B31265; }

/* table */ 
table { width: 100%; margin:10px 0 0 0; padding:0; color: #333;  }
#content table { background-color: #E0E4E2; }
table a { text-decoration: none; border-bottom: solid 1px white; }
table a:hover { border-bottom: none; }
tbody tr.head, tbody tr.head h4 { background-color: #0E828B; color: #FFF;  text-align: left; }
tbody tr th, tbody tr td { padding: 6px; text-align: center; border: solid 1px white; color: #333; }

/* prospectus form */
form.ddfm h1, form.ddfm h2 { color: #0E828B; }
form.ddfm legend, form.ddfm label, form.ddfm label.fmtextlblwide { color: #666; }
form.ddfm .fmcheck p, form.ddfm .fmradio p, form.ddfm textarea, form.ddfm .fmfullblock, form.ddfm .fmhalfblock, form.ddfm .fmselect, form.ddfm input.fmtext, form.ddfm input.fmverify, form.ddfm textarea.fmtextwide, form.ddfm .submit, form.ddfm .credits { color: #333; }
form.ddfm .required { color: #B31265; }
.ddfmerrors { color: #B31265; }

form.ddfm { font-size: 100%; }
form.ddfm h1, form.ddfm h2 { text-align: left; margin: 0 0 10px 0; padding: 0; }
form.ddfm h1 { font-size: 140%; }
form.ddfm h2 { font-size: 115%; }
form.ddfm legend, form.ddfm label, form.ddfm label.fmtextlblwide { font-weight: normal; }
form.ddfm legend { font-size: 110%; }
.ddfmerrors { font-weight: bold; }

.ddfmwrap { margin: 15px auto 15px auto; width: 420px; }
form.ddfm { text-align: left; padding: 15px; width: 400px; }
form.ddfm fieldset { padding: 0 10px 2px 10px; margin: 0 0 13px 0; display: block; }
form.ddfm legend { padding: 0 6px 0 6px; margin: 0 0 0 10px; }
form.ddfm label { display: block; float: left; width: 18%; text-align: right; margin: 0 10px 0 0; padding-bottom: 15px; }
form.ddfm label.fmtextlblwide { display: block; float: left; text-align: left; margin: 0 10px 0 1px; padding-bottom: 8px; }
form.ddfm select.fmselect { float: left; display: block; width: 75%; margin-bottom: 15px; padding: 3px; }
form.ddfm .fmcheck { width: 75%; float: left; display: block; margin-bottom: 15px; }
form.ddfm .fmradio { width: 75%; float: left; display: block; margin-bottom: 15px; }
form.ddfm .fmcheck p { padding: 0; margin: 0 0 5px 0; line-height: 140%; }
form.ddfm .fmradio p { padding: 0; margin: 0 0 5px 0; line-height: 140%; }
form.ddfm textarea { float: left; position: relative; width: 75%; margin-bottom: 15px; padding: 3px; }
form.ddfm br { clear: left; }
form.ddfm .fmfullblock { padding-left: 0px; }
form.ddfm .fmhalfblock { margin-left: 18%; width: 75%; }
form.ddfm input.fmverify { float: left; display: block; width: 22%; margin-bottom: 15px; padding: 3px; }
form.ddfm img { margin: 1px 0 0 10px; }
form.ddfm input.fmfile, form.ddfm input.fmtext { float: left; display: block; width: 75%; margin-bottom: 15px; padding: 3px; }
form.ddfm textarea.fmtextwide { display: block; float: left; width: 90%; margin-right: 2px; margin-bottom: 15px; padding: 3px; }
form.ddfm .submit { margin-top: 15px; text-align: right; position: relative; }