/* CSS Document */
* {	margin: 0;	padding: 0;}
html {height: 100%}
html, body{ padding:0px; margin:0px auto; height:100%; width:100%; background: #da9707; color:#fff;  font-family:Arial, Helvetica, sans-serif;}

/***********************************************friend_page***************************************************************/

/*container*/
#container { /*position:relative;*/ width:995px; margin:0px auto;  min-height:100%; height:auto!important; height:100%; padding:0px; background:url(/wp-content/themes/bez_leybl/img/friend-bg.jpg) no-repeat;}

/*header*/
#top_header { position:relative; width:935px; height:50px; padding:0 0 0 20px; overflow:hidden; }
#top_copyright { position:relative; height:15px; margin-top:20px; font-size:9px; color:#fff; padding:0 0 0 3px;}

/*top-nav*/
#top-nav { height:10px; margin-top:5px;}
#top-nav ul li { display:inline; list-style:none; border-left: 1px dotted #fff;  }
#top-nav a { margin: 5px; text-decoration:none; color:#fff; font-size:9px}
#top-nav a:hover { text-decoration: none; color:#fff; border-bottom:1px dotted #fff}
#top-nav li.current_page_item a {text-decoration: none; color:#fff; border-bottom:1px dotted #fff}

/*main_box*/
#main_box { position:relative; width:995px; padding: 0 0 207px;	height: 1%; z-index:3 }
#main_box:after { content: '.';	display: block;	clear: both; visibility: hidden; height: 0;}

#left_box, #left_box_cat { position:relative; float:left; width:200px; padding:0px 0px 20px 20px; z-index:2}
#left_box_cat { width:250px;}
#logo_box { position:relative; float:left; width:160px; height:76px; background:url(../img/leyba-logo.jpg);}
#logo_text { position:relative;  float:left; width:160px; min-height:15px; font-size:13px; color:#fff; font-weight:bold; text-align:center; text-shadow:0px 1px #000; }
#blog-img { position:absolute; background:url(../img/blog.gif); width:20px; height:16px; top:-6px; right:-22px; }

#middle_box {position:relative; float:left; width:300px; margin-top:50px; font-size:11px; color:#000}
#yellow-btn1 { position:relative; float:left; margin-top:-25px; margin-left:25px; width:16px; height:22px;}
h1 { font-size:15px; color:#949292; font-weight:bold; margin-bottom:5px;}

#right_box { position: relative; float:left;  width:360px; margin-top:20px; }
#green-btn { position:relative; float:left; margin-top:-20px; margin-left:25px; width:15px; height:22px; z-index:2}
#yellow-btn { position:relative; float:left; margin-top:-20px; margin-left:95px; width:13px; height:24px; z-index:2}
#right_box a { color:#fff; text-decoration:none; border:none;}
#right_box a:hover { text-decoration:none; border:none;}

em { font-style:italic;}
strong { font-weight:bold;}

/***scrollale***/
#arrow_left { position:absolute; left:396px; top:143px; width:43px; height:31px; background:url(../img/arrow_left.gif) no-repeat; cursor:pointer; z-index:5}
#arrow_right { position:absolute; left:353px; top:143px; width:44px; height:31px; background:url(../img/arrow_right.gif) no-repeat; cursor:pointer; z-index:5}

#photo { position:relative; float:left; width:470px; height:180px; overflow:hidden; }
.scrollable{ width:470px; height:150px; position:absolute; top:0px; z-index:2; }
.scrollable div.items { height:150px; position:absolute; width:5000px;  }
.scrollable div.items div { height:110px; float:left; margin:5px; background:#fff; width:135px; padding:5px; text-align:center; overflow:hidden; opacity: 0.8; filter: alpha(opacity=80); vertical-align: middle;}
.scrollable div.items div a{ display:block; float:left; height:90px; width:135px; background:#0b5c5d; padding:0px; margin:0px; overflow:hidden; vertical-align: middle; }
.scrollable div.items div a img{ border:none; vertical-align: middle; margin-top:10px;}

.ngg-gallery-thumbnail {background:url(../img/yellow-btn.gif) 40px top no-repeat; padding-top:20px;}

/*post*/
#entry_box { position:relative; float:left; width:700px; height:390px; margin:0 20px 0 50px; z-index:2; overflow:hidden;}
.hentry { float:left; margin:0 0 15px 40px; width:190px; height:180px; position:relative;}
.hentry small { color:#0b5c5d; font-size:12px; font-weight:bold  }
.hentry h2.entry-title { font-size:14px; color:#feffff; padding:0!important; font-weight:normal; text-align:left; height:30px; overflow:hidden; }
.hentry h2.entry-title a {color:#feffff; text-decoration: none; font-size:12px; padding:0; font-weight:bold }
.hentry h2.entry-title a:hover {color:#feffff; text-decoration:underline;}
.hentry a.next-link { color:#0f8ed7; font-size:12px; text-decoration:underline; padding:0 10px 3px 0;  float:right}
.hentry a.next-link:hover { text-decoration:none}
.hentry a.post-thumb img.wp-post-image { margin:0; padding:0; position:relative; }
.hentry a.post-thumb { display:block; /*background:#0b5c5d;*/ padding:7px 7px 20px; margin:0 15px 5px 0; width:175px; height:115px; position:relative; overflow:hidden; }
.hentry a.post-thumb .opc { position:absolute; left:0px; top:0px; background:#fff;  opacity: .7; filter: alpha(opacity=70);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; width:189px; height:142px;}
.hentry .comments { color:#fff; font-size:10px; }
.hentry .comments a { color:#fff; font-size:10px; text-decoration:none}
.hentry .comments a:hover { color:#fff; text-decoration: underline}
.hentry .y-btn { background: url(../img/y-btn.png); width:14px; height:20px; position:absolute; top:10px; right:25px;}

#entry_box .scrollable_blog { width:700px; height:390px; position:absolute; top:0px; z-index:2; }
#entry_box .scrollable_blog div.items { width:700px; position:absolute; height:5000px;  }
#entry_box #arrow_left { position:absolute; left:0px; top:73px; width:31px; height:43px; background:url(../img/arrow_left1.gif) no-repeat; cursor:pointer; z-index:5;  opacity: .8; filter: alpha(opacity=80);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
#entry_box #arrow_right { position:absolute; left:0px; top:30px; width:31px; height:43px; background:url(../img/arrow_right1.gif) no-repeat; cursor:pointer; z-index:5;  opacity: .8; filter: alpha(opacity=80);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}

.entry-summary a.post-title { color:#feffff; text-decoration: none; font-size:11px; padding:0; font-weight:bold; height:14px; display:block; overflow:hidden;}
.entry-summary a:hover {color:#feffff; text-decoration:underline;}
.entry-summary a.post_thumb { display:block; width:70px; height:40px; background:#fff; text-align:center; padding:3px 3px 7px; opacity: .8; filter: alpha(opacity=80);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
.entry-summary .bg_thumb  { display:block; width:70px; height:40px; background:#0b5c5d; text-align:center;}
.cat_post { margin:10px 0 0;}
.cat_post li { float:left; width:80px; margin:0 0 5px;}

/*single_box*/
#single_box { position:relative; float:left; width:720px; z-index:2; overflow:hidden; }
#single_box small { color:#0b5c5d; font-size:13px; font-weight:bold }
#single_box h2.entry-title { font-size:14px; color:#feffff; padding:0!important; font-weight: bold; text-align:left; }
#single_box_text { padding:10px 10px 30px; background:#fff; font-size:13px; width:370px;}
#single_box_text_bg { background:#0B5C5D; min-height:300px; height:auto !important; height:300px; padding:10px}
#single_box_text h1, #single_box_text h2, #single_box_text h3, #single_box_text h4, #single_box_text h5, #single_box_text h6 { margin-bottom:15px; color:#fff; text-align:left; font-weight:normal; padding:0 15px 0;}
#single_box_text h1.title { font-size:16px; color:#fff; text-shadow:0px 1px #000; font-weight:bold; margin-bottom:5px;}
#single_box_text h1 {font-size:20px;}
#single_box_text h2 {font-size:19px;}
#single_box_text h3 {font-size:18px;}
#single_box_text h4 {font-size:16px;}
#single_box_text h5 {font-size:15px;}
#single_box_text h6 {font-size:14px;}
#single_box_text p {text-indent:15px; margin:10px 0; line-height:16px;}
#single_box_text strong { font-weight:bold;}
#single_box_text em { font-style:italic;}
/*#single_box_text ul { float:left; width:100%;}*/
#single_box_text ul li { background:url(img/li.gif) left no-repeat; margin:0 0 5px 15px; line-height:18px; text-align:left; padding:0 0 0 15px;}
#single_box_text ol li { margin-bottom:5px; list-style: decimal; margin-left:30px; line-height:18px; text-align:left;}
#single_box_text small { font-size:11px;}
#link_pages { text-align:center; margin-top:10px;}

/*comments*/
#comment_box { position:absolute; top:32px; right:0px; width:320px; }
#comment_content { position: relative; width:320px; height:360px; overflow:hidden; }
#comment_box .scrollable_comment { width:280px; height:360px; position:absolute; top:0px; z-index:2; }
#comment_box .scrollable_comment div.items { width:280px; position:absolute; height:5000px;  }
#comment_box #arrow_left { position:absolute; left:285px; top:43px; width:31px; height:43px; background:url(../img/arrow_left1.gif) no-repeat; cursor:pointer; z-index:5;  opacity: .8; filter: alpha(opacity=80);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
#comment_box #arrow_right { position:absolute; left:285px; top:0px; width:31px; height:43px; background:url(../img/arrow_right1.gif) no-repeat; cursor:pointer; z-index:5;  opacity: .8; filter: alpha(opacity=80);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
.commentlist { position:relative; width:280px;  }
.comment_list, .children .comment_list  { background:#ad7807; opacity: .8; filter: alpha(opacity=80);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; margin:0 0 10px; padding:5px;  }
.children .comment_list { background:#eca816;}

#comments { font-size:11px}
#comments_num { font-size:11px; float:right; padding:0 40px 0 0;}
#respond h5 { font-size:15px; color:#3b7eaf;}
#commentform { font-size:15px; color:#7e8393;}
#author, #email, #comment { opacity: .5; filter: alpha(opacity=50);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; border:none; color:#000; font-family:Arial, Helvetica, sans-serif  }
#author {padding:2px; margin:3px; font-size:12px; background:#fff;}
#email {padding:2px; margin:3px; font-size:12px; background:#fff;}
#comment {padding:2px; margin:3px; font-size:12px;  background:#f1f3f7; width:380px; height:70px;}
#submit { margin:5px 3px; padding:2px; color:#333;  font-size:13px;  cursor:pointer; border: 1px solid #4F898D; background:#4F898D; color:#fff; cursor:pointer; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; -moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px;}
#submit:hover { border: 1px solid #ffcb05; background:#ffcb05;  -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; -moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; color:#4F898D; }
.comment_meta { color:#fff; font-weight:bold; font-size:13px;}
.comment_meta a { color:#fff; font-size:13px;}
.comment_text { font-size:12px; color:#fff }
.reply { text-align:right; padding-right:10px; padding-top:3px;}
.reply a { color:#fff; font-size:13px;}

/*footer*/
#footer-bg { position:relative; width:100%; height:207px; margin:-207px auto; }
#footer { position:relative; width:995px; height:207px; margin:0px auto; background:url(../img/footer.jpg) no-repeat;}
#main-page { position:absolute; top:126px; left:14px; width:165px; height:20px;  }
#main-page a { font-size:12px; color:#fff; text-decoration:none;}
#main-page a:hover { text-decoration:none;}
#open { position:absolute; right:30px; top:120px; width:130px; height:31px; background:url(../img/arrows.gif) left no-repeat; padding-left:50px; color:#ffde01; font-size:13PX; font-weight:bold;}

#flag { position:absolute; width:302px; height:208px; background:url(../img/flag.gif) no-repeat; margin-top:-208px; margin-left:30px;}
#friend-hands { position:absolute; width:293px; height:75px; margin-top:-100px; margin-left:30px; z-index:1}

.clear { clear:both; height:0px; width:100%;}

a { color:#fff; text-decoration:underline}
a:hover { text-decoration:none;}

/**************************************************************************************************************************/