/* 
Theme Name: Magtastic
Theme URI: http://justintadlock.com/
Description: A 920px, fixed-width, 2-column, widget-ready theme.  Its focus is for fun news blogs and sites.  Features a custom home page, sidebars, and templates.
Version: 1.0
Author: Justin Tadlock
Author URI: http://justintadlock.com
Released under GNU GENERAL PUBLIC LICENSE
*/
body { 
	color: #000; 
	background: #546fb8;
	font: 85% "Trebuchet MS", Arial, "Lucida Sans Unicode", Tahoma, sans-serif;
	}
/* CONTAINS ENTIRE PAGE */
html>body #body-container { overflow: auto; }
#body-container {
	width: 920px;
	margin: 20px auto;
	padding: 0;
	background: #ffffbe url(images/body-container.gif) no-repeat top right;
	}
/* HEADER */
#header {
	width: 100%;
	height: 90px;
	margin: 0 0 5px 0;
	padding: 0;
	background: url(images/header.gif) no-repeat top left;
	}
#header h1 {
	font-size: 2.3em;
	margin: 0;
	padding: 30px 0 0 30px;
	float: left;
	width: 700px;
	}
#header h1 a {
	color: #546fb8;
	}
#header a:hover { text-decoration: underline; }
#header h2 { // site description
	clear: left;
	float: left;
	color: #546fb8;
	font-style: italic;
	font-size: 1em;
	padding: 0 0 0 40px;
	margin: 0;
	}
#header .feed {
	width: 167px;
	height: 55px;
	float: right;
	margin: 25px 20px 0 0;
	padding: 0;
	}
#header .feed p { padding: 0; margin: 0; }
#header .feed img { border: none; padding: 0; margin: 0; }
/* TOP-NAV */
#top-nav {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	background: #ffffbe;
	border-top: 15px double #546fb8;
	border-bottom: 15px double #546fb8;
	}
#top-nav ul {
	margin: 0 0 0 5px;
	padding: 0;
	width: 580px;
	float: left;
	}
#top-nav ul li {
	float: left;
	display: inline;
	padding: 7px;
	}
#top-nav a {
	float: left;
	margin: 0;
	padding: 10px;
	text-align: center;
	}
#top-nav a:hover, #top-nav a:hover span {
	color: #ffffbe;
	background: #546fb8;
	text-decoration: underline;
	}
#top-nav a:hover, #top-nav #current a { color: #ffffbe; background: #546fb8; }
/* SEARCH */
#top-nav form {
	margin: 7px 10px 0 0;
	padding: 0;
	float: right;
	width: 320px;
	text-align: right;
	}
#top-nav input#s {
	float: left;
	margin: 0;
	padding: 10px 5px;
	width: 250px;
	background: #fff;
	border: 1px solid #546fb8;
	}
#top-nav input.search-submit {
	float: right;
	text-align: center;
	width: 50px;
	margin: 0;
	padding: 8px 0;
	color: #ffffbe;
	background: #546fb8;
	border: 1px solid #546fb8;
	}
/* CONTAINS CONTENT & SIDEBARS */
#container {
	float: left;
	margin: 5px 0 0 0;
	padding: 0 5px 0 5px;
	width: 910px;
	background: #ffffbe;
	}
/* CONTENT */
html>body #home, html>body #content {
	margin: 10px 0 10px 5px; 
	padding: 0;
	}
#content, #home {
	margin: 10px 0 10px 2px; 
	padding: 0;
	}
#content { float: left; width: 565px; }
#home { float: left; padding: 5px; width: 565px; } // just on front page

/* HEADERS */
h1 { font: 1.3em; color: #546fb8; }
h2 { font: 1.1em; color: #546fb8; }
h3 { font: 1.05em; color: #546fb8; }
h4 { font: 1.15em; color: #546fb8; }
h5 { font: 1.1em; color: #546fb8; }
h6 { font: 1.05em; color: #546fb8; }

/* POSTS */
#content .post { float: left; }
#content .post, #home .main { padding: 3px 10px; background: #fff; }

/* HOME PAGE */
.main { float: left; }
h2.main { border: 1px solid #546fb8; margin: 0 0 10px 5px; }
h2.main span { color: #546fb8; font-size: .8em; font-style: italic; }
.post p.byline { font-size: .9em; margin: 2px 0 0 0; }
.entry { width: 100%; float: left; margin: 0; }
.main .post-meta-data { float: right; }

/* SECONDARY ARTICLES (AFTER THE FEATURE ON HOME.PHP) */
.secondary { width: 255px; padding: 0 10px;border: none; }
.post-left { float: left; margin: 10px 0 0 0; background: #fff; }
.post-right { float: right; margin: 10px 0 0 0; background: #fff; }
.secondary .post-title { font-size: 1em; padding: 6px 0; border-bottom: 3px double #546fb8; }
.secondary .post-title a { padding: 6px 0; }
.secondary .entry { font-size: .9em; }

/* post header */
.post h2.post-title { font-weight: bold; display: block; margin: 2px 0; background: #fff; }
#content .post p.byline { margin: 2px 0 7px 0; }

/* entry if not home */
#content .entry p, #content .entry ul, #content .entry ol { font-size: 1.1em; }

/* images in posts if not set by user */
.home img.left { max-width: 200px; max-height: 200px; }
.i200x150 { width: 200px; height: 150px; }

/* tags */
.entry .tags { font-size: .8em; }

/* blockquotes */
blockquote { width: 100%; margin: 0; padding: 0 25px; color: #333; }
/* links */
a { color: #546fb8; text-decoration: none; }
a:hover { color: #003399; }
.post a { color: #546fb8; }
.post a:hover { color: #ffffbe; background: #546fb8; }
.entry a:hover { text-decoration: none; }

/* images */
.post a img, .post img { padding: 5px; background: #ffffbe; border: 1px solid #546fb8; }

/* lists */
.post ul { list-style-type: none; margin: 5px 0; padding: 0 0 0 5px; }
.post ul li {
	margin: 0;
	padding: 0 0 0 13px;
	background: url(images/bullet.gif) no-repeat .1em .6em;
	}
.post ol { margin: 5px 0; padding: 0 0 0 37px; }
.post ol li { margin: 1px 0; padding: 0; }

/* tables */
.post table { border: none; background: transparent; }
.post tr, .post td { border: 1px solid #546fb8; }

/* other basics & typography */
small { font-size: .9em; }

/* ads for single.php, category.php, archive.php, etc. */
.post .ads { text-align: left; margin: 0; padding: 0; }

/* navigation & left, right, center alignment */
.navigation { width: 100%; padding: 25px 0; }
.previous { float: left; width: 45%; }
.left, .alignleft { float: left; margin: 0 15px 15px 0; }
.next { float: right; width: 45%; }
.right, .alignright { float: right; margin: 0 0 15px 15px; }
.center { text-align: center; margin: 0 auto; display: block; }
.clear { clear: both; }

/* COMMENTS */
#comments-template { width: 100%; float: right; margin: 10px 0 0 0; }
#comments-template h2 { font-weight: bold; text-indent: 5px; margin: 5px 0; }
#comments-template ol { font-size: 1.1em; list-style-type: none; margin: 0 0 10px 0; padding: 0; }
#comments-template ol li { margin: 10px 0; padding: 5px 5px; background: #fefee1; }
#comments-template ol li.alt, #comments-template ol li.alt a { background: #fff; }
#comments-template ol li .commentmetadata {  }
#comments-template h2#respond { margin: 5px 0 0 0; }
#comments-template form {
	margin: 0;
	padding: 10px 0;
	}
#comments-template fieldset {
	border: none;
	margin: 0;
	padding: 10px;
	}
#comments-template legend { border: none; }
#comments-template textarea { width: 97%; padding: 10px 5px; border: 1px solid #546fb8; background: #fff; }
#comments-template input { width: 50%; padding: 10px 5px; border: 1px solid #546fb8; background: #fff; }
#comments-template input.submitcomment, #comments-template input.resetcomment {
	width: 80px;
	padding: 10px 0;
	color: #ffffbe;
	background: #546fb8;
	}
/* SIDEBAR */
#sidebar-home-right, #sidebar-single, #sidebar-archive {
	width: 315px;
	font-size: 1em;
	float: right;
	margin: 10px;
	padding: 0;
	}
html>body .menu { float: left; display: block; width: 100%; margin: 0 0 10px 0; padding: 0; }
.menu {
	width: 100%;
	display: block;
	margin: 0 0 10px 0;
	background: #fff;
	}
.menu-header {
	color: #546fb8;
	font-size: 1.1em;
	font-weight: bold;
	text-indent: 5px;
	padding: 6px 0;
	margin: 0;
	border-bottom: 3px double #546fb8;
	}
.menu ul { padding: 0; margin: 0; }
.menu ul li { list-style-type: none; padding: 0; margin: 0; float: left; display: block; width: 100%; }
.menu ul li a {
	display: block;
	font-size: 1em;
	padding: 1px 0 1px 5%;
	margin: 0;
	border-bottom: 1px solid #fcfcfc;
	}
.menu ul li a:hover { color: #ffffbe; background: #546fb8; border-bottom: 1px solid #546fb8; }

/* sidebar images */
.menu img { border:  none; }

/* sidebar feed */
.feed img { margin: 0 10px 0 3px; padding: 0; }

/* login form on sidebar */
.menu form { margin: 0; padding: 5px; }
.menu form p { width: 100%; margin: 3px 0; padding: 0; }
.menu form#loginform input.login { width: 67%; padding: 2px 0 2px 3px; }
.menu form input.submit { color: #eee; margin: 0; padding: 2px; background: #666; border: 1px solid #666; }

/* paragraphs in sidebar */
.menu p { margin: 5px; }

/* ads for sidebar */
.ads { background: #ffffbe; text-align: center; display: block; margin: 0 auto; padding: 10px 0; }

/* wp-calendar */
table#wp-calendar { width: 80%; margin: 0 auto; }

/* DomTab in Sidebar */
div.domtab {
	padding: 0;
	width:100%;
	}
.domtab ul.domtabs {
	list-style-tpye: none;
	float: left;
	width: 100%;
	margin: 0;
	background: #ffffbe;			
	}
.domtab ul.domtabs li {
	display: inline;
	width: auto;
	float:left;
	padding: 0;
	margin: 0 1px 0 0;
	}
.domtab ul.domtabs li a { padding: 10px; }
.domtab ul.domtabs li a, ul.domtabs li a:hover {
	display: block;
	font-weight: bold;
	border: none;
	}
.domtab ul.domtabs li a {
	color: #546fb8;
	background: #eee;
	text-decoration:none;
	}
.domtab ul.domtabs a:hover, ul.domtabs li.active a {
	color: #ffffbe;
	background: #546fb8;
	border: none;
	}
div.domtab div {
	clear:both;
	width: 100%;
	background: #fff;
	border-top: 3px double #546fb8;
	}
div.domtab div ul li a {
	width: 95%;
	display: block;
	font-size: 1em;
	padding: 1px 0 1px 5%;
	}
/* SIDEBAR WIDGET STYLES */
/* blogroll widget */
li#linkcat-2 { list-style-type: none; margin: 0; padding: 0; }

/* recent comments widget */
ul#recentcomments li a, ul#recentcomments li a:hover { border: none; background: transparent; text-indent: 0; }

/* FOOTER */
#footer {
	float: left;
	width: 920px;
	margin: 10px 0 5px 0;
	padding: 5px 0;
	border-top: 15px double #546fb8;
	}	
#footer p { width: 40%; float: left; margin: 10px; display: inline; }
#footer p a:hover { text-decoration: underline; }
#footer p.wordpress { width: 40%; float: right; text-align: right; }
#footer p.wordpress a { float: right; display: block; width: 50px; height: 50px; background: url(images/wp-icon.gif) no-repeat top right; }
#footer p.wordpress a span { display: none; }

/* 
"It's amazing that the amount of news that happens in the world every day just exactly fits in the newspaper." ~ Jerry Seinfield
*/