/* 	
	Tweetrush 	CSS v.2 
	author: 	gokonski@wp.pl
*/

/* RESET */
* { margin:0; padding:0; font-family:verdana, arial, tahoma, serif; }
body { text-align:left; background:#337db1 url(../images/bg.gif) 0 0 repeat-x; font-size:62.5%; height:100%; line-height:1.8em; }
html { height:100%; }
a { text-decoration:none; outline:none; border:none; color:#175d9a; }
input { outline:none; }
li { list-style:none; }
img { vertical-align:middle; border:none; } 
hr { display:none; }

/* LAYOUT */
h1 { text-indent:-9999px; }
h1 a { width:250px; height:225px; display:block; background:url(../images/logo.png) no-repeat; }
div.ajax { padding:3em 2em; min-height:25em; text-align:center; font-size:.9em !important;  }
div.ajax p { padding:.2em !important; clear:both;  border-bottom:1px dashed #eee; color:#555; }
div.ajax a { display:block; float:left; width:150px; text-decoration:underline; }
input.submit { vertical-align:middle; border:none; height:34px; width:84px !important; background:url(../images/submit.png) 0 0 no-repeat; cursor:pointer; }
input.submit:hover { background-position:0 -34px; }
object { min-height:20em; }
.clear { clear:both; }
.center { text-align:center !important; }
.loading { background:url(../images/loading.gif) center no-repeat; }

div#main { width:980px; position:relative; padding-bottom:5em; min-height:100%; height:auto !important; height:100%; } 

div#sidebar { width:280px; font-size:1.2em; margin-bottom:2em; float:left; }
div#sidebar div { padding:0 10px 0 20px; color:#eee; }
div#sidebar div p { margin:1em 0; text-align:justify; font-size:1.2em; }
div#sidebar div a { color:#a4daff; text-decoration:underline; }
div#sidebar div a#rushhour { width:225px; height:69px; display:block; background:url(../images/rushhour.png) no-repeat; text-indent:-9999px; margin-top:30px; }

div#content { width:600px; padding:1px 50px 2em 50px; background:url(../images/content.png) 0 center repeat-y; margin-left:280px; position:relative; text-align:justify; }
div#content h2 { color:#3385d6; font-size:1.6em; text-align:left; margin-top:2em; }
div#content h2 span { color:#888; }
div#content p { font-size:1.4em; line-height:1.6em; padding:.5em 0; }
div#content em { font-style:italic; color:#069; }
div#content cite { color:#c2242a; }
div#content div.hr { height:1px; background:#eee; width:100%; margin-top:1em; }
div#content object { margin:2em auto; }
div#content div#bottom { position:absolute; bottom:-27px; left:0; width:700px; height:27px; background:url(../images/bottom.png) no-repeat; }

div.search { position:relative; padding:1.5em; margin:0 0 2em -34px; width:580px; color:#fff; font-size:1.2em; background:#3467b2 url(../images/gradient.png) 0 0 repeat-x; }
div.search p { white-space:nowrap; }
div.search input { margin:0 10px; vertical-align:middle; border:none; font-size:1em; padding:2px; color:#666; }
div.search select { margin:0 10px; width:18em; vertical-align:middle; border:none; font-size:1em; padding:2px; color:#666; }
div.search .tr { position:absolute; right:0; top:0; }
div.search .br { position:absolute; right:0; bottom:0; } 

/* Main Page */
div#left { float:left; width:250px; display:block; }
div#right { float:right; width:300px; display:block; }

/* User Page */
a#faqLink { display:block; font-weight:bold; background:#fff799; width:25em; margin:0 auto 2em auto; padding:.5em 2em; text-align:center; font-size:1.2em;}

/* Contact Page */
form#contact { width:500px; margin:2em auto 0 auto; }
form#contact p { padding:0 0 1em 0; }
form#contact label { display:block; color:#3385d6; font-size:.9em; }
form#contact input,
form#contact textarea { width:99%; padding:2px; color:#666; }
form#contact textarea { height:10em; }
div#success { color:#387019; padding:1em 5%; width:90%; background:#dcffc8; font-weight:bold; font-size:1.2em; border:1px solid #71c940; margin:1em auto 2em auto; text-align:center; }

/* Faq */
ol { padding:2em; margin-left:1em; font-size:1.2em; line-height:1.6em; }
ol li { list-style:decimal; }
div#faq h3 { color:#069; font-size:1.4em; border-bottom:1px solid #eee; padding:.5em; margin-top:1em; }
div#faq p { padding:1em; font-size:1.2em; line-height:1.8em; }

/* Footer */
#footer { color:#fff; padding:3em 0; text-align:right; clear:both; background:#002f51; font-size:1.2em; }
#footer ul { width:950px; margin:0 auto; }
#footer li { display:inline; padding:0 1em; } 
#footer a { color:#fff; font-weight:bold; }
#footer a:hover { color:#337db1; }