// ========================================================================
//
// lecturn.css.php
//              CSS styling
//
//              Part of the Lecturn theme for Wordpress
//
// Author       Stuart Herbert
//              (stuart@stuartherbert.com)
//
// Copyright    (c) 2008-2010 Stuart Herbert
//              Released under v2 of the GNU General Public License
//
// ========================================================================

?>

.alignleft {
	text-align: left;
}

.aligncenter {
	text-align: center;
}

.alignright {
	text-align: right;
}

img {
	border: 0px;
}

img.photo {
	display: block;
	margin: auto;
	border: 10px solid #000000;
}

pre {
	background-color: #dddddd;
        foreground-color: #000000;
        border: 1px solid #333333;
        padding: 10px;
}

ul li.icon {
	background-position: 0px 1px;
	background-repeat: no-repeat;
	padding-left: 20px;
}

ul.hoz {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding-left: 0px;
}

ul.hoz li {
	display: inline;
}

/* IE work arounds - grrrr! */

p {
	margin-top: 13px;
	margin-bottom: 13px;
}

ul {
	margin-left: 0px;
	margin-top: 13px;
	margin-bottom: 13px;
}

li {
	margin-left: 0px;
}

html, body {
	margin: 0px;
	padding: 0px;
}

body {
	font-size: 10pt;
	font-family: verdana, sans-serif;
	background-color: #000;
	color: #000;
}


#properties {
        background-color: #cccccc;
	color: #000000;
	margin-top: 0px;
	width: 100%;
	float: left;
	height: 2em;
	border-bottom: 5px solid #999999;
}

#properties a, #properties a:visited, #properties a:active {
	color: #000000;
	text-decoration: none;
}

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

#properties .list ul {
	text-align: left;
	font-size: 10pt;
	padding-left: 0pt;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

#properties .list ul li {
	padding-right: 10px;
	font-size: 10pt;
}

#properties .search {
	height: 2em;
	vertical-align: top;
	text-align: center;
	background-color: #999999;
}

#banner {
	background-color: #000000;
	color: #ffffff;
	margin-top: 0px;
	width: 100%;
	float: left;
}

#banner .title a, #banner .title a:visited, #banner .title a:active {
        color: #d4d1ae;
	text-decoration: none;
}

#banner .title a:hover {
	text-decoration: underline;
}

#banner h1 {
	font-size: 24pt;
	font-weight: bold;
        color: #d4d1ae;
	margin: 0px;
	padding: 0px;
	margin-top: 15px;
}

#banner p {
	font-size: 12pt;
	margin-top: 5px;
	margin-bottom: 15px;
}

#banner ul {
        padding-top: 35px;
        padding-bottom: 35px;
        list-style-image: none;
        list-style-position: outside;
        list-style-type: none;
        text-align: right;
        font-size: 14pt;
        vertical-align: middle;
}

#banner ul li {
        padding-right: 10px;
        font-size: 14pt;
        display: inline;
}

#banner img {
        border: 0px;
}

#banner subscribe {
        vertical-align: middle;
	text-align: middle;
}

#banner ul li a, #banner ul li a:visited, #banner ul li a:active {
        color: #d4d1ae;
        text-decoration: none;
}

#banner ul li a:hover {
        color: #d4d1ae;
        text-decoration: underline;
}

#banner ul li img.rss {
        vertical-align: middle;
}

#pages {
	background-color: #000000;
        color: #ffffff;
	width: 100%;
	float: left;
	border-bottom: 5px solid #a4a18e;
}

#pages-inner {
	margin: auto;
        background-color: #444444;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
}

#pages a, #pages a:visited, #pages a:active {
	color: #ffffff ;
	text-decoration: none;
}

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

#pages ul {
	text-align: left;
	font-size: 10pt;
	padding-left: 0pt;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	margin-top: 0px;
	margin-bottom: 0px;
}

#pages ul li {
	padding-left: 10px;
	padding-right: 10px;
	font-size: 10pt;
}


#spotlight {
        background-color: #d4d1ae;
	color: #000000;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 100%;
	float: left;
	border-bottom: 5px solid #a4a183;
}

#spotlight h2 {
	font-size: 18pt;
	font-weight: normal;
}

#spotlight img {
	border: 0px;
}

#spotlight p {
	font-size: 12pt;
	margin-right: 15px;
}

#spotlight p.credit {
	font-size: 8pt;
}

#spotlight img {
	border: 0px;
}

#spotlight a, #spotlight a:visited, #spotlight a:active {
	color: #5c2b2b;
	text-decoration: none;
}

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

#main-wrapper {
	background-color: #ffffff;
	color: #333333;
	width: 100%;
	float: left;
	border-bottom: 5px solid #a4a183;
}

#main {
	width: 860px;
	margin: auto;
}

#main-header-wrapper {
	width: 860px;
}

#main-header-title {
	width: 650px;
	background-color: #d4d1ae;
        color: #000000;
	padding-left: 10px;
	float: left;
	border-right: 200px solid #a4a183;
	margin-right: -200px;
}

#main-header-title a, #main-header-title a:visited, #main-header-title a:active {
        color: #5c2b2b;
        text-decoration: none;
}

#main-header-title a:hover {
        color: #b9121b;
        text-decoration: underline;
}

#main-header-date {
	width: 175px;
	padding-left: 15px;
	padding-right: 10px;
	float: left;
	background-color: #a4a183;
}

#content {
        background-color: #ffffff;
	color: #333333;
	margin-top: 0px;
	padding-top: 30px;
	padding-bottom: 30px;
	width: 100%;
	float: left;
	border-bottom: 5px solid #f4f1f3;
}

#content ul {
	padding-left: 40px;
}

div.content-header {
	display: block;
	width: 620px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #333333;
}

.content-header ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	text-align: left;
	vertical-align: middle;
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.content-header ul li {
	font-size: 10pt;
	display: inline;
	padding-right: 10px;
}

.content-header p {
	margin-top: 0px;
	margin-bottom: 0px;
}

#content h2 {
	font-size: 14pt;
        font-weight: normal;
	padding-bottom: 6px;
	margin-top: 10px;
	margin-bottom: 0px;
}

#content h3 {
	font-size: 12pt;
	font-weight: normal;
	letter-spacing: 1px;
	padding-top: 10px;
}

#content a, #content a:visited, #content a:active {
        color: #775522;
        text-decoration: none;
}

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

#content li + li {
	margin-top: 0.5em;
}

div.entry {
	margin-bottom: 20px;
}

div.entry + div.entry {
        border-top: 5px solid #a4a183;
        padding-top: 10px;
}

#nakedsidebar {
	width: 270px;
	padding-right: 20px;
	border-right: 1px dashed #888888;
}

#nakedsidebar h3 {
	font-weight: bold;
	letter-spacing: 0px;
}

#content-sidebar {
	width: 180px;
	padding-left: 9px;
	padding-right: 10px;
	float: left;
	background-color: #ffffff;
        color: #333333;
	padding-top: 5px;
	border-left: 1px dotted #a4a183;
}

#content-sidebar h2 {
	font-size: 12pt;
        font-weight: normal;
}

#content-sidebar ul {
	padding-left: 20px;
}

#content-sidebar #content-metadata {
	padding-bottom: 10px;
	border-bottom: 5px solid #a4a183;
}

#content-sidebar #content-metadata ul {
	padding-left: 20px;
}

#content-sidebar #content-metadata ul li {
	padding-bottom: 2px;
}

#content-sidebar #content-metadata ul li.icon {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

#content-sidebar #content-metadata .postDate {
	text-align: center;
}

#content-sidebar #content-metadata .postDate .postDay {
	display:block;
	font-size:42pt;
	font-weight:bold;
	letter-spacing:-1px;
	line-height:26pt;
}

#content-sidebar #content-metadata .postDate .postMonth {
	display: block;
	font-size: 24pt;
	line-height: 26pt;
	text-transform: uppercase;
	font-weight: bold;
}

#content-sidebar #content-metadata .postDate .postYear {
	display: block;
	font-size: 24pt;
	line-height: 22pt;
	font-weight: normal;
}

#content-sidebar #content-metadata p.postAuthor {
	font-weight: bold;
}

#content-sidebar #content-metadata p.postCategories {
	text-align: left;
	display: block;
	padding-top: 10px;
	font-weight: bold;
}

#content-sidebar #content-metadata .postTags {
	text-align: left;
	display: block;
	padding-top: 10px;
	font-weight: bold;
}

#content-sidebar a, #content-sidebar a:visited, #content-sidebar a:active {
        color: #775522;
        text-decoration: none;
}

#content-sidebar a:hover {
        color: #ff020f;
        text-decoration: underline;
}

#content-sidebar #wp-calendar {
        width: 100%;
}

#content-sidebar #wp-calendar caption {
        font-variant: small-caps;
        letter-spacing: 0.5em;
        padding-bottom: 10px;
}

#content-sidebar #wp-calendar th {
        text-align: center;
}

#content-sidebar #wp-calendar td {
        text-align: center;
        background-color: #f4f1f3;
}

#content-sidebar #wp-calendar td.pad, #content-sidebar #wp-calendar td > a {
        background-color: #ffffff;
        color: #333333;
        padding-left: 5px;
        padding-right: 5px;
}

#content-sidebar #wp-calendar td a, #content-sidebar #wp-calendar td a:visited, #content-sidebar #wp-calendar td a:active {
        color: #775522;
        text-decoration: none;
}

#content-sidebar #wp-calendar td a:hover {
        color: #ff020f;
        text-decoration: underline;
}

#comments-wrapper {
	background-color: #d4d1ae;
        color: #000000;
        width: 100%;
        float: left;
        border-bottom: 5px solid #a4a183;
}

#comments-outer {
	width: 860px;
        margin: auto;
}

#comments #responses, #comments #respond {
	border-top: 1px dotted #333333;
}

#comments input#author, #comments input#email, #comments input#url {
	width: 300px;
        background-color: #eeeeee;
}

#comments textarea#comment {
	width: 620px;
        background-color: #eeeeee;
}

#comments input#email {

}

#features {
        background-color: #d4d1ae;
	color: #000000;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 100%;
	float: left;
	border-bottom: 5px solid #a4a183;
}

div.feature {
	display: block;
	float: left;
	width: 205px;
	padding-right: 10px;
/*	border-top: 1px solid #000000; */
}

#features h2 {
	font-size: 14pt;
	font-weight: normal;
}

#features ul {
	padding-left: 20px;
}

#features ul li {
	padding-top: 5px;
	padding-bottom: 5px;
}

#features a, #features a:visited, #features a:active {
	color: #5c2b2b;
	text-decoration: none;
}

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

#features #wp-calendar {
	width: 100%;
}

#features #wp-calendar caption {
	font-variant: small-caps;
        letter-spacing: 0.5em;
        padding-bottom: 10px;
}

#features #wp-calendar th {
        text-align: center;
}

#features #wp-calendar td {
        text-align: center;
}

#features #wp-calendar td a, #features #wp-calendar td a:visited, #features #wp-calendar td a:active {
        color: #6c3b3b;
        text-decoration: none;
}

#features #wp-calendar a:hover {
        color: #b9121b;
        text-decoration: underline;
}
#footer {
	background-color: #000000;
	color: #ffffff;
	margin-top: 0px;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	float: left;
}

#footer #attribution {
	margin-top: 0px;
}

#footer #attribution p {
	margin-top: 13px;
}

#footer ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	text-align: right;
	font-size: 10pt;
}

#footer ul li {
	padding-right: 10px;
	font-size: 10pt;
	display: inline;
}

#footer a, #footer a:visited, #footer a:active {
	color: #d4d1ae;
	text-decoration: none;
}

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