/*
Theme Name: KUNU 2010
Theme URI: http://kunuhd.com/
Description: The KUNU theme
Version: 3.0
Author: Nate Lacroix
Author URI: http://natelacroix.com/
Tags: kunu, creative, video, production
*/
@charset "UTF-8";

body,td,th {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #362f2d;
}

body {
	background: #fff url(images/2010_TopTile.jpg) repeat-x;
	margin:0;
}

.logo {
	position: absolute;
	height: 83px;
	top: 0px;
	width:300px;
	left:0;
}

#navigation {
	background: url(images/2010_MenuBarLeft.jpg) no-repeat;
	height:83px;
	left:300px;
  padding-left:20px;
	top:0px;
	position:absolute;
}

#navigation ul {margin-left:-35px;}

#navigation ul li {
	background: url(images/2010_MenuDivider.jpg) right no-repeat;
	list-style:none;
	float:left;
	padding-right:23px;
	padding-left:6px;
	margin-top:48px;
	line-height:20px;
}

#navigation a:link, #navigation a:visited {
	text-decoration:none;
	color:#636363;
	text-transform:lowercase;
}

#navigation a:hover, #navigation a:active {
	color:#fff;	
}

#navigation ul li.current_page_item a:link, #navigation ul li.current_page_item a:visited {
	color:#fff;	
}

#content a:link, #content a:visited {
	text-decoration:none;
	color:#990000;
}


#content a:hover, #content a:active {
	color:#ff9900;  
}

#content a img {
	border:3px solid #ececec;
}

#content {
	position:absolute;
	top:126px;
	left:49px;
	width:655px;
	height:450px;
}


#content .post, .commentssection {
	position:relative;
	top:0px;
	left:0px;
	width:655px;
	padding:0px;
        padding-top:5px;
        margin-bottom:50px;
border-bottom:1px dotted #848484;
}

.blogpost { 	top:-30px;}


#content h1 {
	left:0px;
color:#c32e2f;
	text-transform:lowercase;
float:left;
	font-weight:normal;
 margin-bottom:0;
  	height:65px;
font-size:32px;
width:655px;
}

#content h2 {
	margin-left:0px;
	text-transform:lowercase;
	font-weight:normal;
}

#content h3.pagetitle {
 margin-left:0;
font-weight:normal;
color:#241f1d;
}

#content .entry {margin-left:15px;}


.sidebar {
	position:absolute;
	width:199px;
	top:126px;
	right:0px;
	padding:10px;
padding-top:55px;
        background:#ececec url(images/2010_SidebarTitle.jpg) top no-repeat;
}

.sidebar li {
 list-style:none;
margin-left:0;
font-size:9.5px;
line-height:15px;
}

.sidebar li ul {
 margin-left:-23px;
}

.sidebar h2, .sidebar h2 a {
	font-size:18px;
 line-height:7px;
 text-transform:lowercase;
 font-weight:normal;
 color:#362f2d;
 margin-top:43px;
 margin-bottom:0;
}

div.ngg-widget {
	padding-top:15px;
        padding-left:8px;
}


/*.post .postmetadata {
	border-top:1px dotted #000;
	border-bottom:1px dotted #000;
}*/


.post small {
	line-height:12px;
	margin-top:-15px;
        color:#c9c7c6;
	margin-bottom:10px;
	font-face:"Times New Roman";
  display:block;
  right:0;
text-align:right;
padding-top:3px;
width:100%;
float:right;
border-bottom:1px solid #ececec;
border-top:1px solid #ececec;
}

.post blockquote small {margin:10px; margin-top:5px; padding:5px; background: #ececec; width:220px; border:1px solid #000;}

.postmetadata small {width:420px; font-size:8px; padding-top:30px;padding-bottom:30px;}



#content .archive {
	width:420px;
	left:495px;
	top:35px;
	position:absolute;
	font-weight:normal;
	color:#fff;}
#content .archive h3{

	font-size:12px;
}





.hidden {display:none;}



#video1, .youtube, .videopress {
	background:url(images/2010_VideoWindow.jpg) no-repeat;
	width:655px;
padding-top:15px;
float:left;
margin-bottom:20px;
}






img.error {
	top:25px;
}





.bodyimage { 
	float:left;
margin-right:10px;
margin-bottom:15px;
}

div.bodyimage {
background:#171717 url(images/2010_PortfolioBG.jpg) top left no-repeat;
width:180px;
margin:5px;
padding:10px;
margin-bottom:5px;
height:240px;
color:#ececec;
}

div.bodyimage strong {
  font-size:20px;
  font-weight:normal;
  text-transform:lowercase;
}

div.bodyimage a strong { color:#000; font-size:16px; }

.youcanquoteme, blockquote {
	background:#ececec;padding:5px;margin-bottom:5px; padding-left:15px; padding-right:15px; font-size:14px; line-height:16px;
}

.blockquote small {font-size:11px;}

.post small a, .post .postmetadata a {
	color:#444;
}


.commentssection {

	border:3px solid #dbdbdb;
margin-bottom:100px;
}


.commentssection {background:#ececec; font-size:12px;}
.commentssection h3 {color:#900; font-size:14px; padding-left:10px; padding-top:5px;}
.commentssection img {float:right; padding-right:10px;}
.commentssection ol li {font-size:12px; border-top:1px dotted #aaa;}
.commentssection ol p {padding-right:10px;}
.commentssection textarea {width:395px;}
.commentssection form p {margin-left:10px;}


.sidebar a:link, #sidebar a:visited {
	text-decoration:none;
	color:#838383;
}

.sidebar a:hover, #sidebar a:active {
	color:#454545;
}

.sidebar h2 a:link, .sidebar h2 a:visited { color:#362f2d;}


.post-edit-link {margin-top:100px;} 


.widget_twitter li {margin-left:0px; margin-bottom:10px; font-size:9.5px;}



/* 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;
	}

img.size-medium {border:3px solid #83736b;float:left;margin:7px;padding:1px;}
/* End Images */

div.feet {display:none;}