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

TextDrive Base Stylesheet
(c) Copyright 2005 Justin French, TextDrive Inc.

This serves as a reasonable set of default values that could be applied to all TextDrive web sites
and web applications over time.  Please only add to this stylesheet if the rules are generic and
sensible defaults.

--------------------------------------------------------------------------------------------------*/
#wrap			{ width:600px; margin:0 auto; }
#logo img	{ display:block; margin:1em auto 0 auto; }
#footer		{ font-size:11px; line-height:140%; text-align:center; }
#content	{ text-align:center; padding:0 2em; }

hr				{ height:0; border:0; border-top:1px solid #ccc; margin:0; padding:0; margin:1em 0;}
h1				{ font-family:georgia,serif; font-weight:normal; font-size:40px; }

p {text-align: left;}

#logo h1 {text-align: center; padding-top:20px;margin-bottom:0;}
#logo p {text-align:center;font-weight:bold;}
#logo {margin-bottom:40px;}

/* MISC
--------------------------------------------------------------------------------------------------*/
.clear                { clear:both; height:0px; overflow:hidden; }
.clear-left           { clear:left; height:0px; overflow:hidden; }
.clear-right          { clear:right; height:0px; overflow:hidden; }
.hide, .hidden        { display:none; }
.item                 { margin-bottom:2em; }


/* TYPOGRAPHY 
--------------------------------------------------------------------------------------------------*/
body									{ background:white; color:#000; }
body, table           { font-family:verdana; font-size:12px; line-height:160%; }
h1,h2,h3,h4,h5,h6,p,pre,table,blockquote
											{ margin:0 0 1em 0; padding:0; }
h1,h2,h3,h4,h5,h6			{ line-height:1.1em; margin-bottom:.5em; }

small                 { font-size:11px; line-height:11px; }
sup                   { font-size:10px; line-height:10px; vertical-align:30%;  }
sub                   { font-size:10px; line-height:10px; vertical-align:30%;  }
del										{ text-decoration: line-through; }
ins										{ text-decoration: none; }

p+h2									{ margin-top:1em; }
p+h3									{ margin-top:1em; }
p+h4									{ margin-top:1em; }


/* LISTS
--------------------------------------------------------------------------------------------------*/
ul                    { margin:0; padding:0; padding-left:2em; margin-bottom:1em; }
ul li                 { margin:0; padding:0; }          
ol                    { margin:0; padding:0; padding-left:2em; margin-bottom:1em; }
ol li                 { margin:0; padding:0; }
ol ol									{ margin-bottom:0; list-style:lower-roman; }
ol ol	li							{ list-style-type:lower-roman; }


/* IMAGES
--------------------------------------------------------------------------------------------------*/
a img                 { border:none; }


/* LINKS
--------------------------------------------------------------------------------------------------*/


/* TABLES
--------------------------------------------------------------------------------------------------*/


/* FORMS
--------------------------------------------------------------------------------------------------*/

form                  { margin:0; padding:0; margin-bottom:1em;  }
fieldset              { margin:0; padding:0; margin-bottom:2.5em; border:0; }
input,textarea,select	{ border:1px solid #aaa; font-family:verdana, sans-serif; font-size:1em; }



div.fieldWithErrors   { display:inline; } /* hack for Rails automated error fields stuff */
input.full, 
textarea.full, 
select.full           { display:block; width:99%; position:static;}
.item label           { display:block; }
.checkbox label       { display:inline; }

/* COUNTDOWN */
/* jQuery Countdown styles */
.hasCountdown {
	border: 1px solid #ccc;
	background-color: #eee;
	height:85px;
	padding-top:40px;
	margin-bottom:20px;
}
.countdown_rtl {
	direction: rtl;
}
.countdown_holding div {
	background-color: #ccc;
}
.countdown_row {
	clear: both;
	width: 100%;
	text-align: center;
}
.countdown_show1 div {
	width: 100%;
}
.countdown_show2 div {
	width: 50%;
}
.countdown_show3 div {
	width: 33%;
}
.countdown_show4 div {
	width: 25%;
}
.countdown_show5 div {
	width: 20%;
}
.countdown_show6 div {
	width: 16%;
}
.countdown_show7 div {
	width: 14%;
}
.countdown_section {
	float: left;
	font-size: 75%
}
.countdown_amount {
	font-size: 500%;
}
.countdown_descr {
	width: 100%;
}
