/* -- 	Chasing Ray 	---------------------------------------
		Copyright 2006 Colleen Mondoor
		Design / CSS, March, April | 2006 Craig Mod
		
		CMP / CM:
			http://www.chinmusicpress.com
			http://www.craigmod.com

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
*/

/* -- General ---------------------------------
*/
	* { padding: 0px; margin: 0px; }

	body, html {
		padding: 0px;
		margin: 0px;
		background-color: #5A230F;
		background-image: url(http://www.chasingray.com/images/body_bg.gif);
		background-repeat: repeat-y;
		background-position: center top;
		font: normal 12px/1.5em "Verdana", sans-serif;
		color: #fff;
		}

	a {
		text-decoration: none;
		}
	
	img {
		border: 0px;
		}
		
	blockquote {
		font: italic 11px/1.5em "Verdana", sans-serif;
		color: #AD9187;
		padding-left: 20px;
		}

	

/* -- Top Header -----------------------------
*/

	#topHeader {
		width: 100%;
		background-color: #333;	
		background-image: url(http://www.chasingray.com/images/header_bg.png);
		background-repeat: repeat-x;
		background-position: center bottom;
		}
		
		#topHeader .content {
			width: 800px;
			margin: 0px auto;
			padding: 5px 15px 5px 10px;
			text-align: right;
			font: normal 10px/1.5em "Verdana", sans-serif;
			color: #333;
		}
		
		#topHeaderGraphics {
			width: 800px;
			background-image: url(http://www.chasingray.com/images/bubbles.png); 
			background-repeat: no-repeat;
			background-position: left bottom;
			margin: 0 auto;
			text-align: right;
			}
			
			#topHeaderGraphics .logo {
				margin-right: 200px;
				}

/* -- Main Graphic -----------------------------

	#mainGraphic {
		width: 800px;
		height: 154px;
		background-image: url(http://www.chasingray.com/images/header_holder_2.png);
		background-repeat: no-repeat;
		background-position: left bottom;
		float: left;
		}*/

/* -- Menu, quote, logo -----------------------------
*/

	#menu {
		width: 300px;
		float: right;
		text-align: right;
		padding-right: 20px;
		padding-top: 10px;
		font: normal 11px/1.6em "Verdana", sans-serif;
		}

		#menu a {
			background-color: #000;
			padding: 1px 5px 1px 5px;
			color: #fff;
			}
			
			#menu a.fiction {
				background-color: #fff;
				color: #000;
				}

		#menu a:hover {
			background-color: #ccc;
			color: #000;
			}
			
			#menu a:hover.fiction {
				background-color: #f00;
				}
			
	
	#quote {
		width: 450px;
		float: right;
		text-align: left;
		padding: 5px;
		}
		
		#quote p {
			color: #fff;
			background-color: #000;
			}
	
	#logo {
		width: 200px;
		float: left;
		padding-left: 20px;
		padding-top: 10px;
		}


/* -- Main Sections -----------------------------
*/
	#wrapper {
		width: 800px;
		margin: 0 auto;
		}
		
	#mainColumnWrap {
		width: 600px;
		margin-bottom: 20px;
		border: 0px solid #fff;
		float: left;
		}
		
	#headerMenu {
		width: 600px;
		height: 106px;
		margin-top: 15px;
		background-image: url(http://www.chasingray.com/images/logo_header4.jpg);
		background-repeat: no-repeat;
		background-position: left bottom;
		}


/* -- Blog Entries -----------------------------
*/

	#mainBlogEntries {
		float: left;
		width: 600px;
		margin-top: 15px;
		}
		
		#mainBlogEntries p br {

		  }
		
		#mainBlogEntries p {
			margin-bottom: 10px;
			font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", "Verdana", sans-serif; 
			/*font-size: 12px;
			line-height: 1.5em; */
			font-size: 14px;
			line-height: 1.7em;
			color: #ddd;
			}
		
		#mainBlogEntries .entry {
			float: left;
			width: 600px;
			margin-bottom: 10px;
			border-bottom: 1px solid #000;
			padding-bottom: 5px;
			}
		
		#mainBlogEntries .titleDate {
			float: left; 
			margin-left: 5px;
			width: 100px;
			}
			
		#mainBlogEntries .entryDate {
			/*font: bold 10px/1.4em "Verdana", sans-serif;*/
			font: bold 12px/1.4em "Verdana", sans-serif;
			color: #fff;
			text-align: right;
			padding-right: 10px;
			padding-bottom: 4px;
			margin-bottom: 4px;
			border-bottom: 1px solid #000;
			}
			
		#mainBlogEntries .entryCategories {
			font: normal 10px/1.4em "Verdana", sans-serif;
			color: #fff;
			text-align: right;
			padding-right: 10px;
			padding-bottom: 4px;
			margin-bottom : 4px;
			border-bottom: 1px solid #000;
			}

		#mainBlogEntries .entryTitle {
			border-bottom: 1px solid #000;
			padding-bottom: 4px;
			margin-bottom: 4px;
			}
			
		#mainBlogEntries h2 {
			font: normal 14px/1.5em "Verdana", sans-serif;
			font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", "Verdana", sans-serif; 
			font-size: 14px;
			line-height: 1.5em; 
			color: #AD9187;		
			}
			
			#mainBlogEntries h2 a {
				color: #F7BC70;	
				border: 0px;
				}
				
			#mainBlogEntries h2 a:hover {
				border-bottom: 1px dotted #fff;
				background-color: transparent;
				color: #fff;
				}
		
		#mainBlogEntries h3 {
			font: bold 12px/1.5em "Verdana", sans-serif;
			color: #fff;
			}

		
		#mainBlogEntries .entryData {
			padding-right: 10px;
			font: normal 12px/1.4em "Verdana", sans-serif;
			color: #ddd;
			text-align: right;
			
			}
		
		#mainBlogEntries .entryBody {
			width: 450px;
			float: left;
			/*font: normal 12px/1.8em "Lucida Grande", "Verdana", sans-serif;
			color: #fff;*/
			font: normal 12px/1.7em "Lucida Grande", "Verdana", sans-serif;

			padding-left: 20px;
			padding-bottom: 15px;
			}

		#mainBlogEntries .entryBody img {
			padding: 3px;
			border: 1px solid #666;
      margin-top: 10px;
      margin-bottom: 10px;
			}
			
		#mainBlogEntries a {
			border-bottom: 0px dotted #fff;
			color: #F7BC70;
			}
			
		#mainBlogEntries a:hover {
			background-color: #ccc;
			color: #000;
			}
			
		


/* -- Recent Entries -----------------------------
*/
	#recentEntries {
		float: left;
		width: 600px;
		}
		
		#recentEntries a {
			padding-left: 5px;
			padding-right: 5px;
			margin-right: 15px;
			display: block;
			color: #F7BC70;	
			}
			
		#recentEntries a:hover {
			background-color: #666;
			color: #fff;
			}
		
		#recentEntries h2 {
			font: normal 14px/1.5em "Verdana", sans-serif;
			color: #fff;	
			}
			
			#recentEntries .recentEntriesTitle {
				width: 600px;
				display: block;
				font: normal 11px/1.6em "Lucida Grande", "Verdana", sans-serif;
				color: #fff;
				margin: 5px auto;
				background-image: url(http://www.chasingray.com/images/title_bg_bottom_blue_600.png);
				background-position: bottom center;
				background-repeat: no-repeat;
				}

				#recentEntries .recentEntriesTitle span { 
					padding: 3px 10px 3px 15px;
					display: block;
					background: no-repeat top center;
					background-image: url(http://www.chasingray.com/images/title_bg_top_blue_600.png);
					}
		
		#recentEntries table {
			font: normal 12px/1.5em "Verdana", sans-serif;
			color: #fff;
			}
			
		#recentEntries table tr {
			border-bottom: 1px solid #666;
			}

		#recentEntries table td {
			border-bottom: 1px solid #666;
			padding-top: 5px;
			padding-bottom: 5px;
			vertical-align: top;
			}

			#recentEntries table td.top {
				border-bottom: 1px solid #666;
				text-transform: uppercase;
				font-size: 10px;
				font-style: normal !important;
				letter-spacing: 1px;
				}
			
			#recentEntries table td.tableDate {
				width: 75px;
			}

			#recentEntries table td.tableComments {
				width: 100px;
			}
			
			#recentEntries table td.tableTitle {
				width: 300px;
			}
			
			#recentEntries table td.tableCategory {
				width: 125px;
				font-style: italic;
			}

/* -- Archives -----------------------------
*/

	#archives {
		padding-left: 10px;
		}
		
		#archives h3 {		
			color: #FFF;
			font-size: 12px;
			font-weight: normal;
			border-bottom: 1px solid #000;
			}
	

/* -- Sidebar -----------------------------
*/
	#sideWrap {
		width: 180px;
		float: right;
		padding-bottom: 35px;
		margin-top: 15px;
		margin-bottom: 15px;
		background-color: transparent;
		background-image: url(http://www.chasingray.com/images/sidebar_bg_bottom.png);
		background-position: bottom left;
		background-repeat: no-repeat;
		}
		
	#sideWrap a {
		color: #00f;
		border-bottom: 1px dotted #00f;
		}
	#sideWrap a:hover {
		color: #63c;
		background-color: #efefef;
		}

	#sideBar {
		width: 180px;
		float: right;
		margin-top: 15px;
		padding-top: 5px;
		background-color: transparent;
		background-image: url(http://www.chasingray.com/images/sidebar_bg_top.png);
		background-position: top left;
		background-repeat: no-repeat;
		font: normal 10px/1.2em "Lucida Grande", "Verdana", sans-serif;
		}
		
		#sideBar .sideTitle, #sideBar .sideTitle2 {
			width: 180px;
			display: block;
			font: normal 11px/1.6em "Lucida Grande", "Verdana", sans-serif;
			color: #fff;
			margin: 5px auto;
			background-image: url(http://www.chasingray.com/images/sidebar_title_bg_bottom2.png);
			background-position: bottom center;
			background-repeat: no-repeat;
			}
			
			#sideBar .sideTitle2 {
				margin: 0px;
				background-color: #fff;
				}
			
			#sideBar .sideTitle span, 
			#sideBar .sideTitle2 span { 
				padding: 3px 10px 3px 15px;
				display: block;
				background: no-repeat top center;
				background-image: url(http://www.chasingray.com/images/sidebar_title_bg_top2.png);
				}
			
		#sideBar .sideBody, #sideBar .reviewsBody {
			padding: 3px 10px 4px 10px;
			padding-bottom: 20px;
			background-color: #fff;
			}
			
			#sideBar .reviewsBody img {
				border: 1px solid #000;
				}

		#sideBar p {
			font: normal 11px/1.3em "Lucida Grande", "Verdana", sans-serif;
			color: #333;
			background-color: #fff;
			margin-bottom: 5px;
			}
			
		#sideBar ul {
			list-style: none;
			background-color: #fff;
			padding-left: 0px;
			padding-right: 0px;
			}

		#sideBar li {
			border-bottom: 1px solid #ccc;
			}
		
		#sideBar li a {
			display: block;
			border: 0px;
			color: #333;
			padding: 5px 2px 5px 2px;
			}
			
		#sideBar li a:hover {
			color: #63c;
			background-color: #efefef;
			}
			
/* -- Update Box -----------------------------
*/
	#updateBox {
		width: 180px;
		height: 106px;
		overflow: hidden;
		text-align: center;
		background-color: transparent;
		background-image: url(http://www.chasingray.com/images/recentUpdates_bg_106.png);
		background-position: top left;
		background-repeat: no-repeat;
		border: 0px solid #fff;
		}
		
		#updateBox .sideBody { padding: 3px 10px 4px 10px;	}
		
		#updateBox .innerWrap {
			width: 180px;
			padding-top: 5px;
			}
		
		#updateBox .sideTitle {
			width: 180px;
			display: block;
			font: normal 10px/1.6em "Lucida Grande", "Verdana", sans-serif;
			color: #00f;
			text-transform: none;
			margin-bottom: 3px;
			background-image: url(http://www.chasingray.com/images/sidebar_title_bg_bot_grey.png);
			background-position: bottom center;
			background-repeat: no-repeat;
			}

			#updateBox .sideTitle span { 
				padding: 3px 15px 3px 15px;
				display: block;
				background: no-repeat top center;
				background-image: url(http://www.chasingray.com/images/sidebar_title_bg_top_grey.png);
				}
						
		#updateBox ul {
			list-style: none;
			text-align: left;
			padding-left: 0px;
			padding-right: 0px;
			font: normal 10px/1.2em "Lucida Grande", "Verdana", sans-serif;
			}

		#updateBox li {
			border-bottom: 1px solid #ccc;
			}

		#updateBox li a {
			display: block;
			border: 0px;
			color: #333;
			padding: 2px 2px 2px 2px;
			}

		#updateBox li a:hover {
			color: #63c;
			background-color: #efefef;
			}

/* -- Comment Preview -----------------------------
*/
	#TextDisplay_box {
		width: 330px;
		background-color: #222;
		color: #bbb;
		padding: 10px;
		border: 2px solid #777;
		}			

/* -- Footer -----------------------------
*/
	#footer {
		width: 800px;
		float: left;
		background-color: #000;
		}
		
		#footer .copyright {
			font: normal 10px/1.5em "Verdana", san-serif;
			padding: 2px 5px 2px 5px;
			color: #ccc;
			}
			
			#footer .copyright a {
				color: #fff;
				border-bottom: 1px dotted #fff;
				}

			#footer .copyright a:hover {
				color: #ddd;
				border-bottom: 1px dotted #000;
				}