/*
Theme Name: DrivewayGames
Theme URI: http://www.drivewaygames.com/
Description: Proprietary theme for Driveway Games.
Version: 1.0
Author: Dan Crask / Dylan Schuster
Author URI: http://www.d-a-design.com / www.dylanschuster.com
*/

/*Reset*/
body, div, img, a, ul, li, ol, dt, dl, dd, p, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; list-style: none; border: none; outline: none;}

/*General*/
body {background: #000033; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #333; padding: 10px 0 20px; height: 100%;}
.dg-wrapper {width: 800px; margin: 0 auto; border: 1px solid #999; border-top: none; background:#fff;}
.dg-clear {clear:both;}
a {color: #006699; text-decoration:underline;}
a:hover {text-decoration: none;}

/*Header*/
.dg-like {width: 90px; height: 21px; position: absolute; top: 22px; right: 125px;}
.dg-header {height: 110px; background:url(images/header_bg.jpg) center top no-repeat; position: relative; border-top: 1px solid #999;}
div.dg-logo {position: absolute; top: 25px; left: 25px;}
div.dg-logo a {display: block; width: 365px; height: 85px; text-indent: -9000px; overflow:hidden; font-size: 0;}

.dg-tabnav, .dg-socialnav {position: absolute;}
.dg-tabnav {bottom: 13px; right: 15px;}
.dg-socialnav {top: 18px; right: 13px}
.dg-tabnav ul, .dg-tabnav li, .dg-socialnav ul, .dg-socialnav li {float: left;}
.dg-tabnav a, .dg-socialnav a {display: block; font-size: 0; text-indent:-9000px; overflow:hidden; float: left;}
.dg-socialnav a {width: 36px; height: 28px;}

/*Left Column*/
.dg-col-a {width: 157px; float: left;}
.dg-logo-bottom {background:url(images/logo_bottom.png) left top no-repeat; height: 25px;}
.dg-leftnav {background:url(images/menu_bg.png) center top no-repeat; height: 273px;}
.dg-accessories-left {background:url(images/accessories_bg.png) center top no-repeat; height: 128px; padding: 20px 15px;}

.dg-demonav a, .dg-leftnav h2, .dg-leftnav a, .dg-accessories-left h2 {background:url(images/orange_matte.gif) no-repeat; font-size: 0; text-indent: -9000px; overflow: hidden; display: block;}

.dg-productsnav {padding: 25px 13px 10px 12px;}
.dg-subpagenav {padding: 20px 25px 10px 15px; }
.dg-subpagenav a {font-size: 12px; font-weight: bold; text-indent:0; color: #fff; text-decoration: none; padding: 4px 0; background: none; text-shadow: 0 1px 2px #111; text-align: right; text-transform: uppercase;}
.dg-subpagenav a:hover {color: #ccc}
.dg-retail {padding: 0 18px 0;}
.dg-productsnav h2 {height: 29px; background-position: center -22px;}
.dg-productsnav a {height: 27px;}
a#dg-outdoor {background-position: right -245px;}
a#dg-pool {background-position: right -282px;}
a#dg-table {background-position: right -320px;}
a#dg-accessories {background-position: right -357px;}
.dg-retail h2 {height: 22px; background-position: center -64px; border-top: 1px dashed #d9935a; padding: 10px 0 0;}
.dg-retail p {padding: 5px 0 0;}
.dg-retail a {height: 30px; background-position: center -191px;}
.dg-retail a#dg-logout {background-position: center -708px;}
.dg-accessories-left h2 {height: 28px; background-position: center -124px;}
.dg-demonav {padding: 10px 0 ;}
.dg-demonav a {height:30px;}
a#dg-videos {background-position: left -563px;}
a#dg-print {background-position: left -614px;}

/*Blue Backgrounds*/
.dg-blue-tall, .dg-blue-med, .dg-blue-short {background-color: #356c93; background-repeat: repeat-x; background-position: center bottom; border-top: 10px solid #d9954f; border-bottom: 1px solid #326c92; padding: 10px 0 15px; font-size: 13px; color: #000; line-height: 1.3;}
.dg-blue-tall p, .dg-blue-med p, .dg-blue-short p {font-size: 13px; padding: 0 0 8px 4px;}
.dg-blue-tall ul, .dg-blue-med ul, .dg-blue-short ul {padding: 0 0 8px 25px; list-style:disc;}
.dg-blue-tall li, .dg-blue-med li, .dg-blue-short li {padding: 0 0 4px; list-style:disc;}
.dg-blue-tall a, .dg-blue-med a, .dg-blue-short a {color: #000; text-decoration:underline;}
.dg-blue-tall a:hover, .dg-blue-med a:hover, .dg-blue-short a:hover {text-decoration: none; }
.dg-blue-tall {background-image:url(images/blue_bg_tall.jpg);}
.dg-blue-med {background-image:url(images/blue_bg_med.jpg);}
.dg-blue-short {background-image:url(images/blue_bg_short.jpg);}

/*Product Category*/
.dg-content-top-photo {background-color: #fff; background-position: center top; background-repeat: no-repeat; height: 300px;}
.dg-cat-desc {padding: 5px 20px 40px 15px; float: left; width: 280px;}
.dg-cat-desc h1 {font-size: 0; text-indent: -9000px; overflow:hidden; height: 42px; background:url(images/blue_matte.gif) left -4000px no-repeat;}
#dg-outdoor-games-cat h1 {background-position: -12px -2px;} /*outdoor games*/
#dg-pool-games-cat h1 {background-position: -12px -61px;} /*pool games*/
#dg-table-top-games-cat h1 {background-position: -12px -130px;} /*table-top games*/
#dg-accessories-cat h1 {background-position: -12px -193px;} /*accessories*/
#dg-home-page .dg-content-top-photo {background:url(http://www.drivewaygames.com/wp-content/uploads/2010/03/home_main.jpg) center top no-repeat;}
#dg-outdoor-games-cat .dg-content-top-photo {background:url(http://www.drivewaygames.com/wp-content/uploads/2010/03/outdoor_main.jpg) center top no-repeat;}
#dg-pool-games-cat .dg-content-top-photo {background:url(http://www.drivewaygames.com/wp-content/uploads/2010/03/pool_main.jpg) center top no-repeat;}
#dg-table-top-games-cat .dg-content-top-photo {background:url(http://www.drivewaygames.com/wp-content/uploads/2010/03/table_top_main.jpg) center top no-repeat;}
#dg-accessories-cat .dg-content-top-photo {background:url(http://www.drivewaygames.com/wp-content/uploads/2010/03/accessories_main.jpg) center top no-repeat;}


.dg-cat-logos {float: left; width: 485px;}
.dg-cat-logos p {width: 240px; height: 140px; text-align: center; float: left; padding: 0;}
.dg-cat-logos p img {vertical-align:middle;}

/*Product Detail*/
.dg-content-top-orange {background:url(images/orange_bg.jpg) center center no-repeat; height: 560px;}
.dg-col-b {float: left; width: 643px;}
.dg-prod-desc {float: left; width: 535px; padding: 5px 0 0 15px;}
.dg-prod-desc h1 {font-size:15px; font-weight: bold; padding: 0 0 8px;}
.dg-prod-includes {float:right; background:url(images/includes_bg.png) left top no-repeat; width: 170px; height: 130px; padding: 60px 50px 5px 30px; color: #333; text-shadow:none; font-size: 12px; line-height:1.1;}
.dg-prod-includes a {color: #003399;}

/*Plain Page*/
.dg-content-top-plain {background:url(images/orange_linear.jpg) center top repeat-x #fff;}
.dg-post-plain {padding: 20px 15px; line-height: 1.3;}
.dg-post-plain h1 {color: #111; padding: 0 0 8px; font-size: 20px;}
.dg-post-plain h2 {color: #111; padding: 0 0 8px; font-size: 18px;}
.dg-post-plain p {padding: 0 0 8px 4px; font-size: 13px;}
.dg-post-plain ul {padding: 0 0 8px 25px;}
.dg-post-plain li {padding: 0 0 4px; list-style:disc;}

/*Home Page*/
.dg-home-blue {padding: 10px 15px;}
h2.dg-pill-header {font-size: 0; overflow:hidden; text-indent:-9000px; padding: 0; height:47px; background:url(images/orange_matte.gif) left top no-repeat;}
#dg-featured-item p {padding: 0;}
h2#dg-featured-item-header {background-position: center -448px;}
h2#dg-news-header {background-position: center -495px;}
h2#dg-whats-new-header {background-position: center -395px;}
#dg-in-the-news h3 {font-size: 13px;}
#dg-in-the-news p {font-size: 12px;}
.dg-pill-space {float: left; width: 10px;}
.dg-pill-lg, .dg-pill-sm {background-position: left top; background-repeat: no-repeat; overflow:hidden; height: 215px; float: left; padding: 0 15px 32px; color: #333; text-shadow: none; font-size: 12px;}
.dg-pill-lg a, .dg-pill-sm a {color: #006699;}
.dg-pill-lg h3, .dg-pill-sm h3 {font-size: 14px; font-weight: bold;}
.dg-pill-lg {background-image:url(images/pill_lg.png); width: 241px;}
.dg-pill-sm {background-image:url(images/pill_sm.png); width: 173px; padding: 0 8px 30px;}
.dg-pill-sm img {max-width: 173px}

/*Home Page Slider*/
			.dumbCrossFade {
				width:173px;
				height:167px;
				display:block;
				cursor:pointer;
				border:none;
				position:relative;
				overflow:hidden;
			}
			.dumbCrossFade .dumbItem {
				display:none;
				position:absolute;
				top:0;
				left:0;
				border:none;
				text-align: center;
				width: 173px; height: 167px;
			}
			.dumbCrossFade .dumbItem img {
				border:none;
			}
			.dumbCrossFade * {
				border:none;
				text-decoration:none;
			}
			
/*Drop Down Menu*/
       li.headlink ul { display: none; }
       li.headlink:hover ul { display: block; }

	.dg-tabnav li a
	{	display: block;
		width: 93px;
		height: 40px;}
		
		.dg-tabnav li ul
		{	margin: 0;
			padding: 0;
			width: 160px;
			position: absolute;
			border: 1px solid white;
			border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
			box-shadow: 0 2px 4px #000; -moz-box-shadow: 0 2px 4px #000; -webkit-box-shadow: 0 2px 4px #000; 
			top: 40px;
			background: #306c91;
			padding: 5px 0;
			float: left;}
		
		.dg-tabnav li ul li
		{	float: left;
			display: block;
			width: 160px;}
		
		.dg-tabnav li ul li a
		{	width: 140px;
		height: auto;
			display:block;
			padding: 5px 10px;
			font-size: 13px;
			text-indent: 0;
			overflow:auto;
			color: #fff;
			text-decoration: none;
			float:left;}
		
		.dg-tabnav li ul li a:hover
		{	text-decoration:underline;
		}




/*Store Locator*/
.dg-locator-left {float: left; width: 57%; padding: 0 2% 0 0; border-right: 1px solid #ccc;}
.dg-locator-right {float: right; width: 38%; padding: 0 0 0 2%; }
.dg-locator-e-retailers {padding: 10px 0; border-top: 1px solid #ccc;}
.dg-buy-button {padding: 10px 0 20px; border-bottom: 1px solid #ccc;}
.dg-buy-button p {padding: 0; text-align: center;}
.dg-retailer-logos, .dg-retailer-logos p {text-align: center; padding: 10px 0;}
.dg-retailer-logos p {float: left; padding-right: 10px; width: 105px; height: 90px;}
.dg-retailer-logos p img {max-width: 105px; max-height: 90px;}

/*Footer*/
.dg-footer {background:url(images/footer_bg.gif) center top repeat-x; height: 80px; text-align: center;}
.dg-footer-top {height: 10px; background:url(images/footer_top.jpg) center top repeat-x;}
.dg-footer-content {font-size: 12px; color: #fff; padding: 5px 0 0;}
.dg-footer-content a {text-decoration: none; color: #fff;}
.dg-footer-content a:hover {text-decoration: underline;}