/*

Theme Name: FJ Cruisers Ontario
Theme URI: http://www.fjcruisersontario.com
Description: The official theme of the FJ Cruisers Ontario blog.
Version: 1.0
Author: Shaun Choo
Author URI: http://www.fireforeffect.net

*/

html {
height: 100%;
}

body {
height: 100%;
margin: 0;
padding: 0;
background-color: #433e00;
background-image: url(images/background.gif);
background-repeat: repeat-x;
color: #5b656e;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

.clear {
clear: both;
}

img {
border: 0;
}

/**** Containers, Holders, Frames ****/

#container {
margin: 0 auto;
/*padding-top: 70px;*/
width: 961px;
height: 100%;
}

#frametop {
width: 961px;
height: 21px;
background-image: url(images/containertop.png);
clear: both;
}

*html #frametop {
background-image: url(images/containertop.gif);
}

#framebody {
width: 961px;
background-image: url(images/containershadow.png);
background-repeat: repeat-y;
padding-top: 70px;
padding-bottom: 30px;
}

*html #framebody {
background-image: url(images/containershadow.gif);
}

#imgholder {
width: 542px;
height: 202px;
background-image: url(images/splash.jpg);
}

#framecontent {
width: 540px;
margin-top: 30px;
}

#left {
float: left;
width: 540px;
margin-left: 55px;
}

#right {
float: left; 
width: 290px;
margin-left: 50px;
}

*html #left {
margin-left: 30px;
}

*html #right {
margin-left: 30px;
}

/**** Content Area ****/

a.postTitle:link, a.postTitle:visited, a.postTitle:hover {
color: #39444d;
font-size: 32px;
font-family: "Times New Roman", Times, serif;
text-decoration: none;
}

a.postTitle:visited {
color: #71777c;
}

a.postTitle:hover {
color: #f5850a;
}

div.postContent {
border-top: 1px solid #544d00;
margin-top: 10px;
padding-top: 10px;
line-height: 18px;
}

.em {
font-weight: bold;
color: #717a81;
}

/**** Sidebar Area ****/

#aboutTitle {
height: 25px;
width: 290px;
background-image: url(images/about.gif);
}

#galleryTitle {
height: 25px;
width: 290px;
background-image: url(images/gallery.gif);
margin-top: 25px;
}

#affiliateTitle {
height: 25px;
width: 290px;
background-image: url(images/affiliates.gif);
margin-top: 25px;
}

#sponsorTitle {
height: 25px;
width: 290px;
background-image: url(images/sponsors.gif);
margin-top: 25px;
}

#charityTitle {
height: 25px;
width: 290px;
background-image: url(images/charities.gif);
margin-top: 25px;
}


.navContent {
background-color: #757043;
background-image: url(images/sidebarbottom.gif);
background-position: bottom left;
background-repeat: no-repeat;
line-height: 18px;
color: #ffffff;
padding: 5px 10px;
}

#about {
height: 80px;
}

#gallery {
height: 210px;
}

#affiliate, #sponsor {
text-align: center;
padding-top: 30px;
}

img.border {
border: 1px solid #544d00;
}

/*** List Items ***/

#widgets {
list-style: none;
}

*html #widgets li  {
padding-top: 10px;
}

#widgets li {
list-style: none;
margin-left: -25px;
}


/*** Global Tabs ***/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#navigation {
text-align: center;
float: right; /*Set to "left" or "right" to position menu accordingly*/
/*border-bottom: 1px solid #999e87; uncomment this line to add bottom border*/
margin-right: 10px;
margin-top: 50px;
}

#navigation ul {
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	padding: 0;
	list-style:none;	
}
#navigation li {
	display: inline;
	background: url(images/tabcenter.gif) repeat-x center top;
	text-align: center;
	padding: 0;
	margin-right: 4px;	
	float: left;
}
#navigation a {
	color: #b6ab46;
	background: url(images/tableft.gif) no-repeat left top;
	float: left;
	margin:	0;
	padding-left:7px;
	text-decoration: none;
}
#navigation a span {
	background: url(images/tabright.gif) no-repeat right top;
	display: block;
	padding:7px 13px 4px 5px;
}
#navigation a span {
	float: none;
}

/*** Logo ***/

#logo {
position: absolute;
z-index: 100;
margin-top: -60px;
margin-left: 70px;
}