/* -----------------------------------------------------------------------

   Blueprint CSS Framework 0.7.1
   http://blueprintcss.googlecode.com

   * Copyright (c) 2007-2008. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* grid.css */
.container {width:950px;margin:0 auto;}
.showgrid {background:url(http://localhost:3000/stylesheets/src/grid.png);}
body {margin:1.5em 0;}
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
div.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:950px;margin:0;}
.append-1 {padding-right:40px;}
.append-2 {padding-right:80px;}
.append-3 {padding-right:120px;}
.append-4 {padding-right:160px;}
.append-5 {padding-right:200px;}
.append-6 {padding-right:240px;}
.append-7 {padding-right:280px;}
.append-8 {padding-right:320px;}
.append-9 {padding-right:360px;}
.append-10 {padding-right:400px;}
.append-11 {padding-right:440px;}
.append-12 {padding-right:480px;}
.append-13 {padding-right:520px;}
.append-14 {padding-right:560px;}
.append-15 {padding-right:600px;}
.append-16 {padding-right:640px;}
.append-17 {padding-right:680px;}
.append-18 {padding-right:720px;}
.append-19 {padding-right:760px;}
.append-20 {padding-right:800px;}
.append-21 {padding-right:840px;}
.append-22 {padding-right:880px;}
.append-23 {padding-right:920px;}
.prepend-1 {padding-left:40px;}
.prepend-2 {padding-left:80px;}
.prepend-3 {padding-left:120px;}
.prepend-4 {padding-left:160px;}
.prepend-5 {padding-left:200px;}
.prepend-6 {padding-left:240px;}
.prepend-7 {padding-left:280px;}
.prepend-8 {padding-left:320px;}
.prepend-9 {padding-left:360px;}
.prepend-10 {padding-left:400px;}
.prepend-11 {padding-left:440px;}
.prepend-12 {padding-left:480px;}
.prepend-13 {padding-left:520px;}
.prepend-14 {padding-left:560px;}
.prepend-15 {padding-left:600px;}
.prepend-16 {padding-left:640px;}
.prepend-17 {padding-left:680px;}
.prepend-18 {padding-left:720px;}
.prepend-19 {padding-left:760px;}
.prepend-20 {padding-left:800px;}
.prepend-21 {padding-left:840px;}
.prepend-22 {padding-left:880px;}
.prepend-23 {padding-left:920px;}
div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}
.pull-1 {margin-left:-40px;}
.pull-2 {margin-left:-80px;}
.pull-3 {margin-left:-120px;}
.pull-4 {margin-left:-160px;}
.pull-5 {margin-left:-200px;}
.pull-6 {margin-left:-240px;}
.pull-7 {margin-left:-280px;}
.pull-8 {margin-left:-320px;}
.pull-9 {margin-left:-360px;}
.pull-10 {margin-left:-400px;}
.pull-11 {margin-left:-440px;}
.pull-12 {margin-left:-480px;}
.pull-13 {margin-left:-520px;}
.pull-14 {margin-left:-560px;}
.pull-15 {margin-left:-600px;}
.pull-16 {margin-left:-640px;}
.pull-17 {margin-left:-680px;}
.pull-18 {margin-left:-720px;}
.pull-19 {margin-left:-760px;}
.pull-20 {margin-left:-800px;}
.pull-21 {margin-left:-840px;}
.pull-22 {margin-left:-880px;}
.pull-23 {margin-left:-920px;}
.pull-24 {margin-left:-960px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}
.push-1 {margin:0 -40px 1.5em 40px;}
.push-2 {margin:0 -80px 1.5em 80px;}
.push-3 {margin:0 -120px 1.5em 120px;}
.push-4 {margin:0 -160px 1.5em 160px;}
.push-5 {margin:0 -200px 1.5em 200px;}
.push-6 {margin:0 -240px 1.5em 240px;}
.push-7 {margin:0 -280px 1.5em 280px;}
.push-8 {margin:0 -320px 1.5em 320px;}
.push-9 {margin:0 -360px 1.5em 360px;}
.push-10 {margin:0 -400px 1.5em 400px;}
.push-11 {margin:0 -440px 1.5em 440px;}
.push-12 {margin:0 -480px 1.5em 480px;}
.push-13 {margin:0 -520px 1.5em 520px;}
.push-14 {margin:0 -560px 1.5em 560px;}
.push-15 {margin:0 -600px 1.5em 600px;}
.push-16 {margin:0 -640px 1.5em 640px;}
.push-17 {margin:0 -680px 1.5em 680px;}
.push-18 {margin:0 -720px 1.5em 720px;}
.push-19 {margin:0 -760px 1.5em 760px;}
.push-20 {margin:0 -800px 1.5em 800px;}
.push-21 {margin:0 -840px 1.5em 840px;}
.push-22 {margin:0 -880px 1.5em 880px;}
.push-23 {margin:0 -920px 1.5em 920px;}
.push-24 {margin:0 -960px 1.5em 960px;}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.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;}

/* CSS Document */

body {
    background: #000000;
	margin: 0px;
}

a {
	color: #3366CC;
	text-decoration: none;
}

.container {
	background: #FFF url(../images/site/bkgd.gif) repeat-y;
}

.header {
	height: 148px;
	background: #3366CC url(../images/site/bkgd_header.jpg) no-repeat;
}
.header h1 {
	display: none;
}

.network {
	height: 20px;
	text-align: right;
}

.line {
	border-top: 3px solid #666633;
	margin: 18px 0 0 0;
}
.heading {
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 14px;
	line-height:18px;
	margin-bottom:5px;
	color: #666633;
	text-transform:uppercase;
}
.heading i {
	text-transform:lowercase;
}

#right p, #right h2, #right ul {
	padding: 0 10px 0 10px;
}

.issuestats, .issuetheme, .breadcrumbs {
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 12px;
	color: #666633;
	margin: 0px;
	text-transform:uppercase;
}

.note {
	margin: 0 0 10px 0;
	padding: 10px;
	background-color: #d3d3d3;
	border: 1px #484848 dotted;
}



/* MENUS */

#nav {
	height: 22px;
	background: #666633 url(../images/site/bkgd_nav.jpg) repeat-x;
}
#nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#nav li {
	display: block;
	height: 22px;
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 14px;
	font-weight: 100;
}
#nav a {
	color: #FFFFFF;
	text-decoration:none;
}

/* main menu */
.mainnav li {
	float: left;
	background: url(../images/site/nav_bkgd.jpg) top right no-repeat;
	padding: 1px 30px 0 15px;
}

#home .nav-home, #archives .nav-archives,
#gallery .nav-gallery, #discuss .nav-discuss,
#blogs .nav-blogs, #backpage .nav-backpage {
	background: url(../images/site/nav_bkgd-selected.jpg) top right no-repeat;
}
#archives .nav-home, #gallery .nav-archives,
#discuss .nav-gallery, #blogs .nav-discuss, #backpage .nav-blogs {
	background: url(../images/site/nav_bkgd-adjacent.jpg) top right no-repeat;
}

/* sub menu */
.subnav li {
	float: right;
	margin: 0 10px 0 20px;
}

/* section menu */
.sectionnav ul {
	list-style: none;
	text-align: right;
	margin: 0 10px 0 0;
}
.sectionnav li {
	padding: 5px 0 5px 0;
	border-bottom:  #999 dotted thin;
}



/* LOGIN, SEARCH AND COMMENT FORMS */

form li {
	padding: 0 0 5px 0;
}

#login {
	background: #484848;
	color: #FFF;
	padding-top: 15px;
}
#login fieldset, #search fieldset, #postcomment fieldset, #accountinfo fieldset, #posttags fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
#login legend, #search legend, #postcomment legend, #posttags legend {
	display: none;
}
#accountinfo legend {
	padding: 15px 0;
	font-size: 16px;
	font-weight: normal;
	color: #333333;
}
#login ul, #search ul, #postcomment ul, #accountinfo ul, #posttags ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#login li, #search li {
	display: block;
	float: left;
}
#login label {
	width: 10px;
	margin: 2px 5px 0 10px;
	float: left;
	text-align: right;
	display: block;
	font-weight: normal;
}
#postcomment label, #posttags label {
	width: 110px;
	margin: 2px 5px 0 10px;
	position: absolute;
	text-align: right;
	font-weight: normal;
}
#search label {
	display: none;
}
#login input, #search input {
	width: 90px;
	border: none;
	background: #FFF;
}
#postcomment input,
#postcomment textarea, #postcomment select,
#posttags input {
	width: 250px;
	margin-left: 130px;
	border: 1px #CCC thin;
	background: #FFF;
}
#accountinfo input.radio {
	width: 20px;
}
#accountinfo .expmo {
	width: 20px;
}
#accountinfo .expyr {
	width: 50px;
	margin-left: 0;
}

#search input {
	width: 220px;
	margin-left: 10px;
}
#login .submit input, #search .submit input,
#postcomment .submit input, #accountinfo .submit input,
#posttags .submit input, #login .commit input, #search .commit input,
#postcomment .commit input, #accountinfo .commit input,
#posttags .commit input {
	width: 50px;
	height: 18px;
	margin-left: 10px;
	padding: 0;
	border: none;
	background: url(../images/site/bt_484848.gif) top left no-repeat;
	color: #FFF;
	text-align: center;
	font-size: 11px;
}
#search .submit input, #search.commit input {
	background: url(../images/site/bt_d3d3d3.gif) top left no-repeat;
}
#postcomment .submit input, #accountinfo .submit input,
#posttags .submit input, #postcomment .commit input, #accountinfo .commit input,
#posttags .commit input {
	background: url(../images/site/bt_FFFFFF.gif) top left no-repeat;
	margin: 0 0 10px 125px;
}
#login p {
	padding-top: 10px;
	text-align: right;
}
#postcomment p, #posttags p {
	padding-top: 10px;
	margin-left: 125px;
}
#accountinfo p {
	margin-left: 125px;
}
#login a {
	color: #CCCCCC;
}

/* logged in */
.logindetails {
	font-size: 11px;
}
#login .logindetails p {
	padding: 0 0 0 10px;
}

.loginphoto {
	padding-bottom: 10px;
}


/* CATEGORIES AND AFFILIATES */

#category-list ul, #affiliates ul {
	list-style: none;
	margin: 0;
}
#category-list li, #affiliates li {
	width: 145px;
	float: left;
	display: block;
	padding-bottom: 10px;
}
#category-list p, #events p {
	margin: 10px 0 10px 0;
}
#affiliates img {
	margin: 0;
}


/* SPONSOR AND EVENTS */

#sponsor {
	margin-top: 10px;
}
#sponsor img, #events img {
	padding: 0 10px 0 10px;
}
#sponsor p {
	text-align: right;
}



/* DAILY ASTERISK */

.quote {
	background: url(../images/site/quote_begin.gif) top left no-repeat;
}
.quote br {
	background: url(../images/site/quote_end.gif) bottom right no-repeat;
}


/* LISTS */

.recent, .upcoming {
	margin: 0;
}
.recent li, .upcoming li, .logindetails li {
	font-size: 11px;
	list-style:none;
	margin: 0 0 10px 0;
	line-height: 14px;
}
.upcoming li {
	margin-left: 10px;
}
.recent a, .upcoming a {
	text-decoration: none;
}
.reglist li {
	list-style: url(../images/site/bullet.gif);
	margin: 0 0 10px 10px;
}


/* ISSUE HOME */

#issue a, .columns h3 {
	color: #3366CC;
	text-decoration:none;
}
#issue a:hover, .columns h3 {
	color: #271D08;
	text-decoration:none;
}
#issue h3, .columns h3, #blogs h3 {
	font-size: 16px;
	font-weight:bold;
	line-height:18px;
	margin:0;
}

#issueinfo p {
	padding: 10px 10px 0 10px;
}
#issueinfo {
	margin: 0;
	background-color: #EAEAEA;
	border-bottom: 1px #CCCCCC dotted;
}

.byline {
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 12px;
	color: #999	;
	text-transform:uppercase;
	margin-bottom:5px;
}
.byline i, .byline em {
	text-transform:lowercase;
}

.summary {
	text-align: left;
}



/* ARTICLE PAGE */

.headline {
	color: #3366CC;
	font-size: 30px;
	margin: 0;
}
.subheadline {
	color: #333;
	font-size: 18px;
	margin: 0;
}
#discuss .subheadline {
	margin-bottom: 20px;
}
#posts .byline {
	margin: 5px 0 18px 0;
}
#posts .issuestats, #posts .issuetheme,
#gallery .issuestats, #gallery .issuetheme,
.breadcrumbs {
	margin-top: 10px;
	color:  #999;
}
#posts .issuestats, #gallery .issuestats {
	text-align: right;
}
#posts .issuestats p, #posts .issuetheme p,
#gallery .issuestats p, #gallery .issuetheme p,
.breadcrumbs p {
	margin: 0;
	padding: 0;
}
.breadcrumbs p {
	border-bottom:  #999 dotted thin;
	padding-bottom: 5px;
}

.newtopic {
	text-align: right;
	margin: 15px 0 15px 0;
}
.recenttopic, .recentpiece {
	margin-top: 10px;
	border-top:  #999 dotted thin;
	padding-top: 5px;
}
.recenttopic h3, .recentpiece h3 {
	margin: 0px;
}
.detail {
	font-size: 10px;
}
.number {
	text-align: center;
	font-size: 24px;
}
.articleissue {
	margin: 0;
	border-bottom: #999 dotted thin;
}


/* ARTICLE TOOLBAR */
.articletoolbar {
	float: right;
	margin-top: 5px;
	padding-top: 5px;
	text-transform:uppercase;
	font-size: 10px;
	color: #999;
}

.articletoolbar ul { /* all lists */
	float: right;
	list-style: none;
	line-height: 1;
	margin: 0;
	padding: 0;
}
.articletoolbar li { /* all list items */
	float: left;
}
.articletoolbar a {
	display: block;
	text-decoration: none;
	margin: 0px;
	padding: 2px 0 0 0;
	text-align: right;
	color: #999;
}
.articletoolbar a:hover, .articletoolbar a:active {
	color: #3366CC;
	font-size: 10px;
	text-decoration: none;
}
.technorati {
	background:  url(../images/site/a_icon_technorati.gif) no-repeat left;
}
.email {
	background:  url(../images/site/a_icon_email.gif) no-repeat left;
}
.inputs .email {
  background: none;
}
.print {
	background:  url(../images/site/a_icon_print.gif) no-repeat left;
}
.discuss {
	background:  url(../images/site/a_icon_discuss.gif) no-repeat left;
}
.mark {
	background:  url(../images/site/a_icon_mark.gif) no-repeat left;
}
.tipjar {
	background:  url(http://www.cultureisnotoptional.com/images/a_icon_tip.jpg) no-repeat left;
	height: 16px;
	padding-left: 21px;
}

.addthis_toolbox {
	float: right;
}
.addthis_default_style .at15t_expanded {
	margin-right: 0;
}



/* COMMENTS */

.comment {
	margin-top: 18px;
}
.commenter {
	font-size: 11px;
}



/* ABOUT AND OTHER PAGES */

#gallery-item {
	background: #FFFFFF;
}
.gallery-piece {
	text-align: center;
}
.gallery-piece img {
	float: none;
}

#about .headline, #user .headline {
	margin: 0 0 0 160px;
}
#user .headline {
	font-size: 21px;
	margin-bottom: 10px;
}

#about .subheadline, #user .subheadline {
	margin: 0 0 18px 160px;
}


#profile img {
	padding-bottom: 18px;
}

#profile .detail {
	text-align: right;
}
#profile .recent, #profile .connect p {
	margin: 10px 0 0 20px;
}

#blogs ul.recent {
	padding-bottom: 20px;
}

.articleresponse {
	background: url(../images/site/bkgd_articleresponse.jpg) repeat-x top left;
}



/* FOOTER */

#footer {
	background: #000000;
	color: #FFFFFF;
	line-height: 12px;
	padding: 20px 0 20px 0;
}
#footer img {
	margin: 0px;
}
.footer-info {
	text-align: right;
}
.footer-info a {
	color: #CCCCCC;
	text-decoration: none;
	font-weight: bold;
}

/* -------------------------------------------------------------------------------------------------

It's *strongly* suggested that you don't modify this file.  Instead, load a new stylesheet after
this one in your layouts (eg formtastic_changes.css) and override the styles to suit your needs.
This will allow you to update formtastic.css with new releases without clobbering your own changes.

This stylesheet forms part of the Formtastic Rails Plugin
(c) 2008 Justin French

--------------------------------------------------------------------------------------------------*/


/* NORMALIZE AND RESET - obviously inspired by Yahoo's reset.css, but scoped to just form.formtastic
--------------------------------------------------------------------------------------------------*/
form.formtastic, form.formtastic ul, form.formtastic ol, form.formtastic li, form.formtastic fieldset, form.formtastic legend, form.formtastic input, form.formtastic textarea, form.formtastic select, form.formtastic p { margin:0; padding:0; }
form.formtastic fieldset { border:0; }
form.formtastic em, form.formtastic strong { font-style:normal; font-weight:normal; }
form.formtastic ol, form.formtastic ul { list-style:none; }
form.formtastic abbr, form.formtastic acronym { border:0; font-variant:normal; }
form.formtastic input, form.formtastic textarea, form.formtastic select { font-family:inherit; font-size:inherit; font-weight:inherit; }
form.formtastic input, form.formtastic textarea, form.formtastic select { font-size:100%; }
form.formtastic legend { white-space:normal; color:#000; }


/* SEMANTIC ERRORS
--------------------------------------------------------------------------------------------------*/
form.formtastic ul.errors { color:#cc0000; margin:0.5em 0 1.5em 25%; list-style:square; }
form.formtastic ul.errors li { padding:0; border:none; display:list-item; }


/* FIELDSETS & LISTS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset { overflow:auto; } /* clearing contained floats */
form.formtastic fieldset.inputs { }
form.formtastic fieldset.buttons { padding-left:25%; }
form.formtastic fieldset ol { }
form.formtastic fieldset.buttons li { float:left; padding-right:0.5em; }

/* INPUT LIs
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li { padding:0.5em 0; margin-top:-0.5em; margin-bottom:1em; } /* padding and negative margin juggling is for Firefox */
form.formtastic fieldset > ol > li { overflow:auto; } /* clearing contained floats */

form.formtastic fieldset > ol > li.required { }
form.formtastic fieldset > ol > li.optional { }
form.formtastic fieldset > ol > li.error { }
  

/* LABELS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li label { display:block; width:25%; float:left; padding-top:.2em; }
form.formtastic fieldset > ol > li > li label { line-height:100%; padding-top:0; }
form.formtastic fieldset > ol > li > li label input { line-height:100%; vertical-align:middle; margin-top:-0.1em;}


/* NESTED FIELDSETS AND LEGENDS (radio, check boxes and date/time inputs use nested fieldsets)
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li fieldset { position:relative; }
form.formtastic fieldset > ol > li fieldset legend { position:absolute; width:95%; padding-top:0.1em; left: 0px; }
form.formtastic fieldset > ol > li fieldset legend span { position:absolute; }
form.formtastic fieldset > ol > li fieldset legend.label label { position:absolute; }
form.formtastic fieldset > ol > li fieldset ol { float:left; width:74%; margin:0; padding:0 0 0 25%; }
form.formtastic fieldset > ol > li fieldset ol li { padding:0; border:0; }


/* INLINE HINTS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li p.inline-hints { color:#666; margin:0.5em 0 0 25%; }


/* INLINE ERRORS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li p.inline-errors { color:#cc0000; margin:0.5em 0 0 25%; }
form.formtastic fieldset > ol > li ul.errors { color:#cc0000; margin:0.5em 0 0 25%; list-style:square; }
form.formtastic fieldset > ol > li ul.errors li { padding:0; border:none; display:list-item; }


/* STRING, NUMERIC, PASSWORD, EMAIL, URL, PHONE & SEARCH OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li.string input, 
form.formtastic fieldset > ol > li.password input, 
form.formtastic fieldset > ol > li.numeric input,
form.formtastic fieldset > ol > li.email input,
form.formtastic fieldset > ol > li.url input,
form.formtastic fieldset > ol > li.phone input,
form.formtastic fieldset > ol > li.search input { width:72%; }

form.formtastic fieldset > ol > li.string input[size], 
form.formtastic fieldset > ol > li.password input[size], 
form.formtastic fieldset > ol > li.numeric input[size],
form.formtastic fieldset > ol > li.email input[size],
form.formtastic fieldset > ol > li.url input[size],
form.formtastic fieldset > ol > li.phone input[size],
form.formtastic fieldset > ol > li.search input[size] { width:auto; max-width:72%; }


/* TEXTAREA OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li.text textarea { width:72%; }
form.formtastic fieldset > ol > li.text textarea[cols] { width:auto; max-width:72%; }


/* HIDDEN OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.hidden { display:none; }

/* BOOLEAN OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li.boolean label { padding-left:25%; width:auto; }
form.formtastic fieldset > ol > li.boolean label input { margin:0 0.5em 0 0.2em; }


/* RADIO OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li.radio { }
form.formtastic fieldset > ol > li.radio fieldset { overflow:visible; }
form.formtastic fieldset > ol > li.radio fieldset ol { margin-bottom:-0.5em; }
form.formtastic fieldset > ol > li.radio fieldset ol li { margin:0.1em 0 0.5em 0; overflow:visible; }
form.formtastic fieldset > ol > li.radio fieldset ol li label { float:none; width:100%; }
form.formtastic fieldset > ol > li.radio fieldset ol li label input { margin-right:0.2em; }


/* CHECK BOXES (COLLECTION) OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li.check_boxes { }
form.formtastic fieldset > ol > li.check_boxes fieldset { overflow:visible; }
form.formtastic fieldset > ol > li.check_boxes fieldset ol { margin-bottom:-0.5em; }
form.formtastic fieldset > ol > li.check_boxes fieldset ol li { margin:0.1em 0 0.5em 0; overflow:visible; }
form.formtastic fieldset > ol > li.check_boxes fieldset ol li label { float:none; width:100%; }
form.formtastic fieldset > ol > li.check_boxes fieldset ol li label input { margin-right:0.2em; }


/* DATE & TIME OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li.date fieldset ol li,
form.formtastic fieldset > ol > li.time fieldset ol li,
form.formtastic fieldset > ol > li.datetime fieldset ol li { float:left; width:auto; margin:0 .3em 0 0; }

form.formtastic fieldset > ol > li.date fieldset ol li label,
form.formtastic fieldset > ol > li.time fieldset ol li label,
form.formtastic fieldset > ol > li.datetime fieldset ol li label { display:none; }

form.formtastic fieldset > ol > li.date fieldset ol li label input, 
form.formtastic fieldset > ol > li.time fieldset ol li label input, 
form.formtastic fieldset > ol > li.datetime fieldset ol li label input { display:inline; margin:0; padding:0;  }


/* -------------------------------------------------------------------------------------------------

Load this stylesheet after formtastic.css in your layouts to override the CSS to suit your needs.
This will allow you to update formtastic.css with new releases without clobbering your own changes.

For example, to make the inline hint paragraphs a little darker in color than the standard #666:

form.formtastic fieldset > ol > li p.inline-hints { color:#333; }

HINT:
The following style may be *conditionally* included for improved support on older versions of IE(<8)
form.formtastic fieldset ol li fieldset legend { margin-left: -6px;}

--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li {
  overflow: visible;
  clear: both;
}
#issue-overview dl { margin: 2em; padding-bottom: 3em; }
#issue-overview dl dt { clear: both; font-weight: bold; float: left; width: 150px; }
#issue-overview dl dd { padding-left: 1em; float: left; }
#issue-overview h4 { font-weight: bold; }
#issue-overview h3 { margin-top: 2em; clear: both; }

form.formtastic>fieldset.inputs {
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 1px dotted black;
}
form.formtastic>fieldset.inputs:last-child {
  border-bottom: none;
}