body {font-size:76%; font-family: helvetica, "trebuchet MS", verdana, arial, sans-serif; background:#fff url('http://velo-orange.com/images/bg.gif') repeat; word-wrap:break-word; margin:0; text-align:center; }

a:link { color:#333; text-decoration:underline; }
a:visited { color:#333; text-decoration:underline; }
a:hover { color:#000; text-decoration:none; }
a:active { color:#333; text-decoration:underline; }

img { border:none; }

h1 {font-size:20px; margin:0; padding:10px 0; color:#fff;}
h3 {font-size:18px; margin:0; padding:8px 0;}
.content {padding:10px;}
p {font-size:11px; line-height:1.5em; margin:0; padding:5px 0; }
#footer {clear:both; min-height:81px; background:none; clear:both; width:960px; text-align:left;margin-left:auto; margin-right:auto;}
#footer_img {float: right; margin-left:20px; }
#footer p { color: #666; margin: 5px 0 0 5px; }
#footer a {color:#666; text-decoration: none;}
#footer a:hover {color:#999; text-decoration:underline;}
#footer li { margin-right: 5px; margin-left:0; display:inline; font-size:11px;}

#header p {color:#999;}

/*========  LAYOUT ===========*/
#wrapper {
margin-top:10px;
text-align:left;
overflow:hidden; 
position:relative;
min-height:600px; width:960px; 
margin-left:auto; margin-right:auto;
background:#fff; padding:0; clear:none; border: 1px #999 solid; border-top:none;

/*Drop Shadow*/
box-shadow: 7px 7px 8px #818181;
-webkit-box-shadow: 5px 5px 6px #818181;
-moz-box-shadow: 5px 5px 6px #818181;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5, positive=true);
}

#content-wrap {  margin-left: 0px; margin-top: 30px; clear:both;  background:none;}

#header-wrapper {background:url('http://velo-orange.com/images/headerbg.png') repeat-x #fff; height:81px; margin:0; padding:0; }

#header-wrapper a { text-decoration:none;}

#header a {float:left; text-decoration:none; }
#header img { margin:4px 0 10px 9px; }

#header-links {
float:right;
position:relative;
margin-right:2px;
font-size:11px;
}
#header-links li {
display:inline;
padding:0; 
margin:0;
}

/*Get this from http://csswizardry.com/2011/02/creating-a-pure-css-dropdown-menu/ */
/*------------------------------------*\
	RESET  
\*------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}

#social{
float:right;
display:inline;
list-style:none;
margin-top:10px;
margin-right:10px;
}
#social ul{
display:inline;
}
#social li{
width:24px;
height:24px;
display:inline;
}
#social li img{
position:inherit;
margin-left:0px;
margin-top:0px;
margin-bottom:0px;
display:inline;
}
#social li a {
margin:4px;
}
#social li a:hover {
position:inherit;
width:24px;
height:24px;

background:rgba(204,204,204,0.5);
-moz-border-radius: 4px;
border-radius: 4px;
}

#product-links{}

#nav{
list-style:none;
margin-left:100px;
margin-right:10px;
font: 14px 'helvetica', Arial, sans-serif;
font-weight:bold;
text-transform:uppercase;
color:#000000;
margin-bottom:10px;
/* Clear floats */
float:left;
width:780px;
height:40px;
/* Bring the nav above everything else--uncomment if needed.*/
position:relative;
z-index:999;
}
#nav li{
float:left;
margin-right:0px;
position:relative;
padding-left:0px;
}
#nav a{
display:block;
padding:5px;
padding-left:16px;
padding-right:16px;
color:#000000;
background:#fff;
text-decoration:none;
border-left-style:solid;
border-width:1px;
border-color:#E3861F;
}
#nav a:hover{
color:#E3861F;
background:#fff;
text-decoration:underline;
}

#nav ul{
background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
/*background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
width:180px;
*width:200px; /*only read by IE 7 and below */
-moz-border-radius: 15px;
border-radius: 15px;
padding-bottom: 5px;
border: 1px #999 solid;
box-shadow: 3px 3px 4px #818181;
-webkit-box-shadow: 2px 2px 3px #818181;
-moz-box-shadow: 2px 2px 3px #818181;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5, positive=true);
opacity:0.96;filter:alpha(opacity=96);
/*
border-style:double;
border-width:5px;
border-color:#E3861F;
*/
font-size:12px;
font-weight:normal;
list-style:none;
position:absolute;
left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#nav ul li{
padding-top:0px; /* Introducing a padding between the li and the a give the illusion spaced items */
padding-bottom:0px;
padding-right:0px;
margin-left:1px;
margin-right:3px;
margin-bottom:0px;
margin-top:2px;
float:none;
text-transform:none;
}
#nav ul a{
/*white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
-moz-border-radius: 5px;
border-radius: 5px;
margin:0px;
padding-top:1px;
padding-bottom:1px;
border-left-style:none;
}
#nav li:hover ul{ /* Display the dropdown on hover */
left:0; /* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
color:#000000;
background:none;
text-decoration:underline;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
text-decoration:none;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
color:#E3861F;
}

/*
#product-links {
width:940px;
height:80px;
float:left;
position:fixed;
margin-left:10px;
margin-right:10px;
font-size:20px;
font: 14px/21px Georgia, serif;
font-weight:bold;
text-transform:uppercase;
color:#E3861F;
}

*/
#about-txt { float:left; clear:both; margin-left:40px; margin-right:10px; border:1px #ccc; padding: 10px; }


img.floatRight { 
    float: right; 
    margin: 4px; 
}

#header-links li a {
text-decoration:none;
color:#fff;
padding:0 15px 0 0;
margin-bottom:5px;
text-transform:uppercase;
font-size:15px;
}

#header-links li a:hover {
text-decoration:underline;
}



.toplinks {
float:right;
clear:both;
width:960px;
margin:0 20px 10px 0;
display:block;
}

#right {
float:left;
clear:both;
}

#right li {
display:inline;
float:right;
clear:none;
padding: 0 18px 0 0;
text-transform:uppercase;
font-size:15px;
color:#333;
text-decoration:none;
}

#right li a {
color:#999;
text-decoration:none;
}
#right li a:hover {text-decoration:underline; color:#000;}

/*
#rss-container {float:right; margin-right:10px; margin-bottom: 25px; }
#rss-left {
	float:right; 
	clear:none;
	border:none;
}
#rss-bottom {
	float:right; 
	clear:none;
	border:none;
	max-width:400px;

}
*/

#col-left {
	width:270px;
	height:220px;
	float:left;
	margin-left:10px;
	padding-left:15px;
	margin-right:10px;
	padding-right:0px;
	font-size:15px;
	margin-top:1px;
	margin-bottom:10px;
	text-align:left;
}

#col-left ul {margin-left:0px; padding-left:0px;}

#col-left li {margin-bottom:0.5em;}

#col-left dd {margin-left:0px;}

#col-left a {text-decoration:none;}

#col-left a:hover {text-decoration:underline;}

#postDate {
color:#cc6600;
}

#col-right {
	width:615px;
	height:220px;
	float:right;
	margin-left:0px;
	padding-left:14px;
	margin-right:10px;
	padding-right:15px;
	border-left-style:solid;
	border-width:1px;
	border-color:#E3861F;
	margin-bottom:10px;
}
	


/*
#lef-col {float:left; clear:none;  background:none; margin-top:20px;  }

#right-col {float:right;  clear:none; background:none; margin-top:20px; }
.hilight { opacity: .7; }
.hilight:hover { opacity: 1; }


#outer3 { float:right;  clear:none; background:none; margin-right:10px; margin-top:20px; }

#outer1, #outer2, #outer3 {padding-bottom:32767px; margin-bottom:-32767px;}
*/