/*
Theme Name: Kerry Williams
Theme URI: http://relishinteractive.com/
Description: Kerry Williams wordpress theme.
Version: 1.0
Author: Relish Interactive
Author URI: http://relishinteractive.com/
*/

body,html,img,ul,ol,dl,dd,li,table,form,input,select,h1,h2,h3,h4,h5,p,blockquote {
	border: none;
	list-style: none;
	margin: 0;
	padding: 0;
}

body {
	background: #fff;
	font: normal 13px "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, "Sans-Serif";
	-x-system-font: none;
	font-size-adjust: none;
	font-stretch: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	color: #4b4b4b;
	text-align: center;
}

body,
html {
	height: 100%;
}

#page {
	min-height: 100%;
}

/*****************************************
* GENERIC
*/

a {
	color: #51A0A7;
	text-decoration: none;
	border-bottom: dotted 1px #51A0A7;
}

a:hover {
	color: #10727c;
}

/*****************************************
* PAGE STRUCTURE
*/

#page {
	width: 1004px;
	overflow: hidden;
	margin: 0 auto;
	text-align: left;
	background: url("static/images/body-bg.png") repeat-y -538px;
	padding: 0 0 20px;
}

#header {
	height: 190px;
	background: url("static/images/header-bg.png") no-repeat top center;
	position: relative;
}

#sidebar {
	float: left;
	width: 175px;
	padding: 317px 128px 100px 5px;
	text-align: right;
	background: url("static/images/sidebar-bg.png") no-repeat 0 -80px;
}

#content {
	float: right;
	width: 540px;
	margin: 0 107px 20px 0;
	_margin-right: 53px;
}

#footer {
	clear: both;
	margin: 0 0 0 333px;
}

#distress {
	position: absolute;
	width: 115px;
	height: 250px;
	top: 0;
	left: 0;
	background: url("static/images/distress-bg.png") no-repeat top left;
}

/*****************************************
* HEADER
*/

#header h1,
#header .description {
	text-indent: -9999px;
}

#mainmenu {
	position: absolute;
	top: 0;
	left: 357px;
	overflow: hidden;
}

#mainmenu li {
	float: left;
	margin: 0 0px 0 0;
}

#mainmenu li a {
	display: block;
	width: 90px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	padding: 105px 0 10px;
	letter-spacing: 1px;
	font-size: 14px;
	border: none;
	color: #4b4b4b;
}

#mainmenu li a:hover {
	color: #39939c;
}

#mainmenu li.current_page_item a {
	background: url("static/images/mainmenu-selected-bg.png") no-repeat bottom center;
	color: #4b4b4b;
}

#langmenu {
	position: absolute;
	top: 106px;
	left: 0;
	width: 307px;
	text-align: right;
	overflow: hidden;
	color: #999;
	font-size: 11px;
}

#langmenu li {
	float: right;
	margin: 0 0 5px 15px;
}

/*****************************************
* SIDEBAR
*/

.error404 #sidebar {
	background: #fff;
}


#sidebar #email {
	margin: -27px 0 0;
	text-indent: -1000px;
	display: block;
	text-align: left;
}

.error404 #sidebar #email {
	display: none;
}

/*****************************************
* CONTENT
*/

#content h2 {
	font-size: 32px;
	color: #4b4b4b;
	margin: 30px 0;
	text-transform: lowercase;
}

#content p {
	line-height: 20px;
	margin: 0 0 20px;
}

#content ul {
	padding: 0 20px;
	margin: 0 0 20px;
}

#content ul li {
	list-style: disc;
	margin: 0 0 3px;
}

#content em {
	font-family: Georgia, Geneva, "Times New Roman", Serif;
}

#content blockquote {
	font: italic 125% Georgia, Geneva, "Times New Roman", Serif;
}

/*****************************************
* POSTS
*/

#content .post {
	margin: 0 0 50px;
}

#content .post h2 a {
	border: none;
	color: #4b4b4b;
}

#content .post .date {
	text-transform: uppercase;
	margin-top: -22px;
	color: #999;
}

#content .post .postmetadata {
	font-size: 85%;
	border-top: dotted 1px #999;
	padding: 3px 0 0;
	color: #999;
	clear: both;
}

#content .post .postmetadata .comments {
	padding: 0 0 0 17px;
	margin: 0 0 0 15px;
	background: url("static/images/comment-icon.png") no-repeat left;
}

#content .navigation {
	overflow: hidden;
}

#content .navigation .alignleft {
	float: left;
}

#content .navigation .alignright {
	float: right;
	text-align: right;
}

#content .navigation a {
	background: #fcfbf6;
}

#comments,
#respond h3 {
	text-transform: uppercase;
	font-size: 13px;
	margin: 10px 0;
}

.commentlist {
	font-size: 85%;
	margin: 0 0 30px;
}

.commentlist li {
	overflow: hidden;
	padding: 5px 0 0 50px;
	border-bottom: dotted 1px #ccc;
}

.commentlist li .avatar {
	margin: -5px 0 0 -50px;
	float: left;
	padding: 3px;
	background: #fff;
	border-top: solid 1px #eee;
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	border-left: solid 1px #eee;
}

.commentlist li .vcard {
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-style: italic;
	color: #999;
}

#content .commentlist li p {
	margin: 0.5em 0;
}

#commentform input,
#commentform textarea {
	border: solid 1px #ddd;
	font: normal 11px "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, "Sans-Serif";
	padding: 4px;
}

#commentform p {
	margin: 4px 0;
	font-size: 11px;
}

#commentform small {
	font-size: 11px;
}

#submit {
	background: #ed2200;
	padding: 5px 10px;
	color: #fff;
	border: none !important;
}

#content .post img {
	background: #fff;
	padding: 8px;
	border: solid 1px #eee;
}

#content .post img.alignleft {
	float: left;
	margin: -3px 20px 10px -9px;
}

.page #content .post img.alignleft {
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	rotation: -3deg;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-3);	
}

#content .post img.alignright {
	float: right;
	margin: -3px -9px 10px 20px;
}

.page #content .post img.alignright {
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	rotation: 3deg;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);	
}


/*****************************************
* FOOTER
*/

#footer {
	color: #F69877;
	font-size: 10px;
}

#footer a {
	color: #F69877;
	border-color: #F69877;
}