/*  
Theme Name: think it over
Description: custom theme for thinkwalks.org website
Version: 1.0
Author: jesseAe
Author URI: www.mutemanifold.com
*/


/* --------------------------------------------------------------------------------------------------------------------------- GENERAL STYLING */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img{ 
	margin:0px;
	padding:0px;}

ul {
	list-style-type:none;}

p{
	font-size:1em;}
	
html, body{
	height:100%;}
	
body{
	width:100%;
	font-family:Georgia, Times New Roman, serif;
	font-size:100%;
	color:#000000; 
	background:#ffffff url('./images/thinkwalks_GFX_background.png') repeat-y 50% 0;}

h1,h2,h3,h4,h5,h6{
	font-family:Calibri, Helvetica, Arial, sans-serif;}

h1{
	font-size:2.2em;}
	
h2{
	font-size:1.6em;}
	
#sidebar-left h2{
	font-family:impact;}
	
#fullWrap{
	width:800px;
	margin-left:auto;
	margin-right:auto;
	background-color:#ffffff;}


/* --------------------------------------------------------------------------------------------------------------------------- FONT / TEXT STYLING */
.clear{
	clear:both;}
.hidden{
	visibility:hidden;}
.floatBreak{
	visibility:hidden;
	clear:both;
	font-size:1px;
	line-height:1px;}
.strong{
	font-weight:800;}
.justify{
	text-align:justify;}
.italic{
	font-style:italic;}
.whiteLetters{
	color:#ffffff;}
.uppercase{
	text-transform:uppercase;}
.lowercase{
	text-transform:lowercase;}
.whiteText{
	color:#ffffff;}
.purpleText{
	color:#96436C;}
.blackText{
	color:#000000;}
.greenText{
	color:#99CC00;}
.rustText{
	color:#691640;}
.altFont{
	font-family:Georgia, Times New Roman, serif;}
.logoFont{
	font-family:Impact, Georgia, Times New Roman, serif;
	text-transform:uppercase;}
.smallText{
	font-size:.5em;}
.inline{
	display:inline;}
	
/* --------------------------------------------------------------------------------------------------------------------------- TEXT LINKS */

a:link, a:visited, a:active, a:hover{text-decoration:none;}

#navigation a:link, #navigation a:visited, #navigation a:active {color:#000000; text-decoration:none; margin:0; border:0 none;}
#navigation a:hover {color:#96436C; margin:0; border:0 none;}

#subNav a:link, #subNav a:visited, #subNav a:active {color:#96436C; text-decoration:none; margin:0; border:0 none;}
#subNav a:hover {color:#000000; margin:0; border:0 none;}

#container a:link, #container a:visited, #container a:active {color:#691640; text-decoration:none;}
#container a:hover {color:#fe950f; text-decoration:none;}

#blogSnips a:link, #blogSnips a:visited, #blogSnips a:active {color:#691640; text-decoration:none; border-bottom:1px dotted #000000;}
#blogSnips a:hover {color:#96436C; text-decoration:none;}

#blogSection a:link, #blogSection a:visited, #blogSection a:active {color:#691640; text-decoration:none; border-bottom:1px dotted #000000;}
#blogSection a:hover {color:#000000; text-decoration:none;}

#tourCalendar a:link, #tourCalendar a:visited, #tourCalendar a:active {color:#691640; text-decoration:none; border-bottom:1px dotted #000000;}
#tourCalendar a:hover {color:#000000; text-decoration:none;}

#sidebar-left a:link, #sidebar-left a:visited, #sidebar-left a:active {color:#691640; text-decoration:none; border-bottom:1px dotted #000000;}
#sidebar-left a:hover {color:#000000; text-decoration:none;}

#footer a:link, #footer a:visited, #footer a:active {color:#691640; text-decoration:none;}
#footer a:hover {color:#ffffff; text-decoration:none;}

a:link.evenLink, a:visited.evenLink, a:active.evenLink {color:#691640 ! important; text-decoration:none;}
a:hover.evenLink {color:#ff0000 ! important; text-decoration:none;}

a:link.oddLink, a:visited.oddLink, a:active.oddLink {color:#691640 ! important; text-decoration:none;}
a:hover.oddLink {color:#ff0000 ! important; text-decoration:none;}

.sideContent a:link, .sideContent a:visited, .sideContent a:active {color:#691640; text-decoration:none;}
.sideContent a:hover {color:#fe950f; text-decoration:none;}

#text-3 a{border-bottom:0 !important;} /* testimonials widget */

/* --------------------------------------------------------------------------------------------------------------------------- HEADER STRUCTURE */

#header{
	position:static;
	border-top:5px solid #5f144f;
	background-color:#ffffff;
	padding-top:5px;
	width:800px;}

a#thinkwalksLogo{
	display:block;
	float:left;
	width:293px;
	height:58px;
	margin:6px 0 0 5px;
	background:url('./images/Thinkwalks_OFF.png') 0 0;}
/*a:hover#thinkwalksLogo{
	background:url('./images/Thinkwalks_ON.png') 0 0;}*/

#navigation{
	float:right;}
	
#navigation ul{
	padding-top:43px;}

#navigation li, #subNav li{
	float:right;
	padding:0 10px;}
	
#navigation h2{
	font-size:1em;}

#subHeader{
	color:#c0ce5f;}
	
#headerDivide{
	width:800px;
	height:5px;
	border-top:7px solid #5f144f;
	border-bottom:3px solid #c0ce5f;}
	

a#tagline{
	display:block;
	float:left;
	width:394px;
	height:25px;
	margin:4px 0 2px 5px;
	background:url('./images/nerdy_slogan_OFF.png') 0 0;}
a:hover#tagline{
	background:url('./images/nerdy_slogan_ON.gif') 0 0;}
	
#subNav{
	float:right;}
	
#subNav ul{
	padding-top:5px;}
#subNav h2{
	font-size:1.2em;}

#subNav span{
	font-size:1em;
	font-weight:bold;
	float:right;}
	
/* --------------------------------------------------------------------------------------------------------------------------- STRUCTURE */

#container{
	width:800px;
	background-color:#ffffff;}

#middleContent{
	float:left;
	width:444px;
	font-size:.8em;
	background-color:#ffffff;}

#middleGoodies{
	float:left;
	width:624px;
	font-size:.8em;
	background-color:#ffffff;}

#introBox{
	padding:0 0 10px 10px;}

#blogSnips, #faqContent{
	padding: 10px 10px;}
#blogSnips h2{
	font-size:1.2em;}

#welcomeImg{
	margin-bottom:3px;}

#thinkBlurb{
	padding:10px 10px 0 0;}
	
#thinkBlurb ul{
	list-style-type:none;}
	
#calendar{
	background-color:#c0ce5f;
	float:right;
	padding:10px 15px 15px 15px;
	margin:0 0 5px 10px;
	width:250px;}

.calTitle{
	color:#000000;}

#blogBanner{
	width:100%;
	margin-left:10px;
	padding:5px 10px;
	color:#ffffff;
	background-color:#c0ce5f;}
	
.excerpt{
	padding:10px 0;}

.contentTitle{
	color:#96436C;
	padding-bottom:5px;}

#middleSlider{
	width:434px;
	margin-left:10px;}

#wisdom{
	padding:10px;}


/* --------------------------------------------------------------------------------------------------------------------------- MIDDLE CONTENT */	
/* ----------------------------------------------------------------- SHARED -- */

#blogSection, #tourContent{
	margin-bottom:15px;}

#blogSection h2, #tourCalendar h2, #tourContent h2, #pageContent h2{
	color:#96436C;}

.sectionTitle{
	padding:10px;}

.sectionTitle h2, #blogLogo h2{
	display:inline;}

.commentlist{
	margin-bottom:25px;}

#pageContent{
	padding:10px;}
#pageContent p{
	margin-bottom:5px;}
	
/* ----------------------------------------------------------------- BLOG -- */
#blogSection h3{
	font-family:Georgia, Times New Roman, serif;}
#blogSection p{
	text-align:left;
	margin-bottom:5px;}

#blogLogo{
	padding:10px 10px 0 10px;}

.blogContent{
	padding:0 10px 10px 10px;}
	
.blogDetails{
	padding:0 0 5px 0;
	/*border-bottom:1px dotted #ffffff;*/
	margin:0 0 10px 0;}

.blogHeader{
	padding:5px 0;}

.entry{
/*	border-bottom:1px dotted #000000;*/
	padding-bottom:5px;
	margin-bottom:5px;}

.feedback{
	margin-bottom:25px;}
	
.postmetadata{
	padding-bottom:10px;
	text-indent:0;}
	
.blogNav {
	padding: 0 0 10px 0;
	font-size:.8em;
	width:420px;}
.blogNav a, .blogNav a:visited {
	color: #999999;}
.navControls{
	width:150px;
	float:right;}
.navItem{
	float:right;}

#comment{
	width:420px;}

/* ----------------------------------------------------------------- TOURS -- */

#tourContent{
	padding:10px;}
#tourContent p{
	color:#000000;
	margin-bottom:5px;}

#tourCalendar{
	padding:10px;}
.rsvp{
	padding:10px;}

/* ----------------------------------------------------------------- FAQ -- */

#faqBlock{
	font-size:1em;
	margin-bottom:15px;}
#faqBlock li{
	padding:2px 0;}
	
.faqQ{
	font-size:1.2em;
	color:#96436C;}
.faqA{
	padding-left:15px;}

.faqItem{
	padding-bottom:10px;}

/* ----------------------------------------------------------------- GOODY SHOP -- */

.merchItem{
	float:left;
	width:280px;
	min-height:218px;
	padding:5px;
	margin:10px 10px 10px 0;
	border:1px solid #000000;
	background-color:#ffffff;}
.merchPic{
	float:right;
	margin-left:5px;
	margin-bottom:5px;}
.merchDeets p{
	text-indent:0 ! important;}
.merchPrefs{
	clear:both;
	width:280px;}
.merchPrefs img{
	width:165px;
	height:18px;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;}
	
.merchCart{
	clear:both;}

/* --------------------------------------------------------------------------------------------------------------------------- SIDEBARS */

/* ---------------------------------------------------------------------------------------------------- LEFT */

#sidebar-left{
	width:180px;
	float:left;
	background-color:#ffffff;
/*	border-right:3px solid #c0ce5f;*/
	background-color:#ffffff;}

#leftSlider{
	width:180px;}

#randomImg{
	width:180px;
	height:227px;}
	
#randomImg img{
	width:180px;
	max-height:227px;}

.splashQuotes, .learnQuotes{
	padding-left:10px;}

.splashQuotes{
	margin-top:15px;
	min-height:100px;}
.learnQuotes h2{
	font-family:impact;}

.splashQuotes p:first-line, .learnQuotes p:first-line{
	font-variant:small-caps;}
.splashQuotes p:first-letter, .learnQuotes p:first-letter{
	font-size:1.2em;}

.sideCaption{
	background-color:#ffffff;
	padding:5px 5px 7px 5px;
	font-size:.9em;}

.widget_sp_image img{
	border:0;}
.widget_sp_image a{
	border-bottom:0 !important;}
	
#widget_sp_image-4{ /*buy this gfx*/
	margin:20px 0 5px 0;}
	
#widget_sp_image-3{ /*featured item*/
	border:1px solid #000000;
	padding:10px;
	margin-bottom:20px;}
	
#widget_sp_image-3 h2{
	display:block;
	width:112px;
	height:20px;
	color:#ffffff;
/*	margin-left:auto;
	margin-right:auto;*/
	background-image:url('./images/buy_this.png');}
	
.widget_sp_image-description p{
	font-size:.8em}	
	
.widgettitle{
	margin-bottom:10px;}

.sideContentLeft{
	padding:10px 0 30px 10px;}

/* ---------------------------------------------------------------------------------------------------- RIGHT */

#sidebar-right{
	width:170px;
	float:left;
/*	border-top:3px solid #c0ce5f;*/
/*	border-left:3px solid #c0ce5f;*/
	background-color:#ffffff;}

#sidebar-right-widgets{
	margin-bottom:15px;}

#sideMenu{
	width:161px;
	margin-left:auto;
	margin-right:auto;}
#sideMenu a{
	margin:10px 0;}

a#subscribeLink{
	display:block;
	width:161px;
	height:28px;
	background:url('./images/tw_WEB_sideMenuSprite.png') 0 0;}
a:hover#subscribeLink{
	background:url('./images/tw_WEB_sideMenuSprite.png') 0 -28px;}

a#volunteerLink{
	display:block;
	width:161px;
	height:28px;
	background:url('./images/tw_WEB_sideMenuSprite.png') -161px 0;}
a:hover#volunteerLink{
	background:url('./images/volunteer_ON.gif') 0 0;}
	
a#researchersLink{
	display:block;
	width:161px;
	height:28px;
	background:url('./images/tw_WEB_sideMenuSprite.png') -322px 0;}
a:hover#researchersLink{
	background:url('./images/tw_WEB_sideMenuSprite.png') -322px -28px;}

a#newToSfLink{
	display:block;
	width:161px;
	height:28px;
	background:url('./images/tw_WEB_sideMenuSprite.png') -483px 0;}
a:hover#newToSfLink{
	background:url('./images/new-visiting-advice_ON.gif') 0 0;}
	
a#bikeToursLink{
	display:block;
	width:161px;
	height:28px;
	background:url('./images/tw_WEB_sideMenuSprite.png') -644px 0;}
a:hover#bikeToursLink{
	background:url('./images/tw_WEB_sideMenuSprite.png') -644px -28px;}

.sideMenuLink{
	height:50px;
	width:116px;
	margin:5px 0 15px 0}
.sideMenuLink p{
	font-size:.8em;
	text-align:center;
	vertical-align:middle;}

.linkcat{
	padding:10px 0;}
#linkListBox li h2{
	font-size:.8em;}

.xoxo{
	font-size:.8em;
	list-style-type:none;
	padding:0;
	margin:0;}
	
.xoxo li{
/*	background-image: url('./images/tw_GFX_listMarker.png');*/
	background-repeat: no-repeat;
	background-position:3px 3px;
	padding-left:1em;}
	
.sideContentRight{
	padding:10px 10px 30px 10px;}
	
.widget_links{
	padding-bottom:10px;
	font-size:.8em;}
	
.widgettitle {
	color:#000000;}

#sidebar-middle{
	color:#000000;
	padding:10px 10px 30px 10px;}
	
#sidebar-middle h2{
	color:#96436C;}

/* --------------------------------------------------------------------------------------------------------------------------- FOOTER STRUCTURE */

#footer{
	width:800px;
	margin-left:auto;
	margin-right:auto;
	min-height:100px;
	font-size:.7em;
	background-color:#c0ce5f;
	padding:0 0 0 0;}
	
#footerContent{
	margin-left:auto;
	width:775px;
	margin-right:auto;
	padding-top:10px;}

#siteDirectory01, #generalInfo, #tourInfo, #tourWalking, #tourBiking{
	padding:0 25px 0 0;
	margin-bottom:10px;
	float:left;}
	
.leftCol, .rightCol{
	float:left;}
.leftCol{
	margin-right:5px;}
	
.leftBorderList{
	padding:0 10px 0 0;
	margin-top:5px;
	min-height:80px;
/*	border-left:1px solid #000000;*/}

.leftBorderListEnd{
	padding:0;}

#credits{
	width:320px;
	float:right;
	padding:0 0 5px 0;}
#credits li{
	display:inline;}

#cc{
	width:320px;
	float:left;
	padding:5px 0 20px 0;}
#cc ul{
	list-style-type:none;}	

#footer p{
	padding:0;}