/*
Theme Name: The Journal of Julie Coryell
Author: Darin Reid
*/

/* JULIE CORYELL JOURNAL
 * WINTER 2008
 * COPYRIGHT DARIN REID
----------------------------------------------------- */

/* TABLE OF CONTENTS

1. CSS RESET
2. MAIN STRUCTURE
3. MAIN TYPE STYLES
4. NAVIGATION
5. FOOTER
6. JOURNAL ENTRY PAGES
7. JOURNAL ARCHIVES

*/

/* 1. CSS RESET
----------------------------------------------------- */

body,div,span,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,blockquote,table,th,td {margin: 0; padding: 0;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset,img {border: 0;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;}

/* 2. MAIN STRUCTURE
----------------------------------------------------- */

body		{
				background-color: #d2d1c4;
				}
				
#top-strip {
				float: left;
				width: 100%;
				height: 122px;
				background: #8E180D url(img/bg_top.gif) repeat-x;
				}

#container {
				width: 100%;
				background: #f4f3e8;
				}

#page {
				position: relative;
				clear: both;
				margin: 0 auto;
				padding: 30px 0 20px;
				width: 700px;
				}
				
img#logo {
				position: absolute;
				top: -100px;
				left: -30px;
				}

#left-col {
				position: relative;
				float: left;
				width: 500px;
				}

#right-col {
				float: right;
				width: 180px;
				}
				
#right-col ul {
				list-style: none;
				padding: 0;
				margin: 0;
				}

#bottom-strip {
				float: left;
				width: 100%;
				height: 122px;
				background: #d2d1c4 url(img/bg_bottom.gif) repeat-x;
				}
				
.clear-both {
				clear: both;
				}
				
input.search-box {
				font-size: 1.2em;
				line-height: 1.5em;
				margin-bottom: .5em;
				margin-right: .2em;
				}

/* 3. MAIN TYPE STYLES
----------------------------------------------------- */

body		{
				font-family: "Lucida Grande", Arial, sans-serif;
				font-size: 12px;
				line-height: 1.5em;
				color: #333;
				}				

a				{
				text-decoration: none;
				color: #631000;
				}
				
a:hover	{
				text-decoration: underline;
				}
				
h1 			{
				font-family: Georgia, serif;
				font-size: 1.5em;
				font-weight: normal;
				margin: 0 0 .6em;
				color: #111;
				padding-bottom: .6em;
				}
				
h1 a 		{
				color: #111;
				}
				
h2 			{
				padding: 0 0 5px 0;
				margin: 0 0 10px 0;
				border-bottom: 2px solid #d2d1c4;
				}
				
p 			{
				font-family: "Lucida Grande", Arial, sans-serif;
				margin: 0 0 1em 0;
				font-size: 1em;
				}
				
#right-col h2 {
				padding-top: .45em;
				}
			
				
/* 4. NAVIGATION
----------------------------------------------------- */
				
ul#nav	{
				position: absolute;
				top: -36px;
				right: 0;
				font-weight: bold;
				font-size: .9em;
				margin: 0;
				padding: 0;
				line-height: normal;
				list-style: none;
				}
				
ul#nav li {
				padding: 0;
				margin: 0;
				float: left;
				background: url(img/nav_normal_right.gif) no-repeat right top;
				}
				
ul#nav li a {
				color: #666;
				display: block;
				background: url(img/nav_normal_left.gif) no-repeat left top;
				padding: 15px 25px 15px 25px;
				}
				
ul#nav li a:hover {
				text-decoration: none;
				}
				
ul#nav li.selected {
				background: url(img/nav_selected_right.gif) no-repeat right top;
				}
				
ul#nav li.selected a {
				color: #222;
				background: url(img/nav_selected_left.gif) no-repeat left top;
				}
				
/* 5. FOOTER
----------------------------------------------------- */
				
#bottom-strip a {
				color: #888;
				font-weight: bold;
				}

#bottom-strip p {
				margin: 10px auto;
				width: 700px;
				font-family: "Lucida Grande", Arial, sans-serif;
				font-size: 11px;
				color: #888;
				}
				
/* 6. JOURNAL ENTRY PAGES
----------------------------------------------------- */
				
.journal-post {
				position: relative;
				margin-bottom: 3em;
				}

.journal-post .date		{
				position: absolute;
				top: 0;
				right: 520px;
				}
				
.journal-post .date .date-head {
				display: block;
				width: 100%;
				height: .4em;
				background: #A81616;
				}
				
.journal-post .date .date-body {
				display: block;
				padding: .3em .5em .2em;
				border: 1px solid #DDD;
				border-top: 0;
				background: #FFF;
				text-align: center;
				}
				
.journal-post .date h3.day {
				font-family: Helvetica, Arial, sans-serif;
				font-size: 1.7em;
				}
				
.journal-post .date h3.month {
				font-family: Helvetica, Arial, sans-serif;
				font-size: 1em;
				}
				
.journal-post img {
				padding: 6px;
				border: 1px solid #d2d1c4;
				max-width: 486px;
				}

.aligncenter {
				margin: 0 auto;
				text-align: center;
				}
				
#errorExplanation li {
				/* This is a default Rails tag */
				color: #8E180D;
				}
				
.options {
				margin-top: 1em;
				padding-top: .6em;
				border-top: 2px solid #d2d1c4;
				}
				
ul.post-header {
				position: relative;
				border-bottom: 2px solid #d2d1c4;
				text-align: right;
				width: 500px;
				padding: 0;
				padding-bottom: .9em;
				margin: 0;
				margin-bottom: 1em;
				list-style: none;
				}
				
ul.post-header li {
				display: inline;
				}
				
ul.post-header h1 {
				position: absolute;
				display: inline;
				left: 0;
				}


				
/* 7. JOURNAL ARCHIVES
----------------------------------------------------- */

li.archives-list {
				position: relative;
				margin-bottom: 5px;
				}

.archives-date {
				display: inline;
				font-family: Helvetica, Arial, sans-serif;
				background: #FFF;
				border-top: 2px solid #A81616;
				padding: .1em .3em;
				font-weight: bold;
				text-align: center;
				font-size: .9em;
				margin: 0 8px 0 0;
				}
				
ul.archives {
				list-style: none;
				padding: 0;
				margin: 0;
				}
				
/* TABLES
----------------------------------------------------- */

table.sortable {
				width: 100%;
				background: #FFF;
				}
				
table.sortable thead a {
				color: #FFF;
				}
				
table.sortable td {
				padding: .5em .5em .3em .7em;
				border-bottom: 1px solid #DEDEDE;
				}
				
table.sortable thead tr {
				font-weight: bold;
				background: #8E180D;
				color: #FFF;
				border-bottom: .2em solid #888;
				border-left: 1px solid #8E180D;
				border-right: 1px solid #8E180D;
				}
				
table.sortable tbody {
				border: 1px solid #AAA;
				border-top: none;
				border-bottom: 2px solid #AAA;
				}
				
table.sortable tbody tr.odd {
				background: #EFEFEF;
				}
				
table.category td {
				padding-right: 1em;
				}
				
/* ADMIN MENU
----------------------------------------------------- */

ul#admin-nav {
				position: relative;
				margin-bottom: 2em;
				width: 680px;
				text-align: right;
				border: 1px dashed #BBB;
				padding: 10px;
				}
				
ul#admin-nav li {
				display: inline;
				}
				
ul#admin-nav li h1 {
				display: inline;
				position: absolute;
				left: 10px;
				}
				
p#admin-message {
				position: absolute;
				top: -75px;
				right: 0;
				color: #FFF;
				font-weight: bold;
				}
				
p#admin-message a {
				color: #FFF;
				}
				
.notice	{
				margin-bottom: 1em;
				}
				
/* POST CREATE FORM
----------------------------------------------------- */

label.form-label {
				display: inline-block;
				width: 8em;
				margin-bottom: .5em;
				}
				
#post-fckeditor {
				width: 80%;
				float: left;
				}
				
#post-categories {
				float: right;
				padding: 1em;
				}
				
fieldset {
				border: 1px solid #d2d1c4;
				padding: 1em;
				margin-bottom: 1em;
				}
				
/* COMMENTS
----------------------------------------------------- */

.comments {
				border-top: 1px dashed #BBB;
				margin: 1em 0;
				padding: 1em 0;
				}
				
.comment {
				margin: 0 0 1em;
				padding: 0 0 1em;
				border-bottom: 1px dashed #BBB;
				}
				
/* MAIL LIST FORM
----------------------------------------------------- */

form.mail-list {
				margin-bottom: 1em;
				}
				
form.mail-list input.subscribe-button {
				margin: 5px 0;
				}
				
/*  WIDGETS
----------------------------------------------------- */

h2.widgettitle