/*  
Theme Name: RichWriting
Theme URI: http://www.richwriting.com/
Description: Widget ready and tested on WP 2.9.1.
Version: 1.0
Author: BlueLayerMedia
Author URI: http://www.bluelayermedia.com/
*/

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #d8e8e8;
}

a {
	text-decoration: underline;
color:#700008;	
}

a:hover {
	text-decoration: underline; color:#000;	
}

.clear {
	clear: both;	
}

#wrapper {
	width: 860px;
	margin: 0 auto;
	border: 2px solid #000000;
	background-color:#FFFFFF;
}

h1#header a {
	display: block;
	text-indent: -9999px;
	height: 160px;
	width: 860px;
	background-image: url(http://76.75.212.112/wp-content/uploads/2010/04/richwriting-header.jpg);
}

ul#nav {
	height: 36px;
	padding: 0 0 0 20px;
	background-color: #dfdad6;
	position: relative;
	z-index: 1000;
}

ul#nav li {
	float: left;
	line-height: 36px;
	position: relative;
}

ul#nav li a {
	color: #5f4e43;
	font-weight: bold;
	font-size: 12px;
	height: 36px;
	display: block;
	padding: 0 25px 0 25px;
}

ul#nav li a:hover {
	background-color: #C9BCA0;
	text-decoration: none;
}

ul#nav li ul {
 /* second-level lists */
	position: absolute;
	background-color: #f2eeeb;
	width: 220px;
	height: 22px;
	display: none;
}

ul#nav li ul ul {
	/* third-level lists */
	position: absolute;
	background-color: #d8e8e8;
	width: 220px;
	height: 22px;
	display: none;	
}

ul#nav li ul li {
	height: 22px;
	padding: 0;
	margin: 0;
	line-height: 22px;
	position: relative;
}

ul#nav li ul ul a:hover {
	background-color: #8ebfbf;
}

ul#nav li ul li a {
	color: #5f4e43;
	font-weight: bold;
	font-size: 11px;
	height: 22px;
	display: block;
	width: 170px;
}

ul#nav li:hover ul { 
	left: 0;
	top: 36px;
	height: auto;
	width: 220px;
	display: block;
}

ul#nav li:hover ul ul {
	display: none;
}

ul#nav li ul li:hover ul { 
	left: 220px;
	top: 2px;
	height: auto;
	width: 220px;
	display: block;
}


#feather {
	width: 532px;
	height: 272px;
	background:url(images/feather.jpg) no-repeat;
	margin: 20px 0 0 0;
}

#contentwrap {
	background-color: #FFFFFF;
}

#content {
	width: 530px;
	float: left;
	margin: 20px 0 30px 0;
	padding: 20px 30px 0 25px;
	border-right: 2px solid #000000;
	font-size: 12px;
	background: none;
	background-color: #FFFFFF;
	position: relative;	
}

#content p {
	margin: 7px 0 7px 0;	
}

#content h1 {
	color: #523c36;
	font-size: 24px;
line-height:30px;
	margin: 20px 0 0 0;
        border-bottom: 1px dotted #CCCCCC;
padding: 0 0 5px 0;
}

#content .post {
padding: 0 0 10px 0;
}

#content .post h1 a {
color: #523c36;
font-size: 24px;
}

#content .post p {
margin: 12px 0 12px 0;
line-height: 18px;
}

#content .post .postinfo {
margin: 5px 0 0 0;
font-size: 11px;
}

#content .post a {
font-weight: bold;
color: #523c36; 
}

#content .post .postinfo a {
font-weight: bold;
color: #523c36; 
}

#content .post .postinfo a:hover {
color: #3d2823;
}

#content h2 {
	color: #589595;
	font-size: 20px;
	margin: 20px 0 0 0;
}

#content h3 {
	color: #000000;
	font-size: 18px;
	margin: 20px 0 0 0;
}

#sidebar {
	width: 230px;
	float: right;
	margin: 20px 0 20px 0;
	padding: 0 25px 0 0;
	color: #5f4e43;
	background-color: #FFFFFF;
}

#sidebar h2 {
	font-size: 18px;
	margin: 0 0 7px 0;
}

#sidebar ul, #sidebar ul ul {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}

#sidebar ul li {
        background-color: #d8e8e8;
	border: 2px solid #000000;
	padding: 10px;
	margin: 0 0 20px 0;	
	font-size: 12px;
}

#sidebar ul li#execphp-3 {
background-color: #f2eeeb;
}

#sidebar ul li#text-7 {
background-color: #fefefe;
}

#sidebar a {
font-weight: bold;
color: #523c36; 
}

#sidebar ul ul li {
	margin: 4px 0 4px 0;
        background: none;
	border: none;
	padding: 3px 0;
	margin: 0 0 0 10px;
}

#sidebar .boxone {
	background-color: #d8e8e8;
	border: 2px solid #000000;
	padding: 10px;
	margin: 0 0 20px 0;
}

#sidebar .boxtwo {
	background-color: #ffffff;
	border: 2px solid #000000;
	padding: 10px;
	margin: 0 0 20px 0;
}

#sidebar .boxthree {
	background-color: #f2eeeb;
	border: 2px solid #000000;
	padding: 10px;
	margin: 0 0 20px 0;
}

#footer {
	background-color: #dfdad6;
	padding: 5px 0 0 0;
}

#footer p {
	text-align: center;
	color: #5f4e43;
	font-weight: bold;
	margin: 5px 0 0 0;
	padding: 0 0 5px 0;

font-size: 11px;
line-height: 15px;

}

 #footer .textwidget {
color: #5f4e43;
font-weight: bold;
font-size: 11px;
text-align: center;
line-height: 14px;
}



ul#footlinks {
	margin: 0 20px 0 20px;
}

ul#footlinks li {
	float: left;
	padding: 0 20px 0 20px;
}

ul#footlinks li a {
	color: #5f4e43;
	font-weight: bold;
	font-size: 12px;
}

img.centered, .aligncenter, div.aligncenter {
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;
}

.comment a {
font-weight: bold;
color: #523c36; 
}

.comment {
border: 1px solid #b8b8b8;
padding: 8px;
margin: 8px 0;
}

.comment .avatar {
float: left;
margin: 0 5px 5px 0;
}

/* ADDED by TomMaitland (auroracoded.com.au) on 2/4/2010 */
#content ul, #content ol {margin:10px 0 10px 30px;}
#content ul li { list-style:disc; padding:2px 0 2px 0; }
#content ol li { list-style:decimal; padding:2px 0 2px 0;}
#text-6 h2.widgettitle {text-align:center;}
.tabbed-widget {width:205px !important;}
#sidebar .tabbed-widget.widget li {margin:0;} 
#sidebar .tabbed-widget.widget li.ui-state-default a {padding:6px 2px 6px 2px; font-size:11px; background:#fff; border:1px solid #523C36; margin:2px; color:#523C36; text-decoration:none;}
#sidebar .tabbed-widget.widget li.ui-state-active a, #sidebar .tabbed-widget.widget li.ui-state-default:hover a {padding:6px 2px 6px 2px; font-size:11px; background:#523C36; border:1px solid #523C36; margin:2px; color:#fff; text-decoration:none;}
#sidebar .ui-widget-header {margin-bottom:15px;}
li.widget {margin-bottom:10px;}
li#tabbed-widget-4 {margin-bottom:40px;}