/*  
Theme Name: Patricy Personal
Theme URI: http://patricy.com.ua
Description: This is my theme for a Wordpresstheme Box.
Version: 1.0
Author: Kitsyuk Sergei
Author URI: http://patricy.com.ua

*/

/*   MAIN LAYOUT */
*{margin:0; padding:0;}

body {
	color:#444444;
	margin:0px;
	padding:0px;
	font-size:1em;
    line-height:125%;
    font-family: Georgia, "Book Antiqua", Times;
    /*font-family:Verdana,sans-serif; */
    /*font-family: Times, Georgia; */
	}
.logotype{
	border:none;
    position:absolute;
    right:80px;
    top:13px
	}
.site_title{
	color:#999999;
    font-size:1em;
    font-family:times;
    position:absolute;
    right:230px;
    top:101px;
	}
.head_div{
    background-color:#000000;
    position:absolute;
    left:0px;
    top:0px;
    height:99px;
    width:100%;
    border:none;
    color:#FFFFFF
	}
hr {
	color:#CCCCCC;
}
/* All the content boxes belong to the content class. */
.content {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:auto;
	min-width:120px;

	margin-left:220px;
	margin-bottom:170px;
	margin-right:300px;
	border:none;
	top:115px;

	padding:10px;
	z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	}
#navAlpha {
	position:absolute;
	width:210px;
	top:120px;
	left:0px;
	border:none;
	background-color:white;
	padding:0px;
	z-index:2;

/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity.
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it.
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style
declaration. The incorrect IE5/Win value is above, while the correct value is
below. See http://glish.com/css/hacks.asp for details. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:168px;
	}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct
length values to user agents that exhibit the parsing error exploited above yet get
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#navAlpha {
	width:168px;
	}

#navBeta {
	position:absolute;
	width:310px;
	top:160px;
	right:0px;
	border:none;
	background-color:white;
	padding:10px;
	z-index:1;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:168px;
	}
/* Again, "be nice to Opera 5". */
body>#navBeta{
	width:300px;
	}

.line_hor1{
	position:absolute;top:5px;right:0px;width:85%;height:1px;background-image:url('images/l_hor.gif');background-repeat:repeat-x;z-index:4
	}
.line_hor2{
	position:absolute;top:85px;right:0px;width:95%;height:1px;background-image:url('images/l_hor.gif');background-repeat:repeat-x;z-index:4
	}
.line_hor3{
	position:absolute;top:125px;right:0px;width:90%;height:1px;background-image:url('images/l_hor.gif');background-repeat:repeat-x;z-index:4
	}
.line_hor4{
	position:absolute;top:98px;right:0px;width:100%;height:1px;background-image:url('images/l_hor.gif');background-repeat:repeat-x;z-index:4
	}

.line_vert1{
	position:absolute;top:0px;left:200px;width:1px;height:600px;background-image:url('images/l_vert.gif');background-repeat:repeat-y;z-index:5
	}
.line_vert2{
	position:absolute;top:145px;right:300px;width:1px;height:500px;background-image:url('images/l_vert.gif');background-repeat:repeat-y;z-index:5
	}


/* main menu */
#main-site-menu{
        padding-left:20px;
        padding-top:50px;
        line-height:0.4em
}

.menu_item_highlight{
	margin:-31px 0px 0px 0px;
	border:none;
}

.menu_item_normal{
	margin:0px;
	border:none;
}

.menu_item{
	overflow:hidden;
	height:29px;
	width:150px;
	cursor:pointer;
	border:none;
	}

/* date calendar */
.blog_header {
    height:65px;
    vertical-align:middle;
    position:relative;
}
.blog_date {
    background-image:url(images/date.jpg);
    background-repeat:no-repeat;
    float:left;
    height:65px;
    margin-left:0;
    margin-right:20px;
    text-align:center;
    width:50px;
}
.blog_date_month {
    color:white;
    font-size:12px;
    margin:3px;
    padding:0;
    position:relative;
}
.p_blog_title {
    top:1px;
    left:0px;
    position:absolute;
    height:65px;
    width:100%;
    vertical-align:middle;
}

.p_post_meta{
    position:absolute;
    bottom:0px;
    right:28px;
    padding-left:0px;
	color:#AAAAAA;
	font-size:0.9em;
}


.p_blog_date {
    background-image:url(images/date.jpg);
    background-repeat:no-repeat;
    height:65px;
    margin-left:0;
    margin-right:20px;
    text-align:center;
    width:50px;
    top:1px;
    position:absolute;
}
.p_blog_date_day {
    color:#666666;
    font-size:20px;
    font-weight:bold;
	position:absolute;
	top:25px;
	text-align:center;
	width:100%;
}

.p_blog_date_year {
    font-size:9px;
    position:absolute;
	bottom:2px;
	text-align:center;
	width:100%;
}
.p_blog_date_month {
    color:#FFFFFF;
    font-size:12px;
    position:absolute;
	text-align:center;
	top:2px;
	width:100%;    
}

.blog_date_day {
    color:#666666;
    font-size:20px;
    font-weight:bold;
    margin:0;
    padding-top:0px; /*2 */
}
.blog_date_year {
    font-size:9px;
    margin:0;
    padding:0;
    line-height:110%;
}


.gertruda_image{
    position:absolute;
    right:0px;
    top:30px;
}


/*body, th, td, input, textarea{color:#333333; font-family:"Trebuchet MS" ; font-size:12px;}*/
input, textarea{font-weight:bold;}
input.text{background:#FFFFFF; border:none; padding:1px;}
input.button{background:#000000; border:1px solid #000000; color:#ffffff;}
/*h1{font-size:2.5em; font-weight:lighter; letter-spacing:-.075em;}*/
h2{color:#999999; font-size:1.2em;padding-top:10px;padding-bottom:10px}
h3{font-size:1em;}
/*p, ul, ol{font-size:1.1em; line-height:1.8em; margin-top:1.5em;} */
p {margin-top:1em;}
/* ul, ol{margin-left:3em;} */
blockquote{margin-left:3em; margin-right:3em;}
a{color:#6DA3BD; text-decoration:underline;}
a:hover{border:none; color:#4D7285; text-decoration:underline}
h1 a, h2 a, h3 a{border:none;color:#333333; text-decoration:none;line-height:1em;}
h1 a:hover, h2 a:hover, h3 a:hover{background:none; color:#6DA3BD;text-decoration:none;}
hr{display:none;}
#wrapper{}

#menu ul{line-height:normal; list-style:none; margin:0; padding:0;}
#menu li{float:left;}
#menu a{color:#FFFFFF; display:block; float:left; font-size:1em; height:20px; margin-right:1px; padding:0px 20px 0 20px; text-decoration:none;}
#menu a:hover{background:#72572b; color:#ffffff;}
#menu .current_page_item a{background:#72572b; color:#ffffff;}
#search{float:left; padding:10px; width:270px;}
#search fieldset{border:none;}
#search #s{padding:3px; width:140px;}
#search #x{width:60px;}

#page{background:#FFF;border:10px solid #ffffff;border-bottom:none;border-top:none;margin:0 auto;padding:20px 0px 0 0px;}
#content{float:left;padding:0px 0px 0px 20px;width:570px;}
.post{position:relative;margin-bottom:30px;line-height:135%;margin-top:20px;}
.post .title{font-weight:normal;margin:0;}
/* h1.title{color:#333;font-size:2em;padding-left:15px;text-transform:uppercase;} */
h2.title{color:#72572b;font-size:1.2em;padding-bottom:20px;padding-left:15px;text-transform:uppercase;}
.desctitle{font-size:10px;}
.post h1.title{height:30px;padding-left:60px;}
.post .entry{padding:0 10px 30px 0px;text-align:left;}
.post .meta{border-bottom:1px dotted #CCCCCC;color:#999999;font-family:Arial, Helvetica, sans-serif;font-size:10px;margin:0;padding:5px 0px 0px 15px;}
.post .meta a{color:#999999;}
.post .links{margin:0;}
.post .tags{background:url(images/img04.gif) repeat-x;font-size:.8em;font-weight:bold;margin:0;text-transform:uppercase;}
.post .links a, .post .tags a{border:none;}
#recent-posts{}
#recent-posts ul li{background:url(images/img04.gif) repeat-x left bottom;font-size:0.8em;padding:3px 3px 3px 15px;}
#recent-posts h2{background:url(images/img12.gif) no-repeat left top;height:25px;margin:0;padding:2px 5px 5px 30px;}
#recent-posts h3{background:url(images/img04.gif) repeat-x left bottom;font-size:13px;margin:0;padding:15px 0 0 15px;}
#recent-posts p{font-size:13px;line-height:22px;margin:0 0 10px 0;padding:15px 0 0 15px;}
.sidebar{float:left;}
.sidebar ul{list-style:none;margin:0;padding:0;}
.sidebar li{margin-bottom:2em;}
.sidebar li ul{}
.sidebar li li{margin:0;}
.sidebar li h2{margin:0 0 0.7em 0;}
#sidebar1{padding-left:10px;width:150px;}
#sidebar1 li h2{background:url(images/cat-head.gif) no-repeat left top;height:25px;margin:0 0 0.2em 0;padding:4px 5px 5px 10px; color:#FFF; font-size:16px; font-weight:bold; text-transform:uppercase}
#sidebar1 li ul{background:url(images/img04.gif) repeat-x;line-height:normal;}
#sidebar1 li li{background:url(images/img04.gif) repeat-x left bottom;font-size:.8em;padding:5px;}
#sidebar2{padding:0px 0px 0px 20px;width:270px;}
#sidebar2 li h2{background:url(images/cat-head.gif) no-repeat left top;height:25px;margin:0 0 1em 0;padding:4px 5px 5px 10px; color:#FFF; font-size:16px; font-weight:bold; text-transform:uppercase}
#sidebar2 li ul{background:url(images/img04.gif) repeat-x;line-height:normal;}
#sidebar2 li li{background:url(images/img04.gif) repeat-x left bottom;font-size:.8em;padding:5px;}
#sidebar2 li a{border:none;padding-left:10px;}
#sidebar2 li a:hover{border:none;padding-left:10px;}
#calendar{margin:0 auto;}
#calendar caption{font-weight:bold;}
#calendar table{border-collapse:collapse;text-align:center;width:220px;}
#calendar thead th{background:#CCCCCC;color:#FFFFFF;}
#calendar tbody td{background:#EEEEEE;}
#calendar #today{background:#B8D03B;color:#FFFFFF;font-weight:bold;}
#calendar a{font-weight:bold;}
#calendar #prev{text-align:left;}
#calendar #next{text-align:right;}
#design{background:#FFFFFF url(images/lines2.gif) bottom right no-repeat;height:138px;}
#footer{background-color:#91723d; border-top:5px solid #72572b; color:#FFFFFF; font-size:9px; padding:5px; text-align:center;}
#footer a{color:#CCCCCC;}
.info{background-color:#F5F5F5; border-bottom:2px solid #777777; border-top:3px solid #E1E1E1; margin-bottom:20px; padding:10px;}
.comlabel{background:url(images/lines.gif) bottom center no-repeat;color:#666666;font-size:13px;font-weight:lighter;margin-top:10px;padding:60px;}
.comtext{background-color:#72572b;border:5px solid #FFFFFF;color:#FFFFFF;padding:5px;}
.postlabel{background:url(images/lines.gif) bottom center no-repeat;color:#666666;font-size:13px;font-weight:lighter;margin:10px 0px 10px 0px;padding:60px;}
.posttext{background-color:#19727d;border:5px solid #FFFFFF;color:#FFFFFF;padding:5px;}
.commentlist{list-style:none;}
.authorcomment{background-color:#efefef;margin:10px 0px 0px 0px;padding:3px;}
.odd{border-bottom:2px solid #E5E5E5;color:#333333;padding:2px 10px 2px 10px;}
.odd a:link{color:##6DA3BD;}
.commenttext{color:#000000;color:#666666;font-size:10px;margin:0px 0px 10px 0px;padding:5px 10px 5px 10px;text-transform:uppercase;}
#author, #email, #url{background:#efefef;border:1px solid #cbcbcb;font:13px 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Tahoma, Arial, Verdana, sans-serif;margin-bottom:0.6em;margin-top:5px;padding:3px;width:40%;}
#comment{background:#efefef;border:1px solid #cbcbcb;font:13px 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Tahoma, Arial, Verdana, sans-serif;margin-bottom:0.6em;margin-top:5px;padding:3px;width:100%;}
#submit{background-color:#efefef;border-bottom:2px solid #CCCCCC;border-left:1px solid #E4E4E4;border-right:2px solid #CCCCCC;border-top:1px solid #E4E4E4;font:13px 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Tahoma, Arial, Verdana, sans-serif;padding:3px;}
acronym, abbr, span.caps{cursor:help;}
acronym, abbr{border-bottom:1px dashed #999;}
blockquote{border-left:5px solid #ddd;margin:15px 30px 0 10px;padding-left:20px;}
blockquote cite{display:block;margin:5px 0 0;}
.center{text-align:center;}
hr{display:none;}
a img{border:none;}
.alignright{background-color:#EAEAEA;float:right;padding:5px;}
.alignleft{background-color:#EAEAEA;float:left;padding:5px;}
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;}
pre{background:#f3f2ed; border:solid 1px #9a9a9a; color:blue; margin:10px; padding:10px;}
code{color:#000; font-size:1.0em;}

ul, ol {
list-style:none;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

/*---------COMMENTS --------- */
span.comments {margin-left:5px; padding-left:20px; background: url(images/comments-trans.png) no-repeat bottom left }
.commh2{font-size:21px !important; color:#333 !important; padding:0 0 5px 0 }
#comments ol{padding:20px 0;}
#comments .comment { margin-top: 10px; width: 100%;}
#comments .comment .meta-left { width: 90px; float:left; color:#bbb; font-family:Georgia, Times, serif }
#comments .comment .meta-left p{ padding:10px 0 0 0 }
#comments .comment .meta-left .meta-wrap {width: 90px; margin-right: -16px; overflow: hidden; padding-right: 7px; min-height:70px }
.authorcomment, .authorcomment a, .authorcomment a:hover {color:#515151 }
#comments .comment small {font-size: 11px }
* html #comments .comment .text-right { height: 100px }
#comments .comment .text-right { min-height: 70px; margin: 0; background:#F8F8F8; padding: 12px; border: #DEDEDE 1px solid; margin-left:100px; float:none }
#comments .comment .text-right a{ text-decoration:underline }
#comments .comment .text-right p { line-height: 18px; padding: 0 0 8px 0 }
#comments ul.children { margin:10px 0 0 20px; padding:0 }
#comments .commentlist { padding:0 }
#comments .comment .authcomment{ background:#EAEAE3; border: #CCC6B7 1px solid }
p.commpadd{padding:10px 0 10px 0 }
span.comm-reply{ float:right; color:#bbb; padding:5px 0 0 0 }
span.comm-reply a, span.comm-reply a:hover{ font-size:13px; color:#bbb }
.cancel-comment-reply{padding:0 0 10px 0 }
#respond {padding:10px }
#respond textarea, .commpadd input{border: #DEDEDE 1px solid; background:#F8F8F8 }
input#submit{font:bold 12px Arial,Helvetica,Tahoma,Verdana,Sans-Serif; color:#FFF; text-align:center; padding: 5px; border:1px solid #DEDBD1; background:#000; margin:0 0 7px }

/* ------- jquery TABS ----------------*/


/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #666;	
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background-image: url('images/tabs.png');
	background-repeat:no-repeat;
	background-position: -420px -62px;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#000;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
outline:none;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px 0;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.w1 			{ background-position: -519px 0; width:134px; }
ul.tabs a.w1:hover 	{ background-position: -519px -31px; }
ul.tabs a.w1.current { background-position: -519px -62px; }

/* width 2 */
ul.tabs a.w2 			{ background-position: -366px -0px; width:154px; }
ul.tabs a.w2:hover 	{ background-position: -366px -31px; }
ul.tabs a.w2.current { background-position: -366px -62px; }


/* width 3 */
ul.tabs a.w3 			{ background-position: -193px -0px; width:174px; }
ul.tabs a.w3:hover 	{ background-position: -193px -31px; }
ul.tabs a.w3.current { background-position: -193px -62px; }

/* width 4 */
ul.tabs a.w4 			{ background-position: -0px -0px; width:194px; }
ul.tabs a.w4:hover 	{ background-position: -0px -31px; }
ul.tabs a.w4.current { background-position: -0px -62px; }


/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}
div.panes div ul {
        background-position: top right;
	background-image: url('http://cdn.last.fm/flatness/logo.6.png');
	background-repeat:no-repeat;
}

/*gifts */
.div-gift{
    width:100%;
    position:relative;
    float:left;
    height:150px;
    padding:5px;
    margin-bottom:20px;

}

.postmetadata{
    padding:10px 20px 10px 0;
	position:relative;
	color:#AAAAAA;
	font-size:0.9em;
}

.postmetadata a{
	background:url(images/post_comm_a.gif) no-repeat;
	padding-bottom:10px;
	line-height:19px;
}


.postmeta{
	display:block;

}

.more-link{

}



/* COMMENTS MY */

.comment-box{
	//border:1px solid blue;
	width:100%;
	position:relative;
}

.comment-box-top{
//	border:1px solid red;
	height:50px;
	width:100%;
	position:relative;

}



.comment-box-content{
	//border:1px solid yellow;
	position:relative;
}

.comment-box-bottom{
	height:50px;
	width:100%;
	position:relative;
}
.comment-box-top-left{
	position:relative;
//	top:0px;
//	left:0px;
	height:50px;
	width:250px;
	background-image:url(images/baloon_top_left.png);
	float:left;
}
.comment-box-top-center{
	height:50px;
	background-image:url(images/baloon_top_repeat.png);
	background-repeat:x-repeat;
	position:relative;
	//left:250px;
	//top:0px;
	margin:0 auto;
	float:left;
}

.comment-box-top-right{
	position:absolute;
	top:0px;
	right:0px;
	height:50px;
	width:250px;
	background-image:url(images/baloon_top_right.png);
}
.comment-box-bottom-left{
	position:absolute;
	bottom:0px;
	left:0px;
	height:50px;
	width:250px;
	background-image:url(images/baloon_bottom_left.png);
}
.comment-box-bottom-right{
	position:absolute;
	bottom:0px;
	right:0px;
	height:50px;
	width:250px;
	background-image:url(images/baloon_bottom_right.png);
}

.commentlist p, .trackbacklist {
	line-height: 20px;
}
#respond h3,h3#comments,h3#pings {
	font-weight:400;
	/* font-size:13px;
	 text-transform:uppercase; */
	color:#888888; 
	border-bottom:1px solid #888;
	margin-bottom:10px;
	padding-bottom:5px;
}

.comment {
	border:1px solid #ccc;
	position:relative;
	min-height:70px;
	padding:25px 0;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 10px;
}

.even {
	border:1px solid #DDDDDD;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 10px;
}

.byuser {
	background:#EEEEEE;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.commentlist .children {
	padding-left:20px;
}

.cleft {
	position:absolute;
	left:10px;
	top:25px;
	max-width:145px;
	color:#aaa;
}

.cright {
	margin-left:100px;
	min-height:70px;
}

.numero {
	font-size:60px;
	color:#DDDDDD;
	position:absolute;
	right:10px;
	bottom:20px;
	z-index:0;
	font-style:italic;
	font-family:Georgia;
	font-weight:400;
	top:15px;
}
.byuser .numero {
	font-size:60px;
	color:#BBBBBB;
	position:absolute;
	right:10px;
	bottom:20px;
	z-index:0;
	font-style:italic;
	font-family:Georgia;
	font-weight:400;
	top:15px;
}

.texe {
	z-index:400;
	position:relative;
	padding-right: 60px;
}
.texe abbr {
	font-size: 11px;
}
.cleft .avatar {
	height:60px;
	display:block;
	width:60px;
	border:1px solid #999;
	margin-right:10px;
	background:#fff;
	margin-left:10px;
	padding:2px;
}

.cleft .avatar:hover {
	background:#fff;
	border:1px solid #ccc;
	margin-left:10px;
	padding:2px;
}

.comment-meta {
	font-size:11px;
	line-height:14px;
	margin-bottom:10px;
}

.reply {
	//font-size:11px;
	position:absolute;
	right:10px;
	bottom:10px;
}

#respond textarea {
	border:1px solid #111;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	width:70%;
	background:#fff;
	margin:10px 0;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#respond input#author,#respond input#email,#respond input#url {
	border:1px solid #111;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	width:50%;
	background:#fff;
	padding:5px 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.comform {
	background:#f1f1f1;
	margin-bottom:10px;
	border:1px solid #ccc;
	padding:15px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

}

#submit {
	background:#000 url(../images/bg-top.gif) 0 0 repeat-x;
	color:#fff;
	border:none;
	margin-bottom: 10px;
	padding:10px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}