/*  
Theme Name: OrangeSky
Theme URI: http://blog.detlog.org/orangesky/
Description: WordPress theme inspired by Alexi Murdoch's song "Orange Sky".
Version: 1.5
Author: Naoko McCracken
Author URI: http://blog.detlog.org/

	This WordPress theme is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

	Thank you Michael Heilemann for creating the brilliant kubrick theme!
	I had learned a lot from it in the process of creating this one.
*/

/* General Rules */
body,
p, ul, ol, li, form,
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	}

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'lucida grande',verdana,arial,sans-serif;
	color: #333333;
	text-align: center;
	background-image: url(images/backblue2.gif);
	background-position:top left;
	background-repeat: repeat-x;
	background-color: #92d2d4;
	margin: 0px 0px 10px 0px;
	}

h1, h2, h3, h4 {
	font-family: georgia,'times new roman',times,serif;
	background-attachment: 8px 20px 0 20px;
	background: 8px 20px 0 20px;
	}

/* header Rules */

#header h1 {
	font-size: 2.7em;
	text-align: left;
	padding: 8px 90px 0 20px;
	font-weight: normal;
	width: 340px;
	}
#header h1, #header h1 a:link, #header h1 a:visited {
	text-decoration: none;
	color: #FFFFFF;
	}

#header h1 a:hover, #header h1 a:active {
	text-decoration: none;
	color: #F2F5C1;
	}
	
#header .description {
	font-size: 1.2em;
	text-align: left;
	padding: 0 90px 0 20px;
	color: #F2F5C1;
	}

/* header Rules */

/* content Rules */

#content h2 {
	font-size: 1.8em;
	text-align: left;
	padding: 15px 0 0 0;
	font-weight: normal;
	}
#content h2, #content h2 a:link, #content h2 a:visited {
	text-decoration: none;
	color: #00a1b1;
	}

#content h2 a:hover, #content h2 a:active {
text-decoration:underline;
	color: #00a1b1;
	}

#content h2.postdate {
	font-size: 1em;
	color: #666;
	padding: 3px 0 0 0;
	}
#content h6 {
	font-size: 12px;
	text-align: left;
	padding: 15px;
	margin: 0px;
	font-weight: normal;
	color: #CC0000;
	background-color: #FFCCCC;
	width: 478px;
	border-bottom: 1px solid #ffffff;
	}
#content h5 {
	font-size: 12px;
	text-align: left;
	padding: 15px;
	margin: 0px;
	font-weight: normal;
	color: #1F5793;
	background-color: #92D2D3;
	width: 478px;
	border-bottom: 1px solid #ffffff;
	}
	
#content a, #content a:link {
	color: #3f818a;
	}

#content a:visited {
	color: #3f818a;
	}

#content a:hover, #content a:active {
	color: #3f818a;
	}
	
#content li a, #content li a:link {
	color: #3f818a;
	background-color: #ccffff;
	}

#content li a:visited {
	color: #3f818a;
	}

#content li a:hover, #content li a:active {
	color: #3f818a;
	}
	
#content p {
	padding: 1em 0 0 0;
	}
	
.entry {
	padding: 10px 0 10px 0;
	line-height: 1.4;
	}

.entry p {
	padding: 0 0 1em 0;
	
	}
.entry a:link, .entry a:visited {
	text-decoration: underline;
	color: #46afbe;
	background-color: #ccffff;
	}
	
.entry a:hover, .entry a:active, {
	padding: 0 0 1em 0;
	}
	
.postmetadata {
	color: #666666;
	font-size: 0.9em;
	font-weight: bold;
	}
	
.postmetadata a:link,.postmetadata a:visited {
	color: #7CAE1A;
	}

.postmetadata a:hover,.postmetadata a:active {
	color: #336600;
	background-color: #FFFFCC;
	}

h2.pagetitle {
	font-size: 1.5em;
	margin: 30px 0 0 0;
	text-align: center;
	color: #4D4D4D;
	}

#sidebar h2 {
	font-size: 1.4em;
	color: #114d83;
	margin: 5px 0 0;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #00a1b1;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
text-decoration:none;
	}

h3 {
	font-size: 1.3em;
	margin: 30px 0 0;
	}
h4 {
	font-size: 1.3em;
	margin: 0;
	padding: 0;
	color: #00a1b1;
	}
h4 a:link, h4 a:visited {
	text-decoration: none;
	color: #FFFFFF;
	}

h4 a:hover, h4 a:active {
	text-decoration: underline;
	color: #F2F5C1;
	}
.info {
	font-size: 0.3em;
	margin: 0;
	padding: 0;
	color: #00a1b1;
	}

/* End General Rules*/

/* Begin Layout */
#page {
	margin: 20px auto;
	width: 740px;
	text-align: left;
	background: url(images/os_main.jpg) repeat-y;
	}

#main{
	float: left;
	width: 550px;
	}
	
#event{
	float: left;
	width: 550px;
	margin: 5px 30px;
	}
	
#event h2{
	list-style-type: none;
	font-size: 12px;
	font-weight: bold;
	}

#content {
	font-size: 1.2em;
	float: left;
	width: 510px;
	margin-left: 20px;
	display: inline;
	}
/* Sliding Door technique by A List Apart */
#menu {
	float: left;
	width: 540px;
	font: bold italic 1.2em/normal georgia,'times new roman',times,serif;
	margin: 8px 0 0 10px;
	}

#menu ul {
	list-style: none;
	}
#menu ul ul {
	list-style: none;
	}
#menu li {
	float: left;
	background: url(images/os_left.gif) no-repeat left top;
	padding: 0 0 0 5px;
	margin: 0 0 0 3px;
	list-style: none;
	}
#menu li li {
	display: none;
	}

#menu a {
	float: left;
	display: block;
	background: url(images/os_right.gif) no-repeat right top;
	padding: 4px 9px 3px 6px;
	text-decoration: none;
	font-weight: bold;
	color: #70cbd2;
	}
    /* Commented Backslash Hack
	 hides rule from IE5-Mac \*/
#menu a { float:none; }
    /* End IE5-Mac hack */

#menu a:hover {
	color:#FFFFFF;
	}

#header {
	height: 132px;
	width: 550px;
	float: left;
	background: url(images/os_header.jpg) no-repeat 8px 0;
	}
	
#headerfriends {
	height: 78px;
	width: 550px;
	float: left;
	padding: 2px 8px;
}

#sidebar {
	padding: 30px 0;
	margin: 0 0 0 550px;
	}

#footer {
	width: 550px;
	clear: both;
	}

#footer p {
	padding: 5px 0 10px 0;
	text-align: center;
	}
#footer p a:link, #footer p a:visited {
	text-decoration: none;
	color: #00a1b1;
	}

#footer p a:hover, #footer p a:active {
	text-decoration: none;
	color: #006a6d;
	}
	

.post {
	padding: 10px 0 25px 0;
	}

.alt {
	background-color: #FFF5E5;
	padding: 10px;
	}

.navigation {
	display: block;
	text-align: center;
	margin: 10px;
	}

#sidebar {
	font: 1.2em 'Lucida Grande',verdana,arial,sans-serif;
	background-image: url(images/os_sidebarblue.gif);
	background-repeat:no-repeat;
	}


/* Calendar */
#wp-calendar #prev a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Calendar */

/* Begin Images */

img.centered {
	display: block;
	margin: 0 auto;
	}
	
img.floatright {
	padding: 4px;
	margin: 0 0 5px 10px;
	display: inline;
	float: right;
	}

img.floatleft {
	padding: 4px;
	margin: 0 10px 5px 0;
	display: inline;
	float: left
	}
/* End Images */


/* Begin Lists */ 
.entry ul,
ul.commentdata,
ul.links {
	margin-left: 0px;
	padding: 0 0 1em 20px;
	list-style: none;
	}

ul.commentdata {
	padding: 0;
	}

.entry ul li,
ul.commentdata li,
ul.links ul li {
	background: url(images/os_entryarrow.gif) 0 3px no-repeat;
	padding: 0 0 0 14px;
	margin: 0 0 2px 0;
	list-style: none;
	}

ul.links h2 {
	font-size: .5 em;
 	padding: 10px 0 5px 0;
 	}
 
.entry ol {
	padding: 0 0 1em 40px;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	font-family: georgia,'times new roman',times,serif;
	}

#sidebar a, #sidebar a:link {
	color: #FFFFFF;
	}

#sidebar a:visited {
	color: #F2F5C1;
	}

#sidebar a:hover, #sidebar a:active {
	color: #F2F3B4;
	}

#sidebar ul, #sidebar ul ol {
	padding: 0 10px;
	}

#sidebar ul li {
	list-style: none;
	margin-bottom: 15px;
	font-size: 0.9em;
	color: #333333;
	line-height: 16px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px 8px;
	font-size: 1em;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 5px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 2px 0 0;
	background: url(images/os_sidearrow.gif) 0 3px no-repeat;
	padding: 0 0 0 14px;
	}

/* End Lists */

/* Begin Form */
#searchform {
	text-align: center;
	padding: 10px 0;
	}

#sidebar #searchform #s {
	width: 95px;
	padding: 1px;
	}

#sidebar #searchsubmit {
	padding: 0;
	}

.entry form {
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px 0;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 98%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	border: 0;
	background-color: #00a1b1;
	color: #FFFFFF;
	padding: 3px;
	}
#ad {
	padding: 5px 21px 5px 21px;
	}
	
#contactform {
	margin: 0;
	border: 0;
	}

#contactform fieldset{
	margin: 0;
	border: 0;
	}
	
#contactform p{
	margin: 7px 0 0 0;
	border: 0;
	}
	
.button{
	margin: 0 0 0 0;
	border: 0;
	background-color: #00a1b1;
	color: #FFFFFF;
	padding: 3px;
	}
	
#searchsubmit{
	margin: 0 0 0 0;
	border: 0;
	background-color: #00a1b1;
	color: #FFFFFF;
	padding: 3px;
	}
	
/* End Form */


/* Begin Comments*/
.commentlist {
	text-align: justify;
	margin: 0;
	padding: 0;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist cite {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	line-height: 1.5;
	padding-left: 20px;
	margin: 5px 5px 5px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	}

.commentmetadata {
	display: block;
	margin: 0 20px;
	font-size: 0.9em;
	}
/* End Comments */


/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}
/* End Calendar */



/* Begin Miscellaneous */
acronym, abbr {
	cursor: help;
	border-bottom: 1px dashed #999;
	font-size: 0.9em;
	}

code {
	font: 1em 'courier new',courier,fixed,monospace;
	padding: 0 0 1em 0;
	}

small {
	font-size: 0.9em;
	line-height: 1.5;
	}

dl {
	padding: 0 15px;
	}
dt {
	font-weight: bold;
	}
dd {
	padding: 2px 0 6px 0;
	}

blockquote {
	margin: 0 30px 1em 10px;
	padding: 1em 5px 0 15px;
	border-left: 3px solid #C63;
	background: #FFF;
	}
blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.centered {
	text-align: center;
	}

a img {
	border: 0;
	}
/* End Miscellaneous */