/*
Theme Name: Webcolorize
Theme URI: http://webcolorize.com.ua
Description: Webcolorize theme
Author: Webcolorize.com.ua
Author URI: http://webcolorize.com.ua
Version: 1.0
*/

/************************************************************************************
Reset
************************************************************************************/
html, body, div, p, h1, h2, h3, h4, h5, h6, dd, dl, dt, ul, ol, li, b, big, cite, em, i, small, span, strong, img, fieldset, form, label, legend, input, textarea, select, button {
    margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
ol, ul {list-style: none;}
a img {border:none;}

/************************************************************************************
Body
************************************************************************************/
body {color: #737373; background: #ffffff url(images/bg.png); font: normal 14px "Times New Roman", Arial, "Trebuchet MS", Tahoma}

/************************************************************************************
Headings
************************************************************************************/
h1,h2,h3,h4,h5,h6 {color: #8c8c8c; margin-bottom: 7px; font-weight: normal;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {color: #cc0808;}
h1 {font-size:21px;}
h2 {font-size:19px;}
h3 {font-size:17px;}
h4 {font-size:13px;}

/************************************************************************************
HTML Elements
************************************************************************************/
a {color: #cc0808; text-decoration: none;}
a:hover, a:focus {color: #ff0a0a; text-decoration: underline;}
p {color: #737373; margin-bottom: 10px;}

/************************************************************************************
Clear & Float
************************************************************************************/
.clear {height:0; font-size:1px; line-height:0px; clear:both; overflow: hidden;}
.left {float: left;}
.right {float: right;}
.alignleft{float: left; margin-right: 10px;}
.alignright{float: right; margin-left: 10px;}

/************************************************************************************
Main Containers
************************************************************************************/
#wrapper {width: 100%; padding: 100px 0;}
#border-wrap {width: 1000px; margin: 0 auto; background: #ffffff; border: 1px solid #ededed;}
#container {border: 1px solid #ffffff; padding: 15px 25px; -moz-box-shadow: inset 0 0 35px #f2f2f2;	-webkit-box-shadow: inset 0 0 35px #f2f2f2;	box-shadow: inset 0 0 35px #f2f2f2;}
#main {width: 950px; padding: 10px 0;}

/************************************************************************************
Header
************************************************************************************/
#logo {width: 950px; height: 150px;}

/************************************************************************************
Footer
************************************************************************************/
#footer {width: 1000px; margin: 0 auto; padding: 15px 0 10px 0; color: #999999; text-align: center;}
#footer p {margin: 0; text-align: center; font-size: 11px;}
#footer a {font-size: 11px; text-decoration: none;}

/************************************************************************************
Main Navigation
************************************************************************************/
#nav {width: 950px; margin: 0 auto;}
#nav div.main-nav {display: block; position: relative; z-index: 999;}
#nav div.main-nav ul {list-style: none; margin: 0; padding: 0;}
#nav div.main-nav li {float: left; position: relative; min-width: 50px;}
#nav div.main-nav a {display: block; font-size: 14px; color: #9f9f9f; line-height: 18px; padding: 3px 25px 3px 0; text-decoration: none;}
#nav div.main-nav a:hover {color: #cc0808; text-decoration: none;}

/************************************************************************************
Dropdown Main Navigation
************************************************************************************/
#nav div.main-nav ul ul {display: none;	position: absolute;	padding: 0;	top: 23px; left: 0;	float: left; z-index: 99999; padding: 10px 15px; background: #ffffff; border: 1px solid #d9d7d7;}
#nav div.main-nav ul ul ul {left: 100%; top: 0;}
#nav div.main-nav ul ul a {background: #ffffff;	color: #8c8c8c; line-height: 24px; padding: 5px; width: 150px; border-bottom: 1px dashed #d9d7d7; font-size: 11px; text-transform: uppercase;}
#nav div.main-nav ul ul a:hover {color: #cc0808; text-decoration: none;}
#nav div.main-nav ul li.menu-item:hover > ul {display: block;}
#nav div.main-nav ul ul li {float: none;}
#nav div.main-nav ul ul li:last-child a {border-bottom: none;}

/************************************************************************************
Catalog Menu
************************************************************************************/
#catalog-nav {width: 950px; margin: 0 auto; padding: 5px 0 10px 0; border-bottom: 1px solid #d9d7d7;}
#catalog-nav div.catalog-menu {display: block; position: relative; z-index: 1010; padding: 0 0 0 185px;}
#catalog-nav div.catalog-menu ul {list-style: none; margin: 0; padding: 0;}
#catalog-nav div.catalog-menu li {float: left; position: relative; min-width: 50px;}
#catalog-nav div.catalog-menu a {display: block; font-size: 13px; color: #8c8c8c; line-height: 16px; padding: 1px 10px; text-decoration: none; text-transform: uppercase; border-right: 1px solid #d9d7d7;}
#catalog-nav div.catalog-menu li:last-child a {border-right: none !important}
#catalog-nav div.catalog-menu a:hover {color: #cc0808; text-decoration: none;}

/************************************************************************************
Dropdown Catalog Menu
************************************************************************************/
#catalog-nav div.catalog-menu ul ul {display: none;	position: absolute;	top: 18px; left: 0;	float: left; z-index: 99999; padding: 10px 15px; background: #ffffff; border: 1px solid #d9d7d7;}
#catalog-nav div.catalog-menu ul ul ul {left: 100%; top: 0;}
#catalog-nav div.catalog-menu ul ul a {background: #ffffff;	color: #8c8c8c; line-height: 24px; padding: 5px; width: 180px; border-bottom: 1px dashed #d9d7d7; font-size: 11px; text-transform: uppercase; border-right: none !important;}
#catalog-nav div.catalog-menu ul ul a:hover {color: #cc0808; text-decoration: none;}
#catalog-nav div.catalog-menu ul li.menu-item:hover > ul {display: block;}
#catalog-nav div.catalog-menu ul ul li {float: none;}
#catalog-nav div.catalog-menu ul ul li:last-child a {border-bottom: none;}

/************************************************************************************
Slider Layout
************************************************************************************/
#slider-wrap{width:950px; margin:0 auto; padding: 10px 0;}
#slider{z-index:5; width:100%; height:450px; margin:0 auto; position:relative; background:#ffffff url(images/loading.gif) no-repeat 50% 50%}
#slider img{position:absolute; top:0; left:0; display:none}
#slider a{border:0}
.nivoSlider{position:relative}
.nivoSlider img{position:absolute; top:0px; left:0px}

/************************************************************************************
Slider Slices
************************************************************************************/
.nivo-slice {display:block; position:absolute; z-index:5; height:100%;}
.nivo-box { display:block; position:absolute; z-index:5;}

/************************************************************************************
Iframe
************************************************************************************/
iframe {display: block; margin: 0 auto;}

/************************************************************************************
Main Page - Latest News
************************************************************************************/
#latest-news {width: 220px; float: left;}
#latest-news .top {padding: 8px 0 14px 0; border-top: 1px solid #d9d7d7; background: url(images/news.png) center bottom no-repeat;}
#latest-news .top span {display: block; padding-left: 5px; text-transform: uppercase; color: #808080; font-size: 13px;}
#latest-news .news {padding: 5px 5px 10px 5px; border-bottom: 1px dashed #bfbfbf;}
#latest-news .news:last-child {border-bottom: none !important;}
#latest-news .date-news {display: block; color: #bfbfbf; font-size: 13px; padding: 3px 0;}
#latest-news .title-news {display: block; color: #808080; font-size: 14px; padding: 3px 0; text-transform: uppercase;}
#latest-news .news p {color: #999999; font-size: 13px; text-align: justify; margin: 0;}
#latest-news .news a {display: block; font-size: 13px; text-align: right; text-decoration: underline;}

/************************************************************************************
Main Page - Novelty
************************************************************************************/
#novelty {width: 706px; float: right;}
#novelty .top-novelty {padding: 8px 0 14px 0; border-top: 1px solid #d9d7d7; background: url(images/novelty.png) center bottom no-repeat; margin-bottom: 7px;}
#novelty .top-novelty span {display: block; padding-left: 5px; text-transform: uppercase; color: #808080; font-size: 13px;}

/************************************************************************************
News Page
************************************************************************************/
.center {text-align: center; padding: 5px 0; margin: 0;}
.post-news {border-bottom: 1px dashed #D9D7D7; padding: 7px 0 10px 0;}
.entry {padding: 5px 0;}
.readmore {display: block; width: 300px; float: right; text-align: right; margin: 0;}
.date {display: block; width: 300px; float: left; text-align: left; margin: 0;}
.postmetadata {margin: 3px 0;}

/************************************************************************************
Catalog
************************************************************************************/
.catalog {padding: 10px 0;}
.catalog-item {width: 220px; padding: 3px; float: left; border: 1px solid #ededed; margin: 0 10px 10px 0;}
.catalog-item a {display: block;}
.catalog-item a.img-link {display: block; background: #000000 url(images/magnify.png) 50% 50% no-repeat;}
.catalog-item a.img-link img {display:block; padding:0px; position:relative; opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -ms-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out;}
.catalog-item a.img-link img:hover {opacity: 0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -ms-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out;}
.last {margin-right: 0 !important;}
.description {background: url(images/bg_catalog.png) top left no-repeat; border-top: 1px solid #ffffff; padding: 5px 0 15px 0;}
.description h3 {display: block; text-align: center; margin: 0; padding: 10px 0 5px 0; text-transform: uppercase; color: #4c4c4c}
.description a {display: block; text-align: center; text-transform: lowercase; text-decoration: underline;}
.term-desc {text-align: center; font-size: 16px;}
.term-desc p {text-align: center; margin: 0; font-size: 16px;}

/************************************************************************************
Vote
************************************************************************************/
.votes {
    padding: 0 30px;
}
.post-like{
	margin-top:1em
}
.post-like a {
    display: inline;
    padding: 0 10px;
}
.like{
	background:url(images/icons.png) no-repeat;
	width: 15px;
	height: 16px;
	display: block;
	float:left;
	margin-right: 4px;
	-moz-transition: all 0.2s ease-out 0.1s;
	-webkit-transition: all 0.2s ease-out 0.1s;
	-o-transition: all 0.2s ease-out 0.1s
}
.post-like a:hover .like{
	background-position:-16px 0;
}
.voted .like, .post-like .alreadyvoted{
	background-position:-32px 0;
}

/************************************************************************************
Item
************************************************************************************/
#left-item {width: 470px; float: left;}
#right-item {width: 460px; float: right; padding: 15px 0;}
#left-item .main-img {float: left; width: 350px;}
#left-item .thumb-img {float: right; width: 110px;}
#left-item .thumb-img ul {margin: 0; padding: 0;}
#left-item .thumb-img ul li{padding: 0 0 15px 0;}
#left-item .thumb-img ul li:last-child {padding: 0;}
.navigation {margin: 10px 0 0 0; padding: 10px 0 0 0;}

/************************************************************************************
Pagination
************************************************************************************/
.pagination {margin: 0 auto; padding:7px 10px 10px 10px; }
.pagination .page-numbers {display: block; float: left;	padding: 6px 10px; margin-right: 10px; background: #f7f7f7;}
.pagination .page-numbers:hover {background: #cc0808; color:#ffffff; text-decoration: none;}
.pagination .current {background: #cc0808; color:#ffffff;}

/************************************************************************************
Gallery
************************************************************************************/
.gallery .gallery-item img {margin-bottom: 7px; border: none !important;}