/* @override 
	http://localhost:3000/web_bike_review/wbwstyle3d.css?1252259194
	http://localhost:3000/web_bike_review/wbwstyle3d.css?1252340549
	http://localhost:3000/web_bike_review/wbwstyle3d.css?1252347044
*/

/* wbwstyle3d */

/* NOTE: 1 em is 16 px. The CSS statement "body font-size: 62.5%" takes the 16px down to 10px.  
Think in pixels but still set sizes in terms of ems: 
1em is 10px
0.8em is 8px
1.6em is 16px etc. 
Apply font-size to divs to set font sizes
*/

body 
{ font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 81.25%;
text-align: left;
margin-left: 1%;
margin-top: 1%;
margin-right: 1%;
margin-bottom: 1%;
}

html>body {font-size: 81.25%;}

p {font-size: 1em;
	margin: 11px;
}

/* This p is used for lists on the tech article index page */
.list{
margin:1em 0 1em 1em;
}

/* Table width for the main table on pages */
.tablewidth{
width: 100%;
}

/* Wider 960px table width for the main table on pages */
.tablewidth960{
width:960px;
}

.reviewtable{
/* padding and borders for the main table at the top of the review page */
border-left: 1px solid #E8E8DD; 
border-right: 1px solid #E8E8DD; 
border-bottom: 1px solid #E8E8DD; 
border-top: 1px solid #E8E8DD;
margin-top: 1.0em; 
margin-right: 20px; 
margin-left: 20px; 
margin-bottom: 1.0em;
}

.bodytable{
/* padding for the tables used in reviews for photos */
margin-right: 15px;
margin-bottom: 5px;
}

.tablerightbottom{
/*padding used for tables needing right and bottom padding */
margin:0 10px 10px 0;
}

.tableleftbottom{
/* padding for right justified tables needing left and bottom padding */
margin:0 0 5px 10px;
}

/* Cell border for bottom of helmet review list table */
.cellborderbottom { 
bordercolor=#E8E8DD;
border-bottom: 2px solid #E8E8DD; 
} 

img.margins{
margin: 0 15px 15px 0;
}

img.margincaption{
margin: 0px 0 5px 0px;
}

.homerightcolumn{
text-align:left;
margin: 0 0 .7em 1em;
}

.homerightcolumntitle{
text-align:left;
margin: 0 0 .7em .5em;
font-weight:bold;
}

.rightcolumncaption{
text-align:center;
margin: 0 0 10px 0;
padding:0 3px 0 3px;
}

.listspacebottom{
margin: 0 0 5px 0;
}

.listspacebigbottom{
margin: 0 0 15px 0;
}


.leftspace10{
margin: 0px 0px 0px 10px;
}

/* Spacing on top of right hand columns */
.righttopspace{
margin-top:5px;
}

/* Spacing for right column vertical AdSense ad */
div.leftvertical{
margin-left:5px;
}
























































/* LINK COLORS AND HOVERS */

table a:link 
{color: #0000CC;
text-decoration: none}

table a:visited 
{color: #8080E3;
text-decoration: none}

table a:hover 
{color : #CC0000; 
background: #FFDDBB;
text-decoration: none;}

 END LINK COLORS AND HOVERS 

table
{border-collapse: collapse;
font-size: 1em;}

/* FONTS AND SIZES */

.eightptfont{
font-size: .8em;
}

.bold10
{font-size: 1em; 
font-weight: bold;}

.size4
{font-size: .4em;}


h1 {font-size: 2em;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
text-align: left;
}


h2 {font-size: 2em;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
text-align: left;
margin: 15px 0 0 10px;
padding-bottom: 15px;
}

h3 {font-size: 2em;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
text-align: left;

padding-bottom: 15px;
}

h4 {font-size: 1em;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
text-align: left;}

h5 {font-size: .8em;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
text-align: left;}

h6 {font-size: .6em;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
text-align: left;}

/* From here to the end added in wbstyle3b */

span.tabletitle
{font-size: 1.2em;
font-weight: bold;
}

/* This adds 5px under each item in a bulleted list but each list item must have a p-tag */
p.bulletlist
{margin-bottom: 5px;
}

p.tabletitle
{font-size: 1.2em;
font-weight: bold;
text-align: left;
border-style:solid; 
border-color:#E8E8DD; 
border-width:3px; 
background:#E8E8DD;
}

/* Used in the Ducati GT1000 and Multistrada blogs */
p.tabletitleblog
{font-size: 1.2em;
font-weight: bold;
text-align: left;
border-style:solid; 
border-color:#E8E8DD; 
border-width:3px; 
background:#E8E8DD;
margin-bottom:7px;
}

p.sectiontitle
{font-size: 1.0em;
font-weight: bold;
text-align: left;
border-style:solid; 
border-color:#E8E8DD; 
border-width:3px; 
background:#E8E8DD;
margin-bottom: 3px;
}

/* This underlines headings like on the Motorcycle Racing and Motorcycle Racing News page */
p.headingunderline
{margin-bottom:10px;
border-bottom:solid 3px;
border-color:E8E8DD;
}

/* This pushes the paragraph directly under the underline from above up a bit to reduce the paragraph spacing */
p.moveup
{margin-top:3px;
}

/* Indents the left margin */
p.leftmarginspace
{margin-left:20px;
}

div.centerdiv{
position: absolute; 
width: auto; 
height: auto; 
z-index: 1; 
padding-left: 10%;
padding-right: 10%; 
padding-top: 0;}


.menuitem a:link{
background:#FFFFFF;
color:#0000CC;
display:block;
width: 125px;
padding-left: 2px;
text-decoration:none;}

.menuitem a:visited{
color:#8080E3;
text-decoration:none;
width: 125px;
padding-left: 2px;}

.menuitem a:hover{
color:#CC0000;
background: #FFDDBB;
list-style-type:disc;
text-decoration:none;
width: 125px;
border-right-color: #FFFFFF;
border-right-width: 5px;
border-right-style: solid;
}

.menuitem a:active{
text-decoration:none;
width: 125px;}


.menuitem h1{
background: #E8E8DD;
border-bottom-color:#FFFFFF;
border-bottom-style:solid;
border-bottom-width:1px;
border-top-color:#FFFFFF;
border-top-style:solid;
border-top-width:1px;
color: #000000;
font: bold .9em Arial, Helvetica, Verdana, sans-serif;
margin:0px;
padding: 3px;
padding-left: 7px;
width: 130px;}

.menuitem h6{
background: #E8E8DD;
border-bottom-color:#FFFFFF;
border-bottom-style:solid;
border-bottom-width:1px;
border-top-color:#FFFFFF;
border-top-style:solid;
border-top-width:1px;
color: #000000;
font: bold .8em Arial, Helvetica, Verdana, sans-serif;
margin:0px;
padding: 3px;
width: 130px;}


.menuitem p{
background:#FFFFFF;
border-bottom-color:#E8E8DD;
border-bottom-style:solid;
border-bottom-width:1px;
border-right-style: solid;
border-right-width: 3px;
border-right-color: #FFFFFF;
margin: 0px;
padding-top: 2px;
padding-right: 0px;
padding-bottom: 2px;
padding-left: 5px;
font-weight:bold;
font-size: .9em;
width: 125px;}

span.dropcap {
float: left;
margin-top: 0px;
color: #002400;
width: 38px;
font-size: 38pt; 
margin-right: 3px;
font-weight: bold;
line-height: 30pt;
font-family: times, times new roman, serif;
}