@charset "utf-8";
/* CSS Document */

/*  
Theme Name: firebug
Theme URI: http://www.blogohblog.com
Description: This is a test theme for socalhikes.
Version: 1.0
Author: Jai Nischal Verma
Author URI: http://www.blogohblog.com
*/

/*+++++++ BODY +++++++*/
* 
{
	margin: 0px;
	padding: 0px;
	list-style:none;
	outline:none;
	text-decoration:none;
}

body 
{ 
	background:url(images/header.gif) repeat-x #FFF;
	text-align:center;
	font:18px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color:#222222;
}

/*+++++++ H1,H2,H3 HYPERLINKS +++++++*/
h2,h3  /* h3=sidebar headers; h2=post title */
{ 
	font-family:24px Verdana, arial, sans-serif;
	color:#454545;
}

h3 
{ 
	padding:20px 0 20px 0;
}

/* content links */
a:hover 
{ 
	color:#000;
}

a 
{ 
	color:#09F;
	font-weight:bold;
}

/*+++++++ MISC +++++++*/
acronym, abbr, span.caps 
{ 
	cursor: help;
}

acronym, abbr 
{ 
	border-bottom: 1px dashed #999;
}

blockquote /* blockquote positioning */
{ 
	margin: 15px 30px 15px 10px; 
	padding:0 20px 0 20px; 
	border-left:1px solid #666666;
	font-style:italic;
}

blockquote cite 
{ 
	margin: 5px 0 0; 
	display: block; 
}

.center 
{ 
	text-align: center;
}

a img 
{
	border: none;
}

pre 
{
	border: solid 1px #9a9a9a;
	color: blue;
	margin: 10px;
	padding:10px;
	background: #f3f2ed;
}

code 
{
	font-size:1.0em;
	color: #000
}

.clear 
{
	clear:both;
}

.space 
{
	clear:both;
	height:20px;
	width:580px;
}

img 
{ 
	border:none;
}

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 
{
	float: right;
}

.alignleft 
{ 
	float: left;
}

html>body #content ul 
{ 
	padding: 0 0 0 30px;
	padding-left: 10px;
} 

html>body #content li 
{ 
	margin: 7px 0 8px 10px;
}

#content ul li:before 
{ 
	content: "\00BB \0020";
}

#content ol 
{ 
	padding:0; 
	margin:0;
}

/*+++++++ MAIN +++++++*/
#wrapper 
{ 
	width:1000px; 
	text-align:left;
	margin:0 auto;
	/*margin:20px auto 20px;*/ 
}

/*#main 
{ 
	width:1000px;
	margin:auto;
}
*/
/*+++++++ HEADER +++++++*/
#header 
{
	width:1000px; 
	height:144px;
	background:url(images/header.gif);
} /* height 72px; margin-bottom:10px; */
/* #logo { width:500px; float:left; height:72px;} THE ORIGINAL LOGO CSS */

#logo 
{ 
	width:361px;
	height:92px;
	float:left; 
} /* width: 383px; height: 121px; */

#logo h1 
{ 
	text-indent:-9999px;
}
#logo h1 a 
{
	display:block;
	background:url(images/logo2.png) no-repeat; 
	height:92px;
	margin-top:5px;
} /* height 72px */

#topsearch 
{ 
	float:right; 
	width: 370px; 
	height: 55px; 
	background: url(images/sbox.gif) no-repeat; 
	margin:15px 0 0 0; 
} /*float: right */

#topsearch #s   /* searchbox font, size, width definition */
{ 
	float: left;
	margin: 9px 0 0 6px; 
	border: 0; 
	width: 320px; 
	background: none; 
	color:#666666; 
	font-size:30px;
	font-family:Verdana, Geneva, sans-serif;
}

#topsearch #go 
{ 
	float: right; 
	width:28px; 
	height:30px;
}

/*+++++++ NAV +++++++*/
#nav 
{ 
	float:left;
	width:auto; 
	height:50px; 
	margin-top:5px; 
}

#nav ul 
{ 
	font-family:"myriad Pro", arial, verdana, sans-serif;
	font-size:37px;
	letter-spacing:-3px;
}

#nav ul li 
{
	display:inline; 
	height:50px; 
	line-height:40px; 
	float:left; 
}

#nav ul li.current_page_item a 
{ 
	font-family:verdana, arial, sans-serif;
	font-size:37px;
	color:#FFF; 
}

#nav ul li.current_page_item a:hover
{ 
	color:#FFF; 
}

#nav ul li a 
{
	color:#CCC; 
	padding:0 20px 0 0;
}

#nav ul li a:hover
{ 
	color:#FFF; 
}

#nav ul li.rsslink a 
{ 
	color:#ff6600;
}

.date 
{ 
	float:right; 
}

/*+++++++ CONTENT +++++++*/
#content 
{
	float:left; 
	width:600px; 
	margin-top:30px;
	padding-right:10px;
	padding-left:10px;
}

#content img 
{
	margin:0 10px 5px 0;
}

#sidebar 
{ 
	float:right; 
	width:370px; 
	margin-top:30px;
}

.boxes 
{
	/*background:url(images/line.png) bottom repeat-x;*/
	padding-bottom:10px; 
	padding-top:10px;
}

.boxes h2
{
	font-family:arial, sans-serif;
	font-size:24px;
	color:#333;
}

.boxes tr td 
{
	padding-right:3px;
} /* banners for 'go on a hike' */

.boxes tr td img 
{
	border:1px solid white;
}  /* banners for 'go on a hike' */

.ads 
{
	margin-right:1px;
}

.ads img 
{
	border:2px solid #101010;
}

.rss 
{

}
/*
.socialbar {padding:10px 0 10px 0; color:#ccc; font:11px Georgia,Times, serif; background:url(images/socialbar.gif) no-repeat top left; padding:30px 10px 0 20px; height:88px; line-height:20px;}
.socialbar span {color:#FF6600;}
.socialbar a:link {color:#72b6cf;}
.socialbar a:hover {color:#9fc253;}
*/
.subscribetext
{
	color:#666;
	border:1px solid #666;
	width:150px;
	padding:2px;
}

.subscribebutton 
{
	background-color:#993300;
	border:none; 
	font-size:11px;
	color:#fff; 
	font-weight:bold; 
	text-align:right;
}

#lsidebar 
{ 
	width:175px; 
	float:left;
}

#rsidebar 
{ 
	width:175px;
	margin-left:10px;
	float:left;
}

#content p 
{
	padding-bottom:10px;
}

#content h2 
{ 
	font:24px verdana, arial, sans-serif;
	text-transform:capitalize;
	padding-bottom:10px;
	font-weight:bold;
}

#content h2 a  /* post title */
{ 
	font:30px trebuchet MS, verdana, arial, sans-serif;
	font-weight:bold;
	color:#333;
	letter-spacing:-1px;
}

#content h2 a:hover
{
	color:#000;
}

#content a
{
	color:#993300;
}

#content a:hover
{
	color:#333;
}

#content p.info /* info below post titles */
{ 
	font-size:15px; 
	text-transform:uppercase; 
	color:#858484; 
	padding-bottom:10px;
}

#content p.postmetadata 
{ 
	width:580px; 
	/*background:url(images/postmeta.png) repeat-x;*/
	height:26px;
	line-height:26px;
	text-transform:uppercase;
	font-size:15px;
	color:#858484;
}

#content p.postmetadata a 
{ 
	color:#993300; /* 'posted in' color */
	font-weight:normal;
	height:26px; 
	line-height:26px;
}

#content p.tags 
{
	width:600px;
	background:url(images/line.png) repeat-x;
	height:26px;
	line-height:26px;
	text-transform:uppercase;
	font-size:15px;
	color:#858484; 
	
}

/*+++++++ NEXT / PREVIOUS PAGES+++++++*/
.navigation 
{
	width:580px; 
	height:20px; 
	margin-bottom:20px;
}

.navigation span.older 
{
	background:url(images/older.png) no-repeat left; 
	padding-left:20px;
}

.navigation span.newer 
{ 
	background:url(images/newer.png) no-repeat right;
	padding-right:20px;
}

/*+++++++ SIDEBAR +++++++*/
#sidebar h2 
{ 
	padding-bottom:10px;
	color:#333;
	font-size:25px;
}

#sidebar ul
{ 
	margin:10px auto 20px;
}

#sidebar ul li{}
#sidebar ul li ul{}

#sidebar ul li ul li
{
	display:block;
	/*background:url(images/bullet.png) no-repeat 0 0;*/
	/*padding-left:18px;*/
	padding-bottom:5px;
	line-height:19px;
}

#sidebar p 
{
}

#sidebar a:hover 
{
	color:#333;  /* 9fc253 green hover color */
}

#sidebar a 
{ 
	color:#993300; /* 72B6CF blue link color */
	font-weight:normal;
	font-size:18px;
}

/*+++++++ COMMENT +++++++*/
.comen 
{
	width:580px;
	margin-bottom:10px;
}

.cleft 
{ 
	float:left;
	width:60px;
	border:3px double #dadada;
}

.cright 
{
	float:right;
	width:500px;
}

.comen .cright .ucomen
{
	font:18px verdana, arial, sans-serif;
	text-transform:uppercase;
	color:#222222;
}

.comen .cright .ucomen a 
{
	color:#72b6cf;
}

#commentform textarea 
{
	width: 390px;
	padding: 2px;
}

#commentform label 
{
	display:block; 
	float:left; 
	width:500px;
	color:#993300;
	font:bold 15px verdana, arial, sans-serif;
	text-align:left;
	padding-right:10px;
}

#commentform #author 
{
	background:url(images/author.gif) no-repeat;
	width:370px;
	height:27px;
	border:none;
	padding:3px 0 0 30px;
}

#commentform #email 
{
	background:url(images/email.gif) no-repeat;
	width:370px;
	height:27px;
	border:none; 
	padding:3px 0 0 30px;
}

#commentform #url
{
	background:url(images/url.gif) no-repeat;
	width:370px;
	height:27px;
	border:none;
	padding:3px 0 0 30px;
}

#commentform #comment
{
	background:#eeeeee;
	border:3px solid #666666;
}

#commentform #submit 
{
	width:110px;
	height:38px;
	padding:0 0 0 290px;
}

/*+++++++ FOOTER +++++++*/
#footer 
{
	width:960px;
	background:url(images/fooline.png) repeat-x;
	height:26px;
	color:#ff6600;
	font:12px Georgia,Times, serif;
}

#footer p
{
	line-height:26px;
	padding-top:5px;
}

/*+++++++ GALLERY +++++++*/
.gallery 
{
	text-align:center;
}

.gallery img 
{
	padding:2px;
	height:100px;
	width:100px;
}

.gallery a:hover
{
	background-color:#ffffff;
}

.attachment
{
	text-align:center;
}

.attachment img
{
	padding:2px;
	border:1px solid #999999;
}

.attachment a:hover
{
	background-color:#FFFFFF;
}

.imgnav 
{
	text-align:center;
}

.imgleft
{
	float:left;
}

.imgleft a:hover
{
	background-color:#FFFFFF;
}

.imgleft img
{
	padding:2px;
	border:1px solid #999999;
	height:100px;
	width:100px;
}

.imgright
{
	float:right;
}

.imgright a:hover
{
	background-color:#FFFFFF;
}

.imgright img
{
	padding:2px;
	border:1px solid #999999;
	height:100px;
	width:100px;
}