/* Reset Everything */
* { padding:0; margin:0;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
li, dd, blockquote, address { margin-left:5%; }
ul li { list-style: circle; }
fieldset { padding: .5em; }
img { border: 0; }

/* General Class styles */
.center { text-align: center; }
.right { text-align: right; }
.small { font-size: xx-small; }
.bold { font-weight: bold; }
.floatRight { float: right; }
.floatLeft { float: left; }
.clear, .cb { clear: both; }
.hide { display: none; }
.important { font-style: italic; font-weight: bold; }

/* Look and feel */
body {
	background-image : url('http://media.too-many-secrets.com/img/why_we_cant_have_nice_things_bg.jpg');
	background-position : bottom right;
	background-repeat: no-repeat;
	background-attachment: fixed;
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; 
}

h1 { font-size: 2.25em; font-weight: normal; letter-spacing: -0.05em; }
h2 { font-size: 1.5em; font-weight: normal; letter-spacing: -0.05em; }
a:link { color: #369; }
a:visited { color: #639; }
a:hover { color: #c63; }
a:active { color: #933; }
#logo a { font-size: 300%; color: #4AA0E0; text-decoration: none; font-weight: normal; letter-spacing: -0.05em; }

label { display: block; cursor: pointer; padding: 0; margin: 1em 0 0; font-weight: bold; }
label.inline { display: inline; }
#new_secret label { margin-bottom: -1em; }

.hint { font-size: 0.8em; color: #999; }

#header, #footer, h1, h2 { 	font-family: 'Century Gothic', 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; }
#header, #footer { width: 100%; float: left; clear: both; }
#main, #ads { float: left; }
#header { font-weight: bold; }
#ads { display: none; padding: 0 1em; width: 160px; }
#main { width: 70%; }

#logo { float: left; padding: 0 0 .5em .5em; margin-bottom: 1em;}
#logo p { margin: 0; }
p.ns { font-size: 60%; }

#main { margin: 0; }
#main > div, #main > p { padding: 0 2em; }

#footer { font-size: 80%; }
#footer .copyright { text-align: right; float: right; padding: 1em 1em 0; }
#footer .links { text-align: left; float: left; padding: 1em 1em 0; }

#menu { float: right; clear: right; padding: 0.5em; }
#menu ul, #menu li { clear: right; display: inline; margin: 0 0.25em; padding: 0; }
#menu { z-index: 100; width: 50%; height: 2em; text-align: right;}

div.s { margin: 1em auto; text-align: left; } /* secret */
div.s div { float: left; }
div.s div.i { width: 5%; text-align: right; } /* id */
div.s div.t { width: 80%; margin: 0 1em; } /* text */
div.s div.t p { margin-top: 0; line-height: 1.2;}
div.s div.i a:hover { color: #000; }

div.buttons button { padding: 0; margin: 0; }
div.buttons .primary { float: left; }
div.buttons .secondary { float: right; }
div.buttons a, div.buttons button{ background: #f5f5f5; margin:0 7px 0 0; border:1px solid #dedede; border-top:1px solid #eee; border-left:1px solid #eee; font-size:100%; text-decoration:none; font-weight:bold; color:#565656; cursor:pointer; padding:0 5px; /* Links */ }
div.buttons button { width:auto; overflow:visible; padding:0 5px; /* IE6 */ }
div.buttons button[type] { line-height:17px; /* Safari */ }
div.buttons button img, div.buttons a img{ margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; }
div.buttons a:hover, button:hover { background: #dff4ff; color:#369; }
div.buttons a:active{ background: #6299c5; border:1px solid #6299c5; color:#fff; }
div.buttons a.positive, button.positive { color:#529214; }
div.buttons a.positive:hover, button.positive:hover { background: #E6EFC2; border:1px solid #C6D880; color:#529214; }
div.buttons a.positive:active { background: #529214; border:1px solid #529214; color:#fff; }
div.buttons a.negative, button.negative { color:#d12f19; }
div.buttons a.negative:hover, button.negative:hover { background:#fbe3e4; border:1px solid #fbc2c4; color:#d12f19; }
div.buttons a.negative:active { background-color:#d12f19; border:1px solid #d12f19; color:#fff; }

/* cf = clearfix */
.cf:after, .ads:after, div.buttons:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cf, .ads {display: block;}

form { width: 50%; }
form input, form textarea { width: 100%; }

form div.buttons { width: 100%; }

#terms_of_use ol li, #privacy_policy ol li { font-weight: bold; }
#terms_of_use ol li p, #terms_of_use ul, #terms_of_use ul li, #privacy_policy ol li p, #privacy_policy ul, #privacy_policy ul li { font-weight: normal; list-style: upper-roman; }

.errorExplanation {
     background-color:#FFEAE8;
     border:1px solid #FF8B7F;
     color:#000;
     text-align:left;
     vertical-align:top;
     padding-top:5px;
     padding-left:20px;
     padding-bottom:10px;
     margin-top:3px;
     margin-bottom:10px;
}

.errorExplanation h2 {
     color:#F0775E;
}

.errorExplanation ul {
     list-style-type: disc;
     list-style-position: inside;
     margin:15px;
     padding:3px;
}

div.pagination { margin: 0.5em 0 !important; }
div.pagination a { padding: 2px 5px !important; margin: 2px; border: 1px solid #AAD; text-decoration: none; }
div.pagination a:hover, div.pagination a:active { border: 1px solid #009; background-color: #eef; }
div.pagination span.current { padding: 2px 5px !important; margin: 2px; border: 1px solid #009; background-color: #009; color: #FFF; }
div.pagination span.disabled { padding: 2px 5px !important; margin: 2px; border: 1px solid #EEE; color: #DDD; }

div.jGrowl div.tms {
	width: 300px;
	background-color: #4AA0E0;
	font-size: 1.2em;
	opacity: 33;
	filter: alpha(opacity=33);
}

div.jGrowl div.tms a {
	color: #fff;
}

#last_viewed {
	float: right;
	padding-right: 0.5em;
}

#last_viewed li {
	font-weight: normal;
}