/*   
Theme Name: KHG
Theme URI: http://www.lucentpdx.com
Description: Design commissioned by Kristen and completed on 11/03/2009.
Author: LucentPDX
Author URI: http://www.lucentpdx.com
Version: v.1.0
Copyright 2009 Lucent Studios. Some rights reserved.
*/

/*	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, 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 {
	line-height: 1;
}
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;
}





/*	Raw HTML Tags
--------------------------------------------------------*/
body {
	background: #fff url("images/bg.jpg") repeat-x;
	text-align:center;
	font: 12pt "Myriad Pro", Helvetica, Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	line-height:  1.2em;
}

a {
	color: #162dff;
	text-decoration:none;
}

a:HOVER {
	text-decoration:underline;
}

h1, h2, h3 {
	font-family: Georgia, Times, ‘Times New Roman’, serif;
	font-weight:Bold;
	line-height: 1em;
}

h1 {
	clear:both;
	font-size: 30pt;
	border-bottom:1px solid #cfcece;
	width:560px;
}

h2 {
	font-size: 18pt;
}

h3 {
	font-size: 12pt;
	color: #000;
}

p {
	margin-bottom: 20px;
	margin-top: 10px;
}


/*	Reusable Style Modifiers
--------------------------------------------------------*/
.alignleft { float:left; }
.alignright{ float:right; }


/*	Universal Template Styles
--------------------------------------------------------*/
.wrapper {
	width: 780px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#head {
	background: url("images/penismightier.jpg") no-repeat top right;
	height: 205px;
}

#head #nav {
	margin-top: 10px;
}

#head #nav li {
	float:left;
	margin-right: 30px;
}

#head #nav a {
	text-decoration:none;
	color: #fff;
	display:block;
	height: 24px;
}

#head #nav .current_page_item a,
#head #nav a:HOVER {
	background: url("images/navselect.jpg") no-repeat bottom center;
}

#head #logo {
	margin-top:21px;
}

#content {
	clear:both;
	padding-top: 70px;
	background: url("images/spiralbinding.png") repeat-x;
	position:relative;
	top: -6px;
}

#content #main_content {
	width: 560px;
	float:left;
	border-right: 1px solid #cfcece;
	padding-top: 30px;
}

#content #sidebar {
	margin-left: 560px;
	font-size: 10pt;
	color: #777;
	position:relative;
	top: -60px;
}

#content #sidebar div {
	border-bottom: 1px solid #cfcece;
}

#content #sidebar ul li {
	line-height: 1.2em;
	padding-top: 15px;
}

#content #sidebar ul li span {
	display:block;
}

#content #sidebar ul li a {
	font-weight:bold;
	font-size: 10pt;
}

#content #sidebar p {
	line-height: 1.2em;
	margin-top: 15px;
}

#content #sidebar .share {
	padding: 30px;
	padding-top:0;
}

#content #sidebar .twitter {
	padding: 30px;
}

#content #sidebar .recentwork {
	padding: 30px;
}

#content #sidebar .recentwork p {
	margin:0;
}

#footer {
	clear:both;
	padding: 150px 0 10px 0;
}





/*	SEARCH FORM
--------------------------------------------------*/
#content #sidebar #searchform {
	background:url("images/searchbg.jpg") no-repeat 30px 0px;	
	position:relative;
}

#content #sidebar #searchform div {
	padding-top:0;
	height: 60px;
	border:0;
}

#content #sidebar #searchform .searchbg {

	width:160px;
	height:26px;
	display:block;
	border: 0;
}

#content #sidebar #searchform input#s {
	padding: 0;
	border:0;
	font-size: 9pt;
	height: 17px;
	width: 135px;
	color: #555;
	position:absolute;
	left:33px;
	top: 5px;
	background-color: transparent;
}

#content #sidebar #searchform #submit {
	background:0;
	border:0;
	width: 33px;
	height: 23px;
	position:absolute;
	right: 22px;
	top: 0px;
	cursor:pointer;
}


/*	OTHER FORMS
--------------------------------------------------*/
input.text {
	border: 1px solid #bbb;
	padding: 3px;
}


/*	Posts
--------------------------------------------------*/
div.post {
	padding-right: 90px;
	margin-bottom: 60px;
	padding-bottom: 30px;
	border-bottom: 1px solid #cfcece;
}
.postinfo {
	font-size:10pt;
	line-height: 1.3em;
}

.postinfo .date {
	color:#858585;
	margin-right: 5px;
}

.postinfo .comments {
	margin-left: 5px;
}

.post ul {
	margin-left: 20px;
	list-style: disc;
	margin-bottom: 50px;
}

h3#respond,
h3#comments{
	margin-top: 60px;
}

.navigation {
	padding-bottom: 60px;
	width: 560px;
}

/*	Work
--------------------------------------------------*/
body#work ul#work li {
	margin: 15px 0px;
	line-height: 1.1em;
}

body#work ul#work li ul {
	margin: 0 30px;
}

body#work ul#work li p {
	margin:0;
}


body#blog .post img {
	float:left;
	margin-right: 15px;
	margin-bottom: 5px;
	max-width: 300px;
}