/*
Theme Name: World Aids Day 2009
Theme URI: http://www.worldaidsdaysheffield.com/
Description: World Aids Day 2009
Version: 1.0
Author: diva creative, Christopher Taylor
Author URI: http://www.divacreative.com
Tags: four columns, fixed width, widgets, green
*/

/*
#################################################################################################################################
= CONTENT
#################################################################################################################################
*/

/*	
	Content:
	1. RESET AND BASE ELEMENTS
	2. MAIN STRUCTURE
	3. NAVIGATION
	4. HOME PAGE
	5. HEADER
	6. CONTENT
	7. FOOTER
	8. HEADINGS
	9. TYPOGRAPHY
	10. LISTS
	11. WORDPRESS CSS
	12. MISC
	13. TABLES
*/

/*
#################################################################################################################################
= RESET AND BASE ELEMENTS
#################################################################################################################################
*/

/* ------------ RESET ------------ */
* { margin: 0; padding: 0; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { font-size: 62.5%; line-height: 1.75em; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }
a, a:link { outline:none; border:none; }

/* ------------ COLORs ------------ */

/*
Brown:		#472325
*/

/* ------------ BASE ELEMENTS ------------ */

html                { /* CSS3 = overflow-y: scroll; */ }
body				{ margin: 0 auto; font-family: Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;  }
a            		{ text-decoration: none; outline: none; color: #3680a1; }
a:focus, a:hover	{ color: #2e2e2e; text-decoration:underline; }
a img				{ border: 0; background: none; }
img					{ vertical-align: middle; }
.clear 				{ clear: both; overflow:hidden; }
fieldset			{ border: 0; }
/* 
::selection         { background: #ffcc89; color: #222; } 
::-moz-selection    { background: #ffcc89; color: #222; }
.button				{ background: #fe4902 url(/images/button-bg.png) top left repeat-x !important; color: white !important;  font-weight: bold; font-size: 15px; -moz-border-radius: 16px !important; -webkit-border-radius: 12px !important; border: 0 !important; letter-spacing: -1px; padding: 5px 12px 3px 12px !important; }
.button:hover       { background: #2e2e2e !important; cursor: pointer; }
*/

body#default { background: #f8f4e9 url(images/bg.jpg) top center no-repeat; }
body#battle { background: #f8f4e9 url(images/bg_botb.jpg) top center no-repeat; }
body#bachelor { background: #f8f4e9 url(images/bg_bachelor.jpg) top center no-repeat; }


/*
#################################################################################################################################
= MAIN STRUCTURE
#################################################################################################################################
*/

div#wrapper 		{ margin: 0 auto; width: 810px; }
div#header 			{ margin: 0 auto; position:relative; width:810px; height:313px; background:url(images/bg_header.png) bottom center no-repeat; } /* PNG FIX */
div#container 		{ margin: 0 auto; position:relative; width:810px; background:url(images/bg_container.png) repeat-y center;  } /* PNG FIX */
div#mainCol 		{ float:left; display:inline; width:410px; margin:80px 40px 0 50px; }
div#sidebar			{ float:right; display:inline; overflow:hidden; width:230px; margin:0 50px 0 0; }
div#footerWrapper 	{ position:relative; height:400px; background:url(images/bg_footerRepeat.gif) repeat-x; } /* PNG FIX */
div#footer			{ margin: 0 auto; position:relative; width: 810px; height: 150px; background:url(images/bg_footer.png) center top no-repeat; } /* PNG FIX */


.col { float:left; width:306px; margin-right: 10px; display: inline; background: fuchsia; }

/* Sets up basic grid/column floating and margin. */
div.col-1, div.col-2, div.col-3, div.col-4 { float: left; margin-right: 10px; display: inline; background: gray; }

/* Use these classes to set the width of a column. */
.col-1 { width: 230px; }
.col-2 { width: 310px; }
.col-3 { width: 950px; margin-right: 0; }
.col-4 { width: 670px;}

/* Add these to a column or element to prepend empty cols. */
.prepend-5  { padding-left: 200px; } 

/* The last column in a row needs this class. */
.last, div.last { margin-right: 0; }

/* Border with more whitespace, spans one column. */
.colborder { padding-right: 24px; margin-right: 25px; border-right: 1px solid #000; }

.block { }

/*
#################################################################################################################################
= NAVIGATION
#################################################################################################################################
*/

/* MAIN NAVIGATION ---------------------------------------- */

ul#mainNav 			{ float:right; width:600px; margin:0; padding:0 0 0 5px; list-style:none; }
#mainNav li 		{ float:left; margin:0 2px 0 0; padding:0; font-family:"Lucida Grande", sans-serif; font-size:1.2em; font-weight:bold; }
#mainNav a			{ color:#FFF; float:left; display:block; margin:0; padding:15px 10px;  text-decoration:none; background: url(images/nav/bg_norm.gif) top repeat-x; }
#mainNav a:hover	{ color:#FFF; background: url(images/nav/bg_over.gif) top repeat-x;; }


/*
#################################################################################################################################
= HOMEPAGE
#################################################################################################################################
*/

/*
#################################################################################################################################
= HEADER
#################################################################################################################################
*/

h1#logo				{ position:absolute; top:22px; left:-12px; width:293px; height:193px; background:url(images/logos/logo_wad.png) no-repeat; text-indent:-9999px; margin:0; padding:0; } /* PNG FIX */
h1#logo a			{ display:block; width:293px; height:193px; }
div#headerRss		{ position:absolute; top:171px; left:231px; width:203px; height:60px; background: url(images/btn/btn_rssHeader.png) no-repeat; text-indent:-9999px; margin:0; padding:0; } /* PNG FIX */
div#headerRss a		{ display:block; width:203px; height:60px; }


/*
#################################################################################################################################
= CONTENT
#################################################################################################################################
*/


/*
#################################################################################################################################
= SIDEBAR
#################################################################################################################################
*/

div#headerStrap		{ position:absolute; z-index:1000; top:-250px; left:500px; width:369px; height:326px; background:url(images/header_ribbon.png) no-repeat; text-indent:-9999px;  } /* PNG FIX */
.blockSidebar		{ z-index:2000; position:relative; }

/* SIDEBAR BUTTONS ---------------------------------------- */

li#btnJarvis		{ width:230px; height:284px; background:url(images/btn/btn_jarvis.jpg) no-repeat; text-indent:-9999px; margin:0 0 10px 0; padding:0; clear:both; }
li#btnJarvis a		{ display:block; width:230px; height:284px; }

li#btnBattle		{ width:230px; height:207px; background:url(images/btn/btn_battleBands.png) no-repeat; text-indent:-9999px; margin:0 0 10px 0; padding:0; clear:both; }
li#btnBattle a		{ display:block; width:230px; height:207px; }

li#btnBachelor		{ width:230px; height:200px; background:url(images/btn/btn_bachelor.jpg) no-repeat; text-indent:-9999px; margin:0 0 10px 0; padding:0; clear:both; }
li#btnBachelor a	{ display:block; width:230px; height:200px; }

li#btnSponsor		{ width:163px; height:120px; background:url(images/btn/logo_diva_sponsor.png) no-repeat; text-indent:-9999px; margin: 0 auto; padding:0; clear:both; }
li#btnSponsor a		{ display:block; width:163px; height:120px; }

li#btnWADstock		{ width:230px; height:200px; background:url(images/btn/btn_wadstock.jpg) no-repeat; text-indent:-9999px; margin:0 0 10px 0; padding:0; clear:both; }
li#btnWADstock a		{ display:block; width:230px; height:200px; }

/*
#################################################################################################################################
= FOOTER
#################################################################################################################################
*/

div#footer h4 { color:#FFF; }

div#btnDiva			{ position:absolute; right:20px; top:80px; width:150px; height:42px; background:url(images/btn/logo_diva.png) no-repeat; text-indent:-9999px; margin:0; padding:0; }
div#btnDiva	 a		{ display:block; width:150px; height:42px; }

/* FOOTER NAVIGATION ---------------------------------------- */

div#footerLinks				{ position:absolute; left:20px; top:80px; width:200px; }


ul#footerNav 				{ font-size:1.1em; margin:0 0 0 0; padding:0; }
ul#footerNav li				{ background:url(images/bullet.png) no-repeat scroll 0 3px; padding:0 0 2px 17px; }
ul#footerNav a				{ color: #fff; text-decoration: none; display:block; padding:0px 3px; } 
ul#footerNav a:link			{ color: #fff; text-decoration: none; display:block; padding:0px 3px; }
ul#footerNav a:visited		{ color: #fff; text-decoration: none; display:block; padding:0px 3px; }
ul#footerNav a:hover 		{ background-color: #7cbace; color:#FFF; }

/* SOCIAL BOOKMARKS ---------------------------------------- */

.socialLinks 			{ position:absolute; left:230px; top:80px; width:230px; }
.socialFeed 			{ position:absolute; left:230px; top:150px; width:230px; }
p.socialThumbs			{ padding: 0; margin:0; }
.socialThumbs img 		{ position: relative; padding:0 10px 0 0; margin:0px;/* background: #fafafa; border: 1px solid #ddd; */ }
.socialThumbs img:hover	{ /* border: 1px solid #D2D2D2; background: #DDD; */ }
.socialThumbs a:hover 	{ /* background-color: transparent; border: none */ }

/*
#################################################################################################################################
= HEADINGS
#################################################################################################################################
*/

h1,h2,h3,h4,h5,h6 { font-weight:bold; color:#472325; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; line-height:1.2em; }

h3 { font-size: 1.8em; line-height:1.2em; margin-bottom: 1em;  }
h4 { font-size: 1.4em; line-height: 1.25em; margin-bottom: 1.25em; text-transform:uppercase; }
h5 { font-size: 1em; margin-bottom: 1.5em; }
h6 { font-size: 1em;  }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

/* PAGE HEADINGS */
div#heading			{ position:absolute; background:url(images/titles/h2_home.png) no-repeat; left:2px; top:-30px; width:494px; min-height:92px; height: auto !important; /* understood by all browsers */ height: 92px; /* IE6 incorrectly uses this value */  margin:0; padding:0; }
div#heading h2		{ padding:40px 0 0 90px; margin:0; color:#FFF; font-weight:bold; font-size:1.8em; }

/*
#################################################################################################################################
= TYPOGRAPHY
#################################################################################################################################
*/

p 				{ font-size: 1.2em; margin: 0 0 1.5em; }
p img.left 		{ float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right 	{ float: right; margin: 1.5em 0 1.5em 1.5em; }
p:first-child 	{ font-weight:bold; color:#472325; } 

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }

/*
#################################################################################################################################
= LISTS
#################################################################################################################################
*/

/* RESET UL STYLE */
ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; }

/* MAIN CONTENT UL STYLE */
#mainCol ul, #mainCol ol { margin-bottom:1.5em; font-size:1.2em; color:#823b3b; }
#mainCol ul li { background:transparent url(images/li.gif) no-repeat scroll 0 8px; margin-bottom:6px; margin-left:27px; padding-left:13px; }

/* SIDEBAR UL STYLE */
ul.sidemenu { border-bottom:1px solid #c5c2b6; font-size:1.1em; margin:0 0 2.5em; padding:0 0 1em 0; }
ul.sidemenuSponsor { border:none; font-size:1.1em; margin:0 0 2.5em; padding:0 0 1em 0; }


/*
#################################################################################################################################
= WORDPRESS CSS
#################################################################################################################################
*/

.alignleft { float:left; }
.alignright { float:right; }
.aligncenter { display:block; margin:0px auto; }

/* POSTS ---------------------------------------- */

.post img {
    max-width: 410px; /* Adjust this value according to your content area size*/
    height: auto;
}

div#content								{ }
.post 									{ margin:0 0 20px 0; position:relative; }
.post h3 								{ background:#955659 none repeat scroll 0 0; left:-47px; padding:10px 20px; position:relative; width:350px; }
.undertitle 							{ left:0; position:absolute; top:100%; }
.post h3 a:link, .post h3 a				{ text-decoration: none; outline: none; color: #FFF; }
.post h3 a:focus, .post h3 a:hover  	{ text-decoration: underline; outline: none; color: #FFF; }

.user_comments { background:transparent url(images/post/comments.gif) no-repeat scroll 0 0; font-size:18px; font-weight:bold; height:38px; line-height:30px; position:absolute;	right:0; text-align:center; top:0; width:36px; }

div#backNews		{ position:absolute; background:url(images/btn/btn_backToNews.png) no-repeat; left:30px; top:0px; width:139px; min-height:39px; height: auto !important; /* understood by all browsers */ height: 39px; /* IE6 incorrectly uses this value */  margin:0; padding:0; text-indent:-9999px; }
div#backNews a		{ display:block; width:139px; height: 39px; }

/* POST PAGE (SINGLE) ---------------------------------------- */

/* Leave a reply, Comments Number, Enjoyed this article */
.single_post 										{ margin:0 0 20px 0; position:relative; }
.single_post h3 									{ background:#e9e7e0 none repeat scroll 0 0; left:-47px; padding:10px 20px; position:relative; width:350px; }
.single_post h3 a:link, .single_post h3 a			{ text-decoration: none; outline: none; color: #FFF; }
.single_post h3 a:focus, .single_post h3 a:hover  	{ text-decoration: underline; outline: none; color: #FFF; }
div#mainCol h3.commentsTitle 						{ margin:0 0 1em 0; color:#823b3b; }

h3.postTitle 									{ background:#955659 none repeat scroll 0 0; }
h3.postTitle a:link, h3.postTitle a				{ text-decoration: none; outline: none; color: #FFF; }
h3.postTitle a:focus, h3.postTitle a:hover  	{ text-decoration: underline; outline: none; color: #FFF; }

/* COMMENTS ---------------------------------------- */

div#comments 							{ margin-bottom:30px; /* padding:15px; */ }

div#comments ol 						{ margin:0; padding:0 0 0 120px; list-style-image:none; list-style-position:outside; list-style-type:none;  }
div#comments p 							{ font-size:12px; }
#comments ol li 						{ list-style-image:none; list-style-position:outside; list-style-type:none; margin:10px 0; padding:1px 0 0; }
#comments .comment_wrap 				{  background:#FFFFFF none repeat scroll 0 0; border:1px solid #DCDDDD; position:relative; }
#comments .comment_author 				{ color:#8D8D8D; font-size:10px; left:-120px; line-height:14px; position:absolute; width:100px; }
#comments .comment_author p 			{ font-size:10px; }
#comments .single_comment 				{ padding:20px 20px 60px; }
#comments .comment_arrow 				{ left:-32px; position:absolute; top:20px; }
#comments .comment_author span 			{ display:block; font-size:10px; }
.comment_author p 						{ margin:0; padding:0 0 2em 0; }

/*
#################################################################################################################################
= MISC ELEMENTS
#################################################################################################################################
*/

/* Use a .box to create a padded box inside a column.  */ 
.box { padding: 1.5em; margin-bottom: 1.5em; background: #E5ECF9; }

/* In case you need to add a gutter above/below an element */
.prepend-top { margin-top:1.5em; }
.append-bottom { margin-bottom:1.5em; }

/* hr image replacement used with jQuery in scripts.js file */
.hr, hr { border: 0px; width: 410px; height: 30px; background: url("images/hr.png") top center no-repeat; margin: 1.5em auto; text-align: center; } 
.hr hr { display: none !important; }
hr { display: none !important; }

/*
#################################################################################################################################
= TABLES
#################################################################################################################################
*/

table { }
		
caption { }
		
tr { }

th, td { }
		
th { }
		
td { }