/*
Theme Name: Whim Quarterly
Theme URI: http://www.whimquarterly.com/
Description: Custom theme for Whim Quarterly Humor Magazine.
Version: 1.0
Author: Rick Pecoraro
Author URI: http://www.magneticmediafed/
Tags: fixed width, two columns, widgets
*/


/* Universal Settings */

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Georgia, 'Times New Roman', serif;
	color: #515151;
	text-align: center;
	margin: 0 0 20px 0;
	padding: 0;
	}

a {
	color: #D42E2E;
	text-decoration: none;
}

#page {
	margin: 20px auto;
	padding: 0 10px;
	width: 940px;
	text-align: left;
	background-color: #FFF;
	}


/* Header */

#header {
	width: 940px;
	padding: 0 0 20px 0;
	}
	
a#whim {
	width: 400px;
	height: 100px;
	float: left;
	text-decoration: none;
	background-image: url('images/whim.gif');
	margin-bottom: 20px;
}

#quarterly {
	width: 400px;
	height: 20px;
	padding: 80px 0 0 140px;
	margin-bottom: 20px;
	float: left;
	background-image: url('images/quarterly.gif');
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 1.4em;
}

#quarterly p {
	position: relative;
	top: 75;
	text-align: center;
}

#navbar {
	clear: both;
	width: 926px;
	background: #191818;
	font-weight: 700;
	padding: 7px;
	height: 20px;
	font-size: 1.6em;
	line-height: 1.6em;
}

#social {
	float: right;
}

a#twitter, a#facebook, a#rss {
	height: 20px;
	width: 20px;
	display: block;
	float: left;
	margin-left: 5px;
}

a#twitter {
	background: #FFF url('images/twitter.png');
}

a#twitter:hover {
	background: #D42E2E url('images/twitter.png');
}

a#facebook {
	background: #FFF url('images/facebook.png');
}

a#facebook:hover {
	background: #D42E2E url('images/facebook.png');
}

a#rss {
	background: #FFF url('images/rss.png');
}

a#rss:hover {
	background: #D42E2E url('images/rss.png');
}

#navbar a {
	text-decoration: none;
	color: #FFF;
}

#navbar a:hover {
	color: #D42E2E;
	border: none;
}

#navbar ul {
	list-style: none;
	margin: 0;
}

#navbar li {
	float: left;
	padding-right: 40px;
}

#nav, #nav ul {
list-style: none;
line-height: 1;
}

#nav a, #nav a:hover {
display: block;
text-decoration: none;
border:none;
}

#nav li {
float: left;
list-style:none;
}


/* Main Content */

#content {
	width: 680px;
	margin: 40px 0;
	padding-right: 20px;
	font-size: 1.3em;
	line-height: auto;
	float: left;
}

#content h2, #content h2 a {
	font-size: 1.4em;
	font-family: 'Helvetica', sans-serif;
	font-weight: 100;
	text-decoration: none;
	color: #191818;
}

#content h2 a:hover {
	color: #515151;
}

#cat_tag {
	float: left;
	text-transform: uppercase;
	font-family: 'Arial', 'Helvetica', sans-serif;
	background: #D42E2E;
	color: #FFF;
	width: 100px;
	padding: 5px;
	font-size: 0.9em;
	text-decoration: none;
	margin-right: 10px;
	overflow: hidden;
}

#cat_tag a, .sidehdr a, .alert a {
	color: #FFF;
	text-decoration: none;
}

#cont_main {
	display: block;
	width: 580px;
	margin: -5px 0 0 120px;
	}

.entry p {
	width: 400px;
	line-height: 1.4em;
}

.inline {
	display: inline;
}

.entry a:hover {
	text-decoration: underline;
}

.postmetadata {
	font-family: 'Helvetica', sans-serif;
	font-size: 0.9em;
	border-top: 1px solid #909090;
	padding: 5px 0 40px;
	clear: both;
}

.tags {
	float: right;
max-width: 280px;
}

.tags ul, .tags li, .readmore ul, .readmore li {list-style-type: none;
margin: 0;
padding: 0;
}

#sidebar {
	width: 200px;
	margin: 40px 0 0 40px;
	padding: 0;
	font-size: 1.0em;
	float: left;
}

#sidebar li {
	margin: 0 0 40px 0;
	padding: 0px;
	list-style-type: none;
}

.sidehdr {
	display: block;
	width: 180px;
	text-transform: uppercase;
	font-family: 'Arial', 'Helvetica', sans-serif;
	background: #D42E2E;
	color: #FFF;
	font-size: 1.2em;
	text-decoration: none;
	overflow: hidden;
	padding: 5px 10px;
	margin-bottom: 5px;
}

.indicate-required {text-align: right;font-style: italic;overflow: hidden;color: #191818;margin: 0 9% 0 0;}

fieldset {
	border: none;
	padding: 0;
	margin: 0;
}

.left {
	float: left;
}

.right {
float: right;
}

.smlink {
float: left;
}

.info {
	color: #A3A3A3;
	text-align: justify;
}

.info a {
	color: #EF5365;
	font-weight: 700;
	text-decoration: none;
}

#footer {
	clear: both;
	border-top: 2px solid #333;
}

.none {
	display: none;
}

/*img.aligncenter {
	padding-bottom: 20px;
	border: none;
}*/

.blog .size-thumbnail {
	float: right;
	width: 170px;
	padding: 0 0 10px 10px;
	border: none;
	display: inline;
}

.single img.aligncenter {
	padding-bottom: 10px;
display: block;
}

.single img.alignright {
	padding: 0 0 20px 20px;
margin-right: -180px;
	float: right;
}

img.fit {
	width: 100%;
	border: none;
}

.textmsg {
font-family: monospace;
margin: 5px 40px;
padding-bottom: 5px;
border-bottom: 1px dotted #9D9D9D;
}

.clear {
	clear: both;
}

a.nocolor {
	color: #333;
}

.entry {
margin-bottom: 30px;
}

a#special:hover {
text-decoration: none;
color: #FFF;
}

.navigation {
width: 560px;
margin-left: 120px;
font-weight: 700;
background: #191818;
padding: 5px 10px;
display: block;
float: left;
}

.navigation a {
	color: #FFF;
}

.navigation a:hover {
	color: #D42E2E;
}

.navigation .alignleft {
float: left;
width: 270px;
}

.navigation .alignright {
float: right;
width: 270px;
text-align: right;
}

.cattype {
padding-bottom: 25px;
}

.spacer {
padding-bottom: 30px;
}

.item {
	width: 200px;
	max-height: 600px;
	float: left;
	padding: 0 20px 20px 0;
}

.gallery-item {
width: 340px;
float: left;
}

.half {
	text-align: center;
	width: 280px;
	padding: 5px;
float: left;
}

.half p {
	text-align: center;
	width: 280px;
	padding: 5px;
}

img.halfimg {
width: 280px;
padding-bottom: 5px;
}

.orderitem {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px dashed #515151;
}

.alert {
	text-transform: uppercase;
	font-family: 'Arial', 'Helvetica', sans-serif;
	background: #D42E2E;
	color: #FFF;
	width: 100%;
	padding: 5px;
	text-decoration: none;
	margin: 10px 0;
}

#moreposts {
font-family: 'Helvetica', sans-serif;
width: 560px;
margin: 20px 0 0 120px;
border-bottom: 2px solid #191818;
display: block;
float: left;
}

#moreposts ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}

#moreposts li {
float: left;
width: 160px;
display: block;
margin: 5px 5px 15px;
padding: 8px;
}

#moreposts li:hover {
background-color: #D9D9D9;
}

#moreposts img.size-thumbnail {
width: 160px;
padding-bottom: 3px;
}

.wp-caption {
text-transform: uppercase;
font-size: 12px;
color: #909090;
text-align: center;
padding-bottom: 10px;
}

.wp-caption .aligncenter p {
	width: 580px;
}

.wp-caption .alignright p {
	width: 220px;
}

.order-item {
padding-top: 10px;
border-top: 3px solid #191818;;
float: left;
width: 100%;
}

.social {
width: 100%;
padding-top: 10px;
}