/*
Theme Name: ESIMPORTS
Theme URI: http://www.esimports.co.nz
Description: Designed and crafted especially European Sport Imports NZ
Version: 1.0
Author: Swoon - Nick Hughes
Author URI: http://www.swoon.net.nz/
*/

@import url("reset.css");
/* end import */

* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */


body {
background-color: #FFF;
font: 12px Arial, Helvetica, sans-serif;
color:#000;
}

p {color:#000; margin-bottom:10px; line-height:1.5em;}
a {text-decoration:none; color:#e90d14;}

h1, h2, h3, h4, h5 {margin: 10px 0 10px 0;}

h1 a, h2 a, h3 a, h4 a {color:#211E1F;}
h5 a {color:#e90d14;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {color:#e90d14;}

h1 {font-size:32px;}
h2 {font-size:24px;}
h3 {font-size:18px;}
h4 {font-size:16px;}
h5 {font-size:14px;}

.red {color:#e90d14;}


/* Main Container 
--------------------------------- */
#container {width:960px; margin:0 auto;border-top: 10px solid #211E1F;}

/* Header
--------------------------------- */
#header {}

/* Logo positioning 
--------------------------------- */
#branding {width:300px;float:left;}

/* Navigation 
--------------------------------- */
#mainnav {z-index:2; float:right;}
#mainnav ul {list-style: none outside none;margin-top: 20px; padding-left: 0; font: italic 22px "Times New Roman",Times,serif;}
#mainnav li {background: url("images/nav-bullet.gif") no-repeat scroll 3px 7px transparent;
    float: left; padding: 0 0 0 15px; position: relative;}
#mainnav ul li:before {
/*content: "\00A4 \0020 \0020";*/
}
#mainnav ul li:hover {}

#mainnav ul li ul {display:none;}

#mainnav a, #mainnav a:visited {
text-decoration: none;
margin: 0 0 0 2px;
color:#333;
}
#mainnav a:hover {
text-decoration: none;
color: #e90d14;
}

#mainnav ul li.current_page_item {
    background: url("images/nav-bullet.gif") no-repeat scroll 3px 7px transparent;
}
#mainnav ul li.current_page_item a {color:#e90d14;}

p.italic {font-style:italic; text-align: left;}

strong, b {
font-weight: bold;
}

/* Banner
--------------------------------- */
.home-banner { position:relative; width: 100%; /* for IE 6 */}
#home-banner {margin:0 0 20px 0;position: relative;}
.banner { height:300px; background:#000}
.promo-link-panel{position: absolute; width:450px; background:#FFF; z-index:100; padding:10px 20px; left:470px;top: 135px;}

/* Content
--------------------------------- */
#content {width:670px; margin:0 20px 20px 0; float:left; border-top: 1px solid #211E1F; padding: 10px 0 0 0;/*background: url("images/arrow.gif") no-repeat scroll right 20px transparent;*/}
#content h1 {border-bottom: 1px solid #211E1F;font: italic 36px "Times New Roman",Times,serif;padding: 0 0 10px 0;margin:0 0 10px 0;line-height: 0.8em;}
#home-content {width:450px; margin:0 20px 0 0; float:left; border-top: 1px solid #211E1F; padding: 10px 0 0 0;/*background: url("images/arrow.gif") no-repeat scroll right 20px transparent;*/}

.brand-content {width:325px; margin:0 20px 40px 0; float:left; border-top: 1px solid #211E1F; padding: 10px 0 0 0;}
.brand-content h4{font-weight: 900;}


.brand-content h2 {font: italic 24px "Times New Roman",Times,serif;padding: 0 0 10px 0;margin:0;line-height: 0.8em;}
.brand-content h1 {font: 30px;padding: 0 0 10px 0;margin:0 0 10px 0;line-height: 1em;text-transform: uppercase;}


.brand-content .back-button{margin:40px 0 40px 0;padding:0.1em 0 0.1em 25px;height:20px;background: url("images/back-icon.gif") no-repeat top left transparent;}

.brand-content h4.header-banner {background: #e90d14;color:#ffffff;width:75%;padding:0.1em 0.2em;}
.brand-content p {text-align: justify;}
.brand-content p.italic {font-style:italic; text-align: left;}

#logo-image {text-align: center;}
#logo-image img {margin:20px 0;}

#supporting-image .screens {border-top: 1px solid #211E1F;padding:20px 0 0 0;margin:20px 0 0 0;}

.coltop {min-height:140px;padding:20px 0;border-bottom: 1px solid #211E1F;margin:0 0 20px 0;}

p img.right {margin: 2px 0 10px 25px ;}
p img.left {margin: 2px 25px 10px 0 ;}

/* Homepage posts
--------------------------------- */
#posts {
width: 200px;
float: left;
border-top: 1px solid #211E1F;
margin:0 20px 0 0;
padding: 10px 0 0 0;
}

/* Brand list
--------------------------------- */
.brand.box  {
	width: 145px;
	height: 100px;
	float: left;
	margin:0 20px 0 0;
	padding: 10px 0 0 0;
	}

.brand.box a img {margin:0 auto;}	
.type-brand h4 {font-size: 15px;}


/* Sidebar
--------------------------------- */
#sidebar {
width: 270px;
float: left;
border-top: 1px solid #211E1F;
padding: 10px 0 0 0;
margin:0 0 20px 0;
}

#sidebar h3 {
color: #b7b6b6;
font-weight: BOLD;
font-size: 12px;
margin: 10px 0 5px 0;
}
#sidebar h3.first {
margin-top: 0;
}

#sidebar h4.sidebar-body {color:white;}

#sidebar ul {
margin: 0 ;
padding: 0;
}
#sidebar li {
margin: 0 0 20px 0;
padding: 0;
list-style-type: none;

}
#sidebar input {
background-color: #ededed;
border: 1px solid #ccc;
padding: 4px;
margin-left: 10px;
}

#sidebar li.rpwe-clearfix {border-bottom:1px solid #000000;padding-bottom: 20px;}

#sidebar .subject {font-weight:bold;}

#sidebar .widgettitle {font-size: 24px;color: #FFFFFF;text-transform: uppercase;font-weight: 300;}
#sidebar time {font-style: italic;}

.rpwe-thumb {border:none!important;}
.rpwe-summary {margin:10px 0  ;}

.article-redbox { background-color:#aeaeae;}
.article-image {margin:0 0 10px 0; padding:0; /*background-color:#e90d14;*/ z-index:100;}
.article-image img { z-index:-100;}
.article-details {margin:0; padding:10px; border-top: 1px solid #211E1F;background: url("images/bubble.gif") no-repeat scroll 330px 10px transparent;}
.article-details p {width:205px; float:left;margin:0 20px 20px 0  ;}
.article-details .tags {width:100px;float:left;  margin:40px 0 0 0}

.tags a {color:white; font-weight:bold;}

.featured {background-color: #aeaeae; padding:20px; }

.col-one {width:325px;float:left;}
.col-full {width:670px;float:left;}

.margin20r {margin:0 20px 0 0;}

.border-top {border-top: 1px solid #211E1F;padding:20px 0;}

/* WordPress styles */
.alignright {
float: right;
}
.alignleft {
float: left;
}
.aligncenter {
display: block;
margin: 0 auto;
}

.wp-caption {
padding-top: 5px;
border: 4px solid #e2e2e2;
text-align: center;
background-color: #fff;
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;
}
/* posts */
.post {
border-bottom: 1px solid #000000;
padding: 0 0 15px 0;
}
.post h2 {
color: #000000;
font-weight: normal;
margin: 20px 0;
}
.post h2 a {
color: #000000;
}
.post .categories, .post .tags, .post .post-date {
color: #bababa;
font-size: 12px;
}
.post .tags { width: 480px; }
.post .post-date {
float: left;
margin-top: -18px;
}

.post .comments {
font-size: 12px;
float: right;
margin-top: -20px;
}
.post .comments a, .post .comments a:visited {
background: url('images/icon-comments.gif') no-repeat 0 3px;
padding: 1px 0 1px 18px;
}
.post img {
/*padding: 5px;
border: 4px solid #e2e2e2;
margin: 10px;*/
}
.post .categories {margin:20px 0 10px 0;}
/* Forms 
--------------------------------- */
input[type="submit"] {
    -moz-appearance: button;
    -moz-binding: none;
    -moz-box-sizing: border-box;
    -moz-user-select: none;
    background-color: #e90d14;
    border: none;
    color: #ffffff;
    cursor: default;
    font: -moz-button;
    line-height: normal;
    padding: 3px 6px;
    text-align: center;
    text-shadow: none;
    white-space: pre;
}

a.submit {
    background-color: #e90d14;
    border: none;
    color: #ffffff;
    cursor: pointer;
    line-height: normal;
    padding: 3px 6px;
    text-align: center;
}

/* Footer 
--------------------------------- */

#footer {border-top: 1px solid #211E1F;border-bottom: 10px solid #211E1F; min-height:50px; color:#505052; font-size:10px;}
#footer  .footer-panel {width:315px; margin:10px 10px 0 ; float:left;}
#footer  .footer-panel-end {width:220px; margin:10px 10px 0 ; float:left;}

/* Slider
--------------------------------- */
.slideshow { margin: 20px auto; padding: 0; clear: left;width: 960px; }
.slide { margin: 0; padding: 0 }
.slideshow, .slide { height: 80px; width: 960px; }
.slideshow img {margin: 0 18px }