/*
Theme Name: Climbmore
Theme URI: http://www.redboatdesign.com
Description: 
Version: 1.0
Author: PaulLeeson
Author URI: http://www.redboatdesign.com
Tags: 
	
*/

/* Wake up Site - Start */

*{margin:0;padding:0;list-style:none;}

body {
	
	font:62.5% "trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	color: #333;
	
}

/* Headings and Misc */

h1 {color: #0066CC; font-size: 1.9em; font-weight:normal; letter-spacing: 0px; padding: 0; margin: 0;}

h1.toggler { color:#fff;text-align:center; text-decoration: none;  width: 300px; height: 25px; background-color: #333; padding: 5px; margin-top:5px;}
h1.toggler a {display: block; width: 100%; height: 100%; text-decoration: none; font-size: 1em}
h1.toggler a:hover {display: block;color:#ccc; }

h2 {color:#333;font-size: 1.6em; font-weight:normal; letter-spacing: 0px;}
h2.widgettitle {color:#fff;text-align:center; text-decoration: none;  width: 300px; height: 25px; background-color: #333; padding: 5px; margin-top:5px;margin-bottom: 5px;}


h3 {color:#333;font-size: 1.6em; font-weight:bold; letter-spacing: 0px; margin-top:5px;}
h4 {color:#333;font-size: 1.5em; font-weight:bold; letter-spacing: 0px; margin-top:5px;}
h5 {color:#333;font-size: 1.4em; font-weight:bold; letter-spacing: 0px; margin-top:5px;}
h6 {color:#333;font-size: 1.3em; font-weight:bold; letter-spacing: 0px; margin-top:5px;}



p {color:#333; font-size: 1.2em;font-weight:normal; margin-top: 5px; padding:0; line-height: 1.5em; margin-bottom:20px;}
a {color:#333; text-decoration:underline;}
a:hover {color:#333; text-decoration:none;}




.clear{clear:both;}
.green {color: #0066CC;}
.grey {background: #333; color:#fff; }

small { font-size: 1.2em; color:#666; line-height: 1.5em;}


hr { height: 1px; color: #ccc; margin-bottom: 10px;}


.widget.widget_search {background: #fff; padding: 5px;}
.widget.widget_categories {background: #fff; border-bottom: 0px solid #ccc; padding: 5px 5px 20px 5px; }
.widget.widget_tag_cloud {background: #fff; border-bottom: 0px solid #ccc; padding: 5px 5px 20px 5px; }
.widget.widget_text {background: #fff; border-bottom: 0px solid #ccc; padding: 5px 5px 20px 5px; }
.widget_recent_comments {background: #fff; border-bottom: 0px solid #ccc; padding: 5px 5px 20px 5px; }

img {border: 0;}

.accordion {overflow: hidden;}
.accordion img {float: left; margin: 5px 5px 0 5px;}
.accordion p {padding:0 20px 5px 10px; margin:0 0 0 0; font-size: 1.4em;}

li a {color:#0066CC; text-decoration:none; }
li a:hover {color:#333; text-decoration:none;}

/* Start of wrapper */

#container{width:1000px;margin:10px auto 0; background: #ffffff; overflow:hidden;}

#top {float:left; width:1000px; margin-top:5px;font-size:1.3em; height: 90px; border-top: #ccc solid 1px;}

#top-left{float:left; padding-left:12px; margin-top:10px;}

#top-right{float:right; padding-right:20px; margin-top:30px;}
#top-right ul{line-height: 1.5em;}
#top-right ul li{ color:#666; font-size: 1.1em;  line-height: 1.5em; text-align:right;}
#top-right li a {color:#0066CC; text-decoration:none; letter-spacing: 0px;}
#top-right li a:hover {color: #333;}

/* nav stuff */
#nav {float:left; width:1000px; padding:0; margin: 15px 0 0 0; font-size:1.1em; height: 34px; border-top: #ccc solid 1px; border-bottom: #ccc solid 1px;}
* html #nav {float:left; width:1000px; padding:0; margin: 15px 0 0 0; font-size:1.1em; height: 34px; border-top: #ccc solid 1px;}
#nav-nav{ float: left;}
	
#nav ul{ padding-left: 5px;padding-top: 7px; padding-bottom: 5px; }
#nav ul li{display:inline; padding: 0 10px 0 10px;}
#nav li.current_page_item  a:link, #nav li.current_page_item  a:visited, #nav li.current_page_item  a:active {color: #333;}
#nav li.current_page_parent  a:link, #nav li.current_page_parent  a:visited, #nav li.current_page_parent a:active {color: #333;}

#nav ul li a {color:#0066CC; font-size: 1.4em;text-decoration:none; letter-spacing: 0px;}
#nav ul li a:hover {color: #333;}

#sub-nav {float:left; width:1000px; padding:0; margin: 0 0 0 0; font-size:1.1em; height: 34px;}
#sub-nav-nav{ float: left;}
#sub-nav ul{ padding-left: 5px;padding-top: 7px; padding-bottom: 5px; }
#sub-nav ul li{display:inline; padding: 0 10px 0 10px;}
#sub-nav ul li.icons {display:inline; padding: 0 3px 0 3px;}

#sub-nav li.current_page_item  a:link, #sub-nav li.current_page_item  a:visited, #sub-nav li.current_page_item  a:active {color: #333;}
#sub-nav ul li a {color:#0066CC; font-size: 1.4em;text-decoration:none; letter-spacing: 0px; }
#sub-nav ul li a:hover {color: #333;}


#searchclimbs {float: left; width:200px;}

/* Cont content */

#main {float: left; min-height: 380px; width: 980px; padding:0 10px 0 10px; margin:0px; }
* html #main {float: left; height: 380px; width: 980px; padding:0 10px 0 10px; margin:0px; }

#left{width:320px;float:left; margin-top: 5px; margin-left: 0px; }
.leftcontent{margin:0px 0 0 0; }


.spacer {height: 20px;}
#left ul {margin-left:0px; padding:0px; list-style: none; }
#left ul li{ font-size: 1.2em; color:#333; margin-bottom: 3px; line-height: 1.5em; letter-spacing: 0px; list-style: none;}

#left ul.children  {margin-left:15px; padding:0px; list-style: none; }
#left ul.children li { font-size: 1em; color:#333; margin-bottom: 3px; line-height: 1.5em; list-style: none;}
#left li.current-cat  a:link, #left li.current-cat  a:visited, #left li.current-cat  a:active {color: #333;}

#left .blogger {margin-bottom: 10px;}

#left .blogger ul{margin-left:10px; padding:2px; list-style: none;}
#left .blogger ul li{ font-size: 1.2em; color:#333; line-height: 1.5em; padding: 3px; list-style: none; }

#left .blogger h2 {color:#333;font-size: 1.3em; font-weight:normal; letter-spacing: 0px;}
#left img {border: 0px solid #ccc; padding: 5px;} 


#right{width:640px; float:left;  margin:5px 0 0 20px;}
.rightcontent{min-height: 255px;}
* html .rightcontent{height: 255px;}
.rightcontent p {font-size: 1.5em; color: #333; padding: 0 0 10px 0; margin :0;}
.rightcontent a {color:#0066CC; text-decoration:none; }
.rightcontent a:hover {color:#333; text-decoration:none; }
#right h2 {padding-bottom: 5px;}
/* .rightcontent img {float: left; padding: 5px; border: #ccc solid 1px; margin: 5px 5px 5px 0;} */

#right ul {margin-left:15px; padding:3px; list-style: square; }
#right ul li{ font-size: 1.4em; color:#333; margin-bottom: 3px; line-height: 1.5em; letter-spacing: 0px; list-style: square;}

#right ol {margin-left:20px; padding:3px; list-style: decimal; }
#right ol li{ font-size: 1.4em; color:#333; margin-bottom: 3px; line-height: 1.5em; letter-spacing: 0px; list-style: decimal;}


h1.top {color:#666; font-size:2.4em; line-height: 1.5em; padding-top:5px;}
h1.bottom {color:#999; font-size: 2.2em; line-height: 1.5em;  margin:15px 0 0 0; padding: 0;}

.rightcontent h2.bottom {color:#0066CC;font-size: 2.2em; font-weight:normal; margin:15px 0 0 0; letter-spacing: 0px;}


#banner {height: 100px; margin-bottom: 15px; margin-top: 10px; }
.rightbanner-end {float: left; height: 100px; width: 16px; background: url(banner-end.gif) 0 0 no-repeat;}
.rightbanner {float: right; height: 100px; width: 614px; padding-left: 10px; background-color: #0066CC;}

.rightbanner h2 {font-size: 2.2em; color: #fff; padding: 10px 0 0 0; margin: 0;}
.rightbanner p { font-size: 1.6em; color: #fff; padding: 0; margin: 0 0 0 0;}
.rightbanner a { color: #333;text-decoration:none;}
.rightbanner a:hover { color: #fff; text-decoration:none;}


#forum {width:960px; float:left;  margin:0 0 0 5px;}
.forumcontent{font-size: 1.2em; }

#forum img {border: 1px solid #ccc; padding: 5px;} 

#bottom {float: left; min-height: 200px; width: 1000px; padding:0 0 0 0; margin:0px; border-top: #ccc solid 1px; background: #fff;}
* html #bottom {float: left; height: 200px; width: 1000px; padding:0 0 0 0; margin:0px; border-top: #ccc solid 1px; background: #fff;}

#bottom-left{width:320px;float:left; margin-top: 10px; margin-left: 10px;  }
.bleftcontent{margin:10px 0 5px 0; }
.bleftcontent h2 {font-size: 2.2em; color: #0066CC;}
.bleftcontent p { font-size: 1.4em; color: #666; padding: 5px 10px 0 0; margin :0;}
.bleftcontent a { color: #0066CC;}
.bleftcontent a:hover { color: #333;}


#bottom-right{float:left; width:650px;}
.brightcontent{margin:10px 0 5px 10px; }
.brightcontent h3 {font-size: 2.2em; color: #0066CC;}
.brightcontent p { font-size: 1.4em; color: #666; padding: 5px 0 0 0; margin :0 0 0 0;}
.brightcontent a { color: #0066CC;}
.brightcontent a:hover { color: #333;}


#bottom-one {width:333px; float:left; border-right: #ccc solid 1px;}
#bottom-one h3 {font-size: 2em; color: #fff; text-align: center; font-weight:normal; padding: 3px 0 0 0; margin: 0 0 0 0;}
#bottom-one h3 a {display: block; width: 100%; height: 100%; color: #fff; text-decoration:none;}
#bottom-one h3 a:hover { height: 100%;color: #ccc; text-decoration:none;}
.bottom-one-top {width:333px; height: 35px; background: #333; color: #fff;}
.bottom-one-img {width:333px; padding: 10px 0 10px 0;}
.bottom-one-img img {display: block; margin-left: auto; margin-right: auto;}


#bottom-two {width:333px; float:left; border-right: #ccc solid 1px;}
#bottom-two h3 {font-size: 2em; color: #fff; text-align: center; font-weight:normal; padding: 3px 0 0 0; margin: 0 0 0 0;}
#bottom-two h3 a {display: block; width: 100%; height: 100%; color: #fff; text-decoration:none;}

#bottom-two h3 a:hover {color: #ccc; text-decoration:none;}


.bottom-two-top {width:333px; height: 35px; background: #333; color: #fff;}
.bottom-two-img {width:333px; padding: 10px 0 10px 0;}
.bottom-two-img img {display: block; margin-left: auto; margin-right: auto;}


#bottom-three {width:330px; float:left; }
#bottom-three h3 {font-size: 2em; color: #fff; text-align: center; font-weight:normal; padding: 3px 0 0 0; margin: 0 0 0 0;}
#bottom-three h3 a {display: block; width: 100%; height: 100%;color: #fff; text-decoration:none;}
#bottom-three h3 a:hover {color: #ccc; text-decoration:none;}

.bottom-three-top {width:330px; height: 35px; background: #333; color: #fff;}
.bottom-three-img {width:330px; padding: 10px 0 10px 0;}
.bottom-three-img img {display: block; margin-left: auto; margin-right: auto;}




#footer{ float: left; width:1000px; margin: 0 0 0 0; border-top: #ccc solid 1px; }
.footercontent {float: left; margin:10px 0 0 10px; font-size: 1.2em;  font-weight:normal;}
.footercontent p {font-weight:normal;  padding:0; margin-bottom:10px;}
.footerlogo {float: right; margin:10px 0 10px 0; }

#footer a:link {font-size: 1em; font-weight: normal; text-decoration: none;  color: #999; }
#footer a:visited {font-size: 1em;font-weight: normal;text-decoration: none;  color: #999;}	
#footer a:visited:hover {font-size: 1em;font-weight: normal; text-decoration: underline; color: #ccc;}
#footer a:hover, a:active {font-size: 1em;font-weight: normal;text-decoration: underline; color: #ccc;}







/* Slidye things*/
#box8{position:absolute;top: 5px;}
#box8 div{width:650px;float: left;padding-left: 10px;height: 200px;overflow:hidden;}
.mask1{position:relative;width:650px;height:200px;overflow:hidden;}
span img{float: left;display:block;padding: 10px;border: #ccc solid 1px;margin-right: 10px;}

/* Blog things*/

.entry {margin-bottom: 10px; }	
.entry a {color: #0066CC;text-decoration:none; }
.entry  a:hover {color: #666; text-decoration:none; }
.entry  a:active {color: #0066CC; text-decoration:none; }
.rightcontent h2 { color: #0066CC; font-size: 1.9em; font-weight:normal; letter-spacing: 0px; padding: 0; margin: 0;}	

#comments {font-size: 1.4em;}	

li.comment p {font-size: 1em;}
.commentlist  li, #commentform input, #commentform textarea {font-size: 0.9em;}
.commentlist li ul li {font-size: 1em;}
.commentlist li {font-weight: bold;}
.commentlist li .avatar {float: right;  border: 1px solid #eee; padding: 2px; background: #fff;}
.commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal; font-size: 1.1em;}
.commentmetadata {font-weight: normal;}
#commentform input {width: 170px; padding: 2px;margin: 5px 5px 1px 0;}
#commentform {margin: 5px 10px 0 0;}
#commentform textarea {width: 100%; padding: 2px;}
#respond:after {content: ".";  display: block; height: 0; clear: both; visibility: hidden;}
#commentform #submit {margin: 0 0 5px auto; float: right;}



.navigation {width: 100%;}



blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}
	
/* Begin Images */
p img {
	max-width: 100%;
	padding: 5px; 
	border: #ccc solid 1px; 
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {font-size: 1.2em;  float: right;}

.alignleft {font-size: 1.2em; float: left;}

/* End Images */