/*  
Theme Name: High trek Theme
Theme URI: http://www.hightrekc.om
Description: High Trek theme designed by Dave Cuzner and Ebrahim Ezzy
Version: 1.0
Author: Dave Cuzner and Ebrahim Ezzy
Author URI: 
*/
/* structure */
#root {
	background:#E6E5E5;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
}
#container {
	width:845px;
	padding:0 13px 13px;
	margin:0 auto;
	background:#fff;
}
h1, h2, h3 {
	margin-top: 1.5em;
	color: #626456;
}
h1 { font-size: 3em; }
h2 {
	font-size: 1.8em;
	font-weight: normal;
	color: #8D8E85;
}
h3 { font-size: 1em; }
blockquote {
	margin-left: 3em;
	margin-right: 3em;
}
a {
	text-decoration: none;
	color: #3C7BCF;
}
a:hover { color: #f89c53; }
/* Wrapper */

#wrapper { }
/* Header */

#header {
	margin: 0 auto;
	padding:0 0 10px;
}
#header .left { float:left; }
#header .right {
	float:right;
	width:300px;
}
.raceInfo {
	text-align:right;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#3e98d4;
	clear:both;
	padding:10px 0 0;
	line-height:1.2;
}
.raceInfo a { color:#3e98d4; }
.raceInfo a.join {
	background:url(img/arrow_orange.png) no-repeat right;
	padding:0 20px 0 0;
	font-size:14px;
}
.raceInfo a:hover { text-decoration:underline; }
#menu { float: left; }
#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}
#menu li { float: left; }
#menu a {
	display: block;
	float: left;
	height: 25px;
	margin-right: 1px;
	padding: 10px 20px 0 20px;
	text-decoration: none;
	font-size: 1.1em;
	font-weight: bold;
	background: #E9EED0;
	color: #8C8F7D;
}
#menu a:hover {
	background: #DDE6AB;
	color: #2C2E22;
}
#menu .current_page_item a {
	background: #DDE6AB;
	color: #2C2E22;
}
#search {
	float: right;
	padding:10px 0 0;
}
#search fieldset { border: none; }
#search #s {
	width: 153px;
	background:#fff;
	border:1px solid #e4e3e3;
	padding:2px;
	color:#aaa;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:11px;
}
#search #x {
	vertical-align:middle;
	padding:0 5px 0 0;
}
/* Logo */

#logo {
	margin: 0 auto;
	background: #F8F8F8;
	border: 1px solid #B8D03B;
}
#logo h1, #logo h2 {
	float: left;
	margin: 0;
	padding: 0;
	color: #626456;
}
#logo h1 { padding: 30px 5px 0 20px; }
#logo h2 {
	padding: 45px 0 0 0;
	font-style: italic;
	color: #6B92AA;
}
#logo a {
	border: 0;
	background: none;
	color: #626456;
}
#logo a:hover {
	border: 0;
	background: none;
	color: #626456;
}
/* Page */

#pagebody {
	background: #fff url(img/thirdcol.png) repeat-y 689px 0;
	margin:0 0 10px;
}
/* Content */

#content {
	float: left;
	width: 410px;
	background:#fff;
	border-top:3px solid #a6c7e9;
	padding:10px 0 0;
}
#content.widecolumn { width: 741px; }
.post {
	background:#E6E5E5;
	padding:12px 7px 0;
	margin:0 0 20px;
}
.post .title, .pagetitle {
	margin: 0;
	font-weight: normal;
}
.post h1.title {
	font-size: 18px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 5px;
	background:url(img/arrow_blue.png) no-repeat left;
	padding:0 0 0 15px;
	color:#3396D3;
}
.post .entry {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.4;
	padding:0 0 7px;
}
.post p {
	line-height:1.5;
	padding:5px 0;
}
.post .meta {
	margin: 0;
	text-transform: uppercase;
	font-size: .8em;
	font-weight: bold;
	color: #989898;
	width:100%;
	overflow:hidden;
	border-top:5px solid #fff;
	padding:7px;
	margin:0 -7px;
}
.post .meta .left {
	float:left;
	padding:5px 0 0;
}
.post .meta a, active, visited { color:#989898; }
.post .meta a:hover { color:#555; }
.post .meta .sociable {
	margin:0;
	float:left;
}
.post .meta .sociable ul {
	width:100%;
	overflow:hidden;
}
.post .meta .sociable ul li {
	float:left;
	padding:0 7px 0 0;
}
.post .links {
	margin: 0;
	float:right;
	font-weight:normal;
	padding:5px 0 0;
}
.post .tags {
	margin: 0;
	text-transform: uppercase;
	font-size: .8em;
	font-weight: bold;
	background: url(img/img04.gif) repeat-x;
}
.post .links a, .post .tags a { border: none; }
.navigation {
	width:auto;
	overflow:hidden;
	padding:0 0 10px;
}
.alignleft { float: left; }
.alignright { float: right; }
/* Comments */

.commentlist {
	font-size: .9em;
	line-height:1.2;
}
.commentlist li { margin-bottom: 1.5em; }
h3#comments {
	padding:15px 0 5px;
	margin:0 0 10px;
	border-bottom:1px solid #ddd;
}
h3#respond {
	font-size:14px;
	padding:10px 0 5px;
	float:left;
}
#commentform p.logged-in-user {
	padding:10px 0 5px;
	margin:0;
	float:right;
}
#commentform textarea { width:100%; }
#commentform input.button { margin:10px 0 0; }
.commentlist cite {
	font-style:italic;
	font-weight:bold;
}
/* Recent Posts */

#recent-posts { }
#recent-posts h3 { margin: 0; }
#recent-posts p {
	margin: 0 0 1.5em 0;
	font-size: .9em;
}
/* Sidebars */

.sidebar {
	float: left;
	border-top:3px solid #a6c7e9;
	padding:10px 0 0;
}
#sidebar1 {
	width: 255px;
	padding:10px 12px 0 0;
	margin:0 0 0 12px;
}
#sidebar2 {
	width: 155px;
	padding:0;
}
#sidebar2 .wrap {
	border-top:10px solid #fff;
	background:#e6e5e5;
	padding:0 7px 10px;
	text-align:center;
}
#sidebar2 .wrap img {
	margin:0 0 15px;
}
#sidebar2 li ul {
	line-height: normal;
	background: url(img/img04.gif) repeat-x;
}
#sidebar2 li li {
	padding: 5px;
	background: url(img/img04.gif) repeat-x left bottom;
	font-size: .8em;
}
#sidebar2 li a { border: none; }
/* Calendar */

#calendar { }
#calendar caption { font-weight: bold; }
#calendar table {
	width: 100%;
	text-align: center;
	border-collapse: collapse;
}
#calendar thead th {
	background: #CCCCCC;
	color: #FFFFFF;
}
#calendar tbody td { background: #EEEEEE; }
#calendar #today {
	background: #B8D03B;
	font-weight: bold;
	color: #FFFFFF;
}
#calendar a { font-weight: bold; }
#calendar #prev { text-align: left; }
#calendar #next { text-align: right; }
/* Footer */

#footer {
	background:#3396d3;
	padding:20px 12px;
	font-size: .8em;
	clear:both;
}
/* copyright */

.copyright {
	width:845px;
	margin:0 auto;
	text-align:right;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	font-style:normal;
	padding:15px 0;
	color:#aaa;
}
.copyright a, active, visited { color:#666; }
/* rss */
.rss-feed { padding:15px 0; }
.rss-feed h2 {
	margin:0 0 5px;
	line-height:25px;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	display:inline-block;
	color:#3396d3;
}
.rss-feed h2 a, active, visited {
	background:url(img/ico_rss.png) no-repeat right;
	padding:0 28px 0 0;
	color:#3396d3 !important;
}
.rss-feed input.text {
	border:1px dashed #3396d3;
	background:#e4ecf7;
	padding:3px;
	text-align:right;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#3396d3;
	width:180px;
	float:left;
	font-size:11px;
}
.rss-feed input.button {
	background:#3396d3;
	border:1px solid #3396d3;
	padding:2px;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#fff;
	float:right;
	cursor:pointer;
	font-size:11px;
}
.sidebar .nav li.register a { color:#f26739; }
.sidebar .nav li.register a:hover {
	color:#3396d3;
	background:none;
	padding:3px 0;
}
.sidebar .box {
	border-bottom:1px solid #a6c7e9;
	margin:0;
	padding:12px 0;
}
.sidebar .last-box { border:0; }
.sidebar .list h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3396d3;
	padding:0 0 5px;
	margin:0;
	text-transform:uppercase;
	font-weight:bold;
}
.sidebar .list li {
	font-size:13px;
	padding:0;
	font-family:Arial, Georgia, "Times New Roman", Times, serif;
}
.sidebar .box a, active, visited {
	display:block;
	color:#555;
}
.sidebar .box a:hover { color:#f26739; }
.sidebar .list a {
	display:inline-block;
	padding:3px 0;
}
.sidebar .list a:hover {
	background:#3396d3;
	color:#fff;
	padding:3px;
}
.sidebar .categories .cat-item { color:#fff; }
.sidebar .recent-comments em {
	font-style:italic;
	color:#555;
}
.sidebar .shop {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	padding-top:0;
}
.sidebar .shop a, active, visited {
	padding:5px 0;
	display:block;
	color:#3396D3;
}
/* footer */
#footer { color:#fff; }
#footer a, active, visited {
	display:block;
	color:#333;
}
#footer .left {
	float:left;
	width:550px;
}
#footer .right {
	float:right;
	width:260px;
	text-align:right;
}
#footer .links ul {
	float:left;
	width:27%;
	margin:0 30px 0 0;
}
#footer .links ul li.title {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	border-bottom:2px solid #fff;
	padding:0 0 7px;
	margin:0 0 7px;
	font-weight:bold;
}
#footer .links ul li { font-family:Arial, Helvetica, sans-serif; }
#footer .links a, active, visited {
	padding:3px 0;
	display:block;
	font-size:12px;
}
#footer .links a:hover {
	padding:3px;
	color:#3396D3;
	background:#fff;
}
#footer .right h2 {
	margin:0 0 5px;
	line-height:25px;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	display:inline-block;
	color:#fff;
}
#footer .right h2.bookmark a { background:url(img/ico_delicious.png) no-repeat right; }
#footer .right h2 a, active, visited {
	background:url(img/ico_rss.png) no-repeat right;
	padding:0 28px 0 0;
	color:#fff !important;
}
#footer .right h2 a:hover { text-decoration:underline; }
#footer .intro {
	width:230px;
	background:#f26739;
	padding:10px 20px 10px 15px;
	position:relative;
	left:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:normal;
	font-size:11px;
	margin:20px 0 0;
}
#footer .intro p {
	line-height:1.4;
	margin:0 0 5px;
}
#footer .intro a, active, visited {
	color:#f4ca2c;
	border-bottom:1px dashed #f4ca2c;
	display:inline;
	clear:both;
}
#footer .intro a:hover {
	color:#fff;
	border-bottom:1px solid #f4ca2c;
}
/* flick wall */

/* flickr gallery */

.group * {
	margin:0 0 15px;
	padding:0;
	list-style:none;
}
.flickr_gallery { margin:15px 10px; }
.flickr_gallery p.intro {
	font-size:12px;
	color:#999;
	padding:0 0 15px;
}
.groupMeta {
	background:#3497D3;
	padding:5px 10px 0;
	margin:0 0 8px;
	color:#fff !important;
	clear:both;
	width:auto;
	overflow:hidden;
}
.groupMeta h1 {
	color:#fff;
	font-weight:bold;
	font-size:14px;
	margin:0 0 5px;
	padding:5px 0;
	border-bottom:1px solid #fff;
}
.groupMeta h1 a, active, visited { font-size:14px; }
.groupMeta a, active, visited {
	color:#fff;
	font-size:10px;
}
.groupMeta a:hover { color:#F4652B; }
.groupMeta .links { padding:0; }
ul.groupImages {
	width:100%;
	overflow:hidden;
	clear:both;
}
ul.groupImages li {
	float:left;
	overflow:hidden;
	margin:1px;
	width:75px;
	height:75px;
}
ul.groupImages.two li img {
	border:1px solid #fff;
	width:75px;
	height:75px;
}
ul.groupImages.one li img {
	border:1px solid #fff;
	position:relative;
	top:-50px;
	left:-50px;
}
ul.groupImages li:hover img { border:1px solid #444; }
