/*  
Theme Name: Reach Your City Blog
Theme URI: http://www.reachyourcity.com
Description: Reach Your City theme
Version: 3.0
Author: Scott Crews
Tags: black, white, horizontal page menu, fixed width, right sidebar
*/

body{
	margin:0px auto;
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-Serif;
	color:#000000;
	background-image: url(graphics/citybackground.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed; 
	
}
img {
	border:0px;
	padding:5px;
	max-width: 100%; /* not working in IE6*/
	/*height: auto;*/ /* you can enable this.*/
}
a {color:#000000;text-decoration: underline;}
a:hover {color: #ED1B23;text-decoration: none;}

h1 {font-size:30px;}
h2 {font-size:26px;}
h3 {font-size:21px;}
h4 {font-size:17px;}
h5 {font-size:14px;}
h6 {font-size:12px;}

p {margin: 0px 0px 12px 0px;}
hr {height:1px;border:none;border-top:1px dashed #888888; width:90%;}
del {color:red;}
ins {color:green;}

blockquote {
	clear: left;
	text-align: justify;
	padding: 0px 0px 0px 20px;
	margin: 20px 10px 10px 10px;
	background: url(images/quote.gif) no-repeat top left;
}
input,select,textarea {
	font-size:12px;
	font-family: Arial, Helvetica, Sans-Serif;
}
code{
	font: 1.1em 'Courier New', Courier, Fixed;
}


#wrapper{
margin: 0 auto 0 auto;
width: 985px;
height: 100%;
overflow:hidden;
padding: 0;
text-align: left;
background: url(graphics/picture6.png);
background:transparent;
}

#container{
float: left;
width: 774px;
height:  100%;
overflow: hidden;
margin: 0 0px 0 0px;
display:inline; /* because IE doubles set margins  */
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
position:relative;

}


#header{
width: 774px;
height: 0px;
padding: 0px;
/* background: url(graphics/header.jpg); */
border: 0px solid #005376;
border-top: 0px;
margin-bottom: 0px;
}





/* start: pagemenu 

#pagemenudiv{
width: 774px;
height: 22px;
background:#005376;
}

#pagemenudiv ul{
margin: 0;
padding: 0;
list-style-type:none;
}

#pagemenudiv ul li{
float:left;
text-align:center;
}


#pagemenudiv ul li a{
display:block;
height: 18px;
padding-top:2px;
padding-left: 5px;
padding-right: 5px;
border: 1px solid #242424;
float:left;
font-size:14px;
font-family: times,arial;
font-weight: 500;
text-decoration:none;
text-transform: uppercase;
color: white;
}

#pagemenudiv ul li a:hover{
background: white;
color: #242424;
}


/* sub pages below 

#pagemenudiv li ul{
position: absolute;
display: none;
background: black url(graphics/submenubg.jpg);
width:774px;
height: 25px;
top: 383px;
left: 0px;
} 

#pagemenudiv li > ul{
top: 383px;
left: 0px;
}


#pagemenudiv li.over ul,
#pagemenudiv li:hover ul{
display:block;
}


#pagemenudiv li ul a{
border: 1px solid black;
font-size:16px;
padding-top: 2px;
height: 20px;
background: black url(graphics/submenubg.jpg);
color: #FFFFCC;
}


#pagemenudiv li ul a:hover{
background: black url(graphics/submenuhoverbg.jpg);
color: #242424;
}

 end: pagemenu */



#content{
width: 754px;
margin: 0 0px 0px 0px;
	float:right;

	padding:0px 0px 0px 0px;
	background:url('http://www.reachyourcity.com/images/end-page-header-bg1.jpg');
	background-color:#D43B01;
	background-repeat: no-repeat;
	background-position:top left;
}



/* start: sidebar codes, except for calendar and links */

#sidebar{
float: left;
width: 209px;
height: 100%;
border-left: 1px solid black;
border-right: 1px solid black;
background-image: url(graphics/right-bar-grad-bg1.jpg);
/*background: #e8e8e8;
padding: 10px;
margin: 10px 20px 10px 0;*/
display:inline; /* because IE doubles set margins  */
color: black;
}

#sidebar ul{
list-style-type: none;
margin: 0;
padding: 0 10px 0 10px;
}


#sidebar ul li{
margin: 5px;
padding: 10px;
background: #555;
color: #ccc;
}

#sidebar ul > li{
border: 1px solid black;
}

#sidebar ul li li{
border: 0px;
}


#sidebar ul li h2{
background: black url(graphics/sidebarh2bg.jpg);
height: 17px;
padding-top: 1px;
padding-left: 5px;
font-family: Georgia, Sans-serif;
font-size: 14px;
color:#242424;
}

#sidebar ul ul li{
padding: 0;
line-height:24px;
}

#sidebarfooter{
float: left;
width: 209px;
border-left: 1px solid black;
border-right: 1px solid black;
background-image: url(graphics/right-bar-footer.gif);
}

/* end: sidebar codes, except for calendar and links */



#footer{
clear:both;
width: 774px;
background:#555;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	float: left;
height:  100%;
overflow: hidden;
margin: 0 0px 0 0px;
display:inline; /* because IE doubles set margins  */
font-family: "trebuchet ms",times,arial;
position:relative;
}


span.footercredits{
position: absolute;
left: 410px;
}


/* start: anchor/link codes, except for page menu  */

#header a{
text-decoration: none;
color: #CC5200;
}

#header a:hover{
color: #005376;
}

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

#content a:hover{
color: #000080;
}

#sidebar a{
text-decoration: none;

color: #FFFFFF;
}

#sidebar a:hover{
text-decoration: underline overline;
color: white;
}



#footer a{
text-decoration: none;
color: #bbb;
}

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


/* end: anchor/link codes, except for page menu  */


.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}
.clear {clear:both;}
.spacer {height:25px;}

h1{
font-family: Georgia, Sans-serif;
font-size: 24px;
padding: 0 0 10px 0;
}

/*.post{
padding: 10px 0 10px 0;
}

.post h2{
font-family: Georgia, Sans-serif;
font-size: 18px;
}

.entry{
line-height: 18px;
}*/

p{
padding: 10px 0 0 0;
}

p.postmetadata{
border-top: 1px solid #444;
border-bottom: 2px solid black;
margin: 10px 0 0 0;
}


.navigation{
padding: 10px 10px 0 0;
font-size: 14px;
font-weight: bold;
line-height: 18px;
font-size: 12px;
	font-family: Arial, Helvetica, Sans-Serif;
	color:#000000;
}


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



.comments-template{
position:relative;
	color: #000000;
	line-height: 1.6em;
	text-align: justify;
	padding: 10px 22px 50px 22px;
	margin:0px 0 0 0 ;
	background-color:#FFFFFF;
	background-image: url(http://www.reachyourcity.com/images/sub-section_bio-grad-bg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.comments-template ol{
margin: 0;
padding: 0 0 15px;
list-style: none;
}

.comments-template ol li{
margin: 0px;
line-height: 18px;
padding: 10px;
border-bottom: 1px solid #444;
}

.comments-template ol li.alt{
background: #aaa;
border-bottom: 1px solid #444;
}


.comments-template h2, .comments-template h3{
font-family: Georgia, Sans-serif;
font-size: 16px;
border-bottom: 1px solid black;
}

.commentmetadata{
font-size: 12px;
}

.comments-template p.nocomments{
padding: 0;
}

.comments-template textarea{
font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 12px;
}

.comments-template img{
border: 1px solid black;
}

.post_top{
	padding:0;
	/*margin:0px 0px 0px 0px;*/
	width:774px;
	
	/*background:url('http://www.reachyourcity.com/images/end-page-header-bg1.jpg');*/
	background:url('images/scottheader.gif');
	padding: 0px 0px 0px 0px;
	background-repeat: no-repeat;
	background-position:30px 38px;
/*	background:url('images/post_bg_top.jpg') no-repeat top; */
}
.post{
	position:relative;
	width:774px;
	
/*	background-position: left top; */

	
	
}
.post_bottom{
	padding:0px 0 0px 0;
	
	background-position: top left;
	margin:0px 0px 0px 0px;
/*	background:url('images/post_bg_btm.jpg') no-repeat bottom; */
}
.post_content{
/*	position:relative;*/
	overflow:hidden;
	width:650px;
	margin: 0px 0px 0 0px;
	padding: 0px 30px 10px 30px;
	border:0px #ff0 solid;
		
}

.posttitle{
	position:absolute;
	left:103px;
	top: 59px;
	height: 25px;
	font-size:21px;
	font-weight:bold;
	padding:5px 5px 0 5px;
	
	
}
.posttitle a,a:hover{
	color: #FFFFFF;
	text-decoration:none;
	
}

.date_d {
	position:absolute;
	font-size: 28px;
	left:55px;
	top:70px;
	font-family:Arial, Verdana;
	font-weight:bold;
}
.date_m {
	position:absolute;
	font-size: 13px;
	left:58px;
	top:58px;
	font-family:Arial, Verdana;
	font-weight:bold;
	color:#000000;
}
.date_y{
	position:absolute;
	left:58px;
	top:96px;
	font-size:10px;
	font-family:Arial, Verdana;
}
.entry {
	position:relative;
	color: #000000;
	line-height: 1.6em;
	text-align: justify;
	padding: 10px 22px 50px 22px;
	margin:0px 0 0 0 ;
	background-color:#FFFFFF;
	background-image: url(http://www.reachyourcity.com/images/sub-section_bio-grad-bg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.info {
	position:relative;
	line-height: 1.6em;
	font-size: 10px;
	padding:0px 5px 0px 5px;
	color:#000000;
	margin:91px 14px 0 67px;
}
.info a{
	color:#bb985e;
}
.postauthor {
	font-size: 10px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 4px 20px;
	color:#999999;
	background: url('images/author.jpg') no-repeat top left;
}
/* ######### Style for Drop Down Menu ######### 
#verticalmenu{
	width: 100%;
	height: 25px;
	margin-left: 0px;
}

#verticalmenu ul{
	float: left;
	margin-left: 0px;
	height: 25px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left:0px;
}


#verticalmenu ul li{
	display: inline;
	height: 25px;
	margin-left: 0px;
}
#verticalmenu ul li a{
	float: left;
	margin-right: 8px;
	margin-left: 8px;
	height: 25px;
}
#verticalmenu img {
	margin-top: 0px;
	margin-bottom: 0px;
}

.dropmenudiv{
	position:absolute;
	top: 0; /*Theme Change here
	border-bottom-width: 0;
	font:11px/18px Tahoma, serif;
	z-index:100;
	width: 150px;
	color: #333333;
	background-color: #333333;
	visibility: hidden;
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4);*/ /*Add Shadow in IE. Remove if desired
}

.dropmenudiv a{
	width: 100%;
	display: block;
	text-decoration: none;
	color: #333333;
	background-color: #b3b3b3;
	vertical-align: middle;
	height: 17px;
	margin: 1px;
	text-indent: 10px;
}

.dropmenudiv a:hover{ /*Theme Change here
	background-image: url(http://www.reachyourcity.com/images/menu-over.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #ececec;
	margin: 1px;
}
*/
.chromestyle{
width: 100%;
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0px; 
clear: both; 
visibility: hidden;
}

.chromestyle img {
	margin-top: -5px;
	margin-bottom: 0px;
}

.chromestyle ul{
border: 0px solid #BBB;
height:25px;
width: 100%;
/*background: url(chromebg.gif) center center repeat-x; THEME CHANGE HERE*/
padding: 0px 0;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
	margin-left: 4px;
	margin-right: -1px;
	height: 25px;
}

.chromestyle ul li a{
color: #000000;
padding: 0px 0px;
margin: 0;
text-decoration: none;
border-right: 0px solid #DADADA;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
	top: 0;
	border-bottom-width: 0;
	font:11px/18px Tahoma, serif;
	z-index:100;
	width: 150px;
	color: #333333;
	background-color: #333333;
margin-left: -130px;
margin-top: -7px;
visibility: hidden;
}


.dropmenudiv a{
width: 100%;
	display: block;
	text-decoration: none;
	color: #000000;
	background-color: #b3b3b3;
	vertical-align: middle;
	height: 17px;
	margin: 1px;
	text-indent: 10px;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-image: url(http://www.reachyourcity.com/images/menu-over.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #ececec;
	margin: 1px;
}