/*
Theme Name: Bent 0.1 CH Vaartiant
Description: Personal Theme of Endless Bender
Version: 1.0
Author: Heidi Jermyn
Butchered By: Ian Jermyn
*/

* {margin:0; padding:0; }

html, body{margin:0; padding:0; width:100%; height:100%; background:url('images/tile-bkg.jpg') #b01913; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; /* Resets 1em to 10px */ font-size:100%; text-align:center;}
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/

.noborder {border:none}

.clear{margin:0; padding:0; clear:both; height:0px}

.w100px{width:100px}
.w150px{width:150px}
.w200px{width:200px}
.w250px{width:250px}
.w300px{width:300px}

.l{float:left}
.r{float:right}

.rss {padding: 0 0 0 17px; background:url('images/rss-icon.jpg') top left no-repeat;}

img a{border:0; text-decoration:none}

a{color:#3A8EA5;}
a:hover {color:#9d0000; text-decoration:underline;}

/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
#wrapAll{margin:0; padding:0; background:url('images/header_bg3.jpg') top left repeat-x}
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
#wrapOuter{margin:0 auto; padding:0; width:1039px; background:url('images/pback2.jpg') top left repeat-y #fbf6e0;}
/*----------------------------------------------------------------------*/	
/*----------------------------------------------------------------------*/
#wrapInner{margin:0; padding:0 0 110px 0; float:left; width:666px; background:url('images/page-lhs-img.jpg') top left repeat-y #fbf6e0;;}
#wrapInner.full{width:1000px; }
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
#header{margin:0 auto; padding:0 0 0 0; width:1039px; background:url('images/header_figures.gif') no-repeat top; }

#header #menu-utility{margin:5px 105px 7px 0; float:right; width:700px}
#header #menu-utility ul{margin:0; padding:0; list-style-type:circle; color:#fff; font-size:0.8em; float:right} 
#header #menu-utility ul li {margin:0 15px 0 0; padding:0 14px 0 5px; float:left; font-weight:normal;}
#header #menu-utility ul li a{text-decoration:none; color:#EBD5B3}
#header #menu-utility ul li a:hover{text-decoration:none; color:#D69404}
#header #menu-utility ul li.current_page_item a{color:#fff; font-weight:bold}

#header img.header_img{margin:14px 0 0 20px; padding:0; border:0px; clear:both}
#header #tag{margin:10px 0 10px 0; padding:0; font-size:1em; font-weight:bold; color:#CF750C}
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
#header #menu {margin:0 0 0 0; padding:20px 7px 3px 7px; width:1027px; clear:both; background:url('images/menu_bg.jpg') no-repeat;}
#header #menu ul{margin:0; padding:0; list-style:none; ;} 
#header #menu ul li {display: inline; margin:0; padding:0 14px 0 20px; font-size:1.2em; font-weight:bold; background:url('images/menu_divider.gif') no-repeat 0px 6px; }
#header #menu ul li.first{background:none}
#header #menu ul li.current_page_item a{background:none; color: #9d0000;}
#header #menu ul li a { margin: 0; padding:0; /*font-size: 1em;*/ color: #372602;text-decoration: none;}
#header #menu ul li a:hover {color: #9d0000; text-decoration: none;}
	
/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector 
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method 

	div#menu ul li:hover{cursor:pointer; z-index:100;}
	div#menu ul li:hover ul ul, div#menu ul li ul li:hover ul ul, div#menu ul li ul li ul li:hover ul ul{display:none;}
	div#menu ul li:hover ul, div#menu ul li ul li:hover ul, div#menu ul li ul li ul li:hover ul{display:block;}

*/
/*----------------------------------------------------------------------*/
#content{margin:0; padding:0px 20px 0 141px; background:url('images/page-header.jpg') top left no-repeat;  text-align:left}

#content h1, h2, h3, h4{text-align:left}
#content h1{margin:10px 0 0 0; padding:0 0 10px 0; font-size:1.9em; clear:both; font-weight:normal; color:#745105}
#content h1 a{text-decoration:none; color:#745105}

#content h2.archive{margin:10px 0 0 0; padding:0 0 10px 0; font-size:1.9em; clear:both; font-weight:normal; color:#745105}
#content h2.archive a{text-decoration:none; color:#745105}

#content h2{margin:20px 0 0 0; padding:0; font-size:1.2em; font-weight:bold; color:#B2823A}
#content h3{margin:0 0 15px 0; padding:0 0 10px 0; font-size:0.8em; clear:both; font-weight:bold; color:#333}

#content h3.date{margin:0; padding:0; font-size:0.7em; color:#888888; font-weight:normal}

#content p{margin:12px 0 12px 0; padding:0; font-size:0.8em; color:#333333; line-height:1.5em;}
#content p.postmetadata{margin:0; padding:0; font-size:0.8em;  color:#bd884e; text-align:right;}
#content p.postmetadata a{text-decoration:none; color:#0066F9}
#content p.postmetadata a:visited{color:#0066F9}

#content ul{margin:15px 0 15px 20px;}
#content ul li {margin:12px 0 12px 0; padding:0; font-size:0.8em; color:#333333; line-height:1.5em}

#content img{margin:10px; padding:1px; border:1px solid #bdb945;}
#content img.latestblog{margin:10px 0 0 0; padding:0; border:0; text-align:left; float:left}
#content img.plain{margin:0; padding:0; border:0px;}

wordpress#content .attachment img{border:5px solid #000;}

#content .divider_endpost{margin:5px 0 0 -29px; padding:0; /*width:553px;*/ background:url('images/divider_line.gif') repeat-x}

#content .pic{float:right; width:300px}
#content .pic p{margin:0; padding:3px; clear:both; border-top:1px dashed #ccc; color:#B1D1EF; font-size:1.2em}

#content table.table_progress{margin:0; padding:0; font-size:0.65em; border-collapse:collapse}
#content table.table_progress img{margin:0; padding:0; border:0}
#content table.table_progress tr{margin:0; padding:0; }
#content table.table_progress th{margin:0; padding:2px; text-align:center; background:#D75F08; color:#fff; border:1px solid #fff; border-width:1px 1px 0 0}
#content table.table_progress td{margin:0; padding:0; border:1px solid #fff; border-width:1px 1px 0 0; width:102px}
/* ---------------------------------------------------------------------*/
/* 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;
	}

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

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */
/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/*----------------------------------------------------------------------*/
/* Sidebar                                                              */
/*----------------------------------------------------------------------*/

#rhs {margin:0; padding:42px 0 0 0; float:left; width:373px; background:url('images/sidebar-header.jpg') top left no-repeat #fbf6e0;}

#rhs #rhs-wrap {background:url('images/sidebar-paper-bkg.jpg') bottom left repeat}

#rhs #rhs-wrapOuter {margin:0; padding:0 0 30px 0; float:left; width:373px; background:url('images/sidebar-footer.jpg') bottom right no-repeat}

#rhs #rhs-wrapInner {margin:0; padding:0; float:left; width:373px; background:url('images/sidebar-rhs.jpg') top right repeat-y}

#rhs #rhs-wrapInner ul#sidebar {margin:0; padding:0; width:373px; background:url('images/sidebar-bkg.jpg') top left repeat;}

#rhs #rhs-wrapInner ul#sidebar li {margin:10px 40px 15px 30px; padding:0; list-style:none; font-weight:normal; text-align:left; color:#666;}
#rhs #rhs-wrapInner ul#sidebar li li {margin:0 0 0 20px; padding:0; font-size:0.8em; list-style:url('images/bullet-plus.jpg')}

#rhs #rhs-wrapInner ul#sidebar li h2 {margin:8px 0 8px 0; padding:0; font-size:0.85em; color:#2B88A1; font-weight:normal; font-style:italic}
#rhs #rhs-wrapInner ul#sidebar li p {margin:0; padding:0 5px 7px 0; font-size:0.7em;}
#rhs #rhs-wrapInner ul#sidebar li p a{color:#3A8EA5}
#rhs #rhs-wrapInner ul#sidebar li a {color:#666; text-decoration:none;}
#rhs #rhs-wrapInner ul#sidebar li a:hover {color:#9d0000; text-decoration:underline;}

#rhs #rhs-wrapInner ul#sidebar li#about {margin:0; padding:2px 77px 0 74px; height:165px; background:url('images/about-bkg.jpg') top left no-repeat;}
#rhs #rhs-wrapInner ul#sidebar li#about h2{margin:0; padding:3px 0 3px 0; }
#rhs #rhs-wrapInner ul#sidebar li#about p{margin:0; padding:0 0 3px 0; font-size:0.75em; line-height:normal} 
#rhs #rhs-wrapInner ul#sidebar li#about p a{color:#2B88A1} 

#rhs #rhs-wrapInner ul#sidebar li#video {margin:0; padding:0 25px 14px 28px;}
#rhs #rhs-wrapInner ul#sidebar li#video img {}

#rhs #rhs-wrapInner ul#sidebar li#flickr {margin:0; padding:0 25px 14px 28px;}
#rhs #rhs-wrapInner ul#sidebar li#flickr h2 {}

#rhs #rhs-wrapInner ul#sidebar li#wheresmatt{margin:15px 0 10px 20px; padding:25px 0 25px 15px; width:316px; background:url(images/g_wherematt_lasvegas.gif) no-repeat}
#rhs #rhs-wrapInner ul#sidebar li#wheresmatt p{width:135px}
/*----------------------------------------------------------------------*/
/* Comments                                                             */
/*----------------------------------------------------------------------*/

#comments{margin:10px 0 0 0}
#comments h3{margin:0; padding:0; font-size:1em; clear:both; font-weight:normal; color:#9B0000}
#comments h3 img{margin:0; padding:0; border:0px}
#comments p.date{margin:0; padding:0; font-size:0.7em; color:#666}
#comments h4{margin:10px 0 0 0; padding:0; font-size:0.9em; clear:both; font-weight:bold; color:#745105}
#comments h4 img{margin:0; padding:0; border:0px}

#comments cite{color:#666;}

#comments #comments_list{color:#333333;}
#comments #comments_list ul{margin:20px 0 10px 0; padding:0; list-style:none; list-style-image:none;}
#comments #comments_list li{margin:15px 0 0 0; padding:13px 10px 10px 10px; width:484px; background:url(images/icon_staple.gif) 5px 4px #fff3bb no-repeat; border:1px solid #e1dcc9; border-width:0px 1px 1px 0 }
#comments #comments_list li cite{font-size:0.9em}
#comments #comments_list li p img.wp-smiley{margin:0; padding:0;}
#comments #comments_list li p {margin:7px 0 7px 0; padding:0; color:#333333; font-size:0.9em}

#comments form {margin:0; padding:0;}
#comments form fieldset {margin:10px 0 10px 0; padding:5px 0 0 0; clear:both; border:0;}
#comments form legend{margin:0; padding:0; color:#000; font-weight:bold;}
#comments form ol{margin:0; padding:0 0 5px 0; list-style:none; font-size:0.75em}
#comments form ol li{margin:7px 0 7px 0; padding:0; clear:both;}
#comments form ol li.error{background:#D72F08; color:#fff}
#comments form label {margin: 5px 0 0 0; padding: 0; clear:both; float:left; width:150px; text-align:left}
#comments form label.long {margin: 5px 0 0 0; padding: 0; clear:both; float:left; width:500px; text-align:left}
#comments form input {margin: 5px 0 0 0; padding: 0; width:250px;}
#comments form textarea {margin:5px 0 0 0; padding:0; height:120px; float:left; width:450px; font:'Lucida Grande', Verdana, Arial, Sans-Serif; color:#401a0d}
#comments form input.butt{margin:5px 20px 0 0; padding:5px 0 5px 0; float:left; width:auto; clear:both; border:1px groove #ccc; color:#fff; background:#1c809d}

/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
#footer {clear: both; margin: 0 auto; padding: 40px 0 40px; width:1039px; text-align: center; color: #e6b86a; background:url('images/footer-img.jpg') no-repeat; font-size:0.7em;}
#footer p {margin:0; padding:0 30px 0 30px;}
#footer a {color: #e6b86a; text-decoration: underline; font-weight: bold;}
#footer a:hover {border: none; color: #888;}
.footerstats {display: none;}