/*
Theme Name: College Public Policy
Description: Wordpress theme for the College Public Policy.
Version: 1.0
Author: Athlon DPS
Author URI: http://www.athlondps.com/
Tags: white, grey, green, custom layot, fixed width, two columns, one sidebar

*/

/*
	Eric Meyer's css reset
*/
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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #808080;
	background: #fff url('images/bodybg.jpg') top left repeat-x;
	text-align: center;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

textarea {padding: 0px 1px;}

/* The grid */
.span-1, .span-2, .span-3, .span4, .span-5, .span-6, .span-7, .span-8 {margin: 0px 0px 0px 10px; text-align: left;}
.span-1 {width: 60px;}
.span-2 {width: 140px;}
.span-3 {width: 220px;}
.span-4 {width: 300px;}
.span-5 {width: 380px;}
.span-6 {width: 460px;}
.span-7 {width: 540px;}
.span-8 {width: 620px;}


/* Page layout */
a{font-weight: bold; color: #8cc63f; text-decoration: none;}
a:hover {color: #808080;}
#mainwrap{width: 720px; margin: auto; text-align: center; background: #fff url('images/mainwrapbg.jpg') top left repeat-y; position: relative;}
	#shadow-left{width: 10px; height: 700px; position: absolute; left: 0px; top: 0px; background: url('images/shadow_left.jpg') top left no-repeat;}
	#shadow-right{width: 10px; height: 700px; position: absolute; left: 710px; top: 0px; background: url('images/shadow_right.jpg') top left no-repeat;}
	#header {width: 700px; height: 125px; margin: auto; border-top: 10px solid #8cc63f; background: #fff url('images/headbg.jpg') top left no-repeat; position: relative;}
		#header h1 {position: absolute; top: 48px; left: 40px;}
			#header h1 a{display: block; width: 335px; height: 48px; background: url('images/logo.gif') no-repeat; text-indent: -1000px; overflow: hidden;}
	#container {width: 700px; margin: auto; padding-bottom: 30px; border-bottom: 10px solid #d0d0d0;}
		#container .primary{float: left; width: 430px; text-align: left;}
			.primary h5{font: 14px/18px Georgia, sans; font-style: oblique; margin: 0px 0px 15px 40px;}
		#container .secondary{float: left; width: 260px; text-align: left; padding-left: 10px; max-width: 260px;}
		.fullpost, .post, .comment, .commentform{padding: 0px 0px 20px 30px; border-bottom: 1px solid #e7e7e7; margin-bottom: 20px; width: 390px; max-width: 390px;}
		.post {margin-bottom: 31px;}
		.fullpost {padding-bottom: 0px; margin-bottom: 15px;}
		.comment{border-bottom: none; padding-bottom: 0px; margin-bottom: 8px;}
			.comment .span-5{background: url('images/dots.gif') left bottom repeat-x; padding-bottom: 0px;}
			.comment h4{font: bold 12px/15px Verdana, Helvetica, sans-serif;}
			.comment .span-5 p{font: 12px/15px Verdana, Helvetica, sans-serif; padding-bottom: 20px;}
		.commentform{border-bottom: none; padding-top: 12px; margin-bottom: 0px; padding-left: 40px;}
		.commentform p{font: bold 12px/15px Georgia, serif;}
		.commentform p.loggedin{font: 11px/15px Georgia, serif; margin-top: -10px; font-style: oblique;}
			.commentform h3 {font: bold 15px/15px Georgia, serif; margin-bottom: 10px}
			.comment-form-row{padding: 5px 0px; width: 380px;}
			.comment-form-row label{width: 80px; font: bold 12px/15px Georgia, serif; display: block; float: left; display: inline;}
			.comment-form-row .comment-form-item {width: 298px; border: 1px solid #d0d0d0; line-height: 18px; float: left; display: inline; padding: 0px; max-width: 298px;}
			.comment-form-row textarea.comment-form-item{height: 98px; width: 298px; max-width: 298px; padding: 0px;}
			.comment-form-row-submit{text-align: right; padding: 5px 0px; width: 380px;}
			.comment-form-submit {background: #8cc63f; color: #fff; font: bold 15px/18px Georgia, serif; border: 1px solid #8cc63f;}
			.comment-form-submit:hover {background: #808080; color: #fff; border: 1px solid #808080;}
		.fullpost h2, .post h2, .fullpost h2 a, .post h2 a{font: bold 24px/26px Georgia, serif; color: #808080;}
		.fullpost h2 a:hover, .post h2 a:hover {color: #8cc63f;}
		.fullpost h3, .post h3{font: bold 15px/15px Georgia, serif; margin-bottom: 5px;}
		.fullpost h3.comments-title {font: bold 15px/15px Georgia, serif; margin: 38px 0px 5px 0px; float: left; display: inline; width: 190px; text-align: left;}
		.fullpost .title, .post .title {border-bottom: 5px solid #8cc63f; padding-bottom: 10px;}
		.fullpost .details, .post .details {font: 10px/12px Verdana, Arial, Helvetica, sans-serif; margin: 5px 0px 8px 0px}
		.fullpost p, .post p{margin-bottom: 15px; font: 12px/15px Verdana, Arial, Helvetica, sans-serif;}
		.fullpost .permalink, .fullpost .comments, .post .permalink, .post .comments {float: left; display: inline; width: 190px;}
		
		.fullpost .comments, .post .comments {text-align: right; font: bold 10px/10px Verdana, Arial, Helvetica, sans-serif; padding-top: 10px; }
		.fullpost .comments {margin-top: 30px;}
		.fullpost .permalink a, .post .permalink a {background: #8cc63f; color: #fff; display: block; width: 100px; font: bold 15px/20px Georgia, sans; text-align: center; }
		.fullpost .permalink a {width: 108px;}
		.fullpost .permalink a:hover, .post .permalink a:hover {background: #808080; color: #fff;}

		.comments a:hover{text-decoration: underline}

		#navigation {padding-left: 30px; text-align: left; margin-top: -16px;}
		#navigation .prev, #navigation .next {float: left; width: 190px; display: inline;}
		#navigation .next {text-align: right;}
		#navigation .prev a{background: url('images/prev_bg.gif') 0px 4px no-repeat; padding-left: 12px; font: bold 15px/15px Georgia, sans; color: #808080;}
		#navigation .next a{background: url('images/next_bg.gif') right 4px no-repeat; padding-right: 12px; font: bold 15px/15px Georgia, sans; color: #808080;}
		#navigation .prev a:hover, #navigation .next a:hover {color: #8cc63f;}

		#searchbar{width: 260px; height: 95px; background: url('images/searchbg.jpg') repeat-x; position: relative; margin-bottom: 20px;}
			#searchbar .print{position: absolute; top: 27px; left: 10px; width: 120px; height: 13px}
			#searchbar .mail{position: absolute; top: 27px; left: 130px; width: 120px; height: 13px}
			#searchbar .print a{background: url('images/printicon.gif') left 3px no-repeat; padding-left: 15px; font: bold 12px/12px Georgia, serif;}
			#searchbar .mail a{background: url('images/mailicon.gif') left 4px no-repeat; padding-left: 15px; font: bold 12px/12px Georgia, serif;}
			#searchbar .print a:hover, #searchbar .mail a:hover {color: #808080; background-position: 0px -10px;}
			#searchbar .mail a:hover{background-position: 0px -9px;}
			#searchbar .searchform {position: absolute; top: 55px; left: 10px; width: 220px;}
			.searchform .textinput {float: left; border: 1px solid #d0d0d0; border-right: none; line-height: 18px; background: #fff; width: 139px; margin: 0px; padding: 0px; height: 20px;}
			.searchform .submit {float: left; border: 1px solid #8cc63f; background: #8cc63f; color: #fff; padding: 0px; text-align: center; font: bold 13px/18px Georgia, sans; color: #fff; margin: 0px; width: 58px; max-width: 58px; height: 22px;}
			.searchform .submit:hover {background: #808080; color: #fff; border: 1px solid #808080;}
		.latest, .archives {border-top: 5px solid #d0d0d0; margin-bottom: 15px;}
			.latest h2, .archives h2{font: bold 12px/15px Georgia, serif; text-transform: uppercase; margin: 3px 0px 3px 0px;}
			.latest ul {list-style-type: none; padding-bottom: 1px; padding-right: 25px;}
			.latest ul li{padding-top: 2px;}
				.latest ul li a {background: url('images/dots.gif') left bottom repeat-x; padding: 1px 0px 2px 0px; font: 12px/16px Georgia, sans; color: #808080;}
				.latest ul li a:hover {color: #8cc63f;}

			.archives ul {list-style-type: none;}
			.archives ul li{background: url('images/libullet.gif') left 5px no-repeat; padding-left: 10px;}
			.archives ul li a{font: 12px/16px Georgia, sans; color: #808080;}
			.archives ul li a:hover {color: #8cc63f;}

			.twitter a{display: block; text-indent: -1000px; overflow: hidden; width: 234px; height: 88px; background: url('images/twitter_follow.jpg') 0 0 no-repeat;}
			.website a{display: block; text-indent: -1000px; overflow: hidden; width: 234px; height: 88px; background: url('images/visit_website.jpg') 0 0 no-repeat;}

			.twitter a:hover, .website a:hover {background-position: 0px -88px;}

#footer{width: 700px; margin: auto; text-align: left; padding: 10px 0px 100px 0px; font: 12px/18px Georgia, sans;}

.spacer{height: 100px; width: 1px;}
em{font-style: oblique;}