/*
Theme Name: PcDems
Theme URI: http://phelpscodemocrats.org/
Description: Custom WordPress theme for the Phelps County Democratic Commitee. Design and XHTML/CSS by Andy Ford of Aloe Studios.
Version: 1.0
Author: Andy Ford - Aloe Studios
Author URI: http://aloestudios.com/
Tags: Blue, Patriotic

	PcDems v1.0
	http://binarybonsai.com/kubrick/

	This theme was designed and built by Andy Ford,
	whose blog you will find at http://aloestudios.com/

*/


/* @group Colors

	Red		#dd2a00
	Blue	#0f4eaf
	
/* @end */


/* @group General Text Resets
=============================================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	background: #3071e6;
	color: #001b43;
	font-size: 62.5%;
	line-height: 1;
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	}

p, ul, ol, table, blockquote {
	margin: 0 0 1.2em;
	line-height: 1.25em;
	}

p, li, dt, dd, table { font-size: 1.4em; }

li *, dt *, dd *, td *, th * { font-size: 1em !important; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
blockquote, q { quotes: none; }
blockquote cite { font-style: italic; }

strong { font-weight: bold; }
em { font-style: italic; }

abbr, acronym { border-bottom: 1px dotted #666; cursor: help; }

pre, code { margin: 1.5em 0; white-space: pre; }
pre, code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

hr {
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	margin: 0 0 1em;
	height: 0;
	}

a { color: #0f4eaf; text-decoration: underline; }
a:visited {}
a:hover { color: #dd2a00; text-decoration: none; }


/* @group Helper Classes
=============================================== */

.hide { display: none !important; }

.left { float: left !important; }
.right { float: right !important; }

img.left { margin: 0 1em 1em 0; }
img.right { margin: 0 0 1em 1em; }
img.center { display: block; margin: 1em auto; }

p.intro { font-size: 1.5em; }
p.center { text-align: center; }
p.fineprint { font-size: .9em; }


/* @end Helper Classes
------------------------------------- */

/* @group Lists (UL, OL)
=============================================== */

ol, ul { margin: 0 0 1em 1.5em; }
ol { margin-left: 2.5em; }

/* change bullet style when nesting lists */
ul { list-style: disc; }
ul ul { list-style: circle; }
ul ul ul { list-style: square; }
ol { list-style: decimal; }
ol ol, ol.alpha { list-style: lower-alpha; }
ol ol ol { list-style: lower-roman; }

p + ul, p + ol { margin-top: -0.5em; } /* get lists below paragraphs closer to the paragraph - may need tweaking */

li ul, li ol { margin-top: .5em; margin-bottom: .75em; } /* lists inside of LI's usually need room to breathe */

li { margin: 0 0 .5em; }

/* @end Lists (UL, OL)
------------------------------------- */


/* @group Headings (H1-H6)
=============================================== */

h1 {
	font-family: Georgia, "Times New Roman", times, serif;
	font-weight: normal;
	font-size: 3.2em;
	}

#ribbon h1 {
	width: 196px;
	height: 108px;
	margin: 0 auto 22px;
	background-image: url(images/title.png);
	}
#ribbon h1 a {
	display: block;
	width: 196px;
	height: 108px;
	text-indent: -9999px;
	}

h2, h3, h4, h5, h6 {
	margin: 0 0 .5em;
	line-height: 1.2;
	font-family: Georgia, "Times New Roman", times, serif;
	font-weight: normal;
	color: #0f4eaf;
	}
h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #0F4EAF;
	text-decoration: none;
	}
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
	text-decoration: underline;
	background: #ffffa5;
	}

h2 { font-size: 2.8em; }
#home h2,
#sidebar h2 {
	margin: 0 0 1.5em;
	border-bottom: 1px solid #dd2a00;
	font-size: 1.2em;
	letter-spacing: 1px;
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	color: #dd2a00;
	}

h3 {
	border-bottom: 1px solid #dd2a00;
	font-size: 1.8em;
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #dd2a00;
	}
#home h3 {
	border: none;
	text-transform: none;
	font-family: Georgia, "Times New Roman", times, serif;
	letter-spacing: 0;
	color: #0f4eaf;
	}
#home .post h3,
.post h2 {
	margin: 0 0 .8em 56px;
	font-size: 2.8em;
	}

.tpl-page .post h2 { margin-left: 0; }

#home .post h3 a { color: #0F4EAF; }
#home h3 span {
	font-size: .61em; /* 2.8 * .61 = 1.1em */
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	color: #dd2a00;
	}

h4 { font-size: 1.7em; font-style: italic; margin: 0 0 .25em; }
h5 { font-size: 1.5em; color: #dd2a00; margin: 0 0 .15em; }
h6 { font-size: 1.3em; margin: 0 0 .15em; }

/* extra top margin for headers preceded by other text-based elements */
p + h2, ul + h2, ol + h2, dl + h2, table + h2, blockquote + h2, hr + h2, h3 + h2 { margin-top: 1.75em; }
p + h3, ul + h3, ol + h3, dl + h3, table + h3, blockquote + h3, hr + h3, h4 + h3 { margin-top: 1.5em; }
p + h4, ul + h4, ol + h4, dl + h4, table + h4, blockquote + h4, hr + h4, h5 + h4 { margin-top: 1.25em; }
p + h5, ul + h5, ol + h5, dl + h5, table + h5, blockquote + h5, hr + h5, h6 + h5 { margin-top: 1em; }
p + h6, ul + h6, ol + h6, dl + h6, table + h6, blockquote + h6, hr + h6 { margin-top: .75em; }

/* @end Headings (H1-H6)
------------------------------------- */

/* @end General Text Resets
------------------------------------- */



/* @group Tables
=============================================== */

table { border-collapse: collapse; border-spacing: 0; } /* tables still need 'cellspacing="0"' in the markup */

caption, th { text-align: left; font-weight: bold; }

th, td {
	padding: .5em;
	border: 1px solid #ccc;
	font-size: 1.2em;
	line-height: 1.2;
	text-align: left;
	vertical-align: middle;
	}

td {}

tr.alt td { background: #eee; }

tfoot { font-style: italic; }

/* @end Tables
------------------------------------- */



/* @group Forms
=============================================== */

form ol {
	padding: 0;
	list-style: none;
	overflow: hidden;
	}

form ol li {
	width: 100%;
	float: left;
	margin: 0 0 0.8em;
	}

label {
	float: left;
	width: 35%;
	margin-right: 2%;
	text-align: right;
	}
input,
select,
textarea {
	float: left;
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	}
input.text,
textarea {
	width: 50%;
	}

form div.buttons {}

button, .buttons input { cursor: pointer; }
input[type="submit"] { cursor: pointer; }


.error, .notice, .success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a { color: #8a1f11; }
.notice a { color: #514721; }
.success a { color: #264409; }

/* @end Forms
------------------------------------- */



/* @group Columns
=================================================== */

.col {
	float: left;
	margin-right: 1.5%;
	display: inline; /* ie6 double-margin float fix */
	}

.columns2 .col { width: 48%; }
.columns3 .col { width: 31%; }
.columns4 .col { width: 23%; }

.colums3 .cols2 { width: 64%; }

.colums4 .cols2 { width: 48%; }
.colums4 .cols3 { width: 73%; }

/* @end Columns
------------------------------------- */



/* @group Layout
=================================================== */

#page {
	min-width: 960px;
	position: relative;
	padding: 0 0 4.8em;
	background: #fff url(images/bg-body.png) repeat-x 0 0;
	}

#content {
	float: right;
	width: 560px;
	padding: 0 40px 0 0;
	}

#sidebar {
	float: left;
	width: 240px;
	padding: 100px 0 90px 40px;
	}
#home #sidebar { padding-top: 44px; }

#sidebar ul {
	margin: 0;
	list-style: none;
	}
#sidebar li {
	font-size: 1em;
	margin: 0 0 3em;
	}
#sidebar li li {
	font-size: 1.2em !important;
	margin: 0 0 .5em;
	}
#sidebar h2 {
	font-size: 1.1em !important;
	line-height: 1.3em;
	margin: 0 0 .5em;
	}

/* @end Layout
------------------------------------- */



/* @group Header
=================================================== */

#header {
	width: 960px;
	height: 18em;
	position: relative;
	z-index: 10;
	margin: 0 auto;
	}
	
#ribbon {
	width: 250px;
	height: 271px;
	position: absolute;
	top: 0;
	left: 35px;
	padding: 60px 0 0;
	background-image: url(images/bg-ribbon.png);
	}
* html #ribbon { /* ie6 png transparency hack */
	background-image: none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.phelpscodemocrats.org/wordpress/wp-content/themes/pcdems/images/bg-ribbon.png',sizingMethod='image');
	}

#ribbon address {
	display: block;
	width: auto;
	margin: 0 0 2em;
	font-size: 1.2em;
	font-style: normal;
	text-align: center;
	letter-spacing: 1px;
	}
#ribbon address a {
	padding: 4px 0;
	border: 1px solid #d3e4fc;
	border-width: 1px 0;
	color: #5b98f5;
	text-decoration: none;
	}
#ribbon address a span,
#ribbon address a:hover { color: #0f4eaf; }
#ribbon address a:hover span { color: #5b98f5; }
	
#ribbon em {
	display: block;
	text-align: center;
	font-style: normal;
	letter-spacing: 1px;
	color: #bad2f6;
	}


#quotes {
	width: 456px;
	height: 13.1em;
	overflow: hidden;
	margin: 34px 51px 0 0;
	float: right;
	list-style: none;
	}
#quotes li {
	width: 433px;
	height: 14.4em;
	position: relative;
	margin: 0;
	padding: 0 0 0 23px;
	font-size: 1em;
	background: transparent url(images/bg-quotes.png) no-repeat 0 0;
	}
#quotes blockquote {
	height: 14em;
	position: relative;
	z-index: 2;
	margin: 0;
	padding: 4px 110px 0 0;
	text-align: right;
	background: transparent url(images/portrait-mask-trans.png) no-repeat 100% 100%;
	}
#quotes blockquote p {
	margin: 0 0 .5em;
	font-size: 1.4em !important;
	font-family: Georgia, "Times New Roman", times, serif;
	font-style: italic;
	color: #445875;
	}
#quotes cite {
	font-size: 1.2em !important;
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	color: #b9bec5;
	}
#quotes img {
	position: absolute;
	right: 0;
	bottom: 13px;
	z-index: 1;
	}

/* @end Header
------------------------------------- */


/* @group Nav Main
=================================================== */

#nav-main {
	width: 600px;
	position: relative;
	padding: 1px 0 1px 360px;
	margin: 0 auto 4.8em;
	border: 1px solid #dd2a00;
	border-width: 1px 0;
	list-style: none;
	font-family: Georgia, "Times New Roman", times, serif;
	}
#nav-main li {
	float: left;
	position: relative;
	z-index: 1;
	margin: 0 1px 0 0;
	font-size: 1.8em;
	line-height: 1.8em;
	}
#nav-main a {
	display: block;
	padding: 0 12px;
	color: #dd2a00;
	text-decoration: none;
	}
#nav-main a:hover,
#nav-main li.on a {
	color: #fff;
	background: #0f4eaf;
	}
#nav-main a:active {
	color: #fff;
	background: #dd2a00;
	}

#nav-main li.join {
	float: none;
	width: 44px;
	height: 57px;
	position: absolute;
	z-index: 2;
	top: -5px;
	right: 1px;
	margin: 0;
	font-size: 1em;
	line-height: 1em;
	}
#nav-main li.join a {
	width: 44px;
	height: 57px;
	padding: 0;
	text-indent: -9999px;
	background: transparent url(images/join.png) no-repeat 0 0;
	}
#nav-main li.join:hover,
#nav-main li.join.on {
	height: 79px;
	}
#nav-main li.join:hover a,
#nav-main li.join.on a {
	height: 79px;
	background: transparent url(images/join.png) no-repeat 0 100%;
	}
#nav-main li.join a:hover,
#nav-main li.join.on a:hover { background: transparent url(images/join.png) no-repeat 0 100%; }

/* @end Nav Main
------------------------------------- */



/* @group Banner
=================================================== */

#banner {
	padding: 0 0 19px;
	color: #fff;
	background: #387de9 url(images/bg-banner-bot.gif) repeat-x 0 100%;
	}
#banner .wrap {
	background: #387de9 url(images/bg-banner-top.gif) repeat-x 0 0;
	}
#banner blockquote {
	width: 560px;
	padding: 3em 40px 0 360px;
	margin: 0 auto;
	}
#banner blockquote p {
	font-size: 1.6em;
	line-height: 1.2em;
	font-family: Georgia, "Times New Roman", times, serif;
	font-style: italic;
	}
#banner blockquote a { color: #fff; }
#banner blockquote a:hover { color: #010a70; }

/* @end Banner
------------------------------------- */



/* @group Groups
=================================================== */

#main {
	width: 960px;
	margin: 0 auto;
	}

#groups {
	padding: 4.8em 0 0 0;
	margin: 0 0 5.5em
	}
.tpl-page #groups { padding-top: 0; }

#groups p {
	margin: 0 0 .7em;
	font-size: 1.6em;
	line-height: 1.3em;
	font-family: Georgia, "Times New Roman", times, serif;
	color: #054dcd;
	}

#groups a.group {
	display: block;
	float: left;
	width: 266px;
	height: 77px;
	position: relative;
	left: -2px;
	text-indent: -9999px;
	background-position: 0 0;
	}
#groups a.group:hover { background-position: 0 100%; }

#groups a.pcdc {
	background-image: url(images/group-pcdc.png);
	}
#groups a.jwdc {
	float: right;
	left: 2px;
	background-image: url(images/group-jwdc.png);
	}

/* @end Groups
------------------------------------- */


/* @group Blog Entry
=================================================== */

.post {
	position: relative;
	padding: 0 0 2em;
	}
.post span.date {
	display: block;
	width: 38px;
	height: 51px;
	position: absolute;
	top: -1px;
	left: -1px;
	color: #dd2a00;
	background-image: url(images/bg-post-date.gif);
	}
.post span.date em {
	display: block;
	padding: 5px 0 2px;
	font-size: 1.1em;
	font-style: normal;
	text-align: center;
	}
.post span.date strong {
	display: block;
	font-size: 1.7em;
	text-align: center;
	}

.post p a:hover {
	background: #fff9b9;
	}

.post p a span {
	font-weight: bold;
	color: #dd2a00;
	text-decoration: underline;
	}

p.postmetadata {
	padding: .4em;
	border-top: 1px solid #DD2A00;
	font-size: 1.1em;
	color: #666;
	}

/* @end Blog Entry
------------------------------------- */



/* @group Nav Foot
=================================================== */

#nav-foot {
	padding: 10px 0 0;border-bottom: 1px solid #88a9da;
	background: #af2121 url(images/bg-nav-foot.png) repeat-x 0 0;
	}
#nav-foot ul {
	width: 600px;
	padding: 6px 0 6px 360px;
	margin: 0 auto;
	list-style: none;
	font-family: Georgia, "Times New Roman", times, serif;
	}
#nav-foot li {
	float: left;
	margin: 0;
	font-size: 1.4em;
	line-height: 1em;
	}
#nav-foot a {
	padding: 0 16px;
	border-left: 1px solid #fff;
	color: #fff;
	text-decoration: none;
	}
#nav-foot ul li:first-child a {
	border: none;
	padding-left: 0;
	}
#nav-foot a:hover,
#nav-foot li.on a { text-decoration: underline; }

/* @end Nav Foot
------------------------------------- */



/* @group Footer
=================================================== */

#footer {}
#footer .wrap {
	width: 600px;
	padding: 33px 0 20px 360px;
	margin: 0 auto;
	position: relative;
	}
#footer img.donkey {
	position: absolute;
	top: -180px;
	left: 60px;
	}

#footer blockquote {
	color: #fff;
	font-style: italic;
	}
#footer blockquote p,
#footer blockquote li {
	font-size: 1.3em;
	}
#footer a { color: #fff; }

/* @end Footer
------------------------------------- */

#sidebar li.widget {
	margin: 0 0 2.5em;
	}
.textwidget {
	padding: .5em;
	border: 1px solid #d3e4fc;
	border-width: 1px 0;
	font-size: 1.4em !important;
	line-height: 1.2em;
	font-family: Georgia, "Times New Roman", times, serif;
	color: #0f4eaf;
	}
.textwidget a {
	color: #0f4eaf;
	text-decoration: none;
	}
.textwidget a:hover { color: #dd2a00; }


/* @group Ornaments
=================================================== */

#bunch-left { position: absolute; top: 0; left: 0; z-index: 5; }
#bunch-right { position: absolute; top: 0; right: 0; z-index: 5; }

/* @end Ornaments
------------------------------------- */



/* @group Clear Fix
=================================================== */

.clearfix,
#main,
#nav-main,
#groups,
#nav-foot ul,
#searchform div {
	display: inline-block;
	}

.clearfix:after,
#main:after,
#nav-main:after,
#groups:after,
#nav-foot ul:after,
#searchform div:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

* html .clearfix,
* html #main,
* html #nav-main,
* html #groups,
* html #nav-foot ul,
* html #searchform div {
	height: 1%;
	}

.clearfix,
#main,
#nav-main,
#groups,
#nav-foot ul,
#searchform div {
	display: block;
	}

/* @end Clear Fix
------------------------------------- */

/* EOF */