/*
Theme Name: Translucent Fluidity 2
Version: 3.1
Description: A fluid two-column style that's widget ready and ported to WordPress from my original open source template
Author: Karen Blundell
Author URI: http://karenblundell.com
Tags: flowers, white, two columns, fluid width, widget ready, right sidebar
*/

/*background: #FFF url('images/back8.jpg') no-repeat top left fixed*/
body {
	
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: 0.75em;
	color: #27434c;
	line-height: 1.5em;
	margin: 20px 0 0 0;
}

#header { margin: 0 auto; padding: 0; height: 101px; }
#header h1 { padding: 30px 0 0 0; color: #28444D; font-size: 3em; letter-spacing: 3px; margin: 0; text-align: left; }
#header a, #header a:visited { color: #28444D; text-decoration: none; }
#header a:hover { color: #666 }
#desc { padding: 0px 10px; margin: 0 ; text-align: right; }

#nav {
	top: 67px;
	width: auto;
	padding: 0;
	margin: 0px;
	font: 28px Verdana, sans-serif;
	height: 48px;
	font-family: sans-serif;
	font-weight: lighter;
	color: #b5d4de;
}
#nav li { list-style: none; margin: 15px; padding: 0; display: inline;  }
#nav li a { padding: 0px; margin: 0; text-decoration: none; }
#nav li a:link {
	color: #516e77;
}
#nav li a:visited { color: #516e77; }
#nav li a:hover { color: #e30b03; }
#nav li a.active { color: #516e77; }

#container {
	background: url('rotate/rotate.php') no-repeat top left; 
	width: 1000px;
	padding: 0;
	margin: auto;
}
#container_half {
	background: url('rotate_half/rotate.php') no-repeat top left; 
	width: 1000px;
	padding: 0;
	margin: auto;
}

#content { margin: 60px 40px 0 0; padding: 20px; width: 580px; float: left; }
#content h1 {
	color: #28444D;
	margin: 0;
	padding: 15px 40px 1px 0;
	font-size: 2.1em;
	line-height: 1.5em;
	font-family: sans-serif;
	font-weight: lighter;
}
#content .post p { padding: 0 15px 15px 0 }
#content .post blockquote { padding-top: 0px; padding-bottom: 0px; }
#content .post blockquote p { margin: 5px 0 0 0; padding: 10px 5px 10px 5px; border-left: 2px solid #fff; }
#content .post li { list-style-type: disc;  color: #000; margin: 0px 5px 0px 5px; padding: 0px 5px 5px 0px; }
#content .post ol { margin: 0px; padding: 0 5px 0 40px; }
#content .post ol li { list-style-type: decimal;  color: #000; margin: 0px 5px 0px 5px; padding: 0px 5px 5px 0px; }
#content .post img { display: inline; border:0; margin:0 5px 0 0; padding:0; vertical-align: middle; }

#menu { float: left; width: 200px; margin: 80px 10px 0 120px; padding: 5px; }
#menu ul { padding: 0; list-style: none; margin: 0; }
#menu ul li {
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 8px 0px;
	font-size: 1em;
}
#menu ul ul li { list-style-type: none; color: #98b6c1; margin: 0px 0px 0px 0px; padding: 0px 5px 8px 0px; font-size: 1.0em; line-height: 1.2em; }
#menu ul.children { margin: 0px; padding: 5px 5px 0px 0px; }
#menu ul.children li { margin: 0px; padding: 0px 7px 5px 5px; }
#menu h2 { 
	color: #98b6c1; 
	margin: 0 0 5px 0; 
	padding: 0; 
	line-height: 1.5em;
	font-size: 2em; 
	font-family: sans-serif;
	font-weight: lighter;
}

#footer { background: transparent; padding: 5px 10px 2px 0; text-align: right; font-size: 0.75em; clear: both; line-height: 1.15em; }

a, a:visited {
	background: transparent;
	color: #28444D;
	
}

a:hover, a:active { background: transparent; color: #e30b03; }
#content h1 a {	text-decoration: none;}
#content h2 a {	text-decoration: none;}
#content h2 { 
	color: #28444D; 
	margin: 0 0 10px 0; 
	padding: 0; 
	line-height: 1.5em;
	font-size: 1.5em; 
	font-family: sans-serif;
	font-weight: lighter;
}

#commentlist { margin: 0px; padding: 0px; }
#commentlist li { list-style-type: none; margin: 10px 0px 10px 0px; padding: 5px 5px 0px 5px; border-bottom: 1px solid #666; }
#commentlist p { margin: 0px; padding: 10px 5px; }
#commentlist .commentmeta { font-weight: bold; margin-bottom: 5px; font-size: 0.75em; }
#commentlist .alt { border-bottom: 1px solid #28444D; }
#commentlist blockquote { border: 1px solid #fff; }
#commentlist .alt blockquote { border-color: #fff; }
#commentform p { margin: 10px 0px 0px 0px; padding: 0px; }
#commentform textarea { width: 350px; }

.meta { margin: -2px 0px 0px 0px; padding: 0; font-size: 0.75em; font-weight: bold; }

.postmetadata { font-size: 1em; font-weight: lighter; text-align: left; color: #60b82e;line-height:1.1em;}
.postmetadata2 { font-size: 1em; font-weight: lighter; text-align: left; color: #e89300;line-height:1.1em;}

.postmetadata a {text-decoration:none;}
.postmetadata2 a {text-decoration:none;}
#menu a {text-decoration:none;}
.next a {text-decoration:none;}
form { margin: 0px; padding: 0px; }
form input, form textarea, form submit { border: 1px solid #B78E96;  background-color: transparent; }
acronym { cursor: help; border-bottom: 1px dotted #B78E96 }

img.centered {display:block; margin: 0 auto 5px auto; border:0; padding:0; }

img.alignright { display: inline; border:0; margin:5px 7px 0 7px; padding:0; vertical-align: middle; }

img.alignleft { display: inline; border:0; margin:5px 7px 0 7px; padding:0; vertical-align: middle; }

img a { border: 0; }

.alignleft { float:left; text-align:left; }

.alignright { float:right; text-align:right; }

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}