/*  CSS Document */

* { padding: 0; margin: 0; }

body {font-size: 62.8%; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; background: url(images/bg.png) repeat-x #cbcfa7; }

h1, h2 {font-weight: normal;}

h1 {  color: #fff; width: 155px; height: 70px; position: relative; margin:20px; float: left; }
h1 span {width: 155px; height: 70px; display: block; position: absolute; top: 0; background: url(images/twigest_logo.png);}

h2 { padding:5px 0 5px 20px; border-left: 1px solid #556d6f; width: 200px; float: left; margin: 40px 0 0 0; color: #aee0e5; font-size: 1.5em;}

.reid { position: absolute; top:0; right: 0; margin: 10px 10px 5px 0; border: none;}

#nav { float: right; margin-top: 50px; border-top: 1px solid #556d6f; width: 144px; padding: 5px 10px 0 0; }
#nav li { list-style: none; text-align: right; font-size: 1.2em; margin: 0.25em 0;}
#nav li a { text-decoration: none; color: #556d6f; }
#nav li a:hover { color: #aee0e5; }

.loading {position: absolute; z-index: 103; background: #cbcfa7; padding: 5px 121px; display: none;}
.loading {filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;}

.centerizer { margin: 0 auto; width: 942px; display: none;}
.only { margin: 0 auto; width: 314px;}
.clearer {clear: both;}

.box { width: 314px; background: url(images/box_bg.png) repeat-y; }
.box_top { width: 274px; height: 34px; background: url(images/box_top.png) no-repeat; padding: 30px 20px 0 20px; }
.box_bottom { width: 274px; height: 64px; background: url(images/box_bottom.png) no-repeat; padding: 0 20px; }

.left {float: left;}

.box form { padding: 0 20px;}

h2.box_top {margin-top: 0; padding: 10px 20px 10px 20px; border: none; float: none; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 3.6em; color: #CCCEA7;}
.box h3 {font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 1.6em; color: #566d70;}
.box h3 a { color: #566d70; text-decoration: none;}
.box h3 a:hover { text-decoration: underline;}


label { font-size: 1.4em; color: #2c444e; display: block; font-weight: bold; }
input { font-size: 1.4em; color: #2c444e; font-weight: bold; margin-bottom: 1em; border: 1px solid #cccea7; padding: 3px; }
.box label {padding: 3px;}

.box p {color: #2D444D; font-size: 1.3em; margin: 0.5em 0;}
.box em { font-style: normal; font-weight: bold;}
.box p.following, .box p.followers { text-align: center; background: #CCCEA7; padding: 5px; width: 50px; font-size: 1em;}

.item { margin: 10px 15px; padding: 5px;}
.item .left { width: 60px; padding: 5px;}
.even {background: #eff3d7;}

.post { padding: 5px;}

.how_it_works {color: #566d70;}
.how_it_works h3 {font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 1.6em; margin: 1em 0;}
.how_it_works h4 {font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 1.3em;}


#footer { background: url(images/footer.png) repeat-x top #566d70; clear: both; width: 100%; margin-top: 100px; padding: 20px 0 100px 0; }
#footer p { width: 332px; height: 13px; font-size: 0.6em; position: relative; margin: 0 auto;}
#footer p span { background: url(images/powered_by.png) no-repeat; width: 332px; height: 13px; position: absolute; top:0; left: 0}

/* disclosure */
.disclosure, .disclosure-closed {	margin: 0 0 0 70px; background: #CCCEA7; padding: 5px;}
.disclosure-img { float: left; margin: 2px 5px 0 0; }
.disclosure h1, .disclosure-closed h1, .disclosure h2, .disclosure-closed h2, .disclosure h3, .disclosure-closed h3, .disclosure h4, .disclosure-closed h4 { cursor:pointer; }