/*
Theme name: Revision
Theme URI: http://revolve.com.pl
Description: Wordpress theme
Version: 1.0
Author: Radek Ziemiacki
Autor URI: http://revolve.com.pl
Tags: black, white, clear, fixed width, two columns, widgets
*/

body {font: 12px Tahoma, Arial, Helvetica, sans-serif; line-height: 18px; color: #595959; background: #313131 url('images/bg.jpg') repeat-x;}

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0;}

li { list-style: none; }
a {text-decoration: none; outline: none; color: #595959;}

em {font-size: 11px; font-style: normal;}

img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
.alignright{float:right;}
.alignleft{float:left;}
	
#col1 ul, #sidebar ul { padding-left: 18px; }
#col1 ul li, #sidebar ul li { list-style: disc; }
#col1 ol, #sidebar ol { padding-left: 18px; }
#col1 ol li, #sidebar ol li { list-style: decimal-leading-zero; }

#container {height: auto; width: 980px; margin: auto; background: url('images/container-bg.png') center repeat-y;}

#header  {height: 95px; margin: 0 10px 0 10px;}

#header h1 {height: 31px; width: 160px; margin: 0; padding: 0; display: block; position: relative; top: 30px; left: 40px; text-indent: -9999px; background: transparent url('images/logo.jpg') no-repeat;}

#header h1 a {display: block; height: 100%; width: 100%; cursor: pointer;}

#header h2 {padding-left: 20px; position: relative; top: 6px; left: 220px; font-size: 16px; border-left: 1px #dcdcdc solid; color: #9f9f9f;}

.logo {height: 31px; width: 142px; display: block;position: relative; top: 30px; left: 40px;}



/* Main menu */

#main-menu {height: 50px; width: 930px; padding-left: 50px; margin: auto; background: url('images/menu-bg.png') no-repeat;}

#main-menu li {float: left; position: relative; bottom: 5px; z-index: 200;}

#main-menu li a {padding: 16px 20px 16px 20px; display: block; color: #b7b7b7;}

#main-menu ul li a {padding: 5px 20px 5px 20px;}

#main-menu li:hover a, #main-menu .current_page_item a {color: #fff; background: #e22f12 url('images/menu-active-bg.jpg?v=3') repeat;}

#main-menu ul li:hover {background: #b386da;}

#main-menu li:hover ul li a {background: none;}

#main-menu li ul {width: 180px; padding: 10px 0 10px 0; position: absolute; background: #e22f12;}

#main-menu ul li {float: none; position: relative; bottom: 0;}

#main-menu ul a:hover {color: #fff;}



/* Layout */

#content {margin: 0 10px 0 10px; padding-bottom: 60px;  background: url('images/content-bottom.jpg') bottom no-repeat;}

#content h1 {margin: 20px 0 20px 0; text-transform: uppercase; font-size: 18px; cursor: default;}

#content h2 {margin: 20px 0 5px 0; text-transform: uppercase; font-size: 20px; font-weight:bold; cursor: default;}

#content h3 {margin: 20px 0 20px 0; text-transform: uppercase; font-size: 14px; cursor: default;}

#content h4 {margin: 10px 0; text-transform: uppercase; font-size: 14px; cursor: default;}

#content a {color: #e22f12;} #content a:hover {text-decoration: underline;}

#content h2 a:hover {}

#col1 {width: 535px; margin: 40px 20px 0 40px; float: left;}

#col1 ul li {margin-right: 8px; list-style: inside; list-style-type: square;}

#col1 ol li {margin-right: 8px; list-style: inside; list-style-type: decimal;}

#col2 {width: 315px; margin: 50px 20px 0 30px; float: left;}

#sidebar a {color: #595959;} #sidebar a:hover {color: #e22f12;}

.article {padding-top: 20px;}
.article p {font-size:13px; cursor: default; margin: 0 0 10px 0; line-height: 1.6; }

#s {height: 22px; margin: 0; padding: 5px; cursor: text; border: 1px #dfdfdf solid; color: #595959; background: #fff;}

#searchsubmit {margin-top: 20px; padding: 5px 8px 5px 8px; color: #fff; border: 0; cursor: pointer;  background: #97bf0d;}



/* Content Slider */

#slider {float: left; position:relative; left: 20px; background:url(images/loading.gif) no-repeat 50% 50%; z-index: 10;}

#slider img {position:absolute; top:0px; left:0px; display:none;}

#rbox {height: 260px; width: 345px; float: right; position: relative; right: 20px; color: #fff; background: url('images/rbg.jpg') no-repeat; z-index: 5;}

#rbox h2 {line-height: 24px; text-transform: none; font-size: 16px; color: #fff;}

#rbox div {padding: 10px 20px 0 20px; height: 250px;}
#rbox h5 { font-size: 14px; }
#rbox .label { font-size: 14px; padding-right: 10px; }
#rbox input { padding: 4px; width: 199px; }
#rbox input.submit { width: auto; }
#rbox ul { padding-left: 20px; }
#rbox li { list-style: disc; }

.bbtn {height: 29px; width: 112px; float: right; padding: 0 40px 0 0; display:block; text-indent: -9999px; background:url('images/bbtn.jpg') no-repeat;}

.bbtn:hover {background-position: 0px -29px;}


/* Tabs */

ul.tabs {height: 40px; width: 305px; margin: 20px 0 0 0; padding: 0; float: left; border-bottom: 1px #dfdfdf solid; border-left: 1px #dfdfdf solid;}

ul.tabs li {height: 39px; margin: 0; padding: 0; float: left; position: relative; line-height: 39px; border: 1px #dfdfdf solid; border-left: none; overflow: hidden; background: #f4f4f4 url('images/tab-bg.jpg') repeat-x;}

ul.tabs li a {padding: 0 20px; display: block; cursor: pointer;}

ul.tabs li a:hover {background: #f4f4f4;}

.tab_content ul ul {display: none;}

html ul.tabs li.active, html ul.tabs li.active a:hover  {border-bottom: 1px solid #fff; background: #fff;}

.tab_container {float: left; width: 305px; border: 1px solid #dfdfdf; border-top: none; overflow: hidden; clear: both; background: #fff;}

.tab_content {padding: 20px;}

.tab_content li {margin: 6px 0 0 0; padding: 0 0 6px 0; border-bottom: 1px #585858 dashed; font-size: 15px; }



/* Footer */

#footer {width: 960px; margin: auto; display: block; color: #b7b7b7;}

#footer a {color: #ec6550;} #footer a:hover {text-decoration: underline;}

#footer-col-1 {width: 535px; margin: 40px 20px 40px 40px; float: left;}

#footer-col-2 {width: 325px; margin: 40px 20px 40px 20px; float: left;}

#footer h2 {margin-bottom: 20px; text-transform: uppercase; font-size: 16px; color: #fff;}

#footer ul li {clear: both;}

#footer ul ul {float: left;}

#wrap-footer2 {height: 100px; width: 100%; background: #232323;}

#footer2 {width: 880px; margin: auto; padding-top: 20px; color: #919191;}

#footer2 a {color: #919191;}

.left {float: left;}

.right {float: right;}

.logo2 {padding: 0 10px 3px 0; vertical-align: middle;}



/* Front Page */

.post {margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px #e5e5e5 dashed;}

.post img {padding: 0 20px 0 0; float: left;}

.feature {display: block; margin-left: 100px;}

a.green {color: #d51e00;} a.green:hover {text-decoration: underline;}

.thumb {margin-bottom: 20px; padding: 1px; float: left; border: 1px #dfdfdf solid;}

em.meta { font-style: italic; color: #707070; }


/* Portfolio */

#portfolio {padding-top: 20px;}

#portfolio p {padding-top: 15px;}

.project {margin: 0 40px 20px 40px; padding-bottom: 20px; border-bottom: 1px #e5e5e5 dashed;}

.project img {padding:1px; border:1px #dfdfdf solid;}

.th {width: 535px; margin: 0 20px 0 0; float: left;}

.desc {width: 305px; margin: 0 0 0 20px; float: left;}

.link {display: block; background: transparent url('images/th-over.png') center no-repeat; z-index: 5; list-style: upper-alpha }



/* Contact */

.wpcf7-form {padding-top: 20px;}

.wpcf7-form p {padding: 5px 0;}

.wpcf7-form input {padding: 5px 8px 5px 8px; color: #fff; border: 0; cursor: pointer;  background: #97bf0d;}

.wpcf7-form-control-wrap input {height: 22px; margin: 0; padding: 5px; cursor: text; border: 1px #dfdfdf solid; color: #595959; background: #fff;}

.wpcf7-form-control-wrap textarea {padding: 5px; cursor: text; border: 1px #dfdfdf solid; color: #595959; background: #fff;}



/* Coments */

#comments li {padding: 20px; border: 1px #dfdfdf solid;}

#comments ul li {list-style: none;}

#comments img {float: left; margin: 0 20px 10px 0;}

.depth-1 {margin: 20px 0;}

.depth-2, .depth-3, .depth-4, .depth-5 {margin-top: 20px;}

.comment {background: #fff;}

.comment-author-admin {background: #f4f4f4;}

.commentmetadata {margin-bottom: 20px;}

.reply {margin-top: 20px;}

#commentform .text {height: 22px; margin: 0; padding: 5px; border: 1px #dfdfdf solid; color: #595959;}

#commentform p {margin: 10px 0;}

#commentform textarea {margin: 0; padding: 5px; border: 1px #dfdfdf solid; color: #595959;}

#commentform .submit {padding: 5px 8px 5px 8px; color: #fff; border: 0; cursor: pointer;  background: #d51e00;}



/* Miscellaneous */

.more-link {margin: 20px 0; padding-left: 10px; display: block; background:url('images/arrow.jpg') no-repeat 0% 50%; float: right;}

.line {margin: 20px 0; border-bottom: 1px #585858 dashed;}

.tags {margin: 20px 0 0 0; padding-left: 25px; background:url('images/tags.png') no-repeat 0% 50%; clear: both;}

.sico {margin-right: 20px; float: left;}