/*

Theme Name: Copenhagen Parts

Theme URI: http://www.copenhagenparts.com

Description: Copenhagen Parts theme

Version: 1.0

Author: Mikael Stær

Author URI: http://www.mikaelstaer.com/

Tags:

	CphParts 1.0

*/



/*

 * Defaults

 */



html, body {

	padding: 0;

	margin: 0;

}



html {

	font-size: 62.5%;

}



body {

	line-height: 1.55em;

	font-size: 1.2em;

	font-family: Helvetica, Arial, Verdana, sans-serif;

	background-color: #FFF;

}



img {

padding: 0;

margin: 0;

	border: 0;



}



a {

	text-decoration: none;

	color: #000;

}



a:hover {

color: #FF0000;

}



p a, .credits a {

padding-bottom: 2px;

border-bottom: 1px solid #CCC;

}



p a:hover, .credits a:hover {

border-bottom: 1px solid #FF0000;

color: #000;

}



h1 {

	margin: 0 0 20px 0;

	font-size: 1.5em;

color: #000;

line-height: 1.3em;

}



ul {

padding: 0;

margin: 0 0 10px 15px;

list-style-position: outside;

}



#products h1 {

color: #FF0000;

}



#blog-preview h1 {

	color: #FF0000;

}



h2 {

	margin: 0 0 5px 0;

	font-size: 1em;

	color: #000;

}



h2 a {

color: #FF0000;

}



p {

	margin: 0 0 15px 0;

}



/*

 * Utilities

 */



.col {

float: left;

margin-right: 20px;

}



.col.main {

width: 484px;

}



.col.secondary {

width: 316px;

}



.col.tertiary {

width: 400px;

}



.col.nomargin {

margin-right: 0;

}



.col.last{

width: 148px;

margin-right: 0;

}



.topdent {

	margin-top: 37px;

}



/*

 * Page parts

 */

		

#content {

	position: relative;

	margin: 0 auto 0 auto;

	width: 990px;

}



#header {
position: relative;
	margin-bottom: 20px;

}

#expo {
position: absolute;
top: 20px;
left: 595px;
z-index: 99;
}

#dealers {

	margin: 20px 0 0 0;

}



#blog-posts {

	margin-right: 104px;

	width: 736px;

}



#blog-post {

	width: 820px;

}



/*

 * Misc

 */



.active {

	color: #FF0000;

}



.product-preview a h2, #products-preview a h2 {

	color: #000;

}



.blog-post-preview {

	margin-bottom: 20px;

	width: 149px;

}



.blog-post-medium {

	margin-bottom: 20px;

	width: 232px;

}



.thePost {

	margin-top: 17px;

}



.post-comments {

	margin-top: 0px;

}



.commentlist {

	float: left;

	padding: 0;

	margin: 20px 0 0 0;

	list-style: none;

}



.comment {

	padding-bottom: 10px;

	margin: 0 0 20px 0;

	width: 400px;

	border-bottom: 1px solid #DDD;

}



.comment cite {

	font-style: normal;

	font-weight: bold;

}



#respond {

	margin-top: 0px;

}



textarea#comment {

	width: 400px;

}



.dealer {

display: none;

}





#source {

display: none;

}

.desc { color:#000000;}

        .desc a {color:#000000;}

        

        .dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; }

        .dropdown dd { position:relative; top: -1px; }

        .dropdown a, .dropdown a:visited { color:#000000; text-decoration:none; outline:none;}

        .dropdown a:hover { color:#000000; }

        .dropdown dt a:hover { color:#000000; border: 1px solid #CCCCCC;}

        .dropdown dt a {background:#FFFFFF url("http://www.copenhagenparts.com/beta/wp-content/uploads/2010/02/arrow.jpg") no-repeat scroll 96% center; display:block; padding-right:20px;

                        border:1px solid #CCCCCC ; width:200px; padding:5px;}

        .dropdown dt a span {cursor:pointer; display:block;}

        .dropdown dd ul { background:#FFFFFF none repeat scroll 0 0; border:1px solid #CCCCCC; color:#000000; display:none;

                          left:0px; padding:5px 0px; position:absolute; top:0px; width:210px; height: 200px; overflow: auto; list-style:none;}

        .dropdown span.value { display:none;}

        .dropdown dd ul li a { padding:5px; display:block;}

        .dropdown dd ul li a:hover { background-color:#EEEEEE;}

        

        .dropdown img.flag { border:none; vertical-align:middle; margin-left:10px; }

        .flagvisibility { display:none;}

.dropdown .optgroup {
	padding: 5px;
	display: block;
	font-weight: bold;
}

.highlight {

position: relative;

display: block;

}



.highlight .overlay {

position: absolute;

display: none;

width: 100%;

height: 100%;

background-color: #FF0000;

z-index: 99;

opacity: 0.85;

-moz-opacity: 85;

filter:alpha(opacity=85);



}



.highlight:hover .overlay {

display: block;

}



.credits {

float: left;

clear: both;

margin: 20px 0 20px 0;

font-size: 0.9em;

}



.seeMore {

position: absolute;

top: 200px;

width: 100%;

text-align: center;

font-size: 1.8em;

font-weight: bold;

color: #FFF;

}