/*
	Surfwax stylesheet

----------------------------------------------------------------------------------------------------*/

body { 
	background-color:#000000;
}

.logo {
	padding: 0 0 6px 20px;
	background: #000;
	margin-right: 0;
}

.logo img a {
	border:none;
}

.logo img {
	border:none;
	vertical-align:top;
}

.footer {
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
	margin-top: 20px;
	line-height:1;
	background: #000;
	margin-bottom: 20px;
}
.footer p {
	padding:20px 15px;
	margin:0;
}
.footer span {
	color: #404038;
	padding-left:4px;
}

a {color: #2dbde1;}

.breadcrumb {margin-bottom: 15px; font-weight: normal; font-size: 12px;}
.breadcrumb a,
.breadcrumb-trail,
.breadcrumb-trail span.sep {color:#aaa; text-decoration: none; font-weight: normal; background: url(wp-content/themes/surfwax/img/arrow-right.gif) }

/* Main navigation
----------------------------------------------------------------------------------------------------*/
.fb {
        float: right;
        margin-top:22px;
	display: block;
	width: 500px;
	text-align: right;
}
.fb a {
    font-weight: bold;
    color: #fff;
    background: url(img/fb.png) top left no-repeat;
    padding-left: 20px;
margin-right: 10px;
}
.meniu {
	background: #000;
	margin-left:0;
}
.meniu ul {
	list-style: none;
	margin: 10px 0 0 0;
	float:right;
	padding:0 0 5px 0;
}

.meniu ul li {
	color: #fff;
	margin: 0px ;
	display:inline;
	float: left;
	font-weight: normal;
	letter-spacing: 0;
	text-transform: uppercase;
	font-size: 14px;
	height:25px;
	padding:6px 5px 5px 5px;
	border:1px solid #000;
	border-bottom: none;
}

.meniu ul li a {
	color: #fff;
	margin: 0px;
	text-decoration: none;
	padding: 0 12px;
}

.meniu ul li a:hover {
	text-decoration: none;
	text-decoration: underline;
}
.meniu ul li a.active,
.meniu ul a.active li,
.meniu ul li.current_page_item a,
.meniu ul li.current-cat a  {
	color: #2DBDE1;
}

/* Landing page
----------------------------------------------- */

.splash {
	margin-top: 20px;
	padding: 0px;
	margin-bottom: 0px;
	background:#fff;

}

ul#splash_rotator,
ul#splash_rotator2,
ul#splash_rotator3,
ul#splash_rotator4 {
	list-style: none;
}

ul#splash_rotator li,
ul#splash_rotator2 li,
ul#splash_rotator3 li,
ul#splash_rotator4 li {
	margin:0px;
	padding: 0px;
	
}

ul#splash_rotator li img{
	margin: 0px;
	vertical-align:top;
}

.splash_news {
	background-color: #000;
	display: inline;
	float: left;
}

.splash_news .news {
	width: 364px;
	display: inline-block;
	float:left;
	padding:10px 0 0 10px;
}
.splash_news .news .item {
	margin-bottom: 10px;
	background: #191919;
	display: block;
	height: 100px; 
}
.splash_news .news .item .image {
	float: left;
}
.splash_news .news .item .content {
	float: left;
	padding: 5px 10px 10px 10px;
	width: 237px;
	height: 85px;
}
.splash_news .news .item .content h2 {
	font-size: 14px;
	height:43px;
	line-height:1.4;
}
.splash_news .news .item .content h2 a {
	color: #fff;
}
.splash_news .news .item .content h2 a:hover {
	text-decoration: underline;
}

.splash_news .news .item .content .date {
    color: #8f8f8f;
    font-size: 9px;
    font-weight: normal;
    line-height: 1;
    margin-top: 0;
    text-transform: uppercase;
}
.splash_news .news .item .content .more {
	font-size: 11px;
	padding:3px;
	background-color: #d22733;
	line-height:1;
	position: relative;
	bottom: 20px;
	left: 182px;
}
.splash_news .news .item .content .more a {
	text-decoration:none;
	text-transform:uppercase;
	color:#fff;
}
.splash_news .news .item .content .more a:hover {
	text-decoration: underline;
}
.splash_news .ads {
	width: 556px;
	display: inline-block;
	padding:10px 0 0 10px;
}

.splash_news .ads .ad {
	padding: 0 10px 10px 0;
	margin: 0;
	float: left;
}
.splash_news .ads img {
	vertical-align: top;
	border: none;
}

.splash img{
	vertical-align:top;
}
.splash_news h5 {
	text-transform: uppercase;
	margin-bottom: 10px;
	padding: 15px 0 0 15px;
	line-height: 1;
}

.splash_news p { font-size: 14px; font-weight: bold; padding: 0 15px 4px 15px; margin: 0px;}
.splash_news p a {color: #fff; text-decoration: none;}
.splash_news p a:hover {text-decoration: underline;}


.brands {
	background: url(img/gradient.jpg) 0 0 repeat-x #000;
	padding:34px 0 20px 0
}
.brands img {padding: 0px; margin: 0px; border: none; float: left;}

/* Blog page
----------------------------------------------- */
.blog {
	background: #fff;
	margin-top: 15px;
}
.wrapper {
	background: #000;
	color: black;
	display: inline;
	float: left;
	width: 920px;
	margin: 10px;
}
.submenu {
	width: 230px;
	float:left;
	
}
.submenu ul {
	list-style: none;
}
.submenu ul li {
	padding: 8px 8px 8px 15px;
	margin-left:0;
	background: url(img/gradient.jpg) 0 0 repeat-x #000;
	font-size: 12px;
}

.submenu ul li a {
	color:#fff;
	text-transform: uppercase;
}
.submenu ul li a:hover {
	color:#833be5;
}
.submenu ul li.current-cat {
	background:url(img/arrow-right.gif) 215px 15px no-repeat #833be5;
	display: block;

}

.submenu ul li.current_page_item {
	background:url(img/arrow-right.gif) 215px 15px no-repeat #2dbde1;
	display: block;
}

.submenu ul li.page_item {
	padding: 0;
	margin-bottom: 0;
	font-weight: bold;
	background:url(img/arrow-right.gif) 215px 15px no-repeat #d2274f;
}

.submenu ul li.page_item a {
	padding: 8px 8px 8px 15px;
	display: block;
}
.submenu ul li.page_item a:hover{
	color: #fff;
}

.submenu ul li.page_item ul li a:hover{
	color: #d2274f;
}

.submenu ul li.current_page_item ul li a:hover,
.submenu ul li.current_page_ancestor ul li a:hover,
.submenu ul li.current_page_parent ul li a:hover,
.submenu ul li.current_page_parent ul li ul li a:hover{
	color: #2dbde1;
}

.submenu ul li.page_item ul {
	margin-bottom: 0;
}

.submenu ul li.page_item ul li {
	font-weight: normal;
	background: url(img/gradient.jpg) 0 0 repeat-x #000;
}

.submenu ul li.current_page_ancestor {
	background:url(img/arrow-right.gif) 215px 15px no-repeat #2dbde1;
}

.submenu ul li.current_page_ancestor ul li {
	background: url(img/gradient.jpg) 0 0 repeat-x #000;
}

.submenu ul li ul li.current_page_item {
	background: url(img/gradient.jpg) 0 0 repeat-x #000;
	display: block;
}
.submenu ul li ul li.current_page_item a {
	color: #2dbde1;
}

.submenu ul li ul li.current_page_parent a{
	color: #2dbde1;
}
.submenu ul li ul li.current_page_item  ul li ,
.submenu ul li ul li.current_page_parent ul li ,
.submenu ul li ul li ul li a {
	background: url(img/subnav_bg.jpg) 0 0 repeat-x #000;
}

.submenu ul li ul li.current_page_item  ul li a,
.submenu ul li ul li.current_page_parent ul li a,
.submenu ul li ul li ul li a {
	color: #8f8f8f;
	text-transform: capitalize;
}

.submenu ul li ul li ul li.current_page_item a {
	color: #2dbde1;
}

/* Display controls */
.submenu ul li ul li,
.submenu ul li ul li ul li,
.submenu ul li.current_page_ancestor ul li.page_item ul li{
	display: none;
}
.submenu ul li.current_page_ancestor,
.submenu ul li.current_page_ancestor ul li.page_item,
.submenu ul li.current_page_ancestor ul li.current_page_parent ul li {
	display: block;
}

.bloglist {
	background: #fff;
	float:left;
	width:680px;
	padding-left:10px;
}

.bloglist .post {
	background:url(img/stripped_line.gif) left bottom repeat-x;
	float: left;
	width: 680px;
	padding:0 0 13px 0;
	margin:0 0 10px 0;
	
}

.bloglist .post .image {
	float: left;
}
.bloglist .post .content {
	padding: 0 0 0 10px;
	display: inline-block;
	width: 490px;
}
.bloglist .post .content h2 {
	font-size: 25px;
	line-height: 1.3;
	margin-bottom: 5px;
}
.bloglist .post .content h2 a {
	color: #000;
}
.bloglist .post .content h2 a:hover {
	text-decoration: underline;
}

.bloglist .post .content .date,
.bloglist .post .date {
    color: #8f8f8f;
    font-size: 11px;
    font-weight: bold;
    line-height: 1;
    margin-top: 0;
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px;
}

.bloglist .post h1 {
	font-size: 28px;
	margin-bottom: 5px;
	line-height: 1.3;
}

.bloglist .post .content .date a,
.bloglist .post .date a {
    color: #8f8f8f;
}
.bloglist .post .content .date a:hover {
	text-decoration: underline;
}

.bloglist .post .content p {
	display: block;
	margin-bottom: 10px;
	line-height: 1.35;
}

.bloglist .post .content .more {
	font-size: 11px;
	padding:3px;
	background-color: #d22733;
	line-height:1;
	float: left;
}
.bloglist .post .content .more a {
	text-decoration:none;
	text-transform:uppercase;
	color:#fff;
}
.bloglist .post .content .more a:hover {
	text-decoration: underline;
}
.bloglist .post.full {
	background: none;
}
.bloglist .latest {
	float: left;
	width: 680px;
	background:url(img/stripped_line.gif) left bottom repeat-x;
	padding-bottom: 10px;
}

.bloglist .latest h2 {
	background: #d2274f;
	color: #fff;
	display: block;
	padding:10px;
	line-height: 1;
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.bloglist .latest h3 {
	font-size: 14px;
	margin-bottom: 5px;
}
.bloglist .latest h3 a:hover {
	text-decoration: underline;
}
.bloglist .navigation {
	margin:10px 0;
	float:right;
}

.bloglist.items .post .wp-caption {
	float: left;
	padding:17px;
}
.bloglist.items .post .wp-caption p.wp-caption-text {
	text-align: center;
	font-weight: bold;
	font-size: 12px;
}

.simplepage {
	background: #fff;
	float:left;
	width:900px;
	padding:10px;
}

.simplepage .image {
	float: left;
}

.simplepage h1 {
	font-size: 28px;
	margin-bottom: 5px;
	line-height: 1.3;
}

dd.wp-caption-dd {
	text-align: center;
	font-weight: bold;
}

.catalog_item {
	float: left;
	width: 190px;
	padding: 10px;
}
.catalog_item .title {
	display: inline-block;
	width:150px;
	padding:0 20px 0 20px;
	font-size: 11px;
	text-align: center;
	line-height: 1.2;
	color: #555;
	margin:0;
}
.catalog_item .price {
	display: inline-block;
	width:150px;
	padding:0 20px 0 20px;
	font-size: 12px;
	text-align: center;
	line-height: 1.2;
	font-weight: bold;
	margin:0;

}