/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

/* 7.1 Generic Widgets */
#widgets { }

.widget { margin: 0 0 20px 0; font-size:13px; line-height: 22px; border:#D3D3D3 2px solid; padding:10px; background-color:#EDEDED;}
.widget h3 { margin: 0 0 10px 0; border-bottom:1px dashed #ccc; font-size:16px; text-transform: capitalize; color:#333; }

.widget p { margin-bottom:25px; }

.widget ul { clear:both; list-style: none; border-bottom: 1px solid #d3d3d3; }
.widget ul li { padding: 5px; border-bottom: 1px solid #d3d3d3; }
#sidebar .widget ul li a { line-height: 26px; text-decoration: none; }
.widget ul li a:hover { color: #111; }
.widget ul ul { padding: 0 0 0 15px; border-top: none; }


#sidebar{ width:220px; padding-left: 30px; overflow:hidden; border-left: 2px solid #D3D3D3; }

.post .middle { float: left; width: 410px; padding: 30px 0 0 0; border-top: 2px solid #d3d3d3; margin-right: 30px; overflow: hidden; }

.post-more { background: url(http://www.northslope.net/wp-content/themes/retreat/images/ico-comments.png) no-repeat 1px 50%; clear:both; text-transform:uppercase; }
.post-more a { margin-left:25px; text-decoration:none; font-size: 11px; font-weight: bold; }

#logo { padding-top: 91px; padding-right: 500px; margin: 0 auto; }
#logo .site-title { font-size: 82px; font-family: Georgia, serif; margin: 15px 0 35px; z-index: 999; position: relative; }
#logo .site-title a { color: #fff; }
#logo .site-title a:hover { color: #ccc; }
#logo .site-description { font-style: italic; font-size: 16px; padding: 5px 10px; display: inline !important; z-index: 1; position: relative; }
#logo img {}
#logo a:active img { margin-top: 112px; }


.posties {
	position: relative;
}
.posties .two {
	position: absolute;
	left: 0;
	top: 0;
	width: 110px;
	padding-right: 20px;
	text-align: right;
	border-right: 1px solid #999;
	min-height: 200px;
}
.two .dater {
	width: 60px;
	height: 60px;
	background: #000;
	color: #fff;
	position: absolute;
	right: 20px;
	top: 20px;
	padding: 5px;
}
.dater h3 {
	font-size: 25px;
}

	h8 {
		margin: 2px 0 0;
		font-size: 25px;
	}
	.meta h4 {
		margin: 15px 0 0;
		font-size: 16px;
	}
	h9 {
		margin: 2px 0 0;
		font-size: 13px;
	}

.updates
{
background: url(http://www.northslope.net/wp-content/themes/retreat/images/twitter2.png) no-repeat 10px 13px;
margin-left: auto;
margin-right: auto;
margin-top:0px;
margin-bottom:30px;
width: 95%;
background-color: #EDEDED;
padding:7px;
padding-left:35px;
border: 2px solid lightGrey;
}