/*
Theme Name: What is up? beta-2
Theme URI: http://bompok.org.ua
Description: Wordpress Theme designed and developed by bompok,  and released by bompok.org.ua !
Author: bompok
Author URI: http://bompok.org.ua
Version: 1.0
.
Released by bompok.org.ua
.
*/

@media handheld, projection, screen, print {
* { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline }

body, p, blockquote, img, h1, h2, h3, h4, h5, h6, ul, ol, form, dl, dt, dd {
	margin: 0;
	padding: 0;
	border: 0;
	letter-spacing: normal;
}

body {
	background: #eae5ce;
	color: #69644e;
	font: 12px Arial;
	line-height: 1;
}

:focus {
	outline: 0;
	outline-offset: 0;
}

ul, ol {
	line-height:1.3em;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

a {
	text-decoration: none;
}

p {
	line-height: 1.3em;
}

h1 {
	font-size: 1.9em;
	margin-bottom: 0.9em;
}

}

/********* HEADER-CONTAINER ***********/
#header-container {
	background: #262016;
	float: left;
	width: 100%;
}

#header-wrapper {
	width: 830px;
	margin: 10px auto 0;
}

/********* header-menu ***********/
#header-menu ul {
	float: right;
}

#header-menu li {
	float: left;
}

#header-menu li a {
	text-transform: lowercase;
	background: transparent url('images/img_top_menu_bg.png') scroll 0 0px;
	/*
	background:transparent url(img/highlight.gif) repeat scroll 0 0;
	*/
	float: left;
	padding: 0 15px;
	margin-right: 8px;
	color: #69644e;
	height: 15px;
	position: relative;
	height: 28px;
	line-height:28px;
}

#header-menu li a:hover {
	background: transparent url('images/img_top_menu_bg.png') scroll 0 -28px;
	color: #eae5ce;
}

#header-menu a span.header-menu-end {
	background: transparent url('images/img_top_menu_bg.png') scroll -494px 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 6px;
	height: 28px;
}

#header-menu a:hover span.header-menu-end {
	background: transparent url('images/img_top_menu_bg.png') scroll -494px -28px;
}

#header-menu li:last-child a {
	margin: 0;
}

/********* search ***********/
#search {float:left; margin:0; padding:0; border:0;}
#search div {position:relative; width:247px;}
#search-input {position:absolute; top:0; left:0; overflow:hidden; width:180px; height:28px; background:url("images/inp-search.gif") 0 0 no-repeat; border:0; font-size:85%;}
#search-input input {position:relative; top:8px; left:28px; width:140px; margin:0; padding:0; border:0; color:#69644E;}
#search-submit {background:transparent url("images/inp-search-submit.gif") no-repeat scroll 0 0; position:absolute; top:0; right:0; border:0;width:60px; height:28px; text-indent: -10000px;}
#search-submit:hover {background:transparent url("images/inp-search-submit.gif") no-repeat scroll 0 -28px; position:absolute; top:0; right:0; border:0;width:60px; height:28px;text-indent: -10000px;}
/********* header-logo ***********/
#header-logo {
	width: 830px;
	float: left;
}

#header-logo h1 { font-size: 3em; font-weight: bold; text-transform: lowercase; line-height: 50px; float: left; letter-spacing: -1px; margin: 20px; margin-left: 0px;font-family: Arial, Helvetica, sans-serif; }
#header-logo h1 a { color: #69644E; }
#header-logo h1 a:hover { text-decoration: none; color: #EAE5CE }

#header-logo .subtitle { line-height: 50px; font-size: 1.2em; color: #55554e; margin-left: 1em; margin-top: 20px; float: left; text-transform: lowercase; }

#header-misc {
	float: left;
	background: url('images/img_donation_bg.gif') repeat-x 0 0;
	width: 100%;
}

/********* header-misc-content ***********/
#header-misc-content {
	width: 824px;
	margin: 0 auto 16px;
	height: 15px;
	padding: 0 8px 8px;
}

/********* CONTENT-CONTAINER *********/
#content-container {
	width: 840px;
	margin: 0 auto;
}

#content-wrapper {
	background:transparent url(images/img_bg.png) repeat-y scroll 0 0;
	float:left;
	margin:0 0 10px;
	width:840px;
}

/********* content-left ***********/
#content-left {
	background:#EAE5CE none repeat scroll 0 0;
	float:left;
	padding:0 0 5px;
	width:520px;
}

/********* content-post ***********/
.post, .nav {
	padding:8px;
	width:502px;
}

.post, .other, .nav {
	background:#FFFFFF url(images/img_content_bg.png) no-repeat scroll left top;
	clear:right;
	color:#69644E;
	float:right;
	margin:15px 0 0;
	position:relative;
}

.post-footer, .nav-footer {
	background:transparent url(images/img_content_bg.png) no-repeat scroll right top;
	width:518px;
	height:12px;
	left:0;
	position:absolute;
	bottom:0;
}

.date {color: #ccb; padding: 0.5em 1em; text-align: right; float: right;}
.date1 {font-size: 2em; display: block;}
.date2 {font-size: 1em; display: block;}
.date3 {font-size: 1em; display: block; font-weight: bold;}

.post h2 {
	font-size: 28px;
	line-height: 22px;
	margin: 10px 0 0;
	margin: 10px 5px 10px 5px;
}

.post h2 {
	font-size: 28px;
	line-height: 22px;
	margin: 10px 5px 10px 5px;
}
.post h3 { font-size: 2em; color: #69644E; padding: 0 8px; line-height: 1em; margin: 0; font-weight: normal; }
.post h4 { font-size: 1.2em; color: #69644E; padding: 0 8px; font-weight: normal; margin: 10px 0;}

.post p {
	line-height: 16px;
	font-size: 13px;
    margin: 10px 5px 10px 5px;
}

.entry img {	margin: 3px 5px 3px 0;
	border: 1px solid rgb(204, 204, 204);
	padding: 6px;
	background: rgb(248, 248, 255) none repeat scroll 0% 0%;}
img.left, img[align="left"] {
float:left;
margin: 3px 5px 3px 0;
}

img.right, img[align="right"] {
float:left;
margin: 3px 0 3px 5px;
}
.post a {
	color: #BEBE78;
	font-weight: normal;
	text-transform:lowercase;
}

.post a:hover {
	color: #a6ba00;
}


.post-meta {	clear:both;
	border-top: 1px dashed #CCCCCC;
	/*float:right;*/
	height:16px;
	text-transform:lowercase;
	width:501px;
	padding:0.5em 0;
	text-align:right;
}

.post-meta span {
	margin:0 5px;
}
.post-meta a {
/*
	color:#BEBE78;
	font-weight: normal;
*/
	font-size: 12px;
}

.post-meta a:hover {
	color:#AAA090;
}

.comment-meta a {
	background:transparent url(images/comment-meta.gif) no-repeat scroll left top;
	padding-left:17px;
}

/* next & previous post navigation */
.post-nav {
	clear: both;
	padding-bottom: 35px;
	margin-top: 5px;
	font-size: 95%;
	line-height:1.5em;
}
.post-nav a, .post-nav a:visited {
	color: #999999;
	text-decoration: none;
}
.post-nav a:hover {
	color: #A6A66B;
	text-decoration: none;
}
.post-nav .previous a {
	float: left;
	padding-left: 20px;
	background: url(images/post-nav-previous.gif) no-repeat left center;
}
.post-nav .next a {
	float: right;
	padding-right: 20px;
	text-align: right;
	background: url(images/post-nav-next.gif) no-repeat right center;
}

.entry {

}
/******** SERCH PAGE **************/
.recent { background:#69644E url(images/img_comment_bg.png) no-repeat scroll 0 0;
float:left;
padding:11px 0 0;
color:white;
}

.recent-footer{
background:#69644E url(images/img_comment_bg.png) no-repeat scroll right bottom;
float:left;
padding:0 10px 11px;
width:478px;
}
.recent li { clear: both; }
.recent li a { display: block; line-height: 1.7em; padding: 7px 10px; border-bottom: 1px dashed #CCCCCC; clear: both; }
.recent li a:hover { text-decoration: none; }
.recent li a:after { clear: both; content: "."; display: block; width: 0; height: 0; visibility: hidden; }
.recent strong { float: left; color:white;; font-weight: normal; font-size: 1.1em; width: 75%; }
.recent span { float: left; color:white;; font-size: .9em; width: 25%; text-align: right; }
.recent li a:hover strong { text-decoration: underline; }
.recent li.last a { border: 0;}

#results { padding-top: 17px; background: none; }
#results li { padding: 12px; background: none; border-bottom: 1px dashed  #CDCFBF; }
#results li strong { font-size: 1.7em; color: #BEBE78; display: block; line-height: 1em; font-weight: normal; }
#results li em { font-style: normal; color: #89897c; font-size: .85em; }
#results li em strong { font-size: 1em; display: inline; font-weight: normal; }

#results li small { float: right; font-size: .95em; color: #c3c3b1; background: url("images/comment-meta.gif") no-repeat left center; padding-left: 20px; margin-top: 6px; }

#results li a:hover { text-decoration: none; color: #89897c; }
#results li a:hover strong { color: #a6ba00; }

/************* pagenavi ***********/
.wp-pagenavi {
color:#AAA090;
float:left;
margin:0 0 0 15px;
padding:5px 0 8px;
text-transform:lowercase;
font-size:18px;
}
.wp-pagenavi span, .wp-pagenavi a {
color:#AAA090;
margin:0 9px;
}
.wp-pagenavi span.current {
background:transparent url(images/img_paged.png) no-repeat scroll center top;
color:#FFFFFF;
font-size:18px;
padding:3px 12px;
}
.wp-pagenavi a, .wp-pagenavi span.current {
font-weight:bold;
}
/*********** content-right ************/
#content-right {
	width: 302px;
	float: right;
}

#content-right .useImage {
	float: left;
}

/*********** SIDEBAR ************/

#sidebar {
list-style-image:none;
list-style-position:outside;
list-style-type:none;

}

.sidebar {
	background:#FFFFFF url(images/img_sidebar_bg.png) no-repeat scroll left top;
	float:left;
	margin:15px 0 0;
	padding:15px;
	position:relative;
	width:271px;

}

.sidebar a{
	color:#89897c;
}
.sidebar a:hover {
	color:#AAA090;
}
.sidebar-footer {
	background: url('images/img_sidebar_bg.png') no-repeat scroll right top;
	width: 301px;
	height: 12px;
	position: absolute;
	left: 0;
	bottom: 0;
	clear:both;
}

	.sidebar li ul li a {
		color:#89897c;
		font:normal 1.00em Arial, Helvetica, sans-serif;
	}
	.sidebar li ul li a:hover {
		color:#AAA090; text-decoration:none;
	}

		.sidebar li {
			margin:0 0 15px 0; padding:0;
		}

			.sidebar li ul {
				margin:0; padding:0;
				list-style:none;
				background:none;
			}

			.sidebar li ul li {
				margin:0; padding:5px 10px;
				background: url("images/li.gif") 0 8px no-repeat;
				padding-left: 16px;

			}

				.sidebar li ul li ul, .sidebar li ul li ul li ul {
					margin:10px 0 0 0;
					background:none;
				}

.sidebar h2 {
	margin:0;
	padding:0;
	font:23px Arial, Helvetica, sans-serif;
	background:none;
	border-bottom:1px dashed #CCCCCC;
	text-transform:lowercase;
}
.sidebar .widget_recent_comments a { float: none;}
.sidebar .widget_recent_comments ul li { text-align: left; color: #55554E; }

.sidebar .widget_recent_entries ul li { text-align: left; }

.sidebar .widget_tag_cloud { padding: 0px;; line-height: normal; }
.sidebar .widget_tag_cloud a { margin:0; font-style: italic; float: none; vertical-align: middle; }

.sidebar .widget_colorful_tag_cloud { padding: 0px; line-height: normal; }
.sidebar .widget_colorful_tag_cloud a { margin:0; font-style: italic; float: left; vertical-align: middle; }

.sidebar .widget_search { display: none; }

.sidebar .widget_links {
background: none;
}
/*** ***/
#isape-links h2 {font-size:80%;}

.sidebar widget itex_sape_itex_s_widget_links {	background: none;
	font-size:80%;}

#sidebar2 .widget_links ul {background: none; margin: 0 -7px;}

#sidebar2 .widget_links ul:afte{content: "."; visibility: hidden; display: block; clear: both; height: 0; width: 0;}

#sidebar2 .widget_links li{border: 0; background: none; padding: 0;margin: 7px; height: auto; line-height: normal;}

#sidebar2 .widget_links img { border: 6px solid #c3c3b1; }

/************* COMMENTS ****************/
.other {
padding:10px 9px 9px;
width:500px;
}

.comment-list {
float:left;
margin:9px 0 0;
}

.comment-list li {
	background: #f6f4ea url('images/img_comments_bg.png') no-repeat 0 0;
	padding: 8px 0 0;
	float: left;
	width: 499px;
	margin: 0 0 7px;
}

h3#comments {
	color: #aaa090;
	font-size: 30px;
	float: right;
	margin: 11px 7px 0;
	width: 510px;
	display: block;
	letter-spacing: -1px;
	word-spacing: -2px;
}

h3#comments strong {
	margin: 0 6px;
}

h3#comments strong, h3#comments span {
	color: #69644e;
}
#comment-form p.logged_as { margin-bottom: .5em; font-size: 1.3em; color:#AAA090; font-weight: bold;}

#comment-form a { color: #69644E; font-weight: bold; }

#comment-form h3 {
color:#69644E;
font-size:1.9em;
font-weight:normal;
line-height:1em;
margin:0.5em;
text-transform:lowercase;
}

.comment-content {
	float: right;
	color: #aaa090;
	padding: 7px 10px 8px 0;
	width: 404px;
}

.comment-content p {
	display: inline;
}

.comment-content a {
	color: #69644e;
}

.comment-metadata {
	float: left;
	color: #d1cac0;
	padding: 5px 12px 8px 0;
	width: 487px;
	background: url('images/img_comments_bg.png') no-repeat 100% 100%;
}

.comment-metadata small {
	float: right;
	width: 405px;
	padding: 5px 0 0;
	border-top: 1px solid #ebe7dd;
	font-size: 11px;
}

.comment-metadata a {
	color: #d1cac0;
}

.comment-permalink {
	float: right;
}

.avatar-bg {
	background: url('images/avatar.png') no-repeat 0 0;
	width: 65px;
	float: left;
	height: 50px;
	padding: 6px;
	margin-left: 8px;
}

.admin-comment {
	background: url('images/avatar.png') no-repeat 0 -62px;
}

.comment-metadata {
background:transparent url(images/img_comments_bg.png) no-repeat scroll 100% 100%;
color:#D1CAC0;
float:left;
padding:5px 12px 8px 0;
width:487px;
}

#yaapc_message {
margin-bottom:0.8em;
margin-top:0.8em;
}

form#commentform {
background:transparent url(images/img_comment_bg.png) no-repeat scroll 0 0;
float:left;
padding:11px 0 0;
/* my */
z-index:333;
/* end my */
}

form#commentform dl {
background:#eae5ce url(images/img_comment_bg.png) no-repeat scroll right bottom;
float:left;
padding:0 10px 11px;
width:478px;
}

form#commentform dt {
color:#AAA090;
float:left;
font-size:11px;
height:40px;
margin:0 0 3px;
width:133px;
}

form#commentform dt label {
float:left;
height:33px;
padding:5px 0 0;
line-height: 28px; font-size: 22px;
width:125px;
color:#AAA090;
font-weight:bold;
font-style:italic;
text-align: right;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
text-transform:lowercase;
}

form#commentform dd {
float:left;
margin:0 0 3px;
width:345px;
}

form#commentform dd input {
background:transparent url(images/img_comment_input.png) no-repeat scroll 0 0;
float:left;
height:20px;
padding:13px 16px 7px;
width:314px;
}

form#commentform input, form#commentform textarea {
-x-system-font:none;
border:0 none;
color:#AAA090;
font-family:Arial;
font-size:14px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0;
padding:0;
}

form#commentform dt.empty-cell {
display:none;
}

form#commentform dd.textarea {
background:transparent url(images/img_comment_textarea.png) no-repeat scroll 0 0;
margin:3px 0 0;
padding:7px 0 0;
width:480px;
}

form#commentform dd.textarea-footer {background:transparent url(images/img_comment_textarea.png) no-repeat scroll right bottom;margin:0 0 0;
padding:7px 0 0;
width:480px
}
form#commentform dd.textarea textarea {
background:#FFFFFF ;
padding:0 15px 0;
width:449px;
}

form#commentform dt.disclaimer {
border-right:1px solid #837D64;
margin:10px 0 0 10px;
padding-right:10px;
text-align:right;
width:360px;
}

form#commentform dd.submit {
width:83px;
height:43px;
}

form#commentform dd.submit input {
background:transparent url(images/img_comment_replace.png) no-repeat scroll 0 0;
height:43px;
width:83px;
margin:8px 10px 0;
padding:0;
border: 0;
text-indent: -10000px;
vertical-align: middle;
cursor:pointer;
z-index:1000;
color:black;
}

/************ FOOOTER **************/
#footer {
	float: left;
	background: #d4ceb4;
	width: 100%;
	margin: 10px 0 0;
	padding: 25px 0 0;
}

#footer-content {
	float: left;
	background: #262016;
	width: 100%;
}

#footer-wrapper {
	width: 840px;
	margin: 0 auto;
	position: relative;
}

#footer-ads {
	float: left;
	width: 100%;
}

#footer-ads div#footer-author {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #3a3527;
}

#footer-ads div div {
	float: right;
	width: 260px;
	margin-right: 5px;
}

#footer-ads div p {
	margin: 5px 0 8px;
}


#footer-copy {
	float: left;
	background: #69644e;
	width: 100%;
	color: #bab1a0;
	margin: 20px 0 0;
}

#footer-copy a {
	color: #eae5ce;
}

#footer-copy p {
	width: 830px;
	margin: 0 auto;
	padding: 15px 5px 13px;
}

#footer-copy p span {
	float: right;
}