/*

Theme Name: CustomRides
Theme URI: 
Description:
Version:
Author: 

*/	


			/* Global Layout */

html { 
background:#181818 url(img/drop.png) repeat-x;
/* Height is 100%, so the body can be 100% */ 
height:100%; 
} 

body 
{ 
font-size: .8em;
margin: 0px;
text-align: center;
background:url(img/bgg.gif) top center repeat-y; 
margin:0; 
padding:0; /* Height is 100%, so the tiled BG will tile all the way down the 
page, not just as far down as the page's content (when the content's height < window's height) */ height:100%; 
font-family: Tahoma, Arial, Helvetica, sans-serif; 
} 
/* 
Hackety-hack-hack... FF2, with the above code, will only display the repeat-y image for as high as the window's viewport is; higher content (upon scrolling) will not have the bg. This "hack" makes the tiled background work properly in FF2. This type of "advanced selector" is not understood by IE6...dunno 'bout IE7. 
*/ html>body { 
min-height:100%; 
height:auto; 
} 

#nav
{
position: relative;
margin: auto;
width: 962px;
height: 31px;
background: url(img/navbg.gif) top left repeat-x;
font-size: 1.2em;
font-weight: bold;
}

#nav li
{
position: relative;
float: left;
}

#nav a
{
position: relative;
float: left;
display: block;
padding: 5px 10px 0px 10px;
height: 26px;
color: #0464BB;
text-transform: capitalize;
}

#nav a:hover
{
background: url(img/nav_hov.gif) top left;
}


#carbox
{
position: relative;
margin: auto;
width: 962px;
height: 101px;
background: url(img/header.gif) top left no-repeat;
}


#tritop
{
position: relative;
margin: auto;
height: 198px;
width: 962px;
text-align: left;
}

#tritop a
{
	color: #000;
}

#topleft
{
position: relative;
float: left;
padding: 40px 15px 10px 15px;
height: 148px;
width: 291px;
background: url(img/topleft.gif) top left no-repeat;
}

#topmid
{
position: relative;
float: left;
padding: 40px 15px 10px 15px;
height: 148px;
width: 290px;
background: url(img/topmiddle.gif) top left no-repeat;
}

#trss
{
position: absolute;
top: 50px;
left: 18px;
width: 65px;
height: 65px;
}

#subs
{
position: absolute;
top: 120px;
right: 20px;
width: 140px;
}

#subb
{
position: absolute;
top: 150px;
right: 20px;
}

#topright
{ font-size: 10px; position: relative; float: left; padding: 40px 15px 10px; height: 148px; width: 290px; background: url(img/topright.gif) no-repeat left top; text-align: center; margin: 0; }


#quotebox
{ position: relative; margin: auto; padding: 10px 10px 0; height: 34px; width: 942px; background: url(img/quotebox.png) no-repeat left top; top: -10px; }


#fin
{
position: absolute;
top: 6px;
right: 22px;
width: 95px;
height: 30px;
background: none;
border: 0px;
}

#ione
{
position: absolute;
top: 12px;
width: 145px;
left: 170px;
}

#itwo
{
position: absolute;
top: 12px;
width: 145px;
right: 142px;
}

#isub
{
position: absolute;
top: 8px;
left: 350px;
height: 28px;
width: 92px;
background: none;
border: 0px;
}





#pagewrap
{
position: relative;
margin: auto;
padding-top: 10px;		
width: 962px;
text-align: left;
}

#left
{
position: relative;
float: left;
width: 535px;
padding-left: 85px;
}

h2
{
position: relative;
font-size: 1.7em;
color: #22669D;
}

h2 a
{
color: #22669D;
}


.author
{
position: relative;
font-size: 1.1em;
font-weight: bold;
}

.thepost
{
position: relative;
}

.thepost p
{
position: relative;
padding: .75em 0 .75em 0;
line-height: 1.5em;
}

.more-link
{
display: block;
}
.thepost a
{
color: #0464BB;
}

.postfoot
{
position: relative;
padding: .8em 0 4em 0;
font-size: .8em;
color: #999;
}

.postfoot a
{
color: #999;
text-decoration: underline;
}

#comment
{
width: 350px;
}

.thepost h3
{
background: none;
color: #000;
}






#right
{
position: relative;
top: -18px;
float: right;
width: 320px;
}

h3
{
position: relative;
padding: 6px 0px 0px 15px;
height: 31px;
color: #fff;
font-size: 1.6em;
background: url(img/h3bg.gif) top left no-repeat;
}

h5
{
position: relative;
padding: 0px 0px 10px -5px;
height: 0px;
color: #878787;
font-size: 1.6em;
}

#sponsors, #sponsors img
{
position: relative;
padding: 10px;
}

.sblist
{
position: relative;
padding-top: 15px;	
padding-left: 10px;	




padding-bottom: 18px;
}

.sblist li
{
position: relative;
padding: 3px 0px 3px 10px;
background: url(img/arrow.gif) left center no-repeat;
background-position: 0 8px;
}

.sblist a
{
position: relative;
padding-left: 20px;
font-size: 1em;
font-weight: bold;
color: #363636;
}





#tribottom
{
position: relative;
margin: auto;
height: 211px;
width: 962px;
text-align: left;
}

#tribleft
{
position: relative;
float: left;
padding: 40px 15px 10px 15px;
width: 291px;
height: 161px;
background: url(img/bottomleft.gif) top left no-repeat;
top: 40px
}

#tribmid
{
position: relative;
float: left;
padding: 40px 15px 10px 15px;
width: 290px;
height: 161px;
color: #fff;
background: url(img/bottommiddle.gif) top left no-repeat;
top: 40px
}

#tribright
{




position: relative;
float: left;
padding: 40px 15px 10px 15px;
width: 290px;
height: 161px;
background: url(img/bottomright.gif) top left no-repeat;
top: 40px
}


#siteswelike
{
position: relative;
margin: auto;
padding: 15px;
height: 137px;
width: 932px;
background: url(img/siteswelike.gif) top left repeat-x;
top:40px
}

#siteswelike ul
{
position: relative;
float: right;
padding-right: 20px;
width: 205px;
text-align: right;
}

#siteswelike ul li
{
position: relative;
padding: 5px 0px 5px 0px;
}

#siteswelike ul li a
{
color: #fff;
}

#stragbar
{
position: relative;
margin: auto;
width: 962px;
padding-top: 7px;		
height: 30px;
background: url(img/stragbar.gif) top left no-repeat;
}
#stragbar a { color: white; float: right; margin-right: 15px; }
.flist
{
position: relative;
}

.flist li
{
position: relative;
padding: 3px 0px 3px 10px;
}

.flist a
{
position: relative;
font-size: 12px;
color: #fff;
}

.swl
{
position: relative;
display: block;
float: left;
color: #fff;
font-size: 14px;
}

.datebox
{
position: absolute;
left: -60px;
width: 45px;
top: -40px;
}

.commentlist li
{
position: relative;
padding: 10px;
background: #efefef;
margin-bottom: 8px;
}


#sdigg
{
background: url(img/11.gif) left center no-repeat;
padding: 3px 0 4px 25px;
}

#sdel
{
background: url(img/22.gif) left center no-repeat;
padding: 3px 0 4px 25px;
}

#sssub
{
background: url(img/33.gif) left center no-repeat;
padding: 3px 0 4px 25px;
}

#slcom
{
background: url(img/44.gif) left center no-repeat;
padding: 3px 0 4px 25px;
}

#rposts li
{
padding: 3px 0 4px 0;
}





a:hover
{
text-decoration: underline;
}








#wp-calendar tbody tr td, #wp-calendar tbody tr td:hover
{
padding: 0px;
margin: 0px;
border: 0px;
}

#wp-calendar caption
{
display: none;
}


input
{
cursor: pointer;
}