/*
Theme Name: Nærum Cykler
Theme URI: http://marginmedia.dk/
Description: Nærum Cyklers tema.
Version: 1.0
Author: Bo Skakke
Author URI: http://Marginmedia.dk
Tags: 

*/


/* Reset styles ~~~ http://meyerweb.com/ */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td 
{margin: 0;	padding: 0;	border: 0;	outline: 0;	font-weight: inherit;	font-style: inherit;	font-size: 100%;	font-family: inherit;	vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;	color: black;	background: white; font-family : helvetica, arial, tahoma, sans-serif; }
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* BoS in da house ...  */ 

body {margin : 0; text-align : center; /*background : url(images/top.jpg) repeat-x top center;*/ }
stong {font-weight : bold;}

/* Generelle */
h1 {font-size : 200%}
h2 {font-size : 200%; font-weight : normal; margin : 0 0 20px 0;}
h3 {font-size : 150%; font-weight : normal;}
h4 {font-size : 100%}

a {color : #262d56}
.top a {color : #fff;}
p {font-size : 90%; line-height : 140%; color : #333;}
.top  p {color : #333; font-size : 80%}

.left {float : left;}
/*.main-main-wrapper {background : url(images/main-bagg.gif) top center no-repeat;}*/
.main-wrapper {text-align : left; margin : 20px auto; width : 960px; }
.hr {clear : both; height : 20px;}
.height-0 {height : 0px!important;}
.height-50 {height : 50px!important;}

.col-310 {width : 304px; float : left; overflow : hidden; margin : 0!important;}
.col-371 {width : 371px; float : left; overflow : hidden; border-left : 1px solid #ccc;}
.col-371 .cell {margin-left : 15px;}
.col-310 .cell {width : 291px; }
.jonas {width : 281px; float : left; text-align : center; }
.jonas a {color : #999; font-size : 10px; text-decoration : none; }
.kup {width : 267px; height : 114px; right : -240px; top :-40px; background : url(images/kup.gif) no-repeat; position : absolute;}

/* Top */
.top { height : 130px;  width : 960px; margin : 0 auto; text-align : left; padding-top : 25px;  }
.top-logo { }
.top-logo  a {display : block; background : url(images/logo_nc-cykler.gif) no-repeat;  width : 410px; height : 110px; }
.top-logo h1 span {display : none;}
.top-adresse {width :255px; margin-top : 30px;}

/* Karousel */

.karousel {}
.karousel li {float : left; width : 291px; height : 350px;}
.karousel span {display : block;}
.karousel li a {color : #fff;}
.image-place-holder {width : 286px; overflow : hidden; margin : 0 0px 10px 0px; }
.karousel h3 {margin : 5px 0px; color : #000;}
.karousel p {margin : 0 0px 5px 0px; color : #000; font-size : 80%}
.navi {text-align : center;}
.navi button  {margin : 15px 23px 13px 1px; font-size : 80%}

/* Nyhedsbrev */

.nyhedsbrev {background : url(images/nyhedsbrev_bagg.png) top center no-repeat; padding : 10px 15px; }
.nyhedsbrev p {color : #fff; margin : 0 0 5px 0; font-size : 13px;}
.nyhedsbrev form input { }
.tilbud {width : 152px; height : 67px; left : -160px; top :0px; background : url(images/tilbud.gif) no-repeat; position : absolute;}

a.knap {background: url(images/knap_venstre.gif) 0 0 scroll no-repeat; color:#fff; display:block; float:left; font:normal 12px margin-right:10px; padding-left:10px; text-decoration:none; text-transform:uppercase}
a.knap span {background: url(images/knap_hojre.gif) 100% 0 no-repeat; display: block; line-height: 18px; padding: 4px 10px 7px 0; font-size: 12px!important; }
a.knap:hover {background-position:0 -40px; color: #fff}
a.knap:hover span {background-position:100% -40px}
a.knap:active {background-position:0 -79px; color:#fff; outline:none}
a.knap:active span {background-position:100% -79px; padding-top:6px; padding-bottom:5px}

.form-email {float : left; border: 1px solid #fff; ; background : #fff url(images/form_bagg.gif) repeat-x;  width : 172px; margin-right : 5px; padding : 3px; font-size : 90%}
.form-inputs {clear : both; font-size : 10px; color : #fff; height : 12px; margin : 0; padding : 0;}
.form-inputs p {margin : 0; padding : 0;}

/* Priser */

.col-371 h4 { padding : 5px 5px 5px 5px;  font-size : 80%; font-weight : bold; border-top : 0px solid #ccc; background :#262d56; color : #fff; }
.col-371 img {float : left; margin : 1px 0 10px 0; }
.col-371 p {margin : 0px 0 5px 0px; font-size : 70%; }
.single strong, .col-371 strong {color : #000; font-weight : bold; padding : 3px; background : yellow; clear : both; float : right;  font-size : 15px; font-family : "arial narrow", tahoma, arial, helvetica, sans-serif;}
.single strong {color : #000; font-weight : bold; padding : 3px; background : yellow; clear : both; float : none;  font-size : 18px; font-family : "arial narrow", tahoma, arial, helvetica, sans-serif;}
a.post-edit-link {font-size : 60%;}

.post {margin-bottom : 5px;  width : 170px; float : left; min-height : 150px; margin-right : 8px; overflow : hidden;  padding-top : 0px;}
ul.tilbud li.even {clear : both;}

hr {color : #ccc; height : 1px;}

.single {margin : 0 auto; text-align : center;}
.single .post {margin : 0 auto; display : block!important; width : 400px; float : none!important; margin-top : 40px;}

.footer {width : 940px; margin : 0 auto; border-top : #ccc 1px solid;  }
.footer p {font-family : arial, helvetica, sans serif; padding : 10px 0;}