/* 
Theme Name: Web skate shop Chill.hr 
Theme URL: http://www.chill.hr
Description: Theme fot web skateshop Chill.hr 
Author: Bobz
Author URI: http://www.bobz.com.hr
Version: 2.0
*/
body,html,li,ul,ol{margin:0; padding:0; list-style:none; }
body{background:url(images/back_pattern.jpg); height:100%; }
#wrapper{background:#fff; width:950px; margin:0 auto; height:100%; }
/************************************************
*Hyperlinks*
************************************************/
a img{border:none; }
a:focus,a:hover,a:active{outline:none; }
dfn{font-style:normal; }
/************************************************
*Header  *
************************************************/
#header{width:950px; margin:0 auto; background:url(images/header.jpg) no-repeat; height:190px; }
#logo{position:relative; width:231px; height:101px; top:39px; left:10px; }

/* Main navigation */
#main_nav{background:#9cf; width:100%; height:40px; position:relative; top:49px; margin:0; padding:0; }

ul#topnav {margin:0; padding:0; }
ul#topnav li {float:left; list-style:none; margin:0 1px; padding:3px 10px; display:block; font:bold 13px/34px Arial,Helvetica,sans-serif;}
ul#topnav li.menu-item a {text-decoration:none; color:#fff}
ul#topnav li.menu-item:hover, ul#topnav li.menu-item a:hover {text-decoration:underline}
ul#topnav li.current-menu-item, ul#topnav li.current-menu-item a {background:#fff; color:#3cadc9;}



/* Shop categories navigation */
#shopmenu{float:left; width:185px; padding:5px 10px 10px 10px; margin:0;}
#shopmenu h2.widgettitle{font:bold 13px/24px Arial,Helvetica,sans-serif; color:#333; text-transform:uppercase; margin:0 0 5px; padding:0; border: none}

/* level 1 categories */
ul#sidenav, ul#sidenav li {margin:0; padding:0;}
ul#sidenav li.menu-item a {font:bold 12px/26px Arial,Helvetica,sans-serif; color:#666; text-decoration:none; text-transform:uppercase; padding: 0; border-bottom: 1px solid #eee; display:block; width:100%;}
ul#sidenav li.menu-item a:hover{color:#9cf; }

/* level 2 categories */
ul#sidenav ul.sub-menu {width:100%;}
ul#sidenav ul.sub-menu li.menu-item {width:100%; }
ul#sidenav ul.sub-menu li.menu-item a {text-decoration:none; font:12px/26px Arial,Helvetica,sans-serif; color:#666; text-decoration:none; text-transform:none; margin-left: 15px; width:170px}
ul#sidenav ul.sub-menu li.menu-item a:hover {color:#9cf; text-decoration:underline;}

/* Expand - collapse */
#sidenav .expanded {background: url('images/collapse.gif') no-repeat 0 6px; display:block; cursor: default; border: none}
#sidenav .collapsed {background:url('images/expand.gif') no-repeat 0 6px; display:block; cursor: default}
#sidenav .padding {text-indent:15px}

/* Content */
#content{width:950px; margin:0 auto; padding:0; }
#pagecontent{width:730px; margin:0; padding:0 0 0 10px; float:left; border-left:1px solid #eee; }

#breadcrumbs{width:950px; margin:0 auto; padding:0; height:24px; }
#breadcrumbs p{font:10px/28px Arial,Helvetica,sans-serif; color:#999; padding:0 0 0 10px; margin:0; }
#breadcrumbs a{color:#999; text-decoration:none; }
#breadcrumbs a:hover{color:#9cf; text-decoration:underline}

#shophead {width:715px}
#shophead h1{padding:0; margin:0; font:bold 13px/38px Arial,Helvetica,sans-serif; color:#666; text-transform:uppercase; float:left; }
h1.error {font: bold 14px/28px Arial,Helvetica,sans-serif; color:#333;}

/* Article styling */
.article{width:230px; height:345px; border:1px solid #f1f8fa; float:left; margin:15px 10px 15px 0}
.article:hover{border:1px solid #dce2e4; color:#000; }
.article_name{width:100%; height:48px; background:#f1f8fa; }
.article_name h2{margin:0; padding:7px; }
.article_name h2 a{font:bold 13px/17px Arial,Helvetica,sans-serif; color:#333; text-decoration:none; margin:0; padding:0; letter-spacing:.2px; }
.article_name h2 a:hover{color:#666; }
.h2-krizic{font:bold 19px/29px Trebuchet MS,sans-serif; color:#333; float:left; height:48px; width:20px; text-align:center; }
.sizeup{text-transform:uppercase; }
.article_image{width:100%; height:272px; margin:0; padding:0; border:0; }
.article_image img,.article_image p{margin:0; padding:0; border:0; }
.article_price{width:100%; height:25px; background:#f1f8fa; }
.article_price p{margin:0; padding-left:10px; font:13px/25px Arial,Helvetica,sans-serif; color:#333; text-decoration:none; letter-spacing:.2px; }

#sinlge-article{margin:10px 0 20px; }
#single-article-img{width:360px; float:left; margin:5px 0;}
#single-article-img img {border:1px solid #eee}
#single-article-img a:hover img {border:1px solid #666}
#single-article-img small {font:11px/12px Arial,Helvetica,sans-serif; color:#666; letter-spacing:.2px; margin:5px 0; padding:2px 0 5px; display:block}
.single-article-thumb {float: left; margin: 5px 5px 0 0}
#single-article-content{width:340px; float:left; padding:0 10px; }
#single-article-content h1{font:bold 16px/24px Arial,Helvetica,sans-serif; color:#666; letter-spacing:.2px; margin:0; padding:0; border-bottom:1px solid #eee; }
#single-article-content p{font:12px/20px Arial,Helvetica,sans-serif; color:#666; }
#single-article-content p a {color: #9cf}
#single-article-content p a:hover {text-decoration: none}

div.prev-article{margin:10px 0; font:13px/25px Arial,Helvetica,sans-serif; text-align:center; }
div.prev-article a{float:left; width:120px; color:#fff; text-decoration:none; background:#9cf; }
div.prev-article a:hover{background:#f5e987; color:#000; }
div.next-article{margin:10px 15px 0 0; font:13px/25px Arial,Helvetica,sans-serif; text-align:center; }
div.next-article a{float:right; width:120px; color:#fff; text-decoration:none; background:#9cf; }
div.next-article a:hover{background:#f5e987; color:#000; }
/*++++++++++++++
     News styling 
+++++++++++++++*/
#news{padding:5px 0; width:400px; float:left; margin-right:15px}
#newshead{width: 100%; border-bottom:5px solid #f5e987; margin:0 0 5px}
#newshead h1{font:bold 13px/18px Arial,Helvetica,sans-serif; color:#666; letter-spacing:.2px; text-transform:uppercase; border-bottom:1px solid #FFF; margin:0; padding:2px; text-align:center; width:100px; background:#f5e987; }
.news small{font:9px/10px Arial,Helvetica,sans-serif; color:#3cadc9; letter-spacing:.2px; margin:0; padding:2px 0 5px; display:block; }
.news h1{margin:0; padding:2px 0; }
.news h1 a{font:bold 15px/17px Arial,Helvetica,sans-serif; color:#666; letter-spacing:.2px; text-decoration:none; }
.news h1 a:hover{text-decoration:underline; }
.news p{font:12px/20px Arial,Helvetica,sans-serif; color:#999; letter-spacing:.2px; width:100%; margin:0; padding:0 0 5px; }
.news p a{font:12px/20px Arial,Helvetica,sans-serif; color:#3cadc9; }
.news p a:hover{text-decoration:none; }
.news .postthumb{border:none; float:left; margin:4px 6px 5px 0; }
.news {border-bottom:1px dotted #eee; display: block; margin: 0 0 10px 0}

.chill-fb {float:left}

/* Single page template styling */
.single h1{padding:0; margin:0; font:bold 16px/21px Arial,Helvetica,sans-serif; color:#666; letter-spacing:.3px; }
.single h2{padding:0; margin:0; font:bold 13px/21px Arial,Helvetica,sans-serif; color:#666; letter-spacing:.3px; }
.single p{font:12px/20px Arial,Helvetica,sans-serif; color:#666; }
.single p a{font:12px/20px Arial,Helvetica,sans-serif; color:#3cadc9; }
.single p a:hover{text-decoration:none; }
.single small{font:11px/15px Arial,Helvetica,sans-serif; color:#666; width:100%; display:block; border-bottom:1px solid #eee;}

.clear{clear:both; }
.edit-item a{font:13px/20px Arial,Helvetica,sans-serif; color:#fff; background:#9cf; padding:3px 5px; text-decoration:none; }
.edit-item a:hover{text-decoration:none; background:#f5e987; color:#000; }

/* Familija style */
#familija-main {width: 505px; float: left; padding: 0 10px 0 0}
#familija-sidebar {width: 195px; float: left; border-left: 1px solid #eee; padding: 0 0 0 10px;}

#familija_clan{font:12px/20px Arial,Helvetica,sans-serif; color:#666; background:#eee; width:498px; }
#familija_clan ul{float:left; margin:0; padding:0; }
#familija_clan ul li{float:left; margin:0; }
.clan_video {text-align: center}
.clan_slika{float:left; width:200px; }
.clan_slika img{border:1px solid #666; }
.clan_info{float:left; width:296px; }
.upit_1{width:80px; text-align:right; font-weight:700; }
.upit_2{width:210px; padding-left:5px; }
.upit_2 p {margin: 0}
.extra {font:12px/20px Arial,Helvetica,sans-serif; color:#666; margin-top: 10px}

#familija-sidebar h2 {font:bold 14px/20px Arial,Helvetica,sans-serif; color:#666; border-bottom:1px solid #eee; margin: 0; letter-spacing:0.3px; padding:0 5px; }
#familija-sidebar h3 {font:12px/16px Arial,Helvetica,sans-serif; color:#666; border-bottom:1px solid #eee; letter-spacing:0.3px}
#familija-sidebar h3 a {color:#3cadc9; text-decoration: none}
#familija-sidebar h3 a:hover {text-decoration: underline}

#familija-sidebar ul ul li {font:12px/15px Arial,Helvetica,sans-serif; color:#666; list-style: inside square; margin: 5px 0 0 0}
#familija-sidebar ul ul li a {text-decoration: none; color:#3cadc9;}
#familija-sidebar ul ul li a:hover {text-decoration: underline}

#familija-main h2 {font:bold 14px/20px Arial,Helvetica,sans-serif; color:#666; margin: 5px 0; padding: 15px 0 0 0; width: 100%; border-bottom: 1px solid #eee}

/* Newsletter widget */
#newsletter{font:13px/20px Arial,Helvetica,sans-serif; color:#333; padding:5px 10px; background:#eee; margin:15px 0; }
#newsletter h2{margin:0; padding:0; font:14px/20px Arial,Helvetica,sans-serif; color:#666; }

/* Homepage slider */
#slider {height: 300px; margin:5px 0; width: 715px; overflow: hidden}
.nivo-caption {display: none; height: 1px}

/* Widgets */
.widgettitle{font:13px/20px Arial,Helvetica,sans-serif; color:#666; margin:15px 0 5px 0; border-bottom:1px solid #eee; }
.textwidget{font:13px/20px Arial,Helvetica,sans-serif; color:#666; margin:2px 5px 5px 10px; }
/************************************************
*Images           * 
************************************************/
img.centered{display:block; margin-left:auto; margin-right:auto; margin-bottom:10px; padding:0; }
img.alignnone{padding:0; margin:5px 0 10px; display:inline; }
img.alignright{padding:0; margin:5px 0 10px 10px; display:inline; }
img.alignleft{padding:0; margin:5px 10px 10px 0; display:inline; }
.aligncenter{display:block; margin-left:auto; margin-right:auto; margin-bottom:10px; }
.alignright{float:right; margin:0 0 10px 10px; }
.alignleft{float:left; margin:0 10px 10px 0; }
.wp-caption{border:1px solid #E6E6E6; text-align:center; background-color:#F7F7F7; padding:4px 0 5px; }
.wp-caption img{margin:0 0 5px; padding:0; border:0; }
.wp-caption p.wp-caption-text{margin:0; padding:0; font-size:11px; font-weight:400; line-height:12px; }
/************************************************
*Footer  *
************************************************/
#footer{width:100%; border-top:5px solid #f5e987; text-align:center; margin:10px 0}
#footer ul{list-style:none; padding-left:25%; text-align:center; }
#footer ul li{margin:0; float:left; padding:0 10px; }
#footer ul li a{font:13px/25px Arial,Helvetica,sans-serif; color:#999; text-decoration:none; letter-spacing:.2px; }
#footer ul li a:hover{text-decoration:underline; color:#9cf; }
#footer .foocredits{font:10px/15px Arial,Helvetica,sans-serif; color:#999; padding:0 0 10px; }
#footer .foocredits a{text-decoration:none; color:#999; }
#footer .foocredits a:hover{text-decoration:none; color:#9cf; }
/************************************************
*Search Form*
************************************************/
#searchform{margin:5px 10px; float:right; }
#searchform input,form{margin:0; padding:0; line-height:23px; }
#searchsubmit{font:13px/23px Arial,Helvetica,sans-serif; width:80px; height:23px; text-align:center; border:none; color:#000; background:#f5e987; padding:3px 0 0; }
#s{width:160px; height:21px; border:1px solid #333; }
#searchform .fild{float:left; margin:2px; }
#searchform .fild_unos{margin:0; }
/*++++++++++++++
      Basket &cart styling 
+++++++++++++++*/
#basket{width:230px; height:38px; background:#f5e987; float:right; text-align:center; font:12px/38px Arial,Helvetica,sans-serif; letter-spacing:.2px; margin:0 0 0 15px; }
#basket a{color:#333; text-decoration:underline; }
#basket a:hover{text-decoration:none; }
#single-article-content fieldset{border:none; font:13px/25px Arial,Helvetica,sans-serif; color:#333; text-decoration:none; letter-spacing:0.2px; }
#single-article-content .button{border:1px solid #666; width:150px; height:25px; color:#fff; background:#666; display:block; line-height:25px; margin-top:5px; }
#single-article-content dfn{font:normal 13px/25px Arial,Helvetica,sans-serif; color:#333; }
#single-article-content .sglprice{font-weight:700; }
.cart{font:13px/25px Arial,Helvetica,sans-serif; color:#333; width:100%; }
.cart tr{height:20px; }
.addtocart{border-top:1px solid #eee; }
.alt{background:#F4F4F4; }
.detalji{height:27px; }
#single-article-content fieldset .label-opis{line-height:18px; width:120px; }
.nb{border-bottom:1px solid #999; background:#9cf; color:#fff; }
/* Opis artikla header */
.bt{border-bottom:1px solid #999; background:#9cf; color:#fff; }
/* Kolicina header */
.btbr{border-bottom:1px solid #999; background:#9cf; color:#fff; }
/* Ukupno header */
.leftb{border-bottom:1px solid #eee; padding:0 0 0 10px; }
/* Naziv artikla */
.amts{border-bottom:1px solid #eee; text-align:right; padding:0 10px 0 0;}
.lb{ font-weight: bold}
/* Cijena */
.cqty{border-bottom:1px solid #eee; text-align:center; }
/* kolicina */
.cqty input{text-align:center; }
/* Sub total */
.totalamt{text-align:right; border-top:1px solid #999; padding:0 10px 0 0; background:#eee; font-weight:700; }
/* Cijena total */
ul.continue-proceed{margin:5px 0; padding:5px 0; width:725px; border-top: 1px dotted #D9D9D9}
ul.continue-proceed li{float:left; width:50%; }

.eshopform{font:normal 13px/25px Arial,Helvetica,sans-serif; color:#333; }
.eshopform fieldset{border:1px solid #eee; }
.eshopform label {display: block}
.eshopform .state {display: none}
.eshopform .altstate {display: none}
.eshopform .eshoppayvia {display: none}
.eshopform .company {display: none}
.eshopform  #eshopshowshipcost {display: none}

ul.confirm{font:13px/25px Arial,Helvetica,sans-serif; color:#333; border:1px solid #eee; padding:10px; margin:5px 0; }
.confirm .items{font-weight:700; }
.confirm li{border-bottom:1px dotted #eee; }
ul.confirm .company {display: none}
.total {display: none}
.eshopcheckoutconf h3 {font:bold 14px/20px Arial,Helvetica,sans-serif; color:#333; margin:10px 0 0; padding:0;}
.eshopcheckoutconf h4 {font:bold 12px/15px Arial,Helvetica,sans-serif; color:#333; margin:20px 0 0 0; padding:0;}
#scharge small {display: none}

.check{font:bold 14px/20px Arial,Helvetica,sans-serif; color:#333; margin:10px 0 0; padding:0; }
.fld3{font:13px/20px Arial,Helvetica,sans-serif; color:#333; }
.error{font:bold 14px/20px Arial,Helvetica,sans-serif; color:#C30; }
.errors{font:13px/20px Arial,Helvetica,sans-serif; color:#333; }

.button {width:120px; color:#fff; text-decoration:none; background:#9cf; text-align: center; margin: 2px 10px 0 0; border: 1px solid #345; line-height: 30px}
.button:hover {background:#f5e987; color:#000}

li.gotocheckout {font:13px/25px Arial,Helvetica,sans-serif; position: relative; left: 245px;}
li.gotocheckout a{width:120px; color:#fff; text-decoration:none; background:#9cf; display: block; text-align: center}
li.gotocheckout a:hover{background:#f5e987; color:#000;}

li.rtnshopping {font:13px/25px Arial,Helvetica,sans-serif;}
li.rtnshopping a{width:120px; color:#fff; text-decoration:none; background:#9cf; display: block; text-align: center}
li.rtnshopping a:hover{background:#f5e987; color:#000;}

li.editcart {font:13px/25px Arial,Helvetica,sans-serif;}
li.editcart a{width:270px; color:#fff; text-decoration:none; background:#9cf; display: block; text-align: center}
li.editcart a:hover{background:#f5e987; color:#000;}

li.editcheckout {font:13px/25px Arial,Helvetica,sans-serif;}
li.editcheckout a{width:270px; color:#fff; text-decoration:none; background:#9cf; display: block; text-align: center}
li.editcheckout a:hover{background:#f5e987; color:#000;}

.cartitem a {font:13px/25px Arial,Helvetica,sans-serif; color:#333; text-decoration:none; letter-spacing:0.2px;}
.cartitem a:hover {color:#3cadc9; text-decoration: underline}

.deletecartitem {text-align: center}
.deletecartitem label {display: none}
.offset {display: none}
.addtocart {border:none}
.cijena {font:13px/20px Arial,Helvetica,sans-serif; color:#333; padding: 0 0 0 9px; letter-spacing:0.2px;}
.velicina {float: left; line-height: 24px}
.sglprice {display:none}
#single-article-content fieldset select {margin: 3px 0 5px 0; text-transform:uppercase}
#single-article-content fieldset label .qty {float:left}

#respond {width:100%; border-top: 1px solid #eee}
h3 {font:bold 14px/25px Arial,Helvetica,sans-serif; color:#333}
.comment-author {background: #eee; font:14px/25px Arial,Helvetica,sans-serif; color:#333; text-indent: 10px}
.comment-author cite a {font-weight: bold; color: #3cadc9; text-decoration: none;  padding:5px 0 0 5px;}
.comment-author cite a:hover {text-decoration: underline}
.comment-meta a {font:11px/15px Arial,Helvetica,sans-serif; color:#666; width:100%; display:block; border-bottom:1px solid #eee; text-decoration: none; text-indent: 10px}
.comment-meta a:hover {text-decoration: underline}
.avatar {margin:0; padding: 0}
#respond textarea {font:13px/17px Arial,Helvetica,sans-serif; color:#333}