/*  
Theme Name: Travel Blog
Theme URL: http://nfriedly.com/
Description: A modified version of the template-help.com Travel Blog theme
Version: 3
Author: Nathan Friedly
Author URL: http://nfriedly.com/webdev
*/
/* CSS Document */

/* styles added by Nathan */

.text_box img {
  border: 3px solid white;
  margin: 10px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
.text_box p, .textwidget p {
  margin: 10px 0;
}
.text_box ul {
	list-style-type:disc;
	margin:10px 0;
	padding-left:20px;
}
.text_box li {
	margin: 5px;
}

.lower_title {
	margin-bottom:10px;
}

.lower_title span {
	font-size:30%;
}

.title_box {
	left:-15px;
	position:relative;
}


/* sidebar */

.side_bar {
	font-size:1.1em;
}

.textwidget, .textwidget a {
	color: brown;
}
.textwidget p{
	padding-right: 20px;
}

/* coppied from default theme */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	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;
	margin: 10px 0 15px 15px;
	}

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

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */


*{margin:0; padding:0;}
/* why is this stylesheet full of annoying rules like this? -n */
ul{list-style:none;}
body{  font-family:candara, arial, sans-serif; font-size:11px; line-height:14px; color:#CFC198; background:#000000;}
img { border:0;}

table, td {border-collapse:collapse;}
table, td, img {border:0;}
td, tr {vertical-align:top; text-align:left;}

/***forms*******************************************/
input, textarea{font-family:Tahoma; font-size:11px; color:#000000; vertical-align:middle; font-weight:normal; text-align:left;}
.searching {width:100px; height:auto; color:#000000; height:18px; margin-right:6px; border: solid 1px #404040;}

.column_center input, .column_center textarea { margin:3px 0 3px 0;}

/***end forms*******************************************/


.min_width {width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 766)? "766px" : "100%"); min-width:766px;}
.main {width:766px; margin:auto;}

a {color:#F3E9CD; text-decoration:underline;}
a:hover{text-decoration:none;}

 
h1 { font-family:"Times New Roman", Times, serif; font-size:4.09em; color:#FFFFFF; font-weight:normal; line-height:1.01em; width:auto;}
h1 a  {color:#FFFFFF; text-decoration:none;}
h2{ font-size:1.01em;}
h3 { font-family:Georgia, "Times New Roman", Times, serif; color:#FFFFFF; font-weight:bold; text-transform:uppercase; font-size:1.09em; line-height:1.16em; width:240px;}
h3 a {color:#FFFFFF; font-size:1.01em; line-height:1.16em; text-decoration:none;}
h3 a:hover {text-decoration:underline;}
.pagetitle { padding:10px;}
.center { padding:0 0 10px 0;}

/***global*******************************************/
ul { margin:0;}
.float{float:left; margin:0 23px 0 0;}
.col{float:left;}
.side_bar { float:left; width:219px; margin:0 -219px 0 0; background:url(images/bg_side_bar.gif) 0 0 repeat-y; position:relative;}
.column_center{float:left; width:100%;}
.indent_center {margin:0 0 0 219px; padding:24px 34px 0 34px;}
.clear{clear:both;}
.w100 { width:100%;}
.h100 { height:100%;}
.in5 { padding-bottom:5px;}
.in10 { padding-bottom:10px;}
.in15 { padding-bottom:15px;}
.in20 { padding-bottom:20px;}
/***global*******************************************/

.content { background:url(images/wrapper.jpg) right top repeat-y;}
.content .indent { padding:0 0 0 0;}



/***box*******************************************/
.left_top{ background:url(images/left_top.gif) left top no-repeat;}
.right_top{ background:url(images/right_top.gif) right top no-repeat;}
.left_bot{ background:url(images/left_bot.gif) left bottom no-repeat;}
.right_bot{ background:url(images/right_bot.gif) right bottom no-repeat; width:100%;}

.side_left{ background:url(images/side_left.gif) left top repeat-y #FFFFFF; margin:0 24px 0 0;}
.side_right{ background:url(images/side_right.gif) right top repeat-y;}
.side_top{ background:url(images/side_top.gif) left top repeat-x;}
.side_bot{ background:url(images/side_bot.gif) left bottom repeat-x;}
/***box*******************************************/


/***header*******************************************/
#header {width:100%; height:402px; background:url(images/bg_header.jpg) 0 0 no-repeat; text-align:center;}
.block_search { padding:0 0 20px 0;}
#header .logo { padding:14px 0 0 0;}
#header span  { font-size:1.09em; line-height:1.01em; color:#FFFFFF; text-decoration:none;}
/***end header*******************************************/


/***side_bar*******************************************/
.side_bar .bg_bar{ background:url(images/bg_side_bar_bottom.gif) left bottom no-repeat;}
.side_bar .inside{ padding:32px 0 0 31px;}

/**********************************************/
.widget_style { margin:0 0 0 0; padding:0 0 18px 0;}

.title_box { background:url(images/bg_title.gif) left bottom no-repeat; padding:0 0 0 39px;}
.bg_title_box {background:url(images/bg_title_bot.gif) left bottom no-repeat; width:100%;}

.widget_style h2 {font-size:1.09em; line-height:1.27em; color:#B90002; font-weight:bold; text-transform:uppercase; padding:6px 0 11px 7px;}
.widget_style h2 a {color:#B90002; text-decoration:none;}
.widget_style h2 a:hover {text-decoration:none;}

.widget_style ul { margin:4px 0 0 35px;}
.widget_style li { font-size:1.09em; line-height:1.16em; color:#27170D;}
.widget_style li a { font-size:1.01em; line-height:1.16em; color:#27170D; text-decoration:underline; background:url(images/arr.gif) no-repeat 0px 6px; padding:0 0 0 12px;}
.widget_style li a:hover { text-decoration:none;}
/**********************************************/


#links_with_style ul {margin:0 0 0 0; background:none;}
#links_with_style ul ul h2{ margin:0 0 0 0; background:none;}
#links_with_style ul li h2 { font-size:12px; line-height:14px; list-style:none; color:#B90002; font-weight:bold; text-transform:uppercase; padding:6px 0 11px 7px;}
#links_with_style ul li ul { margin:4px 0 0 23px;}
#links_with_style ul li ul li { font-size:1.01em; line-height:1.16em; color:#27170D; padding:0 0 0 12px;}
#links_with_style ul li ul li a{padding:0 0 0 12px; text-decoration:underline;}
#links_with_style ul li ul li a:hover{ text-decoration:none}

/**********************************************/

#calendar_wrap {vertical-align:top; width:auto; margin:auto;padding:13px 20px 0px 0;}
#calendar_wrap caption { color:#27170D; font-weight:bold; font-size:1.01em;}
#calendar_wrap td {width:25px; text-align:right; color:#27170D; font-size:1.11em;}
#calendar_wrap td a {color:#27170D;}
#calendar_wrap th { color:#27170D; text-align:right;}
#calendar_wrap a {font-weight:bold;}

/**********************************************/

#statusbar {text-align:left; color:#000000;}
#statusbar p {padding:0px 20px 20px 0;}
#statusbar a {font-weight:bold; color:#000000;}
/***end side_bar*******************************************/

#tag_cloud a{ color:#27170D; line-height:1.01em; text-decoration:none;}
#tag_cloud a:hover{ text-decoration:underline;}


.post { padding:0 0 20px 0;}
.post h3{ padding:0 0 5px 0;}



/***column_center*******************************************/
.title {background:url(images/bg_title_center.gif) left bottom repeat-x #9F0000; min-height:62px; height:auto !important; height:62px;}
.title .inside_title{ padding:16px 16px 0 15px;}
.title .date { float:right; font-size:1.01em; line-height:1.18em; color:#CDBF98; background:url(images/sep.jpg) 0 0 no-repeat; padding:0 0 0 14px;}
.text_box { font-size:1.1em; line-height:1.37em; padding:20px 0 5px 14px;}

.text_box li a { font-weight:normal; font-size:1.1em; line-height:1.16em; color:#BF0706; background:url(images/bull_cont.gif) 0 5px no-repeat; padding:0 0 0 12px;}
/* this style is retarded and does not give the effect I want -n
.text_box strong{ color:#F3E9CD; font-size:1.1em; font-weight:normal; text-transform:uppercase; display:block; padding:0 0 6px 0; }*/
.text_box a{ font-weight:bold;}

.comments { text-align:right; color:#CFC198; font-size:1.01em; line-height:1.9em; padding:6px 0 17px 20px;}
.comments a { background:url(images/arr_1.gif) 0 4px no-repeat; padding:0 0 0 17px; text-decoration:underline; color:#CFC198; font-size:1.01em; line-height:1.9em;}
.comments a:hover{text-decoration:none;}
/***end column_center*******************************************/



/*************************************/
#recent-posts  {vertical-align:top;}
.widget_style#recent-comments li a {background:none;}
#calendar {vertical-align:top;}
#google-search  {vertical-align:top;}
#gsearch {text-align:left;}
#pages  {vertical-align:top;}
#text-1 {vertical-align:top;}
#delicious {vertical-align:top;}
#delicious-box {text-align:left;}

/*************************************/
.textwidget {padding:13px 0px 0px 0px;}

.oddcomment{color:#FF0000;}

/***footer*******************************************/
#footer {font-size:1.01em; line-height:1.01em; color:#999898; height:60px; }
#footer .indent{ padding:23px 0 0 67px;}
#footer a{ color:#FFFFFF;}
/***end footer*******************************************/