/*
Theme Name: CJ's Charters XHTMLIZED Theme
Theme URI: http://www.xhtmlized.com/
Description: This is theme and style sheet build by XHTMLIZED for CJ's Charters
Version: 1.0
Author: David Hund - www.valuedstandards.com
*/

*{
	margin:0;
	padding:0;
}
html,body{
	background: #FFF url('images/bg_body.jpg') repeat-x left top;
	color: #000;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	font-size: 95%;
}


/* GENERAL ELEMENTS */
p{
	font-size: 1.0em;
	line-height: 1.5em;
}

#content1 p,
#content2 p{
	font-size: 1.0em;
	line-height: 1.5em;
	margin: 1.0em 0;
}

#content img{
	_margin: 0 0.8em; /* for IE: does not allow the following CSS attribute selectors */
}
#content img[align="right"]{
	margin: 0 0 0 0.8em;
}
#content img[align="left"]{
	margin: 0 0.8em 0 0;
}

hr{
	width: 100%;
	background: #6666FF;
	color: #6666FF;
	height: 1px;
	margin: 0.5em auto;
	text-align: center;
	border: 0;
	clear: both;
}
div#body.single div#content1 hr{
	width: 80%;
	background: #FFF;
	color: #FFF;
	height: 2px;
	margin: 0.5em auto;
	text-align: center;
	border: 0;
	clear: both;
}

div#body.single div#content2 hr{
	display:none;
}

address.contactInfo{
	text-align: center;
	font-weight: bold;
	font-size: 0.8em;
	font-style: normal;
	padding: 0.5em 0;
	border-bottom: 1px solid #6666FF;
}

em{	font-style: italic;}
strong{	font-weight: bold;}

p.readmore{
	margin: 0 0 1.0em 0;
	text-align: right;
}

/* LINKS */

#content a:link,
#content a:visited,
#content a:active
{
	background: transparent;
	color: #6666FF;
	text-decoration: underline;
}

#content a:hover{
	text-decoration: none;
	background: #6666FF;
	color: #FFFFFF;
}

#content h2 a:link,
#content h2 a:visited,
#content h2 a:active{
	background: transparent;
	color: #6666FF;
	text-decoration: none;
}





	
#content address.contactInfo a:link,
#content address.contactInfo a:visited,
#content address.contactInfo a:hover,
#content address.contactInfo a:active{
	background: transparent;
	color: #000;
}

/* LISTS */

#content1 ul,
#content1 ol,
#content2 ul,
#content2 ol{
	list-style-position: outside;
	margin: 1.0em 0 0 1.0em;
	font-size: 1.0em;
	background: transparent;
	color: #6666FF;
}
#content1 ul,
#content2 ul{
	list-style-type: square;
}
#content1 ol,
#content2 ol{
	list-style-type: decimal;
}
#content1 ul li,
#content1 ol li,
#content2 ul li,
#content2 ol li{
	background: transparent;
	color: #000;
}
div#body.home div#content1 ul,
div#body.home div#content1 ol,
div#body.home div#content2 ul,
div#body.home div#content2 ol{
	font-size: 1.2em;
	font-weight: normal;
}
div#body.home div#content1 ul li,
div#body.home div#content1 ol li,
div#body.home div#content2 ul li,
div#body.home div#content2 ol li{
	background: transparent;
	color: #6666FF;
}

div#body.single div#content2 ul{
	list-style-type: none;
	margin: 0 0 1.0em 0;
	font-size: 1.0em;
	font-weight: normal;
	background: transparent;
	color: #6666FF;
}
div#body.single div#content2 ul li a:hover{
	background: transparent;
	color: #000;
	text-decoration: none;
}


/* HEADERS */

div#masthead h1 a:link,
div#masthead h1 a:visited,
div#masthead h1 a:hover,
div#masthead h1 a:active{
	display: block;
	height: 159px;
	width: 680px;
	background: transparent url('images/bg_masthead.gif') no-repeat right bottom;
	color: #FFF;
	font-size: 1px;
	line-height: 1px;
	font-weight: normal;
	text-decoration: none;
	text-indent: -10000em;
}

#content1 h2,
#content2 h2{
	margin: 1.0em 0 0 0;
	font-size: 1.2em;
	line-height: 1.5em;
	font-weight: normal;
	background: transparent;
	color: #6666FF;
}
#content1 h2 a:link,
#content1 h2 a:visited,
#content1 h2 a:hover,
#content1 h2 a:active{
	font-size: 1.2em;
	line-height: 1.5em;
	font-weight: normal;
	background: transparent;
	color: #6666FF;
}

#content1 h2:first-letter,
#content1 h2 a:link:first-letter,
#content1 h2 a:visited:first-letter,
#content1 h2 a:hover:first-letter,
#content1 h2 a:active:first-letter{
	font-size: 150%;
}

#content1 h2 a:hover,
#content1 h2 a:active{
	background: transparent;
	color: #000;
}

div#body.single div#content1 h2{
	font-size: 1.6em;
	margin: 0.5em 0 -0.8em 0;
}
div#body.home div#content2 h2{
	font-size: 1.6em;
}
div#body.home div#content1 h2{
	background: transparent;
	color: #000;
}
h3{
	font-size: 1.2em;
	line-height: 1.5em;
	font-weight: normal;
	margin-top: 1.0em;
	background: transparent;
	color: #000;
}


/* STRUCTURE */

div#wrapper{
	background: transparent; 
	width: 690px;
	margin: 0 auto;
	text-align: left;
}

div#content{
	margin-left: 10px;
	background: #FFF;
	color: #000;
         height: 1%; /* IE needs this 'hack' otherwise content 'disappears' */
}

div#masthead{
	height: 159px;
}

div#navigation{
	border-top: 1px solid #6666FF;
	border-bottom: 1px solid #6666FF;
         height: 1%; /* IE needs this 'hack' otherwise content 'disappears' */
}

div#body{
	padding: 0 10px; /* the outer padding on the content area */
         height: 1%; /* IE needs this 'hack' otherwise content 'disappears' */
}

div#content1{

}

div#body.single div#content1{
	width: 450px; /* Normal width (680), - 20 (2x 10 padding) - content2 (200) - 10px 'gap' between content1 and content2 = 320 */
	float: left;
	height: 1%;
}

div#content2{

}
div#body.single div#content2{
	width: 200px;
	float: right;
	padding: 0; /*define padding on other elements in content2 */
	margin: 0;
}

/* NAVIGATION */

div#navigation ul{
	white-space: nowrap;
	text-align: center;
         height: 1%; /* IE needs this 'hack' otherwise content 'disappears' */
	padding: 0.2em 0;
}

div#navigation ul li{
	display: inline;
	list-style-type: none;
	background: transparent;
	color: #6666FF;
	text-transform: uppercase;
}

div#navigation ul li a:link,
div#navigation ul li a:visited{
	font-size: 1.2em;
	background: transparent;
	color: #6666FF;
	text-decoration: none;
	border-right: 1px solid #6666FF;
	padding: 0.2em 0.5em;
}
div#navigation ul li a#navDirections{ /*change this to proper ID? */
	border-right: 0px; /* Undo the right border on the last link */
}
div#navigation ul li a:hover,
div#navigation ul li a:active{
	background: #6666FF;
	color: #FFF;
	text-decoration: none;
}

/* Wordpress POST elements/classes */

.entry {

}

.postmetadata {
	background: #EFEFEF;
	color: #000;
	border: 1px solid #6666FF;
	padding: 0.5em;
}

.navigation {
	margin: 1.0em 0;
	text-align: center;
         height: 1%; /* IE needs this 'hack' otherwise content 'disappears' */
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.center {
	text-align: center;
}
img.center {
	text-align: center;
	margin: 0 auto;
}

a img {
	border:none;
}