/*  
Theme Name: Ruby Gem
Description: Ruby Gem is a theme created by <a href="http://joelacevedo.com">Joel Acevedo</a>, inspired in Kyle Neath's theme.<br /><strong>This theme requires WordPress 2.0+</strong>.

Version: 1.0
Author: Joel Acevedo

	The CSS, XHTML and design is released under strict license.
	Do not redistribute, modify or rerelease.

*/



body {
	background-color: #000;
	padding: 0;
	margin: 0;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	voice-family: "\"}\""; 
	voice-family: inherit;
	font-size: small;
	}

div { margin: 0; padding: 0; position: relative; }

a { color: #8f2120; }

h2 { font-size: 1.40em; text-transform: uppercase; margin-bottom: 0; color: #fff; }
h3 { font-size: 1.40em; text-transform: uppercase; margin-bottom: 0; color: #fff; height: 35px; background: url("images/h3_bar.png") no-repeat center top; vertical-align: middle; padding: 8px 20px; }

h3 a { color: #fff; text-decoration: none }
#container { position: relative; width: 960px; margin: 0 auto; background: #8f2121 url("images/main_bg.jpg") center top; }

#content_holder { position: relative; width: 960px; margin: 0 auto; -index: 101; overflow: hidden;  }

#logo_a { width: 420px; height: 141px; margin: 0; background: url("images/cfk2009_logo_a.png") no-repeat; position: absolute; top: 0; left: 0; z-index: 6; }
#logo_b { width: 420px; height: 109px; margin: 0; background: url("images/cfk2009_logo_b.png") no-repeat; position: absolute; top: 141px; left: 0; z-index: 6; }

#invisilink { width: 420px; height: 250px; position: absolute; top: 0px; left: 0; z-index: 101; border: 0; }

#header_right { width: 600px; height: 250px; margin: 0; background: url("images/header_corner.png") no-repeat; position: absolute; top: 0; left: 420px; z-index: 6; }
#content_bg { width: 960px; height: 600px; margin: 0; background: url("images/content_bg.jpg") no-repeat top center; position: absolute; top: 0px; z-index: 3; }
#footer_bg { width: 960px; height: 225px; margin: 0; background: url("images/footer_bg.png") no-repeat bottom center; position: absolute; bottom: 0; z-index: 6; }

#header { width: 960px; height: 225px; margin: 0; position: absolute; top: 0px; left: 0; z-index: 102;  }

#content { position: relative; top: 0; left: 0; bottom: 0; margin: 0px; overflow: hidden; z-index: 101; }

#content_box { position: relative; top: 0; left: 0; bottom: 0; width: 880px; margin: 230px 40px 200px 40px;  z-index: 101; height:  }

#content .main_content { position: relative; width: 560px; height: auto !important; height: 1000px; min-height: 1000px; margin: 0; top: 0; left: 20px; bottom: 0; color: #000; z-index: 101; background: url("images/content_bg_middle.png") no-repeat center; }
.content_pad { position: relative; padding: 25px 35px; z-index: 100; }
.sidebar_pad { position: relative; padding: 25px 35px 25px 45px;  margin-top: -25px; z-index: 100; }

#content .post_content { position: relative; width: 560px; height: auto !important; height: 300px; margin: 0; top: 0; left: 20px; bottom: 0;  }
#content .sidebar { position: absolute; height: auto !important; height: 1000px; top: 0; right: 0; bottom: 0; width: 300px; margin: 0; color: #fff; z-index: 101;  background: url("images/sidebar_middle_bg.png") no-repeat center; }

.sidebar_sections { position: relative; top: 60px; }

ul.dates, ul.pages{
	list-style-type:none;
	margin:.5em 0 2em 0;
padding: 0;
border: 0;
}


ul.dates li, ul.pages li{
	list-style-type:none;
	margin:0;
	padding:0.5em 0;
}


ul.dates li a, ul.pages li a{
	color: #fff;
text-decoration: none;


}
ul.dates .date{
	color:#fff;
	padding:0 1.5em 0 0;
}


ul.dates a, ul.pages a{
	color: #fff;
	text-decoration: none;
}
ul.dates a:hover, ul.pages a:hover, ul.dates a:hover .date{ 
	color: #fff;
}
ul.pages ul{
	margin:0;
}
ul.pages ul li{
	list-style-type:none;
	margin:2px 0;
	padding: 0.25em 0 0.25em 2.5em;
    	border-top:1px solid #3D3D3D;
 	border-bottom:0px solid #3D3D3D;
	}


.white_bg { background: url("images/whitebg.png") no-repeat top center; }
#content_top_bg { width: 560px; height: 50%; margin: 0; background: url("images/content_bg_top.png") no-repeat top center; position: absolute; top: 0 !important; top: -40px; z-index: 5; }
#content_bottom_bg { width: 560px; height: 50%; margin: 0; background: url("images/content_bg_bottom.png") no-repeat bottom center; position: absolute; bottom: 0 !important; bottom: -40px;  z-index: 6; }

#sidebar_top_bg { width: 300px; height: 50%; margin: 0; background: url("images/sidebar_top_bg.png") no-repeat top center; position: absolute; top: 0 !important; top: -40px; z-index: 5; }
#sidebar_bottom_bg { width: 300px; height: 50%; margin: 0; background: url("images/sidebar_bottom_bg.png") no-repeat bottom center; position: absolute; bottom: 0 !important; bottom: 40px; z-index: 6; }

#footer { width: 960px; height: 30px; margin: 0; position: absolute; bottom: 60px; z-index: 100; text-align: right;  }

#footer .copyright { margin-left: 80px; float: left; }
#footer .other { margin-right: 80px; }

/* IE fix */

*html #content { position: relative; top: 0; left: 0; bottom: 0; margin: 270px 40px 240px 40px; overflow: hidden; z-index: 101; }
*html #content_box { position: relative; top: 0; left: 0; bottom: 0; width: 880px; margin: 0;  z-index: 101;  }
* html #content .main_content {
background: url("images/content_bg_middle.png");
}
*html .content_pad {
position: relative; padding: 0px 35px; z-index: 100; }
*html .sidebar_pad {
position: relative; padding: 0px 45px; margin-top: -25px; z-index: 100; }

.menu {
	float: right;
	margin: 0;
	list-style: none;
	overflow: hidden;
	voice-family: "\"}\""; 
	voice-family: inherit;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	width: auto;
	text-transform: uppercase;
}

.menu li {
	float: left;
	margin-right: 5px;
	padding-left: 10px;
}
.menu li a {
	float: left;
	display: block;
	padding: 5px 10px 0 5px;
	width: .1em;
	font-weight: bold;
	white-space: nowrap;
	voice-family: "\"}\""; 
	voice-family: inherit;
	text-decoration:none;
	color: #fff;
}
.menu > li a {width: auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.menu li a {float: none;}
/* End IE5-Mac hack */
.menu li:hover, .menu li:hover a, .menu li a:hover {
	color: #f37406;}

.menu li.current_page_item a {
	color: #fff; border-bottom: 2px dotted #fff; }
	
.clear { clear: both; }
.alert { border: 2px solid #8f2121; background-color: #eed4d2; padding: 10px 20px; }

#picturegrid img {
width: 40px;
height: 40px;
}

ul.pages li a, ul.dates li a { border-bottom: 1px dotted #fff; }

.comment { width: 100%; }

.white_bg ul.dates .date { color: #420b0b; }

.white_bg ul.dates li a { color: #8f2120; border-bottom: 1px dotted #8f2120 }