/*
Theme Name: The Unconventional Book Tour
Theme URI: http://www.unconventionalbooktour.com/
Description: Chris Guillebeau's Book Tour
Version: 1
Author: Reese Spykerman
Author URI: http://www.designbyreese.com/
Modified: June 23, 2010, 11:30 pm EST
*/

/* ----- COLORS 
background: eae6b6
content background: ffffff
content: 353535

use 12px for spacing
----- */


/* - - - - - - - - - MAIN (body, links, blockquotes, lists) - - - - - - - - - */

body {
background: #eae6b6 url(images/ubt-bg.gif) repeat;
margin: 0;
padding: 0;
font-family: georgia, bookman old style, times new roman, times, serif;
font-size: 12px;
color: #353535;
}

a {text-decoration: none; color: #69642a;}
a:hover {color: #cc5c19;}
a:visited {color: #cc5c19;}

a img {
border: 0;
}

blockquote {
background-color: #896d53;
padding: 12px;
width: 280px;
float: right;
margin: 0 0 0 20px;
font-style: italic;
color: #000;
font-size: 15px;
line-height: 21px;
}

ul, ol, li, p {
list-style: none;
margin: 0;
padding: 0;
}

h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
font-weight: normal;
}

.entry ul {
margin: 0 0 0 20px;
}

.entry ul li {
background: url(images/icon-list.png) no-repeat 50% 0;
padding: 0 0 0 20px;
}

.entry ol li {
list-style: decimal;
}

.entry p {
0 0 12px 0;
}

.entry a {
text-decoration: underline;
}

a img {
border: 0;
}

/* - - - - - - - - - LAYOUT - - - - - - - - - */
#container {
width: 930px;
margin: 0 auto;
}

#header {
width: 930px;
float: left;
text-align: center;
padding-bottom: 6px;
padding-top: 10px;
position: relative;
}

#home-page #header h1 {
text-indent: -9999px;
height: 1px;
font-size: 1px;
}


#header ul#navigation {
float: left;
clear: left;
width: 930px;
text-align: center;
}

#main {
position:relative;
width: 930px;
float: left;
clear: left;
margin: 0 auto;
background: url(images/ubt-middlewrap.png) repeat-y top left;
}

#primary-content {
clear: both;
float: left;
width: 475px;
padding-left: 70px;
}

#secondary-content {
float: right;
width: 213px;
padding-right: 70px;
}

.how #secondary-content {
float: right;
width: 213px;
padding-top: 5px;
padding-right: 90px;
}

#footer {
margin: 0 auto;
text-align: center;
clear: both;
position: relative;
float: left;
width: 930px;
padding: 6px 0 15px 0;
}

#home-page #primary-content {
text-align: center;
padding-top: 20px;
padding-left: 70px;
width: 255px;
}

#home-page #secondary-content {
padding-top: 0;
padding-right: 80px;
width: 445px;
}

#inside-page #heading {
width: 930px;
text-align: center;
margin: 0 auto;
background: url(images/icon-fleur.gif) no-repeat top center;
padding: 40px 0 20px 0;
float: left;
}


#inside-page.how #primary-content img.float-left {
float: left;
padding: 6px 18px 40px 0;
}
/* - - - - - - - - - NAVIGATION - - - - - - - - - */
#header ul#navigation {
width: 930px;
padding:8px 0 0 0;
margin: 0;
}

ul#navigation li {
display: inline;
padding: 0 21px;
text-transform: uppercase;
font-size: 12px;
}

ul#navigation li.last {
padding-right: 0;
}

/* cufon */
ul#navigation li a {
color: #69642a;
}

/*
 * Signup
 */
 .entry h2{
 	margin-bottom:10px;
 	}
 .errorList li{
 	margin-bottom:5px;
 	list-style-type: disc; list-style-position: inside;
 	color:#920000;
 	}
 form .checkbox{
 	float:left;
 	width:18px !important; margin:-7px 10px 5px 0 !important;
 	}
 form div{
 	clear:both;
 	}
 #recognizeForm{
 	padding-top:5px !important;  	margin-bottom:10px;
 	}
 #volunteerForm{
 	padding-top:10px !important;
 	}
 .right{
 	float:right;
 	}
 .left{
 	float:left;
 	}
 .clear{
 	clear:both;
 	}
 .txt-center{
 	text-align:center;
 	}
 #tweet{
 	height:42px; width:220px; margin-left:6px; margin-top:0px; padding:2px;
 	font-family:verdana; font-size:8pt;
 	}
 #loginViaTwitter{
 	display:block;
 	background:url(http://unconventionalbooktour.com/wp-content/themes/ubt/images/button-login.gif);
 	height:31px; width:151px;
	 }
 #volunteerSubmit{
 	display:block;
 	height:31px !important; width:93px !important;
	 }
 #sendTweet{
 	display:block;
 	height:31px !important; width:101px !important; margin-top:5px !important;
 	}
 input.text{
 	padding-left:10px; height:25px !important;
 	font-size:14px;
 	}

/*
 * Timeline
 */
#timelineShell{
	clear:both; position:relative;
	width:806px; height:118px; margin:0 auto; overflow-x:scroll; overflow-y: hidden;
	}
#timeLineDots{
	position:absolute; top:158px; left:191px;
	width:680px; height:1px;
	border-bottom:1px dotted #ccc;
	}
#timeline{
	width:6981px; padding-top:25px;
	}
.month{
	position:relative; z-index: 3; display:block; float:left;
	margin-top:-30px; margin-left:-11px;
	background:#fff; border-color:#fff; border-style:solid; border-width:0 14px;
	font-size:19pt;
	}
.monthHead{
	position:absolute;  display:none;
	margin-top:-3px;
	font-size:19pt;
	}
.event{
	float:left; cursor:pointer;
	min-width:70px; padding-right:20px; margin-right:1px;
	}
.event:hover{
	color:#888;
	}
.event span{
	display:block;
	padding:0px 4px 2px 4px; margin-left:-2px;
	color:#DDDDDD; font-size:2.2em;
	}
.event-selected > span{
	color:#EFDC86 !important;
	}
.event table{
	font-size:1.1em;
	}
#event-details{
	position:absolute;
	width:771px; height:54px; padding:20px 20px 20px 15px;
	background:#fff; opacity:.9; filter:alpha(opacity=90); font-size:1.3em; line-height:160%;
}
#event-head{
	font-style:italic; font-size:1.2em;
	}
#event-thanks{
	position:absolute; right:13px; top:14px;
	font-size:.8em; margin-top:-3px;
	text-align:center; line-height:140%;
	}
#wehrt{
	font-size:1.4em;
}
#cohost{
	font-variant: small-caps;
}
#event-details a{
	text-decoration: underline;
	}

/*
 * Browse
 */
 
#browseTbl .picImg{
 	width:32px; height:32px;
 	}
#browseTbl tr{
 	height:32px;
 	}
 	
/*
 * Contact
 */
#contactTbl{
	width:800px;
	}
#contactTbl input.inp{
	padding:3px;
	border:1px solid #aaa;
	font-size:1.2em;
	}
#contactTbl input.subject{
	width:400px;
	}
#contactTbl textarea{
	height:150px; width:400px; padding:3px;
	border:1px solid #aaa;
	font-family:lucida Grande, lucida sans unicode;
	}
 
/* 
 * Map
 */
