﻿/*
Theme Name: Lounge3
Theme URI: http://lounge.kiev.ua
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 3
Author: Decollete
Author URI: http://creative.kiev.ua
Tags: blue, custom header, fixed width, two columns, widgets
Text Domain: kubrick

*/


.tag-comments span, .subscribe form .fsubmit, div.flash-buttons a, img { behavior: url(iepngfix.htc) }

h1, h2, h3, h4, h5, h6 {font-weight:normal}

@font-face {	
font-family: sfont;	
src: url(Story.otf);
}

* {padding:0;margin:0;font-family: sfont, trebuchet ms; /* no .ttf */}
a img {border:0;}
a {color:#ff3300;}

.header {width:985px;margin:20px auto 0;}
.header img {float:left;}
.header ul {float:right;list-style:none;margin-top:15px;}
.header ul li {float:left;margin-left:30px;}
.header ul li a {color:#000;font-size:14px;}

.main-menu {width:985px;margin:20px auto 0;list-style:none;background:black;display:block;height:23px;}

.main-menu li {float:left;background:black;display:block;padding-right:30px;padding-left:2px;height:23px;position:relative;font-size:1.1em;line-height:23px;}
.main-menu li a {color:white;text-decoration:none;}

.main-menu li:hover {background:#fbe73f;}
.main-menu li:hover a {color:black;}

.main-menu li ul{display:none;background:transparent;position:absolute;z-index:5;left:0;top:20px;}
.main-menu li:hover ul {display:block;}
.main-menu li ul li {clear:both;background:#fbe73f;display:inline-block;padding-right:5px;}
.main-menu li ul li a {font-size:0.8em;}

li.current-cat, li.current-cat-parent, li.current_page_item {background:#fbe73f;}
li.current-cat a, li.current-cat-parent a, li.current_page_item a {color: black}
li.current_page_item a {padding: 1px; text-decoration: none;}


.content {width:986px;margin:20px auto 0;position:relative;z-index:1;}

.main {width:460px;float:left;}
.main2 {width:640px;float:left;}

.post {position:relative;margin-bottom:30px;}
.post p {font:normal 14px arial;color:#667;line-height:1.3em;margin:15px 0;}
.post p strong {font-family: arial;}
.post-img {margin:0px;padding:0;position:relative;}

.post-title {padding:0;margin:0;display:block;}
.post-title a {color:black;text-decoration:none;font-weight:normal}
.post-title a span {background:#fbe73f;padding:0;margin:0;padding-right:5px;line-height:1.25em;}

.post-content {margin:0;padding:0;}
.date-author {position:absolute;top:110px;left:0;height:17px;}
.date-author span {background:black;color:white;}
.date-author span a {color: white; text-decoration: none;}
.date-author span a:hover {text-decoration: underline;}
.tag-comments {font-size:14px;position:absolute;right:0;top:0;height:17px;}
.tag-comments .tag {padding-left:20px;background:#7ff3fa url(/pics/icon_plus.png) no-repeat;display:table-cell;float:left;}
.tag-comments .tag a {text-decoration: none; color: black;}
.tag-comments .comments {height:17px;background:#fbe73f;position:relative;padding:0 5px;margin-left:10px; display:none}
.tag-comments .comments img {position:absolute;top:17px;left:5px;}

.nav {padding:20px 0 50px;;border-top:1px solid #cccccc;text-align:right;}
.nav a {display:inline-block;padding:3px 8px;color:black;text-decoration:none;background:#e5e5e5;font-size:14px;}
.nav a.selected {background:#fbe73f;}

.sidebar {width:500px;float:left;padding-left:26px;}
.sidebar2 {width:300px;float:left;padding-left:26px;}

#widgets {position:relative; width:300px; float: left}
#widgets ul {margin: 0; padding: 0; list-style: none; list-style-type: none;}


.wide-flash {background:#d5d5d5;position:relative; margin-bottom: 30px;}
.wide-flash span {background:#fbe73f;}
.mag-number {position:absolute;top:0;right:0;background:#fbe73f;padding:8px;}
.mag-number span {float:left;font-size:36px;position:relative;}
.mag-number small {text-decoration:uppercase;font-size:24px;font-weight:bold;}
.mag-number span img {position:absolute;top:52px;left:19px;}
.mag-flash {width:420px;margin:0 auto;}
.flash-buttons{background:#f6f6f6;padding:8px; text-align: center;}
.flash-buttons a {display:inline-block;margin:0 2px;}

.wide2-flash {background:#d5d5d5;position:relative; margin-bottom: 15px; margin-left: 15px; width: 300px}
.wide2-flash span {background:#fbe73f;}
.mag2-number {position:absolute;top:0;right:0;background:#fbe73f;padding:8px;}
.mag2-number span {float:left;font-size:36px;position:relative;}
.mag2-number small {text-decoration:uppercase;font-size:24px;font-weight:bold;}
.mag2-number span img {position:absolute;top:46px;left:19px;}
.mag2-flash {width:300px;margin:0 auto;}
.flash2-buttons{background:#f6f6f6;padding:8px; text-align: center;}
.flash2-buttons a {display:inline-block;margin:0 2px;}

input.flash-put {background:url(/pics/flash_put.png);width:152px;height:26px;border:0;cursor:pointer;}
input.flash-put:hover {background:url(/pics/flash_put_hover.png);}
input.flash-share {background:url(/pics/flash_share.png);width:166px;height:26px;border:0;cursor:pointer;}
input.flash-share:hover {background:url(/pics/flash_share_hover.png);}
input.flash-download {background:url(/pics/flash_download.png);width:141px;height:26px;border:0;cursor:pointer;}
input.flash-download:hover {background:url(/pics/flash_download_hover.png);}

#fc {width:104px;height:26px;background:url(/pics/flash_copy.png) no-repeat;cursor:pointer;position:absolute;bottom:-31px;right:0px;}
#fc:hover {background:url(/pics/flash_copy_hover.png) no-repeat;}

.popup-content {width:70%;margin:100px auto 0;position:relative;}
.popup-content p{background:#fff;padding:20px;border:3px solid #7ff3fa;font:normal 12px arial;}


.projects {width:184px;float:left;}
.projects h3{margin-bottom:10px;position:relative;padding-bottom:15px;}
.projects h3 span {background:#fbe73f;padding-right:10px;font-size:14px;position:absolute;top:0;left:0;font-weight:normal;border:0;-moz-background-origin:none;-moz-background-clip:none;}
.project-img {height:86px;}
.project h4 {}
.project h4 span a{background:black;color:white;padding-right:5px;font-size:14px; text-decoration: none;}
.project p {font:normal 12px arial;color:#667;margin:10px 0;}
.project p a {color:#667; font:normal 12px arial;}
.project p a:hover {text-decoration: none;}

.social {margin-left:15px;float:left;background:#f6f6f6;position:relative;width:300px;text-align:center;}
.social h3 {position:relative;padding-bottom:20px;}
.social h3 span {background:#fbe73f;padding-right:10px;font-size:14px;position:absolute;top:0;left:0;font-weight:normal;}
.social img {padding:5px;}
.social table {margin:10px 15px;width:100%;}
.social table img {float:left;margin-right:8px;}
.social table td {width:50%;padding-bottom:5px;}
.social table td a {color:black;font-family:arial;font-size:12px;display:block;float:left;padding-top:3px;}

.subscribe {width:300px;margin-left:15px;float:left;margin-top:20px;background:#7ff3fa;}
.subscribe h4 {position:relative;padding-bottom:20px;font-weight:normal;}
.subscribe span {background:black;color:white;font-size:12px;position:absolute;top:0;left:0;padding-right:5px;}
.subscribe form {padding:15px 20px;}
.subscribe form .ftext {width:205px;border:1px solid #cccccc;border-top:1px solid #666677;height:22px;float:left;color:#999999;font-size:12px;font-family:arial;padding-left:4px;}
.subscribe form .fsubmit {width:38px;height:24px;background:url(/pics/fsubmit.png) no-repeat;border:0;float:left;margin-left:10px;cursor:pointer;}

.follow_twitter {width:300px;float:left;margin-left:15px;margin-top:20px;padding:10px 0 0px;background:#e5f6f9;position:relative;}
.follow_twitter .bottom {position:absolute;bottom:-84px;left:0;}

.twitter-logo {padding:0 20px;}
.follow_twitter ul {list-style:none;color:#666677;padding:0px 20px;}
.follow_twitter ul li {font-family:arial;font-size:12px;padding:10px 0;border-bottom:1px solid #cedde0;}
.follow_twitter ul li a {color:#ff3300;font-family:arial;font-size:12px;}
.follow_twitter ul li small {font-family:arial;font-size:12px;color:#999;display:block;margin-top:7px;}
.follow_twitter .follow_us {float:right;padding:5px 0;background:url(/pics/follow_us.png) left center no-repeat;padding-left:15px;margin-bottom:30px;}
.follow_twitter .follow_us a {color:#ff3300;font:normal 12px arial;}



.widget_twitter {width:300px;float:left;margin-left:15px;margin-top:20px;padding:10px 0 0px;background:#e5f6f9;position:relative;}
.widget_twitter div {margin: 20px 20px 0px 20px;}
.widget_twitter .bottom {position:absolute;bottom:-84px;left:0;}

.header_48 {padding:0 20px;}
.widget_twitter ul {list-style:none;color:#666677;padding:0px 20px;}
.widget_twitter ul li {font-family:arial;font-size:12px;padding:10px 0;border-bottom:1px solid #cedde0;}
.widget_twitter ul li a {color:#ff3300;font-family:arial;font-size:12px;}
.widget_twitter ul li .entry-meta {font-family:arial;font-size:11px;display:block;margin-top:7px;}
.widget_twitter ul li .entry-meta a {color:#999; text-decoration: none; }
.widget_twitter ul li .entry-meta a:hover {text-decoration: underline; }
.widget_twitter .follow_us {float:right;padding:5px 0;background:url(/pics/follow_us.png) left center no-repeat;padding-left:15px;margin-bottom:30px;}
.widget_twitter .follow_us a {color:#ff3300;font:normal 12px arial;}


.footer {background:black;width:986px;margin:0 auto;padding:20px 60px 40px;}

.footer ul {list-style:none;float:left;}
.footer ul li {clear:both;margin:0 0 5px;}
.footer ul li a {color:#000;background:#fbe73f;display:block;float:left;padding-right:5px;margin-right:10px;text-decoration:none;font-size:14px;}

.footer ul li ul {display:block;float:left;}
.footer ul li ul li {float:left;clear:none;margin:0;}
.footer ul li ul li a {color:#fff;background:#000;}

.copyright {float:right;text-align:right;color:#999999;font:normal 12px arial;}

.dsq-brlink {display: none; visibility: hidden;}




.alignleft {float: left; margin-right: 10px;}
.alignright {float: right; margin-left: 10px;}
.date-author-inner {position:absolute;top:180px;left:0;height:17px;}
.date-author-inner span {background:black;color:white;}

#authorbox {width: 400px; float: right; text-align: right; font-size: 80%; font-family: arial; color: #666;line-height: 16px;}
#authorbox img {float: right; margin-left: 5px; width: 80px; height: 80px;}
#authorbox strong {line-height: 25px;}
#authorbio {color: #666}
#authorbio a {color: #000; font-size: 90%;line-height: 16px;}

#_mcePaste {font-size: 50%}

#wpcf label {
	clear: both;
	display: block;
	float: left;
	width: 150px;
}
#wpcf input {
	float: left;
	width: 200px;
	padding: 1px;
	margin: 2px 5px 2px 0;
}
#wpcf textarea {
	width: 350px;
	height: 100px;
	padding: 1px;
	margin: 0 5px 10px 0;
}
#wpcf #contactsubmit {
	margin-left: 250px;
	width: 100px;
}

#newsletter {
background-color: #7ff3fa;
height: 80px;
width: 300px;
margin: 15px 0px 0px 15px;
padding: 0px;
}
#newsletter h2 {color: #fff; font-size: 0.8em; font-family: Story; background: #000; float: left; margin-bottom: 20px;}
#newsletter ul {margin: 5px 0px 0px 45px; list-style:none;}
#etiqueta {display: none}