/*  
Theme Name: THATCamp CHNM 2010
Theme URI: http://thatcamp.org/
Description: The awesome theme for THATCamp 2010.
Version: 1.0
Author: Jeremy Boggs
Author URI: http://clioweb.org/
*/

/* == Reset == */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* == Generic == */
body {
    color: #444; 
    font:62.5% "Lucida Grande", Arial, Helvetica, sans-serif;
    background: #444 url("http://chnm2010.thatcamp.org/ui/i/macro/thatcamp08-1.jpg") 0 -100px no-repeat fixed;
}

/* Headings */
h1 {
    font-size:3em;
    line-height: 1.3333em;
    margin-bottom:0.6667em;
}

h2 {
    font-size:2em;
    line-height: 1.5em;
    margin-bottom:0.5em;
    color: #999;
}

h3 {
    font-size:1.5em;
    line-height: 1.3333em;
    margin-bottom:0;
    font-weight:bold;
}
h1 a, h2 a, h3 a {text-decoration:none;}

/* Misc Elements */
p,ul,ol,dl,blockquote,address {
    font-size:1.3em;
    margin-bottom: 1.5384em;
    line-height:1.5384em;
}
ul {
    list-style:disc;
}

ul ul {
    font-size:1em;
    list-style:circle;
    margin-left:1.5384em;
}
ol {}
dl {}
blockquote p { font-size: 1em;  margin-left: 5em; }
address {}

em,i {font-style:italic;}
strong,b {font-weight:bold;}

textarea {
    max-width:100%;
}

/* Components */

.pic p, p.caption {font-size:11px; font-weight:bold; }
.project p {font-weight:bold;}

a {font-weight:bold;text-decoration:none;}
a:link {color: #c50;}
a:visited {color: #c80;}
a:focus {color: #c80;}
a:hover {color: #c80; text-decoration:underline; }
a:active {color: #c50;}

/* Reusable classes */

.group:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

* html .group {
    zoom: 1;
}

/* == Wrap == */

#wrap,
#login {background: #fcfcfc; border: 10px solid #333; border-width: 10px 0;margin: 40px auto;width:720px; padding: 0 60px 40px;
    box-shadow:0 0 30px rgba(0,0,0,0.5);
    -moz-box-shadow:0 0 30px rgba(0,0,0,0.5);
    -webkit-box-shadow:0 0 30px rgba(0,0,0,0.5);
    }

/* Header == */
#header {margin: 0 -60px 40px; padding: 50px 60px 30px; border-bottom:1px dotted #999;position:relative; background: #444;}
	
	#user-login {position:absolute; top:0; padding: 12px 18px 8px; background: #333;right: 0px; text-align:right; font-size: 11px; color: #fafafa;}
	#user-login a {color: #eee;}

/* == Content == */
#explanation {
    font-size:1.8em;
    line-height:1.5em;
    font-weight:bold;
}

#explanation a {
    color: #c50 !important;
}

#primary {
    float:left; 
    width: 472px;
}

#schedule #primary {
    float:none;
    width: 100%;
}

#secondary {
    float:right; 
    width: 210px; 
}

#schedule #secondary {
    float:none;
    width: 100%;
}

#secondary a {
    color: #357;
    text-decoration:underline;
}

#secondary a:hover {
    color: #38c;
}

#secondary #primary-nav {
    margin-left: 1.5384em;
    font-weight:bold;
}

#secondary #primary-nav a {
    text-decoration:none;
    font-weight:bold;
}

/*== Sidebar ==*/

.sticky {
    margin-right: -80px;
    padding: 20px;
    background: #b3deea;
    box-shadow:0 0 20px rgba(0,0,0,0.4);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.4);
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.4);
    margin-bottom:20px;
}

.sticky h2 {
    font-size:1.3em;
    line-height: 1.5384em;
    margin:-20px -20px 20px;
    background:#79a5b1;
    color: #fff;
    padding: 10px 20px;
}

#register {
    padding:0;
}
#register a {
    text-decoration:none;
    background: #c62;
    color: #fff;
    font-size: 1.5em;
    text-align:center;
    display:block;
    padding: 20px 0;
}

#register a:hover {
    background: #c50;
    color: #fff;
    text-decoration:none;
}

.sticky ul li ul li {
     margin-bottom: 1px;
     margin-top: 1px;
}     

#twitter {
    list-style:none;
}

#twitter li {
    border-bottom: 1px dotted #79a5b1;
    padding-top:20px;
}
#twitter li * {
    font-size:0.9em;
}

#secondary #twitter a {
    border:none;
    padding:0;
    background:transparent;
}

#secondary #twitter p {
    margin-right: 70px;
}

#secondary #twitter p a {
    display:inline;
}

#secondary #twitter p a.author-name {
    display:block;
    padding: 0;
}

#twitter li img {
    float:right; 
    width: 52px; 
    height: 52px;
    border:4px solid #79a5b1;
}

#recent-comments, #recent-comments ul { 
     list-style: none; 
     margin-top: -1em;
}

#recent-comments li ul li { 
    border-bottom: 1px dotted #79a5b1;
    padding-top:20px;
    font-size: .9em;
    padding-bottom: 20px; 
}
    
#countdown-timer, #countdown-timer ul { 
     list-style: none; 
     margin-top: -1em;
}

#post-list, #post-list ul { 
     margin-top: -1em;
}

#post-list li { 
    padding-top:10px;
    font-size: 1.2em;
    padding-bottom: 10px; 
}

#bottom-navigation {

     font-size: 1.5em;
}


/* -- Campers Page -- */

#campers .camper {
    float:left; 
    width: 120px;
    height: 160px;
    margin-right:10px;
}

.camper img {
    width: 75px;
    height: 75px;
}

/* == Login == */

.login {margin-top:0 !important;border-top-width:0 !important;}
.login form {
    width: 472px;
    margin-left:0;
    padding:0;
    font-weight:normal;
    -moz-border-radius:0;
    -khtml-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0;
    background:#fff;
    border:0 !important;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    -khtml-box-shadow:none;
    box-shadow:none;
}
#login h1 a {
    display:block;
    background-color: #444;
    background-image:none;
    background-image:url("http://chnm2010.thatcamp.org/files/2012/02/thatcamp-logo.gif");
    background-position:50% 50%;
    height: 200px;
    width: 720px;
    
}

#login h1 {display:block; width: 720px; background: #444; margin: 0 -60px 40px; padding: 10px 60px;}

#registration-message h1 {margin-bottom:18px;}

.login #nav {
    margin-left:0; padding-left:0;
    border-top:1px dotted #ccc;
    margin-top: 40px;
}

#login #about,
#login .custom_textarea {
    height: 200px;
}

body.login #login #registration-message h1 {display:block;}

body.login #login #login_error {width: 468px; float:left; border-width:0; background-color: #fff09e; font-size:13px;margin:0 0 18px; padding:18px;}

#nav { clear:left; width: 504px; margin:0;}

#backtoblog {display:none;}

#registerform p input, #registerform p textarea {background:#f6f6f6; border:1px solid #ccc;font-size:14px; font-family:"Lucida Grande", Arial, sans-serif; color: #333;margin-bottom:18px;}
#registerform p input:focus, #registerform p textarea:focus {background:#fff;}

#registerform p input {margin-bottom:18px;}
#registerform p small {display:none;}

#loginform p {
    text-align:left !important;
}

/* == Single Post == */
#post-navigation {overflow:hidden; border-top:1px dotted #ddd; padding-top:18px; clear:both;}
#post-navigation li {display:block; float:left; width: 48%;}
#post-navigation li.alignright {float:right; text-align:right;}

#respond {clear:both; border-top: 1px dotted #ddd; padding-top: 18px;}
#commentform textarea, #commentform input {border:1px solid #bbb; padding: 4px;border-bottom-color: #ddd; border-right-color: #ddd;}
#commentform textarea {width: 604px; }

#commentform input#submit {border:1px solid #ddd; border-bottom-color: #bbb; border-right-color: #bbb;}

/* == Footer == */
#footer {
    margin: 0 -60px -40px;
    padding: 40px 60px;
    clear:both;
    background: #eee;
}

/* == Comments == */

li p { 
     font-size: 12px !important; 
}

/* == Nav Spacing Fix (Sorry so awkward -- AF) == */

.page-item-67 {
      margin-bottom: -18px; 
}