/*
Theme Name: URM Blog Theme 09
Description: Union Rescue Mission theme
Version: 1.0
Author: Out:think Group
*/

/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{background-color:#EFEAD1;background-image:url(images/bg-pattern.jpg);font-family:Arial,sans-serif;font-size:13px;line-height:1;text-align:center;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
/* remember to define focus styles! */
:focus{outline:0;}
/* remember to highlight inserts somehow! */
ins{text-decoration:none;}
del{text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0;}
.clr, .clear {clear:both;}
/* END RESET */

/* General Styles */
.alignleft{float:left;margin-right:8px;margin-bottom:2px;}
.alignright{float:right;margin-left:8px;margin-bottom:2px;}
h1,h2,h3,h4,h5{padding-bottom:8px;color:#3F321F;}
h1{font-size:200%;}
h2{font-size:160%;}
h3{font-size:140%;}
h4{font-size:110%;}
sup{font-size:60%;vertical-align:top;}
.entry ul,.entry ol{list-style-image:none;list-style-position:outside;margin-left:30px;margin-bottom:10px;}
.entry ul li{list-style:disc;}
.entry ol li{list-style:decimal;}
.entry li{padding-bottom:10px;line-height:1.2em;}
blockquote{background:#FFFFFF none repeat scroll 0 0;border-left:10px solid #634d2f;padding:6px;margin-bottom:15px;}
.entry blockquote p{padding:5px 0;}
/* end General Styles */
.entry h2.title {
	color: #f8981e;
	font-size: 32px;
	margin-bottom: 10px;
}
.entry p {
	padding-bottom: 15px;
	line-height: 1.3em;
}
p, .entry ul, .entry ol, #sidebar li {
	color: #634d2f;
}
a {
	color:#1A5D72;
}
a:hover {
	color: #f8981e;
/*	background:#3F321F none repeat scroll 0 0;
	color:#FFFFFF;
	text-decoration:none;*/
}
#header-wrap {
	width: 100%;
	background: transparent url(images/bg-header-wrap.jpg) repeat-x top center
}
#header, #content-area, #footer {
	margin: 0 auto;
	width: 960px;
}
#header {
	position: relative;
	height: 130px;
}

.tools a:hover {
	background:transparent url(images/bg-donate-sprite.png) no-repeat scroll right top;	
}
.tools a {
    background: url("images/bg-donate-sprite.png") no-repeat scroll left top transparent;
	display:block;
	font-size:0;
	height:40px;
	left:362px;
	line-height:0;
	overflow:hidden;
	padding-left:4px;
	position:absolute;
	text-indent:-999em;
	top:10px;
	width:121px;
	z-index:0;
}
.tools a.email {
	background: url("images/email-updates-button.png") no-repeat scroll left top transparent;
	left: 510px;
	padding-left: 0;
	width: 216px;
}
.tools a.email:hover {
	background-position: right top;
}
#s-form {
	background: transparent url(images/bg-search.gif) no-repeat left top;
	width: 199px;
	height: 21px;
	position: absolute;
	overflow: hidden;
	right: 10px;
	top: 4px;
}
#s-form .search-text {
	background:transparent none repeat scroll 0 0;
	border:medium none;
	left:29px;
	position:absolute;
	top:3px;
}
#s-form .search-but {
	left:9px;
	position:absolute;
	top:4px;
}
#logo h1 a {
	display: block;
	background: transparent url(images/banner-logo.png) no-repeat left top;
	width: 329px;
	height: 103px;
	text-indent: -999em;
	font-size: 0px;
	line-height: 0px;
	position: absolute;
	left: 0;
	bottom: 10px;
	z-index: 4;
	
}
#nav {
	display: block;
	position: absolute;
	right: 0px;
	bottom: 20px;
	z-index: 1;
	height: 75px;
	overflow: hidden;
}
#nav li {
	background:transparent url(images/bg-nav-separator.png) no-repeat scroll right bottom;
	font-size:22px;
	padding-right:2px;
	float: left;
}
#nav li:hover, #nav li.current {
	background-position: top right;
}
#nav li.last {
	padding-right: 0px !important;
	background: none !important;
}
#nav li a {
	background:transparent url(images/bg-nav-middle.png) repeat-x scroll left bottom;
	color:#FFFFFF;
	height:75px;
	display: block;
	float: left;
	line-height:75px;
	padding:0 19px;
	text-decoration:none;
	text-shadow: 2px 1px #31454B;
}
#nav li a:hover, #nav li.current a {
	background: transparent url(images/bg-nav-middle.png) top left repeat-x;
}

#nav li.first a {
	letter-spacing: 1px;
	padding-left: 50px;
}
#nav li.last a {
	background:transparent url(images/bg-nav-right.png) no-repeat scroll right top !important;
	padding-right:25px;
}
#nav li.last a:hover, #nav li.last.current a {
	background-position: right bottom !important;
}
#content-area {
	text-align: left;
	margin-bottom: 15px;
}

#sidebar {
	width: 240px;
	float: left;
	min-height: 640px;
	position: relative;
	padding-top: 45px;
}
.side-nav li {
	margin-bottom: 13px;
	font-size: 16px;
}
.side-nav li a {
	color: #1a5d72;
	text-decoration: none;
	padding-bottom: 4px;
}
.side-nav li a:hover, .side-nav li.current-page-item a {
	text-decoration: none;
	color: #634d2f;
	background: transparent url(images/bg-horiz-sep.jpg) repeat-x bottom left;
}
.side-nav li.current-page-item a {
	font-weight: bold;
}
#content {
	background:transparent url(images/bg-sidebar-seperator.jpg) repeat-y scroll left top;
	float:right;
	padding-left:25px;
	width:665px;
}
/* ==========================================
=====!  Blog Styling  =====
This is where I change stuff for the blog.
============================================*/
.blog h2.title {
	font-size: 24px;
	margin-bottom: 0px;
	padding-bottom: 4px;
}
.blog h2.title a {
	color: #1A5D72;
	text-decoration: none;
}
.blog h2.title a:hover {
	color: #EFEAD1;
	background-color: #1a5d72;
	text-decoration: none;
}
.blog #content p.byline, .single p.byline {
	font-weight: bold;
	color: #3F321F;
}
.blog .entry {
	padding-bottom: 10px;
	background: transparent url(images/bg-horiz-sep.jpg) repeat-x bottom right;
	margin-bottom: 15px;
}
.andy #content {
	background:transparent url(images/bg-sidebar-seperator.jpg) repeat-y scroll right top;
	float:left;
	padding-left:0;
	padding-right:30px;
	width: 660px;
}
.blog #sidebar, .single #sidebar {
	padding-top: 41px;
}
.andy #sidebar {
	float: right;
	position: relative;
	padding-top: 0;
}
#sidebar .socialmedia {
	height:44px;
	left:-2px;
	position:absolute;
	top:-10px;
}
#sidebar .andy-link {
	left:-12px;
	margin-bottom:10px;
	position:relative;
	text-align:center;
}
.socialmedia {
	background:transparent url(http://urm.org/assets/urm2010/images/bg-soc-media.png) no-repeat scroll left top;
	height:44px;
	padding-left:9px;
	padding-top:2px;
	position:absolute;
	width:255px;
}
.socialmedia a {
	margin-right: 0px;
	text-decoration:none;
}
#follow-twitter {
	background:#fefefe url(http://urm.org/assets/urm2010/images/bg-twitterdropdown.jpg) no-repeat 160px 5px;
	border:1px solid #CCCCCC;
	display:block;
	line-height:1.2em;
	padding:4px 10px;
	margin-top: 3px;
	margin-right: 12px;
}

.blog h3.pagetitle {
	border-bottom:1px dotted #AFAB83;
	color:#CE6E11;
	font-size:22px;
	font-weight:normal;
	margin-bottom:10px;
	padding-bottom:4px;
	text-align:right;
}
h3.andysblog-header {
	background:url(images/header-andybales.jpg) no-repeat left top;
	height: 130px;
	margin-bottom: 10px;
	text-indent: -999em;
	font-size: 0px;
	line-height: 0px;
	display: block;
}
.single .entry h2.title {
	margin-bottom: 0px;
	padding-bottom: 4px;
}
/* ==========================================
=====!  Sidebar Styling  =====
============================================*/
.widget {
	margin-bottom:15px;
	overflow:hidden;
}
.widget h3 {
	font-size: 18px;
	padding-bottom: 4px;
	background: transparent url(images/bg-horiz-sep.jpg) repeat-x scroll left bottom;
	color: #634D2F;
	margin-bottom: 5px;
}
.widget li {
	line-height:1.2em;
	margin-bottom:7px;
}
.widget li a {
	text-decoration: none;
}
#footer-wrap {
	width: 100%;
	background: url(images/bg-footer.jpg);
	border-top: 1px solid #634d2f;
	text-align: left;
}
#footer h3 {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 8px;
}
.footercol {
	float:left;
	margin-right:7px;
	width:185px;
	margin-top: 15px;
	margin-bottom: 15px;
	color: #634D2F;
}
.footercol li {
	margin-bottom: 6px;
	line-height: 1.1em;
	font-size: 14px;
}
.address {
	margin-top: 18px;
}
.footercol li a {
	color: #fff;
	text-decoration: none;
}
.footercol li a:hover {
	text-decoration: underline;
	color: #fff;
}
.widget h4.recent-posts, .widget_wp-category-archive a {
	border-bottom: 1px solid #BBB38C;
	padding-bottom: 4px;
	margin-bottom: 6px;
	font-weight: normal;
	line-height: 1.2em;
	text-decoration: none;
}
.widget_wp-category-archive a {
	font-size: 15px;
	display: block;
}
.widget_wp-category-archive br {
	line-height: 0px;
}
.widget h4.recent-posts a {
	text-decoration: none;
}
.rss-link {
    margin-bottom: 20px;
}
/* ==========================================
=====!  Comment Styling  =====
============================================*/

h3#comments {
	border-top-color:#999999;
	border-top-style:solid;
	border-top-width:1px;
	padding-top:17px;
}
ol.commentlist {
	list-style: none;
	margin: 0;
}
.entry ol.commentlist li {
	background:transparent url(images/bg-horiz-sep.jpg) repeat-x scroll left top;
	padding-bottom:0;
	list-style: none;
	padding: 10px 10px 0px;
}
.entry .commentlist .comment-body a {
	text-decoration: none;
}
#respond {

}
#breadcrumbs {
color:#634D2F;
margin-bottom: 14px;
}
#respond h3 {
	padding-top: 15px;
	border-top: 1px solid #999;
}
#respond textarea {
	width: 80%;
}
img.avatar {
	float:right;
	margin-bottom:3px;
	margin-left:8px;
}
.comment-body cite.fn {
	font-size:18px;
	font-style:normal;
	line-height: 1.2em;
}
/* ==========================================
=====!  ColorBox Styles  =====
============================================*/

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
	ColorBox example user style
	These rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
	in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:#000;}

#colorbox{}
	#cboxContent{background:#000; margin-top:20px;}
		#cboxLoadedContent{background:#000; padding:5px;}
                #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
                #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
                #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
                #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
                #cboxPrevious.hover{background-position:bottom left;}
                #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
                #cboxNext.hover{background-position:bottom right;}
                #cboxLoadingOverlay{background:#000;}
		#cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
		#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
		#cboxClose.hover{background-position:bottom center;}
		#srs-wrap ul {
		list-style:none outside none !important;
		margin: 0;
		}
		#srs-wrap ul li {
		list-style:none outside none !important;
		margin: 0;
		}
		#srs-wrap ul.slide li {
		padding-right:10px;
		width:130px;
		float: left;
		}
		#srs-wrap .slide-link.left {
			position:absolute;
			left:10px;
			top:8px;
			width:40px;
		}
		#srs-wrap .slide-link.right {
			position:absolute;
			right:10px;
			top:8px;
			width:40px;
		}
		#srs-wrap ul {
		width:560px;
		}
		div.right {
		margin-left:2px;
		}
		#srs-wrap h3 {
		color:#000000;
		}
		#srs-wrap .slide h3 {
		padding-bottom:4px;
		}
		#slide-wrap li a {
			text-decoration: none;
		}
		#slide-wrap li a:hover {
			color: #fff;
		}
		#srs-wrap {
		-moz-border-radius:10px 10px 10px 10px;
		background:none repeat scroll 0 0 #B3A47D;
		border:2px solid #FFFFFF;
		padding-left:5px;
		padding-top:14px;
		position: relative;
		margin-bottom: 15px;
		}
		.slide-container {
			margin-left: 50px;
		}
		.slide li p {
			padding-bottom: 0;
		}
		.updates-h3 {
			margin-top: 10px;
		}

