/* 
Theme Name: DAC
Theme URI: http://www.enzyms.ch
Description: DAC Sport theme.
Author: Enzyms
Author URI: http://www.enzyms.ch
Version: 1.0
Tags: two columns, fixed width, black, orange, widgets,

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

/* Begin Typography & Colors */

body {
	font-size: 90%;
	font-family: Georgia, Times, Serif;
	font-style: italic;
	background-color: #000;
	color: #B0B0B0;
	margin: 0;
	padding: 0 0 20px 0; 
	}


.alt {
	border-top: 1px dashed #555;
	border-bottom: 1px dashed #555;
}

small {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

strong {
}




h1 {
	font-size: 3.4em;
	text-transform: uppercase;
}



h2 {
	font-size: 1.5em;
	color:  white;/* #E4D3A6*/
	text-transform:uppercase;
	font-style: normal;
}

h4, h4.custom {
	font-size: 1.8em;
	padding:4px 0;
	color: #4d4d4d;
	border-bottom:1px solid #E95D0E;
	margin: 0;
}


h3 {
	font-size: 1.4em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, .description {
	text-decoration: none;
	color: #E95D0E;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color:white /*#E4D3A6*/;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}


h1 {
	padding-top: 40px;
	margin: 0;
	}


h2 {
	margin: 30px 0 0;

	}

h2.pagetitle {
}




h3 {
	padding: 0;
	margin: 30px 0 0;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}


a, h2 a:hover, h3 a:hover {
        color: #E95D0E;
	text-decoration: none;
	-moz-outline:none;
	outline: none;
}

a:hover{
	color: #707070;
	text-decoration: underline;
	}
	
a:focus {
	color: #707070;
	text-decoration: none;
}


/* POSTS */

.post h2,
.rider h2{
	margin: 2px 0;
}

.post .date,
.post .cats{
	color: #666;
	font-size: 0.85em;
}
.post .cats a{
	font-variant: small-caps;
}

.left img{
	max-width: 500px;
	position:relative;
}



ol{
	margin: 0;
	padding: 0;
}


/* RIGHT COL */

.right h2 {
	margin: 5px 0 24px;
	padding: 0;
	color: #4d4d4d;
	border-bottom:1px solid #E95D0E;
	font-size: 1.25em;
}

.right ul{
	padding:0;
	margin: 0 0 30px 0;
	list-style: none;
}

.right ul li {
	border-bottom:1px dashed #4D4D4D;
	padding: 2px 0;
}


.right ul li a{
	color: #4d4d4d;
	font-variant: small-caps;
}

.right ul li a:hover{
	color: #E95D0E;
}


/* UTILE? */

.commentlist li, #commentform input, #commentform textarea {

	}
	
.commentlist li {
	font-weight: bold;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	}




small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #666;
	}


/* End Typography & Colors */


/* Begin Structure ///////////////////////////////////////////////////////////////////////////*/


#page {
	margin: 0 auto 20px auto;
	padding: 0;
	width: 970px;
	}

*html #page {
	width: 980px;
}
	
#header {
	padding: 0;
	margin: 0 auto;
	height: 112px;
	width: 100%;
	border-bottom:2px solid #E95D0E;
	}
	

.narrowcolumn {
	float: left;
	padding: 0 0 50px 0;
	margin: 0;
	width: 792px;
	}

*html .narrowcolumn {
	width: 802px;
}

#sidebar{
	padding:  0;
	position:relative;
	margin: -12px 0 0 810px;
	width: 160px;
}

*html #sidebar{
margin-top: 0;
}
	

.news{
	background:black;
}

.news .left{
	float:left;
	width:500px;
	background:#1a1a1a;
	padding: 25px 30px;
}


.news .right{
	float:right;
	width:205px;
	background:#1a1a1a;
	padding: 35px 10px;
}


#sidebar form {
	margin: 0;
	}


.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 150px;
	width: 160px;
	border: 1px solid red;
	}

.pagepost {
	margin: 0 0 40px;
	border-bottom: 1px dashed #4d4d4d;
	}
	
.post {
	margin: 0 0 20px;
	text-align: left;
	border-bottom: 1px dashed #4d4d4d;
	}
.rider .post {
	margin: 0 0 20px;
	text-align: left;
	border-bottom: 1px dashed #4d4d4d;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}
	
#footer {
	padding: 20px 0;
	margin: 0 auto;
	width: 972px;
	clear: both;
	border-top: 1px solid #4d4d4d;
	color: #4d4d4d;
}



/* End Structure */


/*	Begin Headers */
	
#header h1{
	position:absolute;
	top: -200px;
}

#header a.logo{
	display: block;
	float:left;
	height:112px;
	width: 258px;
	position:relative;
	margin-left: -67px;
	color: black;
	background: transparent url(/wp-content/themes/dac/img/logo.gif) left 40px no-repeat;
}
	
#header .links{
	float:right;
	width: 172px;
	text-align: right;
}


#header .links .lang{
}

#header .links a.b2b{
	display: block;
	float:right;
	clear: right;
	margin-top: 35px;
	width:150px;
	height: 31px;
	background:black url(/wp-content/themes/dac/img/b2b.gif) left top no-repeat;
}
#header .links a.b2b:hover{
	background:black url(/wp-content/themes/dac/img/b2b.gif) left -31px no-repeat;
}


#header .lang a{
	display: block;
	float: right;
	padding: 6px 2px 3px 2px;
	color:#4d4d4d;
}

#header .lang a:hover,
#header .lang a.active-1{
	color:#E95D0E;
	text-decoration: none;
	border-bottom:2px solid #E95D0E;
}

#header .lang .sep{
	float: right;
	padding: 6px 4px;
}	


/* End Headers */


/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul, .entrytext ul, .pagepost ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	} 

html>body .entry li, .entrytext li, .pagepost li {
	margin: 5px 0 5px 10px;
	}

.entry ul li:before, .entrytext ul li:before, #sidebar ul ul li:before, .pagepost ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
	
#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}

/* End Entry Lists */


/* Begin Form Elements */

#searchform {
margin-bottom:20px
}

#sidebar #searchform #s {
	width: 126px;
	height: 18px;
	padding: 4px;
	color: #4d4d4d;	
        background-color: #1a1a1a;
        border: none;		
        margin: 0 !important;
        display: block;
        float: left;
        
}


#sidebar #searchsubmit {
	padding: 4px;
	color: #4d4d4d;	
    background: #1a1a1a url(/wp-content/themes/dac/img/searchbtn.gif) 2px 2px no-repeat;
    border: none;	
    width: 26px;
    height: 26px;
    display:block;
    float: right;
    margin: 0 !important;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
        color: #4d4d4d;	
        background-color: #1a1a1a;
        border: none;	
	}

#commentform textarea {
	width: 100%;
	padding: 3px;
        color: #4d4d4d;	
        background-color: #1a1a1a;
        border: none;	
	}

#commentform #submit {
	margin: 0;
	float: right;
        border: 1px ridge #ccc;
	}


/* End Form Elements */


/* Begin Comments*/

.alt {
	margin: 0px;
	padding: 0px;
	}

.commentlist ol {
	padding: 0px;
	text-align: left;
	}

.commentlist li {
	margin-left: -40px;
	padding: 10px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px;
	}

#commentform p {
	margin: 5px;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}

/* End Comments */



/* Begin Calendar */

/*	
#wp-calendar #prev a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
*/
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #000; 
	}

/* End Calendar */


/* Begin Various Tags & Classes */

acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 1px solid #333;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}
hr {
	display: none;
	}
 
.center {
	text-align: center;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}

.aligncenter, div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignleft {
        text-align: left;
        float: left;
}

.alignright {
        text-align: right;
        float: right;
}
	
.entry img, .entrytext img {
	margin: 7px;
	}
	
.gravatar img {
	float:right;
	margin-top:-15px;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

/* End Various Tags & Classes*/


/* MAINMENU */

ul.mainmenu{
margin: 75px 0 0 0;
padding: 0;	
list-style: none;
float:right;
}


ul.mainmenu li{
	float: left;
}

ul.mainmenu li a{
	float: left;
	font-size: 18px;
	display: block;
	color:#4d4d4d;
	text-transform:uppercase;
	padding: 1px 5px 20px 5px;
}

h1.pagetitle{
	font-size: 21px;
	color: #E95D0E;
	border-bottom: 2px solid #E95D0E;
	margin:0;
	padding: 4px 0;
}

ul.mainmenu li a:hover,
ul.mainmenu li.current_page_item a,
ul.mainmenu li.current-cat a{
	color: #E95D0E;
	text-decoration: none;
}


ul.mainmenu li.current_page_item ul a,
ul.mainmenu li.current-cat ul a{
	color: #000;
	text-decoration: none;
}


ul.mainmenu ul{
	position:absolute;
	z-index: 300;
	margin:39px 0 0 0;
	list-style: none;
	overflow:hidden;
	height: 0;
	/*display: none;*/
}

*+html ul.mainmenu ul{
	margin-left: -100px;
}

*html ul.mainmenu ul{
	margin-left: -100px;
}

/*
ul.mainmenu li:hover ul{
	display: block;
}
*/
ul.mainmenu ul li{
	float:none;
}

*html ul.mainmenu ul li{
	height: 22px;
}


ul.mainmenu ul li a{
	float:none;
	background: #E95D0E;
	color:black;
	padding: 5px 5px 4px;
	border-bottom: 1px solid black;
	font-size: 15px;
}

*html ul.mainmenu ul li a{
	height: 22px;
}

ul.mainmenu ul li a:hover{
	float:none;
	background:black;
	color:#E95D0E;
	padding: 5px 5px 4px;
}


ul.mainmenu li.current_page_parent a,
ul.mainmenu li.current-cat-parent a{
	color:#E95D0E;
}

ul.mainmenu li.current_page_parent ul a,
ul.mainmenu li.current-cat-parent ul a{
	background: #E95D0E;
	color:black;
}

ul.mainmenu li.current_page_parent ul li.current_page_item a,
ul.mainmenu li.current_page_parent ul li a:hover,
ul.mainmenu li.current-cat-parent ul li.current-cat a,
ul.mainmenu li.current-cat-parent ul li a:hover,
ul.mainmenu ul.children li.current-cat-parent a{
	background:black !important;
	color:#E95D0E !important;;
}


/* GALLERY */

#gallery{
position: relative;
height: 510px;
}

#gallery #mask{
	width: 792px;
	height: 420px;
	background: #111111;
	overflow:hidden;
	position: relative;
}

#gallery #imgwrapper{
	position: absolute;
}

#gallery .buttons{
	width: 792px;
	height: 49px;
	background: #1a1a1a;
	overflow:hidden;
	border-bottom: 1px solid #4d4d4d;
}

#gallery .buttons #prev{
	width: 34px;
	height: 21px;
	float: left;
	margin:14px 0 0 159px;
	display: block;
	background: url(/wp-content/themes/dac/img/prevnext.gif) 0 0 no-repeat;
}

#gallery .buttons #next{
	width: 34px;
	height: 21px;
	float: left;
	margin:14px 0 0 0;
	display: block;
	background: url(/wp-content/themes/dac/img/prevnext.gif) -34px 0 no-repeat;
}
#gallery .buttons #next:hover{
	background: url(/wp-content/themes/dac/img/prevnext.gif) -34px -21px no-repeat;
}
#gallery .buttons #prev:hover{
	background: url(/wp-content/themes/dac/img/prevnext.gif) 0 -21px no-repeat;
}

#gallery .buttons #numbers{
	width: 404px;
	height: 30px;
	padding: 12px 0 0 0;
	border: blue;
	float: left;
	text-align: center;
}

#gallery .buttons a.number{
	display: block;
	float: left;
	padding: 2px 0;
	margin:0 3px; 
	color: #4d4d4d;
	width:14px;
	text-align: center;
}

#gallery .buttons .active{
	border-bottom: 2px solid #E95D0E;
	color:#E95D0E;
}

#gallery .gallery_item{
	float:left;
	width: 792px;
	height: 420px;
	text-align: center;
	overflow: hidden;
}

#gallery .gallery_item a{
	
}

#gallery .gallery_item img{
	/*display: none;*/
}

#gallery .gallery_item .legend{
	position:absolute;
	bottom:0;
	width:792px;
	text-align: left;
	overflow:hidden;
	padding:10px 0;
	color:white;
	
}

#gallery .gallery_item .legend p.title{
	text-transform:uppercase;
	margin:0 0 6px 0;	
	padding:10px 10px 0 10px;
	font-size: 1em;
	position: relative;
	color:white;
	z-index:2;
}

#gallery .gallery_item .legend p.caption{
	margin:0;
	padding: 0 10px;
	position: relative;
	z-index:3;
}

#gallery .gallery_item .legend .bg{
	background: black;
	position: absolute;
	width: 792px;
	height:400px;
	z-index:1;
}


/* BRANDS DRAWERS */

.brands{
	margin: 0 0 40px 0;
}

.brands h3{
	margin: 0;
	padding:0;
}

.brands h3 a{
	font-size: 0.72em;
	display:block;
	padding: 8px 0 5px 20px;
	font-weight:normal;
	color: #E95D0E;
	background: url(/wp-content/themes/dac/img/arrow.gif) 5px 9px no-repeat;
	cursor:pointer;
}

.brands h3 a.open{
	background: url(/wp-content/themes/dac/img/arrow.gif) 5px -11px no-repeat;
}



.division-brands{
	background: #111;
	border-bottom: 1px solid #4d4d4d;
}
.division-brand{
	width: 157px; /* 112 131  157 197px... */
	height: 62px;
	margin-right:1px;
	display: block;
	float: left;
	text-align: center;
}
.brand-mouseenter{
	background: #555;
}
.brand-mouseleave{
	background: #111;
}
.division-brand img{
	width: 112px;
	height: 62px;
}

.pagetitle{
	font-size
}


/* details */

.branddetail{
padding-bottom: 30px;
border-bottom: 1px dashed #4d4d4d;
margin-bottom: 30px;
}

.branddetail .left{
	width: 224px;
	height: 114px;
	float:left;
	text-align: center;
	padding-top: 15px;
}
.branddetail .right{
	width: 545px;
	float:right;
}

.branddetail .left img{
	width: 224px;
}

.branddetail h3{
	font-style: normal;
	text-transform: uppercase;
	font-size: 1.2em;
}

.branddetail .contact-person-drawer{
	float:right;
	width:200px;
}
.branddetail a.drawer_link{
	display:block;
	background:#1b1818 url(/wp-content/themes/dac/img/arrows2.gif) 184px 6px no-repeat;
	color:#E95D0E;
	text-decoration: none;
	padding: 0 6px;
}

.branddetail a.open{
	display:block;
	background:#1b1818 url(/wp-content/themes/dac/img/arrows2.gif) 182px -26px no-repeat;
	color:#E95D0E;
}
.branddetail a:hover{
	color: #707070;
}

.branddetail .drawer{
	
}

.branddetail .contact-person-drawer p{
	margin: 0;
	padding: 0 0 2px 0;
}


.teamriders ul{
	list-style: none;
	margin: 0;
	padding:30px 0;
}
.teamriders ul li{
	display:block;
	float:left;
	width: 33%;
}

.teamriders ul li a{
	display:block;
	float:left;
}


.teamriders ul li a:hover{
	text-decoration: underline;
	width:100%;
}




/* riders and pages (about us)*/

.riderdetail {
	padding-bottom: 20px;
	margin: 0 0 20px;
	border-bottom: 1px dashed #4d4d4d;
	}

.riderdetail .left,
.page .left{
	width: 224px;
	float:left;
	padding-top: 12px;
}
.riderdetail .right,
.page .right{
	width: 545px;
	float:right;
	padding-top: 20px;
}

.riderdetail .left img{
	width: 224px;
	height: 114px;
}
.riderdetail h3,
.page h2{
	font-style: normal;
	text-transform: uppercase;
	font-size: 1.2em;
}
.riderdetail .left .info{
	margin: 0;
	padding:0 0 2px 0;
	font-size: 0.9em;
}
.riderdetails .brand{
	
}



/* links page */

.links{
}

.links ul{
	margin: 30px 0 0 0;
	padding: 0;
	list-style: none;
}
.links ul li{
	padding: 0;
	width: 25%;
	float:left;
}

.links ul li a.url{
	float: left;
	display: block;
	width:262px;
}





/* footer */

#footer{
	font-size: 0.9em;
}

#footer .left{
	float:leftt;
	width: 48%;
}


#footer .right{
	float:right;
	width: 48%;
	text-align: right;
}

#footer a{
	color: #4D4D4D;
}

#footer a:hover{
	color:#E95D0E;
}



/* contact-person */

.contact-person{
	padding: 15px 0;
}

.left .contact-person{
	padding: 15px 0;
}

.right .contact-person{
	padding: 20px 0;
	border-bottom: 1px dashed #4d4d4d;
}

.right .contact-person .left{
	width: 370px;
	float:left;
	padding: 0;
}

.right .contact-person .right{
	width: 150px;
	float:right;
	padding: 0;
}

.right .contact-person .right img{
	width: 147px;
	background: #111;
	display: block;
}

.contact-person p{
	padding: 0;
	margin: 3px 0;
}

.contact-person .contact-brands{
	font-weight:0.9em;
	color: #4D4D4D;
}


.contact-person .contact-brands a{
	color: #4D4D4D;
}

.contact-person .contact-brands a:hover{
	color:#E95D0E;
}


.branddetail .contact-person {
	padding: 12px 0 0 0;
	margin-bottom: -20px;
	border-bottom: none;
}

.branddetail .contact-person .left{
	float:none;
	width:100%;
	text-align: left;
}

.branddetail .contact-person .right{
display:none;
}


/* forms */

input,
input.text, 
input.title, 
textarea, 
select {
	padding: 3px;
	margin: 1px 5px 1px 0;
    color: #4d4d4d;	
    background-color: #1a1a1a;
    border: none;
    font-family:Georgia,Times,Serif;
font-style:italic;	
font-size: 1em;    
}	

select {
	padding: 1px;  
}


input:focus {
	color: white;	
}


/* store locator */

.allstores{
	display: block;
	position:absolute;
	width: 80px;
	padding: 2px 0;
	margin: 15px 0 0 710px;
	text-align: right;
}

#sl_div {
	padding:15px 0 20px 0;
}

#addressSubmit{
	background: none;
	outline: none;
	padding: 0;
	margin:0;
	position:relative;
	margin: 0 0 0 -192px;
}

.stores td, 
.stores th{
	padding:3px 0;
	margin:0;
}
.sl_header td{
	width: 120px;
}

#map_sidebar div{
	background: none !important;
	color: #4d4d4d !important;	
	border-bottom: 1px dashed #4d4d4d !important;
}

#map_sidebar div:hover{
	background: #1A1A1A !important;
}


#map_sidebar div b{
	color:#E95D0E;
	font-weight: normal;
}

.searchResultsTable{
	margin-bottom: 2px;
}
.sl_header {
	margin-bottom: 15px;
}

/*
#sl_div a {

}
#sl_div img {
	background-color:transparent;
	background-image:none;
}
#sl_div table, #sl_div tr, #sl_div td {
	border:none;
}
#sl_div #map { color:black; font-weight:normal;}
#sl_info_bubble { 
	padding:10px; 
	max-width:300px; 
	font-size:11px; 
	font-family:Arial;
	text-align:justify;
	line-height:normal;
	}
#addressInput {
	border:solid 1px silver;
	padding-left:3px; padding-top:3px;
	background:white url(images/search-input.gif) repeat-x;
	width:100%; height:18px;
}

#addressInput, #addressSubmit, #radiusSelect { font-size:14px;}


.text_below_map {
	font-family:Arial;
	padding:20px;
	font-size:18px;
	text-align:justified;
}
#map_sidebar { 
	background-color:transparent;
	font-weight:normal;
	text-align:justify;
	overflow: auto;
	font-size: 11px;
}

*/





