/*
Theme Name: The Prom Organiser
Theme URI: http://www.thepromorganiser.co.uk
Description: Custom theme for The Prom Organiser
Version: 1.0
Author: Kate Harding
Author URI: http://www.artemisdesign.co.uk

*/

/* BASIC STYLES */
body {margin: 0px; padding: 0px 0px 20px 0px; background: #2e0000 url(images/bg.jpg) no-repeat center top; color: #333333; font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;} 
h1, h2, h3, h4, h5, h6 {font-family: Georgia, Times, Times New Roman, serif;}
h1 a, h2 a {color: #555555; text-decoration: none;}
h1 a:visited, h2 a:visited {color: #555555;}
h1 a:hover, h2 a:hover {color: #d6007e;}
h1 {margin: 0 0 0.5em 0; padding: 0; font-size: 1.5em; font-weight: normal; border-bottom: 1px dotted #cccccc;}
h2 {margin: 1em 0 0.5em 0; font-size: 1.25em;}
h3 {margin: 1.25em 0 0 0; font-size: 1em;}
p, li, label, td, th, input, select, textarea {}
input, select, textarea {font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; color: #333333;}
textarea {font-size: 0.8em;}
a {color: #d6007e;}
a:hover {color: #333333;}
a:visited {color: #9c005c;}
p input, p label, li li {font-size: 1em;}
p {margin: 1em 0; line-height: 1.4em;}
form {padding: 0; margin: 0;}
img, a img {border: 0;}
blockquote {background: #ffffff url(images/blockquote.gif) no-repeat 0 0; padding-left: 40px; margin: 0; font-style: italic;}

/*ACCESSIBILITY*/
#shortcuts {display: block; position: absolute; top: -100px; z-index: 0;} 
#shortcuts a {padding: 0 0.5em; left: 0; z-index: 0;}
#shortcuts a:focus, #shortcuts a:active {display: inline; z-index: 2; background-color: #ffff00; color: #000000; text-decoration: none; position: absolute; top: 100px;}

/*BRANDING */
#logo {margin: 0; padding: 0; border: none;}
#logo a {display: block; background: transparent url(images/logo.png) no-repeat 0 0; padding: 0; width: 970px; height: 196px; text-decoration: none; text-indent: -1000px;}

/* STRUCTURE */
#container {width: 970px; margin: 0 auto;}
/*#sidebar {float: left; width: 205px; margin: 0; padding: 0;}*/
#content {margin: 0; padding: 20px 0 0 0; background-color: #ffffff;}
#navigation {background-color: #ffffff; height: 46px; padding: 10px 35px 0 35px;}
.allcols #maincontent {float: left; width: 500px; padding: 0 35px 1em 35px; min-height: 200px;}
.allcols #smallads {float: left; width: 125px; padding: 0;}
.allcols #blogmenu {float: left; width: 230px; padding: 0 0 0 12px;}
.withsidebar #maincontent {float: left; width: 600px; padding: 0 35px 1em 35px; min-height: 200px;}
.withsidebar #sidebar {float: left; width: 260px; padding-bottom: 20px;}
.withsidebar #smallads {}
.withoutsidebar #maincontent {padding: 0 35px 1em 35px;}

/* SEARCH FORM */
#navigation #searchform {float: right; padding-top: 10px; vertical-align: bottom;}
#searchform #s {font-size: 0.8em; height: 1.25em; vertical-align: bottom;}
#searchform #searchsubmit {background-color: #ffffff; border: none; padding: 0; margin: 0; font-family: Impact, Haettenschweiler, Arial Narrow Bold, sans-serif; color: #ed008c; cursor: pointer; font-size: 1.25em; height: 1.25em; vertical-align: bottom;}

/*MENUS*/
#mainmenu {font-family: Impact, Haettenschweiler, Arial Narrow Bold, sans-serif; height: 45px; margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #d8d8d8;}
#mainmenu li {margin: 0 25px 0 0; display: inline; padding: 0; line-height: 45px;}
#mainmenu a {color: #00ade9; font-size: 1.5em; text-decoration: none;}
#mainmenu a:hover {color: #000000;}
#linkhome a {color: #00ade9;}
#linkebook a {color: #ed008c;}
#linkabout a {color: #40af49;}
#linkfaq a {color: #fef200;}
#linkcontact a {color: #999999;}
#linkadvertise a {color: #999999;}

div#mainmenu {margin: 0; width: 660px; display: block; float: left;}
div#mainmenu ul {list-style: none; margin: 0; padding: 0;}
div#mainmenu li {float: left; position: relative; margin: 0 25px 0 0;}
div#mainmenu li:last-child {margin: 0;}
div#mainmenu a {display: block; text-decoration: none; padding: 0; line-height: 38px; font-size: 1.5em;}
div#mainmenu ul ul {display: none; position: absolute; top: 38px; left: 0; float: left; box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); width: 190px; z-index: 99999; background-color: #ffffff;}
div#mainmenu ul ul li {min-width: 190px; border-top: 1px solid #d8d8d8;}
div#mainmenu ul ul ul {left: 100%; top: 0;}
div#mainmenu ul ul a {height: auto; line-height: 1em; padding: 10px 15px; width: 160px; font-size: 1em; font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;}
div#mainmenu ul li:hover > ul {display:block;}
div#mainmenu .blue a {color: #00ade9;}
div#mainmenu .pink a {color: #ed008c;}
div#mainmenu .green a {color: #40af49;}
div#mainmenu .yellow a {color: #fef200;}
div#mainmenu .grey a {color: #999999;}
div#mainmenu .blue li a {color: #008bb6;}
div#mainmenu .pink li a {color: #ed008c;}
div#mainmenu .green li a {color: #2b9131;}
div#mainmenu .yellow li a {color: #fef200;}
div#mainmenu .grey li a {color: #666666;}
div#mainmenu ul ul a:hover {background-color: #eeeeee;}

/*ADS*/
#ebookteaser {margin: 0 0 13px 0;}
#ebookteaser a {display: block; width: 387px; height: 174px; background: #ffffff url(images/ebookteaser.jpg) no-repeat left top; text-indent: -1000px; overflow: hidden;}
#ebookteaser a:hover {background-position: left bottom;}
.withsidebar #ebookteaser a {width: 299px; height: 196px; background: #ffffff url(images/ebookteaser2.jpg) no-repeat left top;}
.allcols #smallads ul, .allcols #smallads li {margin: 0; padding: 0; list-style: none;}
.allcols #smallads .post-meta-key {display: none;}
#smallads img {margin: 0 0 10px 0;}
.withsidebar .smallads {width: 280px; overflow: hidden;}
.withsidebar .smallads img {margin: 0 10px 10px 0;}

/*MAIN CONTENT*/
#content li {line-height: 1.4em;}
.allcols #maincontent #respond textarea {width: 500px; padding: 2px 5px;}
.withsidebar #maincontent #respond textarea {width: 600px; padding: 2px 5px;}

/* FOOTER */
#footer {clear: both; padding: 0; background-color: #2e0000; margin: 0; color: #866b6b; line-height: 3em;}
#footer p, #footer a, #footer li {color: #ece9de;}
#footer h3 {color: #fff883; font-style: italic; font-weight: normal; font-size: 1.5em; margin: 0; padding: 0.25em 0 0 0;}
#footer ul {margin: 0; padding: 0 0 0 15px;}
#footer li {margin: 0 0 0.5em 0; padding: 0; font-size: 0.8em;}
#footer a {text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#sociallinks {float: left; width: 240px;}
#footer  #sociallinks ul {list-style: none; margin: 1em 0 1em 0; padding: 0;}
#footer #sociallinks li {margin: 7px 0 0 0; padding: 0; line-height: 35px; height: 35px; overflow: hidden;} 
#sociallinks a {display: block; height: 35px; width: 170px; padding: 0 0 0 37px; overflow: hidden; background-color: #ece9de; background-position: 5px center; background-repeat: no-repeat; color: #251f21; font-size: 1.25em; -moz-border-radius: 5px; border-radius: 5px;}
#sociallinks .rss a {background-image: url(images/circle-rss.png);}
#sociallinks .email a {background-image: url(images/circle-email.png);}
#sociallinks .twitter a {background-image: url(images/circle-twitter.png);}
#sociallinks .facebook a {background-image: url(images/circle-facebook.png);}
#sociallinks .youtube a {background-image: url(images/circle-youtube.png);}
#starthere {float: left; width: 350px; }
#mostcommented {float: right; width: 345px;}
#footer #copyright {clear: both; text-align: center; bborder-top: 1px solid #866b6b; margin: 0; padding: 20px 0 10px 0; line-height: 32px; font-size: 0.8em; color: #866b6b;}

#copyright {clear: both; padding: 0 10px; background-color: #2e0000; margin: 0; font-size: 0.8em; color: #866b6b; text-align: center; line-height: 3em;}
#copyright a {color: #866b6b; text-decoration: none;}
#copyright a:hover {text-decoration: underline;}

/* WP GENERATED STYLES */
p img {padding: 0; max-width: 100%;}
img.centered {display: block; margin-left: auto; margin-right: auto;}
.alignright {float: right; margin: 0 0 0.5em 1em;}
.alignleft {float: left; margin: 0 1em 0.5em 0;}
.searchresults p {margin: 1em 0 0 0;}
.searchresults p.more {margin: 0;}
.post {margin-bottom: 2em;}
.wp-caption-text {display: none;}

/* WIDGET STYLES */
.widgets {list-style: none; margin: 0; padding: 0;}
.widgets li {margin: 0 0 1em 0; padding: 0;}
.widgets li ul {list-style: none; margin: 0; padding: 0;}
.widgets li li {margin: 0; font-size: 0.75em; border-bottom: 1px solid #ade7fd; padding: 3px 0; line-height: 1em;}.widgets .widget_categories li, .widgets .widget_recent_entries li {padding: 0;}
.widgets a {text-decoration: none; color: #333333;}.widgets .widget_categories a, .widgets .widget_recent_entries a {display: block; padding: 3px 0;}
.widgets a:hover {text-decoration: underline;}
.widgettitle {color: #00ade9; margin: 0; padding: 10px 0 5px 0; font-family: Impact, Haettenschweiler, Arial Narrow Bold, sans-serif; font-size: 2em; font-weight: normal;}
.widget_categories .widgettitle  {color: #ed008c;}
.widgets li.widget_categories  li {border-color: #ff97d4;}.widgets li.widget_categories li li {border-top: 1px solid #ff97d4; border-bottom: 0;}.widgets li.widget_categories li li a {padding-left: 10px;}
.widgets li.widget_connections h2 {display: none;}
.widgets li.widget_connections li {border: none; padding: 0; margin: 0 0 2px 0;}
.widgets li.widget_connections a {padding-left: 38px; display: block; height: 34px; line-height: 34px; background-position: left center; background-repeat: no-repeat; text-decoration: none;}
.widgets li.widget_connections a:hover {background-position: -466px center; text-decoration: underline;}
#connect-rss a {background-image: url(images/rss-small.png);}
#connect-email a {background-image: url(images/email-small.png);}
#connect-twitter a {background-image: url(images/twitter-small.png);}
#connect-facebook a {background-image: url(images/facebook-small.png);}
#connect-linkedin a {background-image: url(images/linkedin-small.png);}

.widgets .connections li {border: none; padding: 0; margin: 0 0 2px 0;}
.widgets .connections a {padding-left: 38px; display: block; height: 34px; line-height: 34px; background-position: left center; background-repeat: no-repeat; text-decoration: none;}
.widgets .connections a:hover {background-position: -466px center; text-decoration: underline;}
#connect-rss a {background-image: url(images/rss-small.png);}
#connect-email a {background-image: url(images/email-small.png);}
#connect-twitter a {background-image: url(images/twitter-small.png);}
#connect-facebook a {background-image: url(images/facebook-small.png);}
#connect-linkedin a {background-image: url(images/linkedin-small.png);}

/* OTHER PLUGIN STYLES */
#similarposts {border-top: 1px dotted #cccccc; padding: 1em 0 0 0;}
#similarposts h3 {font-size: 0.9em; color: #333333; font-weight: bold; margin: 0;}
#similarposts ul {margin-top: 0.25em;}


/* COMMENT STYLES */
.navigation {width: 100%; line-height: 1.5em; font-size: 0.6em; margin: 0; padding: 0 0 2em 0;}
.commentlist {list-style: none; margin: 0; padding: 0;}
.comment {padding: 10px 0px 10px 0px; margin: 0;}
.comment-author {float: left;}
.comment-author cite {font-style: normal; font-weight: bold; font-size: 1.25em;}
.comment-author a {text-decoration: none;}
.comment-author a:hover {text-decoration: underline;}
.says {display: none;}
.avatar {float: right;}
.postmetadata {border-width: 1px 0; border-style: dotted; border-color: #cccccc; color: #666666; font-size: 0.6em; text-align: center; padding: 3px 0; margin-bottom: 2em;}
.commentmetadata {text-align: right; font-size: 0.7em;}
.commentmetadata a {text-decoration: none; color: #aaaaaa;}
.commentmetadata a:hover {text-decoration: none; color: #000000;}
.commentlist p {font-size: 0.9em; line-height: 1.5em;}
.timestamp, .searchresults p.timestamp {font-size: 0.6em; color: #aaaaaa; text-transform: uppercase; letter-spacing: 0.2em; margin-bottom: 0.25em;}
h2.postlist {border-bottom: 1px dotted #cccccc; font-size: 1.5em; margin-top: 0; color: #555555; font-weight: normal;}
h3#comments {border-bottom: 1px dotted #cccccc; font-size: 1.5em;}
#respond {border-top: 1px dotted #cccccc; padding-top: 1em;}
#respond h3 {font-size: 1.5em; margin-top: 0;}

.adpage {padding-left: 20px;}