/*

    Theme Name: Unimpressed

    Theme URI: http://www.thecorch.com

    Description: Unimpressed, a WordPress theme based on IMPREZZ by <a href="http://www.productivedreams.com">ProductiveDreams</a>.

    Version: 1.3

    Author: Keith Little
	
	Twitter: http://twitter.com/thecorch

    Author URI: http://www.thecorch.com
	
	Tags: custom header, fixed width, two columns, widgets, twitter, delicious, flickr

*/
/* CSS 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, 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;
	vertical-align: baseline;
	font-family: Helvetica, Arial, Verdana;
	font-size: 14px;
	color: #232d30;
	line-height: 22px;
	
}
body {
	line-height: 1;
	background: #171b1c url(images/bodybg.jpg) no-repeat fixed center 100px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: 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;
}

hr{
display: none;
}

blockquote {
padding: 10px;
border-left: 3px solid #a8acad;
border-right: 3px solid #a8acad;
margin: 10px;
}

/* 
1. Sidebar Elements 
-------------------- 
*/

#sidebar{
width:285px;
float: left;
background: transparent url(images/sidebarbg.gif) repeat-y center top;
/* margin-left:-18px; */
}

#sidebar a:hover{
color: #FFF;
}

#sidebar .description{ /* As far as I know, not used. */
width:230px;
font-family: Helvetica, Verdana, Arial;
margin: 0px auto;
color: #a8acad;
}

/* Logo */

#sidebar h1.logo{
width: 250px;
padding: 0px;
margin: 0px auto;
}

#sidebar h1.logo a{
background: url(images/logo.gif) no-repeat center top;
width: 250px;
height: 120px;
display: block;
overflow: hidden;
text-indent: -999px;
border-top:6px solid #111f22;
}

/* Search Form */

input#submit{
border:1px solid #7BA2AD;
padding: 10px;
font-family: Helvetica, Verdana, Arial;
background: #242f31;
text-transform: uppercase;
color: #FFF;
cursor: pointer;
font-size: 14px;
}

#commentform input#submit{
float: right;
}

#sidebar .searchfield span, #sidebar .searchfield label{
display: none;
} 

#sidebar .searchfield input#searchsubmit{
border: none;
width:55px;
height: 28px;
display: block;
overflow: hidden;
text-indent: -999px;
line-height: 0;
float: left;
background: #0d1618 url(images/search_btn.gif) no-repeat center;
cursor: pointer;
}

#sidebar .searchfield input{
border: none;
color: #ededed;
background: #101c1f;
float:left;
height:16px;
padding:6px;
width:183px;
}

#sidebar .searchfield{
width:250px;
margin: 0px auto;
overflow:hidden;
clear: both;
padding: 5px 0px 3px 0px;
}

/* About the Author */

.about {
color: #fff;
font-family: Helvetica, Verdana, Arial;
font-size: 12px;
text-align:center;
}

.about a {
color: #888d8f;
font-size: 12px;
text-decoration:none;
}

/* Widget Headings */

#sidebar h2{
padding: 10px 10px 20px 10px;
background: url(images/heads.jpg) no-repeat center;
font-family: Helvetica, Verdana, Arial;
font-size: 18px;
color: #FFF;
font-weight: bold;
letter-spacing: -1px;
text-transform: uppercase;
}

#sidebar h2 a{ /* important */
padding: 10px 10px 20px 3px;
background: url(images/heads.jpg) no-repeat center;
font-family: Helvetica, Verdana, Arial;
font-size: 18px;
color: #FFF;
font-weight: bold;
letter-spacing: -1px;
text-transform: uppercase;
text-decoration: none;
}

/* Top Commenters Widget */

#sidebar ul li ul.top_commenters{
margin: 0px auto;
}

#sidebar ul li ul.top_commenters li{
padding-top: 10px;
}

#sidebar ul li ul{
width:80%;
margin: 0px auto;
}

#sidebar ul.top_commenters li{
float: left;
padding-left: 15px;
}

#sidebar ul.top_commenters li span img{
border: 3px solid #101C1F;
overflow: hidden;
display: block;
width:32px;
height:32px;
}

#sidebar ul.top_commenters li span img:hover{
border: 3px solid #FFF;
}

/* CTC Tags Widget */

#sidebar ul li ul {
text-align: center;
width:80%;
color:#fff;
margin: 0px auto;
font-family: Helvetica, Verdana, Arial;
font-size:12px;
padding-bottom: 5px;
}

#sidebar ul li ul a {
color: #888d8f;
text-decoration: none;
padding: 0 5px 0 0;
}

#sidebar ul li ul a:hover {
color: #fff;
}

/* Sidebar Links */

#sidebar ul li ul li { 
text-align:left;
font-family: Helvetica, Verdana, Arial;
border-bottom:1px solid #1F2A2C !important;
display: block;
padding: 0px 0px 5px 0px;
margin: 0px 0px 5px 0px;
line-height: 13px;
color: #fff;
font-size: 13px;
text-decoration:none;
}

#sidebar ul li ul li a{
color: #888d8f;
font-family: Helvetica, Verdana, Arial;
text-transform: uppercase;
letter-spacing: -1px;
font-size: 13px;
text-decoration: none;
}

/* Delicious Widget */

.delicious-extended{
color: #fff;
font-family: Helvetica, Verdana, Arial;
font-size: 11px;
text-decoration: none;
line-height: 12px;
}

.delicious-link{ /* not used, ATM */
line-height: 13px;
}

/* 
2. Sidebar-Right Elements 
-------------------- 
*/

.sidebar-right{
width:175px;
float: left;
padding-top: 70px;
margin-left: 12px;
}

/* Twitter */

div.twitter{
background:#FFFFFF url(images/twitter-2.png) no-repeat scroll left top;
margin-left:-14px;
overflow:hidden;
padding-top:0px;
width:200px;
}

div.twitter-content{
border-top:medium none;
overflow:hidden;
padding:0px 25px 0px 25px;
height: 135px;
}

div.twitter-content *{
font-size: 12px;
line-height: 18px;
width: 100%;
}

div.twitter-content li{
padding-top: 10px;
}

div.twitter-content li span{
clear: both;
display: block;
width:150px;
}

a.followme{
display: block;
width: 175px;
margin: 0 0 65px 0;
text-indent: -999px;
letter-spacing: -1px;
color: #AB3730;
text-decoration: none;
}

/* flickrRSS Widget */

div.flickrRSS {
background:#FFFFFF url(images/flickr.png) no-repeat scroll left top;
overflow:hidden;
margin: -14px;
padding-top: 5px;
text-align:center;
}

div.flickrRSS ul li {
text-align: center;
margin-bottom: 0px !important;
margin-left:14px;
width:175px;
list-style:none;
}

div.flickrRSS ul {
}

div.flickrRSS ul li img {
width:100px; 
border: 1px solid #bbb;
padding: 3px;
margin: 5px 7px 5px;
}

div.flickrRSS a:hover img {
border: 1px solid #bbb;
background: #f3008b;
}

/* Google Ads */

.google-ads{
display: block;
margin-left: 25px;
}


/*
3. Primary Navigation Elements
------------------------------
*/

.primarynav{
height: 40px;
width:1004px;
margin: 0 auto;
position: relative; 
top: 50px;
z-index: 9999;
height: 30px;
font-size: 14px;
}

.primarynav *{
list-style: none;
}

.primarynav li.current_page_item a, .primarynav li a.current_page_item {
color: #FFF;
}

.primarynav li.pagenav{
overflow:hidden;
width:545px;
}

.primarynav ul{
top:22px;
left: 0;
list-style: none;
}

.primarynav ul li{
float: left;
list-style: none;
}

.primarynav a{ /* header hyperlinks */
font-size: 24px;
font-family: Helvetica, Verdana, Arial;
text-transform:lowercase;
color: #3f514a;
padding-right: 25px;
letter-spacing: -1px;
text-decoration: none;
}

.primarynav a:hover{
color: #77959b;
}

.primarynav a.topnav_rss{
background:transparent url(images/rss.jpg) repeat scroll 0 0;
color:#FFFFFF;
padding:0 10px 0 30px;
position:absolute;
font-size: 16px;
right:0;
top:0;
}

.primarynav h2{
display: none;
}

/*
4. Main Column 
--------------
*/

#page{
background: transparent url(images/wrapperbg.jpg) repeat-x center top;
width:959px;
margin: 0px auto;
overflow: hidden;
padding: 0px 15px 0px 30px;
position: relative;
z-index: 999;

}

.bgimage{
width:1004px;
margin: 0px auto;
background: #FFF url(images/sidebarbg.gif) repeat-y 511px 0px;
}

.narrowcolumn textarea{
border:2px solid #7BA2AD;
width:93%;width:415px;
font-family: Arial, Helvetica, Verdana;
font-size: 16px;
padding: 5px;
_width:405px;
}

.narrowcolumn #commentform label{
display: block;
float: left;
text-align: right !important;
width:130px;
}

.narrowcolumn #commentform{
margin: 0px auto;
_margin-left:20px;
overflow: hidden;
height: 1%;
}

.narrowcolumn #commentform label small{
float: right;
}

.narrowcolumn .add_comment h3#respond{
font-family: Helvetica, Verdana, Arial;
font-size: 20px;
text-transform: uppercase;
padding:10px;
margin: 10px 0px;color: #293538;
border-bottom: 2px solid #293538;
text-align: right;
position: absolute;
top:-10px;
left: 0px;
letter-spacing: -1px;
width: 430px;
}

.narrowcolumn .add_comment{
position: relative;
padding:55px 10px 40px 10px;
margin: 10px 0px;
}

.narrowcolumn #commentform #author, .narrowcolumn #commentform #email, .narrowcolumn #commentform #url{
float: right;
border:2px solid #7BA2AD;
font-family: Arial, Helvetica, Verdana;
font-size: 16px;
padding:5px 5px;
width:245px;
}
.narrowcolumn #commentform #author:focus, .narrowcolumn #commentform #email:focus, .narrowcolumn #commentform #url:focus, .narrowcolumn textarea:focus{
background:#FFFFF5;
}

.narrowcolumn #commentform p{
clear: both;
overflow: hidden;
padding: 5px 0px;
height: 1%;
}

.narrowcolumn, .widecolumn{
float: left;
padding-top:40px;
width:480px;
}

.narrowcolumn .post{
padding-right: 30px;
position: relative;
padding-bottom: 0px;
padding-top: 113px;
_overflow: hidden;
_width: 468px;
}

.narrowcolumn .post .comments a span{
font-size: 12px;
}

.narrowcolumn h2.pagetitle{ 
margin-top: 15px;
margin-left:-20px !important;
}

.innerpage .post{
padding-top: 40px !important;
}

.innerpage .post h2{
float:none;
padding-left: 0px;
width:auto;
}

.entry{ /* also used in Pages */
padding: 10px 0px;
text-align: justify;
}

.entry p{
padding-bottom: 10px;
}

.entry a{  /* hyperlinks in blog posts */
color: #888d8f;
}

.entry p img {
margin: 0px auto;
text-align: center;
}

/* Pages */

.narrowcolumn h2.ptitle {
margin-left: -20px;
margin-bottom: 15px;
}

/* Post Meta Data */

p.postmetadata a{
font-size: 10px;
line-height: 12px;
}

p.postmetadata {
padding-top: 10px;
line-height: 10px;
font-size: 10px;
}

/* Post Tags */

.tags {
font-size: 12px;
background: url(images/tag_blue.png) no-repeat scroll;
padding-left: 15px;
margin-left: -15px;
}

.tags a {
font-size: 12px;
}

/* Post Title */

.PostHead{
left:-30px;
position:absolute;
top:30px;
text-align: left;
line-height: 30px;
}

.PostHead h2, .innerpage .post h2{
float: left;
width:380px;
_width:360px;
padding-top: 5px;
padding-left: 11px;
font-size: 30px;
font-family: Helvetica, Arial, "Trebuchet MS";
letter-spacing: -1px;
text-transform: uppercase;
text-decoration: none;
line-height: 30px;
}

.PostHead h2 a{
font-size: 30px;
font-family: Helvetica, Arial, "Trebuchet MS";
letter-spacing: -1px;
text-transform: uppercase;
text-decoration: none;
line-height: 30px;
}

.PostTime{
float:left;
overflow:hidden;
width:100px;

}
.PostHead small.PostDet, .PostHead small.PostDet a{
font-size: 12px;
text-decoration: none;
}

.PostHead small.PostDet{
clear:both;
display:block;
left:10px;
position:absolute;
top:-26px;
height: 23px;
width:395px;
overflow: hidden;
display: none;
}

.PostTime b{ /*Number Date */
background:#C30301 none repeat scroll 0 0;
clear:both;
color:#FFFFFF;
display:block;
font-family:Helvetica,Arial,"Trebuchet MS";
font-size:62px;
font-weight:bold;
height:54px;
line-height:58px;
overflow:hidden;
padding:0;
text-align:right;
width:95px;
z-index:999;
}

.PostTime{ /* Month/Year Date */
background: #293538;
color: #FFF;
padding:0px;
display: block;
width:95px;
left: 0;
font-size: 14px;
text-align: right;
}

/* Comments */

.comments a {
text-decoration: none;
font-size: 12px;
text-transform: lowercase;
background: #D0E6EC url(images/comments.gif) no-repeat scroll 99% 50%;
display: block;
margin-left: -15px;
padding-right: 25px;
width:460px;
text-align: right;
margin-bottom: 20px;
}

ol.commentlist li{
padding: 10px;
background: #D0E6EC;
margin-bottom: 15px;
border: 2px solid #7BA2AD;
border-top: none;
font-size: 14px;
list-style:none;
}

ol.commentlist li p {
padding: 5px;
}

ol.commentlist li cite a{
font-size: 22px;
font-style: normal;
text-decoration: none;
}

.authordiv{
padding-bottom:25px;
background: transparent url(images/author.gif) no-repeat left bottom;
overflow:hidden;
padding:13px 0px 13px 73px;
_height: 48px;
}

.authordiv img{
float: left;
border: 2px solid #7BA2AD;
}

li.authorli{
padding: 0px !important;
margin: 0px !important;
background: none !important;
border: none !important;
}

.authordiv cite{
padding-left: 10px;
float: left;
font-size: 13px;
width: 200px;
}

.authordiv small{
float: left;
width:330px;
}

.authordiv small a{
font-size: 13px;
padding-left: 10px;
text-decoration: none;
}

.authordiv cite a{
font-style: normal;
font-weight: bold;
text-decoration: none;
}

.CommWidth h3#comments{
background: #242f31;
color: #FFF;
padding-left: 10px;
margin: 10px auto;
}

h3#respond{
background: transparent /* important */
}

.alignright {
	float: right;
	margin-right: 5px;
	}

.alignleft {
	float: left;
	margin-left: -15px;
	}

/* Related Articles */

#related-articles {
	margin-top: 5px;
	margin-bottom: 10px;
	display:block;
}

/*
5. Footer
---------
*/

#footer{
width:100%;
background: #111f22;
padding: 10px 0px;
border-top: 4px solid red;
}

.footerwrap, .footerwrap *{
width:1000px;
font-size: 13px;
margin: 0px auto;
color: #77959B;
}

.footerwrap a{
color: #FFF;
}

.clear{
clear: both;
overflow: hidden;
height: 1%;
}