/*
Theme Name: ClassicalElegance
Theme URI: http://service.compuskills.co.uk/blog/2007/06/28/classical-elegance-wordpress-theme/
Description: An elegant, blue and white theme with two right-hand sidebars and options page and support for asides. More information can be found in the readme.txt file or from the <a href="http://service.compuskills.co.uk/blog">Blog</a>.
Version: 1.0.0
Author: Compuskills
Author URI: http://service.compuskills.co.uk/blog/
*/
/*
Structure

1.	Basic HTML Tags
2.	Font reset from http://developer.yahoo.com/yui
3.	Page Styling
	a.	Page Wrapper
	b.	Header
	c.	Posts and Page Content
		i.	Comment Areas
	d.	Sidebars
	e. Footer
4.	Styling to support the ASIDES
5.	Styling to support UTW Tag Pages
6.	Additional classes for inline post styling.

*/
* {
	padding: 0;
	margin: 0;
}
body {
	background-color: #f8f8f8;
	color: #1a1a1a;
}
hr {
	display: none;
}
img {
	border: 0;
}
abbr, cite, acronym, ins {
	border-bottom: 1px dotted #030303;
	text-decoration: none;
	cursor: pointer;
}
a {
	text-decoration: none;
}
/* Font reset from Yahoo */
body {
	font: 13px Helvetica, Arial, Clean, sans-serif;
	*font-size: small;
	*font: x-small;
}
table {
	font-size: inherit;
	font: 100%;
}
select, input, textarea {
	font: 99% arial,helvetica,clean,sans-serif;
}
pre, code {
	font: 115% monospace;
	*font-size: 100%;
}
body * {
	line-height: 1.22em;
}
/* Page Wrapper */
#wrapper {
	background-color: #f8f8f8;
	color: #1a1a1a;
	width: auto;
	margin: 0 auto;
	padding: 0;
	border: 0;
}
/* Header */
#header {
	height: 100px;
	background: #6C8BFF url(images/header_background.jpg) repeat-x top;
	color: #fff;
}
#header h1, #header p {
	padding: 0 0 0 50px;
	color: #fff;
}
#header h1 a:link, #header h1 a:visited {
	color: #ff0;
	text-decoration: none;
}
#header h1 a:hover, #header h1 a:active {
	color: #000;
	background-color: #ff8;
	text-decoration: none;
}
/* Page Navigation */
#page_navigation ul {
	list-style: none;
	width: 100%;
	background-color: #1a1a1a;
	color: #f0f0f0;
	padding: 5px 0;
}
#page_navigation ul li {
	list-style: none;
	display: inline;
}
#page_navigation a:link, #page_navigation a:visited {
	color: #f0f0f0;
	text-decoration: none;
	background-color: #1a1a1a;
	padding: 0 10px;
}
#page_navigation a:hover, #page_navigation a:active {
	color: #1a1a1a;
	text-decoration: none;
	background-color: #ff8;
	padding: 0 10px;
}
/* Post and Page Content */
#main {
	margin: 0 421px 0 50px;
	padding: 0;
}
.post {
	margin: 5px 10px 0 10px;
}
.posthead {
	background-color: #F9F9F9;
	color: #1a1a1a;
	margin: 0 0 20px 0;
	padding: 0;
	border-width: 5px 0 1px 0;
	border-color: #0001AC #000 #4243FF #000;
	border-style: solid;
}
.posthead h2 {
	font-size: 144%;
}
.posthead p {
	font-size: 92%;
	line-height: 1.5em;
}
.posthead a:link, .posthead a:visited {
	color: #010037;
	background-color: transparent;
	text-decoration: none;
}
.posthead a:hover, .posthead a:active {
	color: #010037;
	background-color: #ff8;
	text-decoration: none;
}
.entry {
	background-color: #f9f9f9;
	color: #000;
}
.entry p {
	padding: 0 1em .7em 0;
	text-align: left;
	font-size: 107%;
}
.entry blockquote {
	font-family: "Times New Roman", Times, serif;
	padding: 1em 1em 1em 4em;
	background: #fcfcfc url(images/blockquote.gif) no-repeat top left;
	color: #1a1a1a;
}
.entry blockquote blockquote {
	background-image: none;
	border-left: 5px solid #000;
}
.entry ul, .entry ol, #main ul {
	margin: 1em 1em 1em 2em;
	list-style-position: outside;
}
.home p:first-line {
	font-weight: bold;
}
.home blockquote p:first-line {
	font-weight: normal;
}
.entry img {
	border-width: 2px;
	border-style: solid;
	border-color: #ccc #999 #999 #ccc;
	padding: 2px;
	margin: 2px;
}
.entry img.wp-smiley {
	border: 0;
	padding: 0;
	margin: 0;
}
.postmetadata {
	background-color: #F0F0F0;
	color: #1a1a1a;
	margin: 0 0 20px 0;
	border-width: 1px 0 5px 0;
	border-color: #33f #000 #009 #000;
	border-style: solid;
	padding: 1em 1em 1em 0;
}
.postmetadata a:link, .postmetadata a:visited {
	color: #2D45C1;
	background-color: #F6F6F6;
}
.postmetadata a:hover, .postmetadata a:active {
	color: #000;
	background-color: #Ff8;
}
/* Comment Areas */
#commentform textarea {
	overflow: auto;
	width: 80%;
	margin: 10px auto;
	border: 2px solid #33c;
	background-color: #fff;
	color: #009;
}
.inputbox {
	margin: 5px 0;
	border-width: 2px;
	border-style: solid;
	border-color: #ccc #333 #333 #ccc;
	color: #009;
	background-color: #fff;
	padding: 3px;
	font-size: 107%;
}
.small {
	font-size: 85%;
}
.label {
	font-family: "Courier New", Courier, monospace;
}
ol.commentlist {
	list-style: none;
	margin: 10px 0px;
}
.commentlist li {
	list-style: none;
	margin: 5px 10px;
	background-color: #fff;
	color: #333;
	border: 1px solid #202020;
	padding: 5px;
}
.commentlist li.alt {
	background-color: #f6f6f6;
	color: #000;
}
.commentpremetadata {
	border-bottom: 1px dotted #c6c6f0;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
}
.commentpostmetadata {
	border-top: 1px dotted #c6c6f0;
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
}
.commenttext {
	padding: 1em 2em;
	margin: 0;
	background-color: #fcfcfc;
	color: #000;
}
.alt .commenttext {
	background-color: #f0f0f0;
	color: #303030;
}
.commenttext blockquote {
	padding: 0 4em;
	background-color: #fff;
	color: #000;
	font-family: "Times New Roman", Times, serif;
	font-size: 107%
}
.notice {
	font-family: "Times New Roman", Times, serif;
	font-size: 107%;
	color: #000;
	background-color: #ff8;
	padding: 5px;
	font-stretch: wider;
	font-style: italic;
}
.pagenavig {
	width: 100%;
	border-top: 3px solid #339;
	border-bottom: 1px solid #B9B9FF;
	padding: 5px 0;
	margin: 5px 0 10px 0;
}
.pagenavig .alignleft {
	float: left;
	width: 30%;
}
.pagenavig .alignright {
	margin: 0 0 0 41%;
	text-align: right;
	width: 40% !important;
}
.pagenavig a:link, .pagenavig a:visited {
	color: #36f;
	background-color: inherit;
}
.pagenavig a:hover, .pagenavig a:active {
	color: #000;
	background-color: #ff8;
}
/* Sidebars */
#sidebar {
	position: absolute;
	top: 130px;
	right: 10px;
	width: 400px;
}
#authorinfo {
	margin: 0 0 20px 0;
	border: 2px solid #6C8BFF;
	padding: 10px;
	color: #303030;
	background-color: #fff;
}
#authorinfo h2 {
	font-size: 114%;
}
#authorinfo p {
	font-size: 100%;
}
#lsidebar {
	width: 200px;
	float: left;
}
#rsidebar {
	width: 190px;
	margin: 0 0 0 200px;
}
#sidebar ul {
	list-style: none;
}
.sidepanel h2 {
	font-size: 107%;
	margin: 0.5em 0 0 0;
}
.sidepanel p, .sidepanel li, .sidepanel div {
	font-size: 92%;
	padding: 0 .5em 0 0;
}
#sidebar ul li ul {
	list-style: disc inside;
}
#sidebar a:link {
	background-color: inherit;
	color: #1517FF;
}
#sidebar a:visited {
	background-color: inherit;
	color: #5556FF;
}
#sidebar a:hover {
	background-color: #E1E1E1;
	color: #3F3F88;
}
#sidebar a:active {
	background-color: #ff8;
	color: #1A1A37;
}
/* Footer */
#footer {
	margin: 10px 420px 0 10px;
	padding: 0;
	background-color: #010066;
	color: #fff;
	text-align: center;
	padding: 10px;
	border-top: 3px solid #0f0f0f;
}
#footer a:link, #footer a:visited {
	color: #f3f3f3;
	background-color: #010066;
}
#footer a:hover, #footer a:active {
	color: #0f0f0f;
	background-color: #ff8;
}
/* Support for ASIDES */
div.asides {
	display: block;
	margin: 30px 0;
}
ul.asides {
	margin: 20px 50px;
	padding: 10px 20px;
	background-color: #f8f8f8;
	border-style: dotted;
	border-color: #000;
	border-width: 1px 0;
	color: #000;
	list-style: none;
}
/* Support for UTW Tag Pages */
.utwtagcloud {
	/* This is used on the tags.php page */
	background-color: #fff;
	margin: 30px;
	padding: 20px;
	border: 1px solid #33c;
}
#matches {
	/* This is for the searchtags.php page */
	padding-left:50px;
}
.halfpostleft h2, .halfpostright h2 {
	font-size: 114%;
	margin: 20px 0 0 0;
}
.halfpostleft form {
	margin: 10px 30px;
}
.halfpostleft label {
	font-size: 107%;
	font-family: "Courier New", Courier, monospace;
}
.results {
	margin: 20px;
	padding: 10px;
	border-width: 3px;
	border-style: solid;
	border-color: #9f9f9f #000 #000 #999;
}
h2.tagheader {
	font-size: 136%;
	margin: 5px 0 15px 0;
}
.tagheader a:link, .tagheader a:visited {
	color: #1a1a1a;
	background-color: inherit;
}
.tagheader a:hover, .tagheader a:active {
	color: #000;
	background-color: #ff8;
}
/* Classes for post styling */
.tagline {
	font-family: "Times New Roman", Times, serif;
	font-size: 107%;
	font-style: italic;
}
.rightfloat {
	float: right;
	margin-left: 15px !important;
}
.leftfloat {
	float: left;
	margin-right: 15px !important;
}
.center {
	text-align: center;
	display: block;
}
.information, .alert, .news {
	display: block;
	background-position: 10px;
	background-repeat: no-repeat;
	margin: 5px 0;
	padding: 6px 20px 6px 50px !important;
	font-size: 107% !important;
	font-weight: normal !important;
}
p.information:first-line, p.alert:first-line, p.news:first-line {
	font-weight: normal !important;
}
.information {
	border-top: 2px solid #00f;
	border-bottom: 2px solid #00f;
	background-color: #33c;
	color: #fff;
	background-image: url(images/information.png);
}
.information a {
	color: #FF0 !important;
	background-color: #33c !important;
}
.alert {
	border-top: 2px solid #f00;
	border-bottom: 2px solid #f00;
	background-color: #c33;
	color: #fff;
	background-image: url(images/exclamation.png);
}
.alert a {
	color: #000 !important;
	background-color: #c33 !important;
}
.news {
	border-top: 2px solid #0c0;
	border-bottom: 2px solid #0c0;
	background-color: #393;
	color: #fff;
	background-image: url(images/news_icon.png);
}
.news a {
	color: #000 !important;
	background-color: #393 !important;
}