/*
   style.css
   css
   
   Created by Callum Wilson on 2009-02-04.
   Copyright 2009 Oxygen Kiosk. All rights reserved.
*/
* {margin: 0; padding: 0;}
html, body {height: 100%;}
html {background: url('../img/background.jpg') top center repeat-y #666;min-width: 1000px;}
body {font-size: 76%; line-height: 1.5em; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; background: url(../img/body-top-background.jpg) top left repeat-x transparent; }

/* ============== */
/* = Typography = */
/* ============== */
p, li, h4, dt, dd, th, td, caption {font-size: 1.1em;}
h2 {font-size: 2em; line-height: 1.7em; color: #666; margin-bottom: 0.5em;}
h3 {font-size: 1.1em; margin-bottom: 1em;}
h2, h4, strong, dt, th, caption, legend {font-weight: bold;}
li p, li li, td td {font-size: 1em;}
em, cite {font-style: oblique;}
p, ol, ul, dl, blockquote, table {margin-bottom: 1em;}
blockquote {border: 1px solid #999;}
	blockquote p {margin: 1em; font-size:  1em;}
ul {list-style: disc outside; margin-left: 20px;}
ol {list-style: decimal outside; margin-left: 20px;}
table {width: 100%; border-left: 1px solid #999; border-top: 1px solid #999;}
caption{text-align: center;}
td, th {border-bottom: 1px solid #999; border-right: 1px solid #999; padding: 5px;}
th {text-align: center;}
tfoot td {font-weight: bold;}
td img {display:  block;}
a img {border: none;}

/* ========= */
/* = Forms = */
/* ========= */
fieldset {border: none;}
legend {margin-bottom: 1em; font-size: 1.6em;}
form ol {list-style: none; margin: 0; margin-bottom: 1em; padding-top: 1em;}
form ol {overflow: hidden; display: inline-block;} form ol {display: block;}

form ol li {list-style: none; float: left;}
form ol li label {float: left; width: 150px;}
form ol li input, form ol li textarea {float: left;}
label {display: block; }
textarea, form ol li textarea {width: 315px; height: 100px; float: right;}

/* ========== */
/* = Layout = */
/* ========== */
/* Wrapper */
div#container {width: 1000px; margin: 0 auto;}
	div#header {background: url(../img/header-background.jpg) bottom center no-repeat transparent; height: 215px;}
		div#banner-ad {height: 87px; width: 726px; background: red; margin: 0 auto; margin-bottom: 40px; position: absolute; top: 13px; left: 50%; margin-left: -363px;}
		/* Logo */
		h1#logo {float: left; padding-left: 30px;width: 620px; height: 47px; margin-top: 142px;}
			h1#logo a {display: block; width: 596px; height: 47px;}
		/* Extras Box - Search */
		div#extras {float: right; width: 310px; background: #000; border: 1px solid #2c2b2b; padding: 8px; margin: 120px 10px 9px 0;}
	div#content {clear: left;margin-top: 23px; background: url('../img/background.jpg') top left repeat-y; padding-top: 10px; padding-left: 30px;}
		div#content-main {float: left; width: 540px;}
		div#content-secondary {float: left; width: 345px; margin-left: 70px;}
/* ========== */
/* = Extras = */
/* ========== */
div#extras {}
	div#extras * {color: #fff;}
	div#extras p {float: left; margin-bottom: 0;}
		div#extras p a {display: block; float: left; width: 154px; height: 34px; text-indent: -9999em;}
		div#extras p a.newsletter-link {background: url('../img/newsletter.png') top left no-repeat; margin-right: 10px;}
		div#extras p a.rss-link {background: url('../img/RSS-Feed.png') top left no-repeat; width: 142px;}
	div#extras form#search {}
		div#extras form#search ol {margin: 0; padding: 0; margin-bottom: 10px;}
			div#extras form#search ol li.legend {background: url('../img/search-looking.png') top left no-repeat; text-indent: -9999em; width: 155px; height: 24px; margin-right: 10px;}
		div#extras form#search button {background: url('../img/search-button.png') top left no-repeat; border: none; height: 24px; width: 31px; text-indent: -9999em; margin: 0;}
		div#extras form#search input {background: url('../img/search-box.png') top left no-repeat; border: none; height: 24px; width: 102px;margin: 0; color: #44c4f4; font-size: 1.2em; line-height: 24px; padding: 0 5px;}

/* ======== */
/* = Menu = */
/* ======== */
ul#menu {list-style: none; background: url(../img/menu-background.png) top left repeat-x #0e53ae;border-bottom: 3px solid #00aef0; margin-left: 0; clear: both; margin-bottom: 0;}
	ul#menu * {float: left;}
	ul#menu li {}
		ul#menu li a {display: block; height: 20px; line-height: 20px; padding: 0 18px; color: #fff; text-decoration: none; font-size: 1.05em;}
			ul#menu li.active a, ul#menu li a:hover {background: #00aef0;}
/* ============ */
/* = Carousel = */
/* ============ */
div#carousel {margin: 0 auto; background: url('../img/carousel-background.gif') top left repeat-x; height: 136px; padding-top: 15px;}
	div#carousel ul {list-style: none; margin-left: 0;}
		div#carousel ul li {float: left; width: 110px; height: 100px; background: blue; margin-right: 10px;}
		div.jcarousel-clip {width: 940px; overflow: hidden;}
		ul.jcarousel-list {overflow: hidden; position: relative; top: 0;z-index: 1;}
		
/* =========== */
/* = Content = */
/* =========== */
div.hentry {}
	div.entry-title-wrapper {background: url('../img/entry-title-wrapper.gif') left center no-repeat; margin-left: -37px; padding-left: 37px; position: relative; z-index: 2;}
	div.hentry h2.entry-title {font-size: 1.8em; letter-spacing: 0.04em; font-weight: bold;font-family: arial, helvetica, sans-serif; margin-bottom: 0;}
		div.hentry h2.entry-title a {text-decoration: none; color: #0b60b7;}
	
	/* Post Meta Information*/
	ul.post-info {list-style: none; margin-bottom: 14px; margin-left: 0;}
		ul.post-info li {list-style: none; display: inline; float: left; font-size: 0.95em;}
			ul.post-info li a {text-decoration: none; color: #636363;}
			ul.post-info li.post-date {background:  url('../img/post-info-arrow.gif') left center no-repeat; padding-left: 10px; margin-right: 6px;}
			ul.post-info li.post-author {background:  url('../img/author-dot.gif') left center no-repeat; padding-left: 7px; margin-right: 7px;}
				ul.post-info li.post-author a {font-weight: bold;}
				ul.post-info li.post-author address {display: inline; font-style: normal;}
			ul.post-info li.post-print {background: url('../img/print-icon.gif') left center no-repeat; padding-left: 15px; margin-right: 6px;}
			ul.post-info li.post-comments {background: url('../img/post-comments-icon.gif') left center no-repeat; padding-left: 15px; margin-right: 7px;}
			ul.post-info li.share {background: #128f26; padding: 0 5px; color: #fff; margin-right: 7px;}
				ul.post-info li.share a {color: #fff;}
			ul.post-info li.comment {background: #ff6600; padding: 0 5px; color: #fff;}
				ul.post-info li.comment a {color: #fff;}
	
	/* Page Navigation */
	ul.page-navigation {list-style: none; margin-bottom: 20px; margin-left: 0;}
		ul.page-navigation * {float: left;}
		ul.page-navigation li {display: inline;}
			ul.page-navigation li a {display: block;background:#e4e4e4; color: #00aeef; text-align: center; text-decoration: none; width: 13px; margin-right: 2px; border: 1px solid #00aeef; height: 14px; line-height: 14px;}
				ul.page-navigation li.current a {background: url('../img/page-navigation-background.png') top left repeat-x #00aeef; color: #fff; width: 15px; border: none; height: 16px; line-height: 16px;}
				ul.page-navigation li.next a {background: url('../img/page-navigation-next.png') top left no-repeat #00aeef; color: #fff; width: 49px; text-indent: -9999em; border: none; height: 16px;}
	
	/* Categories and tags */
	div.categories-tags {background: url('../img/categories-and-tags.png') top left repeat-x transparent; padding-top: 13px;}
		ul.categories, ul.tags {list-style: none; margin-bottom: 20px; margin-left: 0; float: left;}
			ul.categories *, ul.tags * {float: left;}
		ul.categories {width: 250px; float: left; border-right: 1px solid #666; margin-right: 15px;}
			ul.categories li.heading {font-weight: bold; margin-right: 10px; padding-left: 5px; height: 20px; line-height: 20px;} 
			ul.categories li a {background: #0072bc; color: #fff; display: block; text-decoration: none; margin-right: 5px; padding: 0 4px; height: 20px; line-height: 20px;} 
		ul.tags {width: 260px;}
			ul.tags li.heading {font-weight: bold; margin-right: 5px;}
			ul.tags li a {color: #0072bc; margin-right: 5px; text-decoration: none;}
				ul.tags li a:after {content: ",";}
				ul.tags li.last a:after {content: ".";}

	/* Related Entries */
	div.related-entries {width: 190px; float: left;}
		div.related-entries h4 {margin-bottom: 1em;}
		div.related-entries ul li {margin-bottom: 0.5em; font-size: 1em;}
		div.related-entries ul li a {color: #0072bc; text-decoration: none;}
	
	/* Article Advertisement */
	div.entry-advertisement {float: right;}
	
	ul.post-navigation {clear: both;list-style: none; margin-bottom: 14px; margin-left: 0; margin-top: 10px; float: left; width: 100%; background: url('../img/post-navigation-background.png') bottom left repeat-x; padding-bottom: 20px;}
		ul.post-navigation li {float: left; width: 170px; height: 35px; font-size: 1em;}
		ul.post-navigation li.next {float: right; text-align: right;background: url('../img/article-next.gif') center right no-repeat; padding-right: 20px;}
		ul.post-navigation li.previous {background: url('../img/article-previous.gif') center left no-repeat; padding-left: 20px;}
		ul.post-navigation li a {font-weight: bold; text-decoration: none; color: #0072bc;}

/* ============ */
/* = Comments = */
/* ============ */
div.comments {clear: both; padding-left: 20px;}
	div.comments h3 {color: #00aeef; font-size: 1.2em;}
	div.comments p.jump-to-comment {font-size: 1.2em;}
	div.comments p.jump-to-comment a {color: #0072bc; text-decoration: none;}
div.gravatar-instructions { margin-bottom: 15px;}
	div.gravatar-instructions img.gravatar, div.comment img.gravatar {float: left; background: #fff; border: 1px solid #bdbcbc; float: left; padding: 2px; }
	div.gravatar-instructions p {margin-left: 75px; border: 1px solid #bdbcbc; padding: 8px 15px; margin-bottom: 0; background: #f5f5f5; font-weight: bold;}
		div.gravatar-instructions p a {color: #0072bc; text-decoration: none;}
	
	
	div.comment {margin-bottom: 15px; position: relative;}
		div.comment-content {border: 1px solid #bdbcbc; padding: 10px 30px; background: #f5f5f5;margin-left: 75px; color: #555555; position: relative; padding-bottom: 35px; z-index: 50;}
			ul.comment-meta {list-style: none; margin-bottom: 20px; margin-left: -15px;}
				ul.comment-meta li.comment-author {font-weight: bold; background: url('../img/comment-author-icon.gif') left center no-repeat; padding-left: 15px; }
				ul.comment-meta li.comment-author address {display: inline; font-style: normal;}
					ul.comment-meta li.comment-author address a {text-decoration: none; color: #0b60b7;}
				ul.comment-meta li.comment-date {font-size: 1em; color: #555555;}
				ul.comment-meta li img.comment-author-contact-icon {vertical-align: middle; margin-left: 5px;}
		
		div.comment-reply {position: absolute; bottom: 6px; right: 5px;}
			div.comment-reply a {display: block; background: url('../img/comment-reply-button.png') top left no-repeat; text-indent: -9999em; height: 16px; width: 53px;}
			
		div.comment-gravatar {position: relative; z-index: 100; background: url(../img/comment-arrow.gif) 61px 15px no-repeat; top: 0; width: 91px; float: left;}
			
		p.reply-to {color: #d4262d;}
		
		/* Comment Form */
		form#comment-form {border: 1px solid #bdbcbc; padding: 10px 10px; background: #f5f5f5;margin-left: 75px; }
			form#comment-form ol {margin-bottom: 0;}
			form#comment-form li {margin-bottom: 10px;}
				form#comment-form li.submit {float: none; position: relative;}
				form#comment-form li.submit button {float: right; position: absolute; top: -50px; right: 5px; background: url('../img/submit-background.png'); color: #fff; width: 100px; text-align: center; border: none; height: 25px; line-height: 25px; font-size: 1.1em;} 
			form#comment-form legend {color: #0b60b7;}
			form#comment-form label {float: none; text-align: left; width: 100%; height: 20px; line-height: 20px;}
			form#comment-form li.text {width: 200px; float: left; margin-right: 10px;}
				form#comment-form li.text label span {font-size: 0.7em;}
				form#comment-form li.text input {width: 190px; height: 20px; font-size: 1.1em; padding: 2px 5px;color: #00aeef;}
				form#comment-form li.textarea textarea {width: 405px; padding: 5px;color: #00aeef; font-size: 1.1em; font-family: arial, helvetica, sans-serif;}
				form#comment-form li.checkbox {float: none; clear: left; margin-bottom: 5px;}


/* ==================== */
/* = Secondary Column = */
/* ==================== */

/* Sidebar Ad */
div.sidebar-ad {background: #a29f9d; text-align: center; padding: 5px 0; margin-bottom: 15px;}
	div.sidebar-ad img {display: block; margin: 0 auto;}

/* Polls */
div.poll {background: #000; padding-top: 5px; margin-bottom: 13px;}
	div.poll form {padding: 10px; border-top: 1px solid #fff;}
	div.poll h3 {color: #e0f648; padding-left: 70px; font-weight: normal; font-size: 0.95em;  background: url('../img/poll-heading.gif') center left no-repeat; margin-bottom: 5px;}
	div.poll ol {padding-top: 0;}
	div.poll ol li {float: none; clear: left;}
		div.poll li input {float: left; margin-right: 10px; margin-top: 3px;}
		div.poll li label{display: inline; color: #fff; float: none; font-size: 0.9em; float: left; width: 250px; }
	div.poll button {float: right; background: url('../img/poll-button.gif') top left no-repeat; width: 111px; height: 16px; text-indent: -9999em; border: none;}
	
/* Upcoming Feature */
div.upcoming-feature {}
	div.upcoming-feature h3 {background: url('../img/upcoming-feature-heading.gif') top right no-repeat #000; text-indent: -9999em; height: 26px; margin-left: -20px; margin-bottom: 0;}
	div.upcoming-feature h4 {background: #353535; padding-left: 13px; color: #e0f648; font-weight: bold; height: 25px; line-height: 25px;}
	div.upcoming-feature img {background: #0051a0; padding: 10px;}

ul.accordion {margin-left: 0; list-style: none;}
	ul.accordion ul {margin-left: 0; list-style: none; margin-bottom: 0; background: #fff; padding: 0 15px; }
		ul.accordion ul li {padding-left: 10px; background: url('../img/accordion-list-point.gif') left center no-repeat; font-size: 1em;}
			ul.accordion ul li a {background: url('../img/accordion-list-link.gif') bottom left repeat-x; padding: 10px 0; display: block; color: #0f4c8a; text-decoration: none;}
				ul.accordion ul li.last a {background: none;}

			/*Text Replacement*/
			li.most-popular-articles a span {background: url('../img/accordion-most-popular.png') top left no-repeat; display: block; height: 21px; text-indent: -9999em;}
			li.latest-comments a span {background: url('../img/accordion-latest-comments.png') top left no-repeat; display: block; height: 21px; text-indent: -9999em;}
			li.on-the-next-page a span {background: url('../img/accordion-next-page.png') top left no-repeat; display: block; height: 21px; text-indent: -9999em;}

/*Latest Galleries */
	div.latest-galleries h3 {background: url('../img/latest-galleries-heading.png') top right no-repeat #000; text-indent: -9999em; height: 26px; margin-left: -20px; margin-bottom: 0;}
/* ===================== */
/* = Float Containment = */
/* ===================== */ 
/* All the elements that need to contain floats go here - twice. */
ul#menu, ul.post-info, ul.page-navigation, ul.categories, ul.tags, div.categories-tags, ul.post-navigation, div.comment, div.comment-gravatar, div.poll form {display: inline-block; overflow: hidden;}
ul#menu, ul.post-info, ul.page-navigation, ul.categories, ul.tags, div.categories-tags, ul.post-navigation, div.comment, div.comment-gravatar, div.poll form {display: block;}