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

Theme Name: Yamidoo PRO Magazine
Theme URI: http://www.wpzoom.com/themes/yamidoo/
Description: A magazine style theme by <a href="http://www.wpzoom.com">WPZOOM</a>
Version: 1.0
Author: WPZOOM
Author URI: http://www.wpzoom.com

**********************************************************************************************

0.  CSS Reset  -------------------------  All Theme Files
1.  Toolbox CSS  -----------------------  All Theme Files
2.  Page Structure  --------------------  All Theme Files
3.  Header  ----------------------------  header.php
4.  Main Navigation  -------------------  header.php
5.  Featured Slider  -------------------  featured.php
6.  Featured Categories  ---------------  blocks.php
7.  Homepage Articles ------------------  index.php
8.  Single Articles & Pages ------------  single.php, page.php
9.  Comments  --------------------------  comments.php
10. Forms  ----------------------------   searchform.php
11. Sidebar & Widgets ------------------  sidebar.php
12. Footer  ----------------------------  footer.php

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


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

0. CSS Reset  -------------------------  All Theme Files

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

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

fieldset, img {border: 0;}

address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}

ol, ul {list-style-type: none; list-style-position:inside;}
caption, th {text-align: left;}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
 }

q:before, q:after {content: '';}
abbr, acronym {border: 0;}


/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */

table { -x-system-font: none; font-family: inherit; font-size: inherit; font-size-adjust: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; width: 100%; }
th {  background: #BBCCDD; color:#333; }
th, td { line-height: 20px; padding: 4px; }
tr:nth-child(2n) {  background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0; }
tr:nth-child(2n+1) {  }


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

1. Toolbox CSS  -------------------------  All Theme Files

*********************************************************************************************/   
#navigation {
font-family:Georgia,"Times New Roman",Times,serif;
font-weight:bold;
text-align:center;
float:left;
margin:0 auto;
width:500px;
}
  /* =WP-PageNavi
-------------------------------------------------------------- */
.wp-pagenavi { font-family:Arial; font-size: 12px; text-align: center; padding: 6px; color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); text-transform: uppercase; }
	.wp-pagenavi .pages { padding: 5px 6px; margin: 0 6px; color: #fff; background: #34475b; border: 1px solid #DDD; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
	.wp-pagenavi a:link, .wp-pagenavi a:visited { -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 5px 6px; margin: 0 4px; color: #fff; font-weight: bold; background: #34475b; }
	.wp-pagenavi .current { padding: 5px 6px; color: #fff; margin: 0 5px; background: #4e6883; font-weight: bold; border: 1px solid #DDD; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
	.pagenav .wp-pagenavi a:hover { color: #fff; background: #4e6883; }
	
	
.navigation { color: #fff; float: left; width: 100%; }
	.navigation .alignleft a,   .navigation .alignright a { width: 125px; text-align: center; height: 20px; }
	.navigation a { color: #fff; background: #737070; font-weight: bold; margin: 7px 5px; padding: 5px 6px; cursor: pointer; font-size: 10px; text-transform: uppercase; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: none; }
	.navigation .alignleft { float: left; }
	.navigation a:hover { color: #fff; text-decoration: none; background: #6c6868; }
	.navigation .alignright { float: right; }
.post-edit-link { text-transform: uppercase; font-size: 10px; color: #f81b10; font-weight: bold; }
.pagenav { background: #e7e9ed; padding: 8px 10px; float: left; width: 590px; font-size: 16px; font-family: "Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif; text-transform: uppercase; color: #989898; }
	.pagenav a { color: #989898; }
		.pagenav a:hover { color: #656161; text-decoration: none; }
	.pagenav .floatleft { background: url(images/prev.png) no-repeat left 5px; padding-left: 20px; }
	.pagenav .floatright { background: url(images/next.png) no-repeat right 5px; padding-right: 20px; }
 


.aligncenter,div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 10px 15px 5px 0; }
.alignright { float: right; margin: 10px 0 8px 20px; }
.clear { clear: both; }
.floatleft,.more_left { float: left; }
.floatright { float: right; }
.transpBlack { background: url(transpBlack.png); }


 
.wp-caption { border: 1px solid #B6B6B6; text-align: center; background-color: #EFEFEF; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
	.wp-caption img { margin: 0; padding:4px 0; border: 0 none; }
	.wp-caption p.wp-caption-text { font-size: 11px; line-height: 14px; padding: 0 3px 5px; margin: 0; font-style: italic; }	
	
a { color: #1d386a; outline: none; text-decoration: none; }
	a img { border: none; }
	a:hover { text-decoration: underline; }
h1 { font-size: 26px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
html { overflow-y: scroll; }
p { font-size: 1.3em/1.3em; margin-bottom:15px;}

#wp-calendar caption { font-weight: bold; color: #333; text-transform: uppercase; }
#wp-calendar td { text-align: center; }
	#wp-calendar td a { color: #333; font-weight: bold; text-decoration: underline; }
		#wp-calendar td a:hover { text-decoration: none; }
#wp-calendar caption { background: #888888 none repeat scroll 0 0; color: #FFFFFF; font-size: 12px; font-weight: bold; padding: 8px 10px; text-shadow: 1px 1px 0 #656565; text-transform: uppercase; text-align: left; }
#wp-calendar #today { background: #2F91C4; color: #fff; font-weight: bold; }
 
a.more {
	font-weight:bold;
 	color:#2a2828;
 	font-size:16px;
	font-family:"Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif;
	padding-right:34px;
	background:url(images/moreb.png) no-repeat right 2px;
}

a.more:hover {
	background:url(images/morebh.png) no-repeat right 2px;
	color:#972626;
	text-decoration:none;
	}
	
	li.date, li.category, ul.post-meta li.author, li.comments, #sidebar .popular li ul.post-meta li.comments a {
	 padding-left:16px;
	 text-transform:uppercase;
	 font-size:10px;
	 color:#7e7a7a;
	 margin:0 5px 5px 0;
	 display:inline;
	 border:none;
	 }
	 
	 li.date {
	 background:url(images/date.png) no-repeat;
	 }
	 
	 li.comments {
	 background:url(images/comments.png) no-repeat;
	 }
	 
	 li.category {
	 background:url(images/category.png) no-repeat 0 2px;
	 }
	 
	 ul.post-meta li.author {
	 background:url(images/author.png) no-repeat;
	 }
	 
	 ul.post-meta li a {
	 border-bottom:none;
	 color:#7e7a7a;
 	 }
	 
	 ul.post-meta li a:hover {
	 border-bottom:1px dotted #7e7a7a;
	 text-decoration:none;
	 }
		
	 ul.post-meta {
	 margin:5px 0;
	 }
	 
	 #panes ul.post-meta {
	 margin:0;
	 }

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

2. Page Structure  -------------------------  All Theme Files

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

body
{
 	font-size:12px;
	background:url(images/bg.png);
	line-height:1.6;
	color:#3B3232;
	font-family:Arial,Helvetica,sans-serif;
}
 
#content-wrap {
width:960px;
background:#f0f1f3;
float:left;
margin-bottom:20px;
 -webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
 -moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
 border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px; 
 }

 
#page-wrap {
	width: 960px;
	margin: 0 auto;
}	
 

#content #fullwidth.post {
width:940px;
} 
 
 
/********************************************************************************************* 

3. Header  -------------------------  header.php

*********************************************************************************************/   
#topnav {
	background:#1d1b1b url(images/bgtop.png) repeat-x;
	height:24px;
	}
	
	#nav-wrap {
	width:960px;
	margin:0 auto;
	}
	
	#nav-wrap ul {
	float:right;
	margin-top:1px;
	}
 
	
 #header {
float:left;
width: 960px;
margin-top:40px;
}
	
	#logo {
	float:left;
	width:50%;
         margin-left: -10px;
 	}
	
	#ad468 {
	float:right;
	margin-top:10px;
 	}
 
 
/********************************************************************************************* 

4. Main Navigation  -------------------------  header.php

*********************************************************************************************/   
 
#menu {
	background:#1b1919 url(images/bgnav.png) no-repeat;
 	margin:20px 0 0 0;
 	width:960px;
 	float:left;
 	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
 	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
 	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
  	}
	
	#menu ul.dropdown {
	width:850px;
	float:left;
	padding:0 10px;
  	}
	
	#menu #nav {
	width:850px;
 	}
	
 
	#header #menu .social {
	float:right;
	width:80px;
	height:30px;
	margin-top:2px;
	margin-right:5px;
	text-align:right;
 	}
 	
 	#header #menu .social li {
 	width:32px;
 	display:inline;
 	}
 
/********************************************************************************************* 

5. Featured Slider  -------------------------  featured.php

*********************************************************************************************/   
 
#feature { 
	background:#232020;
  	float:left;
	width:960px;
	height:351px;
	background:url(images/featurebg.png) no-repeat;
	position:relative;
	clear:both;
	}
  
 #navi ul {	
 	margin:0 auto;	
 	width:380px;
 	position:absolute;
 	top:255px;
 	left:567px;
 }

#navi li {	
 	float:left;
 	list-style-type:none;
	text-align:center;
	display:inline;
	margin-left:14px;
}

#navi a {
	color:#333333;
	display:block;
	position:relative;
	word-spacing:-2px;
	font-size:11px;		
	text-decoration:none;
	opacity:0.5;
}	

#navi a.current {
	 opacity:1;
  }
 
 #navi a:hover {
	opacity:1;
 }

#navi img {
	border:1px solid #000;
	margin:0 0 9px 0;
	display:block;
	width:60px;
	height:50px;
 }

#navi strong {
	display:block;		
	font-size:13px;
}

/* panes */
#panes {
	height:345px;
	
	/* must be relative so the individual panes can be absolutely positioned */
	position:relative;
	overflow:hidden;
}

/* crossfading effect needs absolute positioning from the elements */
#panes div {
	display:none;		
	position:absolute;
	font-size:13px;
	color:#ede9e9;	
	line-height:1.5;
	text-shadow:1px 1px 0 #000;
	overflow:hidden;
	padding:20px;
	width:920px;
  }
 
#panes p a {
color:#fff;
font-weight:bold;
}

#panes img {
	float:left;
	margin:5px 40px 0 5px;	
	width:520px;
	height:280px;
	border:1px solid #000000;
	-webkit-box-shadow: 0 0 30px rgba(0,0,0,1.0);
	-moz-box-shadow: 0 0 30px rgba(0,0,0,1.0);
	box-shadow: 0 0 30px rgba(0,0,0,1.1);
}

#panes a.more {
	color:#6e6666;
	font-weight:bold;
 }

#panes a.more:hover {
background:url(images/moreb.png) no-repeat right 2px;
color:#948787;
}

#panes h2 {
font-size:22px;
padding:0;
margin:0 0 5px 0;
line-height:1.2;
}

#panes h2 a {
color:#d3d3d3;
line-height:1.2;
 }
 
#panes p {
padding:5px 0 0 0;

} 

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

6. Featured Categories  -------------------------  blocks.php

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

#blocks {
float:left;
width:960px;
clear:both;
}

	.colart {
	width:240px;
	float:left;
	}
 
 	.colart:hover h3 {
	background:#2c2727;
	}
	
	.colart h3 {
	text-align:center;
	background:#141212;
	font-family:Georgia;
	font-size:13px;
	padding:4px 0;
	text-shadow:1px 1px 0 #000;
	text-transform:uppercase;
	}
	
	.colart h3 a {
	color:#d3d3d3;
	font-weight:normal;
	font-style:italic;
 	}
 	
 	.colart .entry {
 	padding:8px 15px;
 	}
	
  	.colart h2 {
 	font-family:Georgia;
 	font-size:18px;
 	font-weight:normal;
 	font-style:italic;
 	line-height:1.4;
 	margin-bottom:5px;
 	}
 	
 	.colart h2 a {
 	color:#314c66;
 	}
 	
 	#blocks .more {
 	color:#2a2828;
 	font-size:16px;
	font-family:"Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif;
	padding-right:34px;
	background:url(images/moreb.png) no-repeat right 4px;
	margin-top:10px;
	float:left;
  	}
	
	#blocks a.more:hover, #blocks .colart:hover .more {
	background:url(images/morebh.png) no-repeat right 4px;
	color:#972626;
	text-decoration:none;
	}
	
	#twitter_carousel {
	float:left;
	margin:15px 0 15px 15px;
	padding:12px 15px 0 120px;
	background:url(images/twitterbg.png) no-repeat;
	width:800px;
	font-family:Georgia;
	font-style:italic;
	color:#726c6c;
	overflow:hidden;
	height:30px;
	}

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

7. Homepage Articles -------------------------  index.php

*********************************************************************************************/   
#content {
	background:url(images/h3bg.png) repeat-x top center;
 	float:left;
	width:610px;
	margin:15px 15px 20px 15px;	
	}
	
 	
	h3.title {
 	font-family:"Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif;
	text-transform:uppercase;
	color:#2a2828;
	font-size:28px;
	font-weight:normal;
  	clear:both;
  	line-height:0.7;
  	background:#f0f1f3;
  	padding-right:15px;
  	float:left;
 	}
	
	#content .post {
	float:left;
	clear:both;
	width:610px;
	background:url(images/line.png) repeat-x bottom center;
	padding:20px 0;
 	}
 	
 	#content .sticky h2 a {
 	background:url(images/sticky.png) no-repeat 0 5px;
 	padding-left:20px;
  	}
 	
	.post h2, .post h1 {
	margin-bottom:5px;
	}
	
	.post h1 a {
	font-size:30px;
	line-height:1.2;
	}
	
	.post h2 a {
	font-size:24px;
	line-height:1.2;
	}
	
	h3.topcat {
	word-spacing:-5px;
	font-family:"Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif;
	text-transform:uppercase;
	color:#2a2828;
	font-size:16px;
	font-weight:bold;
  	clear:both;
   	background:#f0f1f3;
  	padding-right:15px;
  	float:left;
  	line-height:1.1;
 	}
 	
 	h3.topcat a {
 	color:#2a2828;
 	}
 	
 	h3.topcat ul li { display:inline; float:left; padding-right:10px; } 
	
	.post .thumb img {
	float:left;
	border:4px solid #000;
	margin:5px 10px 5px 0;
 	}
 	

 	#single ul.post-meta  {
 	background:url(images/line.png) repeat-x bottom center;
 	padding-bottom:10px; 
 	margin-bottom:10px; 
 	}
 	
 	#content.single {
 	background:url(images/h3bg.png) repeat-x center -5px;
 	}
	
	#content.page {
	background:none;
	}
	
	#content.page .post {
	padding:0;
	background:none;
	}
	
	#content.single .post {
	padding:10px 0 20px 0;
	background:none;
	}
	
	#content .post a.more {
	float:right;
 	clear:both;
	background:url(images/moreb.png) no-repeat right 5px;
  	}
	
	#content .post a.more:hover {
	background:url(images/morebh.png) no-repeat right 5px;
 	}
 	
 	.post .entry {
 	line-height:1.8;
 	}
    
 	.post .entry ul {
	margin:0 0 20px;
	padding:0 0 0 30px;
	}

	.post .entry ul li {
	list-style-type:square;
	}

	.post .entry ol {
	margin:0 0 20px;
	padding:0 0 0 30px;
	}

	.post .entry ol li {
	list-style-type:decimal;
	}
	
	.post .entry a {
	font-weight:bold;
 	}
 
 	.post blockquote {
 	border-left:3px solid #CCCCCC;
	color:#777777;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:14px;
	font-style:italic;
	line-height:1.8em;
	margin:10px 20px 10px 30px;
	padding-left:10px;
	}

	blockquote, q {
	quotes:none;
	}

	.post .alignleft {
	float:left;
	margin:10px 15px 10px 0;
	}
	 
	.post .alignright {
	float:right;
	margin:10px 0px 10px 15px;
	}
	
	
	.prevnext {
	float:left;
	clear:both;
	width:610px;
	margin-bottom:20px;
	}
	
	.prevnext .previous {
	float:left;
 	}
	
	.prevnext .next {
	float:right;
 	text-align:right;
	}
	
	.prevnext a {
	padding: 2px 5px; 
	margin-bottom: 5px; 
	font-weight: bold; 
	text-transform: uppercase; 
	background: #737070; 
	font-size: 10px; 
	-moz-border-radius: 3px; 
	-khtml-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px; 
	border: none; 
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); 
	color: #fff;
	display:block;
	}
	
	
/********************************************************************************************* 

8. Single Articles & Pages -------------------------  single.php, page.php

*********************************************************************************************/   
 	
.share   {
 	clear:both;
	background:url(images/line.png) repeat-x bottom center;
 	padding-bottom:20px; 
 	margin-bottom:10px; 
	}
	
	.share h3, .prevnext h3  {
	font-family:"Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif;
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
	color:#2a2828;
	margin-bottom:10px;
 	}

	.share li {
	padding:0 0 3px 20px;
	display:inline;
	margin-right:15px;
	}

	.share li a {
	color:#333;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	}

	 li.facebook  {
	background:url(images/facebook.png) no-repeat left;
	}

	  li.twitter  {
	background:url(images/twitter.png) no-repeat left;
	}

	 li.delicious  {
	background:url(images/delicious.png) no-repeat left;
	}

	  li.digg  {
	background:url(images/digg.png) no-repeat left;
	}

	  li.stumble  {
	background:url(images/stumble.png) no-repeat left;
	}
	
.tag-links {
background:url(images/tag.png) no-repeat left 2px;
padding-left:20px;
float:left;
clear:both;

}

.nextpage {
background:url(images/page.png) no-repeat left;
padding-left:20px;
float:left;
clear:both;
margin-bottom:5px;
font-weight:bold;
}
 
 
/********************************************************************************************* 

9. Comments  -------------------------  comments.php

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

#comments, #respond { float: left; background: url(images/h3bg.png) repeat-x 2px -5px; clear: both; margin: 15px 0; float: left; width: 610px; }
#comments ul.children #respond { background: none; width: 95%; }
#comments h3, #respond h3 { font-family: "Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif; text-transform: uppercase; font-size: 16px; font-weight: bold; color: #2a2828; background: #f0f1f3; padding-right: 15px; line-height: 1; float: left; clear: both; margin-bottom: 15px; }
#comments div.comments { margin: 0 0 10px 0; }
	#comments div.comments h2 { font-size: 18px; font-weight: normal; }
	#comments div.comments li, #main #respond { padding: 10px 0 5px; margin-top: 10px; }
#comments ol.commentlist div.comment-content { margin-left: 95px; }
#comments cite { font-style: normal; font-weight: normal; }
#comments p.trackbackurl { font-size: 11px; }
	#comments p.trackbackurl span.url { font-weight: bold; padding: 1px; }
#comments a.more-link { display: block; margin: 10px 0 0; }
#comments div#comments-comments ul, #comments div#comments-comments ol { margin-left: 0; }
#comments .comments { padding: 0px 0; clear: left; }
	#comments .comments li { margin: 0px 0 0em 0; padding: 20px 0; list-style-type: none; background: url(images/line.png) repeat-x top center; float: left; width: 100%; }
		#comments .comments li ul li { padding: 10px 0 5px 0; }
#comments ul.children { background: url(images/replybg.png) no-repeat 0 25px; margin: 0; padding: 0 0 0 25px; float: left; }
#comments .comments li ul.children { margin-top: 10px; padding: 0; width: 95%; }
	#comments .comments li ul.children li { clear: left; margin: 0 0 0px 30px; background: none; }
#comments .comments li ul li { border: none; }
.comment-body { position: relative; }
	.comment-body p a { text-decoration: underline; }
#comments .comments .comment-author-admin cite.fn a { color: #DB2A3B; font-style: italic; font-size: 14px; }
#comments  blockquote { color: #777777; font-family: Georgia,"Times New Roman",Times,serif; font-size: 11px; font-style: italic; }
#comments .comments cite.fn { font-size: 12px; font-weight: bold; font-family: Arial; }
	#comments .comments cite.fn a { color: #3B3232; }
#comments .comments div.gravatar { float: left; display: inline; width: 75px; margin: 0 10px 5px 0; }
	#comments .comments div.gravatar img { margin: 0; }
#comments .comments div.comment-author { line-height: 18px; margin: 0 10px 3px 0; width: 215px; position: relative; }
#comments .comment-author { float: left; }
	#comments .comment-author img.avatar { float: left; }
#comments .comment-meta { position: absolute; top: 20px; left: 60px; }
#comments .comments div.comment-content {  }
.comments p,   .comments li.author p { font-size: 11px; line-height: 20px; margin-left: 225px; margin-bottom:10px;}
#comments .comments .avatar { float: left; margin: 0 10px 0 0; }
#comments .comments span.says { display: none; }
#comments .comments .children { margin: 0 0 0 0; }
#comments .comments .commentmetadata a.comment-edit-link { background: none; }
#comments	.comments .commentmetadata a { display: inline; font-size: 11px; color: #9d9c9c; padding: 0; line-height: 17px; margin: 0; border-bottom: none; font-weight: bold; font-family: Arial,Helvetica,sans-serif; clear: both; float: left; }
#comments		.comments .commentmetadata a:hover { color: #4f535b; text-decoration: none; border: none; padding: 0; }
#comments	.comments .reply { margin: 15px 0 0 0; text-align: right; clear: both; }
#comments .comments .cancel-comment-reply p { margin: 0 0 0 0; border: none; }
#comments .afterpost .navigation .alignleft a, #comments .reply a, .afterpost .navigation .alignright a { padding: 3px 13px; margin-bottom: 5px; font-weight: 700; text-transform: uppercase; font-size: 10px; background: url(images/reply.png) no-repeat; border: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); color: #fff; }
#comments .cancel-comment-reply { float: left; clear: both; margin-bottom: 10px; }
	#comments .cancel-comment-reply a { padding: 2px 5px; margin-bottom: 5px; font-weight: 700; text-transform: uppercase; background: #737070; font-size: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); color: #fff; }
#comments .afterpost .navigation .alignleft a:hover, #comments .afterpost .navigation .alignright a:hover, #comments .reply a:hover, #comments .cancel-comment-reply a:hover { text-decoration: underline; }
#commentform { color: #6F6F6F; clear: both; }
	#commentform code { font-size: 11px; }
	#commentform p { margin: 0 10px 15px 0; font-size: 12px; border: none; padding: 0; }
#commentslabel, #commentform label { line-height: 2.0em; font-size: 12px; font-style: italic; }
#comments textarea, #commentform textarea { width: 580px; height: 160px; }
#comments ul.children textarea, #commentform ul.children textarea { width: 450px; }
#comments #submit, #commentform #submit { background: #000 url(images/overlay-button.png) repeat-x 0 0; display: inline-block; padding: 6px 15px 6px; color: #fff !important; font-size: 12px; font-family: "Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif; font-weight: bold; line-height: 1; text-transform: uppercase; text-decoration: none; word-spacing: 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 0 0 rgba(0,0,0,0.25); -webkit-box-shadow: 0 0 0 rgba(0,0,0,0.25); text-shadow: 0 -1px 1px #000; border: none; position: relative; cursor: pointer; overflow: visible; width: auto; cursor: hand; margin: 12px 0; }
#comments #submit:hover, #commentform #submit:hover { background: #333; }
#commentform #subscribe { float: left; margin: 5px 5px 0 0; text-transform: none; }
 
	
 
 

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

10. Forms  -------------------------   searchform.php

*********************************************************************************************/   
 
 
#respond input { background: #f5f6f9; border: 1px solid #b7bdc7;  -moz-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.10); -webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.10); color: #666; font-size: 13px; padding: 5px; margin:0 8px 5px 0;}

#respond textarea { background: #f5f6f9; border: 1px solid #b7bdc7;  -moz-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.10); -webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.10);  color: #666; font-size: 13px; padding: 5px; }


#searchform #s { background: #f5f6f9; border: 1px solid #b7bdc7;   color: #666; font-size: 13px; padding: 5px; margin:0 5px 5px 0; }

#sidebar #searchform {float:left; clear:both;}

#submit { background: #737070; border: 1px solid #504F4F; color: #F1ECEC;  font-size: 10px; font-weight:bold; padding: 5px;  }

#searchsubmit { background-color: #737070; border: 1px solid #737070; color: #F1ECEC;   font-size: 10px; padding: 5px; text-transform: uppercase; }
 
input { padding:5px; }

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

11. Sidebar & Widgets -------------------------  sidebar.php

*********************************************************************************************/   
 
#sidebar {
	float:left;
	width:300px;
	margin:15px 0 0 5px;
	background:#e7e9ed;
	position:relative;
 	}
	
	#sidebar h3 {
	font-size:26px;
	color:#4c677c;
	}
	  
	#tabs {
	background:url(images/bgtabs.png);
	padding:6px;
	float:left;
	clear:both;
	width:288px;
	margin-bottom:30px;
	}
	
	ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 31px; /*--Set height of tabs--*/
 	width: 100%;
	}
	ul.tabs li {
		float: left;
		margin: 0;
		padding: 0;
		height: 31px; /*--Subtract 1px from the height of the unordered list--*/
		line-height: 31px; /*--Vertically aligns the text within the tab--*/
 		border-left: none;
		margin-bottom: -1px; /*--Pull the list item down 1px--*/
		overflow: hidden;
		position: relative;
 	}
	ul.tabs li a {
		text-decoration: none;
		color: #e9e9e9;
		display: block;
		font-size: 11px;
		text-transform:uppercase;
		font-weight:bold;
		padding: 0 8px;
 		outline: none;
 		cursor:pointer;
	}
	ul.tabs li a:hover {
 	}
 	
	html ul.tabs li.active, html ul.tabs li.active a,  html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
		background: #e7e8e9;
		color:#363333;
 	}
	
	.tab_container {
 	overflow: hidden;
	clear: both;
	float: left; 
 	background: #e7e8e9;
	padding:6px;
	width:276px;
 }
	.tab_content {
	padding: 10px 0;
	font-size: 12px;
	background: #f0f1f3;
	border:1px solid #d6cece;
	}
	
	
	.tab_container #tab4 {
	padding:10px;
	font-family:Georgia;
	}


	#sidebar .widget {
 	background:url(images/h3bg.png) repeat-x top center;
	clear:both;
	float:left;
 	margin:0 0 25px 10px;
 	padding-right:10px;
 	width:280px;
 	}
	
	#sidebar .widget h3 {
 	font-family:"Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif;
	text-transform:uppercase;
	color:#2a2828;
	font-size:22px;
	font-weight:bold;
  	clear:both;
  	line-height:1;
  	background:#e7e9ed;
  	padding-right:15px;
  	float:left;
  	margin-bottom:10px;
  	letter-spacing:-1px;
  	word-spacing:3px;
	}
	
	#sidebar .widget div  {
	margin:5px 0;
	padding:0 15px 10px 0;
	clear:both;
	}
	
	#sidebar .widget ul {
	clear:both;
	}
	
	#sidebar .widget ul li {
	list-style-type:square;
 	padding:0;
	}
	
	#sidebar .widget ul ul {
 	margin:0;
	padding:0 0 0 15px;
	}
 
	
	#sidebar .tab_container .recentcomments, #sidebar .tab_container .popular {
	color:#a3a0a0;
	font-size:11px;
	}
	
	#sidebar .tab_container .recentcomments li, #sidebar .tab_container .popular li {
	border-bottom:1px solid #ced7de;
	padding:5px 10px;
	clear:both;
	}
	
	#sidebar .tab_container .recentcomments li:last-child, #sidebar .tab_container .popular li:last-child {
	border-bottom:none;
	}
	
	#sidebar .tab_container .recentcomments a, #sidebar .tab_container .popular a {
	font-weight:bold;
	color:#3b3232;
	font-size:14px;
	display:block;
	}
	
	#sidebar .tab_container .recentcomments img { 
	float: left; 
	margin: 5px 8px 5px 0;  
	width: 50px; 
	}
	
	#sidebar .tab_container .popular li ul.post-meta li.comments {
	padding:0;
	text-align:right;
	}
	
	#sidebar .tab_container .popular li ul.post-meta li.comments a:hover {
	text-decoration:underline;
	}
	
	#sidebar #cat, #sidebar select {
	width:268px;
	}

	#sidebar #cat, #sidebar select {
 	background:#F7F7F7;
	border:1px solid #cdcfd4;
	color:#333333;
	display:inline;
	font-family:Arial,Tahoma,Verdana;
	font-size:12px;
 	padding:5px;
 	line-height:1.5;
 	margin:5px 0;
	clear:both;
	float:left;
	}
 

ul.gallery img { border: 2px solid #D3DDE5; width: 60px; height: 60px; float:left;}
ul.gallery img:hover { border: 2px solid #0C2B41;  }
ul.gallery a { border: none;   }
ul.gallery a:hover, ul.gallery li:hover, ul.gallery li a:hover, #ads li:hover { border:none;}
ul.gallery { display: block; list-style-type: none; margin: 5px 0 0; padding: 5px 0; }
#sidebar .widget ul.gallery li { border: none; padding: 0 6px 8px 0;  float:left; list-style-type:none; list-style-position:outside;}

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

12. Footer  -------------------------  footer.php

*********************************************************************************************/   
#footer {
	float:left;
	background:#e7e9ec url(images/bgfooter.png) repeat-x top center;
	padding:10px 25px 15px 25px;
	width:910px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
 	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
 	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px; 
  	}
	
	#infowidget {
	width:380px;
	float:left;
	text-align:center;
	}
	
	#infowidget span {
	color:#9f9f9f;
	font-size:25px;
	font-family:Georgia;
	font-style:italic;
 	}
	
	#infowidget ul {
 	width:100%;
 	color:#716e6e;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	}
	
	#infowidget li {
	padding:0 0 4px 23px;
	margin:0 15px 3px 0;
	width:40%;
	float:left;
	text-align:left;
	}

	#infowidget li a {
	color:#716e6e;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	}
	
	#infowidget  li.rss  {
	background:url(images/feed.png) no-repeat left;
	}
	
	#infowidget  li.phone  {
	background:url(images/phone.png) no-repeat left;
	}
	
	#infowidget  li.email  {
	background:url(images/email.png) no-repeat left;
	}
	
	#footer_search {
	margin:20px 0 0 20px;
	height:40px;
	background:#e4e5e6;
	border:1px solid #d3d6dd;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
	float:right;
	width:440px;
	padding:15px 15px 25px 25px;
	color:#9f9f9f;
	font-style:italic;
	font-weight:bold;
	}
	
	#footer_search #s {
	width:380px;
 	background:#f0f2f4;
	border:1px solid #cbcfd2;
	}
	
 	#footer .hr {
	clear:both;
	background:#d3d5d7;
	border-bottom:1px solid #fff;
	height:1px;
	float:left;
	width:100%;
	margin:12px 0 7px 0;
	}
	
 	#copyright {
	float:left;
	width:500px;
	font-size:10px;
	font-weight:bold;
	color:#6c6666;
	text-transform:uppercase;
	}
	
	#designed {
	float:right;
	width:145px;
	font-size:10px;
	font-weight:bold;
	color:#6c6666;
	text-transform:uppercase;	 
	}
/********************************************************************************************* 

13. Beiruting MENU CSS  -------------------------  header.php

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

ul#menub{
	margin:4px 0 0 -16px;
	padding:6px 0 0;
	float:left;
	/*overflow:hidden;*/
	width:994px;
	height:46px;
	text-transform:uppercase;
	font:17px/36px Impact,sans-serif;
	list-style:none;
	position:relative;
	z-index:50;
	background:url(http://www.beiruting.com/frontend/theme/images/bg-menu1.png) no-repeat 0 0;
}
#menub li{
	height:36px;
	z-index:50;
	position:relative;
}
#menub li a{
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	background:url(http://www.beiruting.com/frontend/theme/images/bg-menu1.png) no-repeat -9999px -9999px;
	color:#fff;
}
#menub li ul.sub-menu{
	position:absolute;
	top:36px;
	margin:0;
	padding:0;
	background:url(http://www.beiruting.com/frontend/theme/images/bg-sub-menu.png) repeat-x 0 0;
	font:12px/34px Arial,Helvetica,sans-serif;
	z-index:900;
	display:none;
	height:30px;
}
#menub ul.sub-menu li{
	float:left;
	list-style:none;
	padding:0 14px;
}
#menub ul.sub-menu li a{
	font-weight:bold;
	display:inline;
	overflow:visible;
	text-indent:0;
}

#menub li:hover ul.sub-menu,
#menub li a:hover ul.sub-menu{
	display:block;
}

#menub li.home ul.sub-menu{
	width:973px;
	left:0;
}
#menub li.photos ul.sub-menu{
	width:910px;
	left:0;
}
#menub li.venues ul.sub-menu{
	width:826px;
	left:0;
}
#menub li.events ul.sub-menu{
	width:751px;
	left:0;
}
#menub li.people ul.sub-menu{
	width:675px;
	left:0;
}
#menub li.movies ul.sub-menu{
	width:595px;
	left:0;
}
#menub li.arabic ul.sub-menu{
	width:515px;
	left:0;
}
#menub li.auctions ul.sub-menu{
	width:435px;
	left:0;
}
#menub li.lifestyle ul.sub-menu{
	width:355px;
	left:0;
}
#menub li.ewaseet ul.sub-menu{
	width:355px;
	left:0;
}
#menub li.inbox ul.sub-menu{
	min-width:420px;
	right:10px;
}
#menub li.profile ul.sub-menu{
	min-width:520px;
	right:0px;
}


#menub li.home ul.sub-menu li{
	float:left;
}
#menub li.photos ul.sub-menu li{
	float:left;
}
#menub li.venues ul.sub-menu li{
	float:left;
}
#menub li.events ul.sub-menu li{
	float:left;
}
#menub li.people ul.sub-menu li{
	float:left;
}
#menub li.movies ul.sub-menu li{
	float:left;
}
#menub li.arabic ul.sub-menu li{
	float:left;
}
#menub li.auctions ul.sub-menu li{
	float:left;
}
#menub li.lifestyle ul.sub-menu li{
	float:left;
}
#menub li.ewaseet ul.sub-menu li{
	float:left;
}
#menub li.inbox ul.sub-menu li{
	float:right;
}
#menub li.profile ul.sub-menu li{
	float:right;
}

#menub li.inbox,
#menub li.profile{
	float:right;
}
#menub li.home,
#menub li.photos,
#menub li.venues,
#menub li.events,
#menub li.people,
#menub li.movies,
#menub li.arabic,
#menub li.auctions,
#menub li.lifestyle,
#menub li.ewaseet{
	float:left;
}

#menub li.home{width:76px;}
#menub li:hover a.home,
#menub li.active a.home,
#menub li a.home:hover{background-position:0 -58px;}

#menub a.photos, #menub li.photos{width:83px;}
#menub li:hover a.photos,
#menub li.active a.photos,
#menub li a.photos:hover{background-position:-76px -58px;}

#menub a.venues, #menub li.venues{width:77px;}
#menub li:hover a.venues,
#menub li.active a.venues,
#menub li a.venues:hover{background-position:-159px -58px;}

#menub a.events, #menub li.events{width:77px;}
#menub li:hover a.events,
#menub li.active a.events,
#menub li a.events:hover{background-position:-236px -58px;}

#menub a.people, #menub li.people{width:76px;}
#menub li:hover a.people,
#menub li.active a.people,
#menub li a.people:hover{background-position:-313px -58px;}

#menub a.movies, #menub li.movies{width:75px;}
#menub li:hover a.movies,
#menub li.active a.movies,
#menub li a.movies:hover{background-position:-387px -58px;}

#menub a.arabic, #menub li.arabic{width:78px;}
#menub li:hover a.arabic,
#menub li.active a.arabic,
#menub li a.arabic:hover{background-position:-466px -58px;}

#menub a.auctions, #menub li.auctions{width:78px;}
#menub li:hover a.auctions,
#menub li.active a.auctions,
#menub li a.auctions:hover{background-position:-543px -58px;}

#menub a.lifestyle, #menub li.lifestyle{width:72px;}
#menub li:hover a.lifestyle,
#menub li.active a.lifestyle,
#menub li a.lifestyle:hover{background-position:-614 -58px;}

#menub a.ewaseet, #menub li.ewaseet{width:79px;}
#menub li:hover a.ewaseet,
#menub li.active a.ewaseet,
#menub li a.ewaseet:hover{background-position:-622px -58px;}

#menub a.profile, #menub li.profile{width:73px;}
#menub li:hover a.profile,
#menub li.active a.profile,
#menub li a.profile:hover{background-position:-834px -58px;}

#menub a.inbox, #menub li.inbox{width:87px;}
#menub li:hover a.inbox,
#menub li.active a.inbox,
#menub li a.inbox:hover{background-position:-907px -58px;}

div.banner468_60{
	z-index:-100;
	position:relative;
	overflow:hidden;
}

div.loginform{ 
	padding:5px 0;
	background:none;
	color:#fff; 
}
div.loginform a{ color:#fff; }

.home-news-box{
	width: 100%;
	overflow: hidden;
}
.home-hotnews{
	float:left;
	width:190px;
	padding:10px 3px;
}
* html .home-hotnews{ width:188px; }
.home-latestnews{
	width:250px;
	float:left;
}
.newstip {
	overflow:hidden;
}
.homeslide {
}
.homeslide-overflow{
	position:relative;
	padding-bottom:6px;
	height:100%;
	overflow:hidden;
}
.picsslides{
	height:228px;
}	
.homeslide-errors{
	padding:0 8px;
}
#purblebg.homeslide{
	height:113px;
	overflow: hidden;
}
.homeslide .scroolingmessage{
	position:absolute;
	bottom:5px;
	left:8px;
	width:740px;
}
.online-users{
	height:94px;
	overflow: hidden;
}
div.nav-container{
	width:100%;
	height:56px;
	overflow: hidden;
	padding:0 0 0px;
}
.nav{
	position:relative;
}
.nav .topnavsublinks{
	position:absolute;
	left:0;
	top:30px;
	width:100%;
	height:25px;
	line-height:25px;
	text-align:center;
	display:none;
}
.nav .topnavsublinks a{
	padding:0 10px;
}
.nav ul.navigation li.active a,
.nav ul.navigation li.selected a{
	background: url(http://www.beiruting.com/frontend/theme/images/bg_56.jpg) repeat left center;
	cursor:text;
}
.nav ul.navigation li.active a,
.nav ul.navigation li.selected a{
	color:#E6820E;
}
div.bottomlinks ul {
	width:83%;
}
#default_nav_bg {
	background:#8F1D53;
	height:25px;
	left:0;
	line-height:25px;
	position:absolute;
	text-align:center;
	top:30px;
	width:100%;
}


.content404{ padding:13px 17px 0; }
.content404 h1{ text-transform:uppercase; }

/* fader */
#fader_bg { 
	padding:0;margin:0;
	position:fixed; 
	z-index:1000; 
	top:0px; 
	left:0px; 
	height:100%; 
	width:100%;
	background:#000;
}
* html #fader_bg { 
	position:absolute; 
	height:expression((document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.documentElement.clientHeight > document.body.offsetHeight ? document.documentElement.clientHeight : document.body.offsetHeight) + 'px'); 
}
#fader_loader{
	position:fixed;
	top:49%;
	left:49%;
	width:38px;
	height:38px;
	background:url(http://www.beiruting.com/frontend/theme/images/ajax-loader.gif) no-repeat 50% 50%;
	z-index:9999;
}
#fader_message{
	width:550px;
	position:absolute;
	top:39%;
	left:39%;
	z-index:9999;
}
#fader_message .bgtop{
	background:url(http://www.beiruting.com/frontend/theme/images/fader-msg-top.png) no-repeat 0 0;
	width:100%;
	height:32px;
}
#fader_message .bgcontent{
	background:url(http://www.beiruting.com/frontend/theme/images/fader-msg-center.png) repeat-y 1px 0px;
	padding:0 26px 0 25px;
}
#fader_message .bgbottom{
	background:url(http://www.beiruting.com/frontend/theme/images/fader-msg-bottom.png) no-repeat 0 0;
	width:100%;
	height:32px;
}
#fader_message div.content{
	background:#F0F0F0;
	border:1px solid #75edea;
	padding:25px;
	position: relative;
}
#fader_message h1{
	border-bottom:1px solid #1F7688;
	color:#0F0F10;
	font-size:24px;
	font-weight:normal;
	margin-bottom:5px;
	padding-bottom:3px;
}
#fader_message a.close{
	position: absolute;
	top:27px;
	right:25px;
}
#fader_message .form{
	width:100%;
}

div.messages {
	padding:0 0 5px;
}
div.messages ul{
	padding:5px 16px !important;
	margin:0 !important;
	background:#866A90;
	color:#fff;
	border:1px solid #fff;
	float:none !important;
	width:auto !important;
}
div.messages ul.messages{
	background:#18aD47;
	color:#fff;
	border:1px solid #276334;
}
div.messages ul li{
	list-style:none;
	text-align:justify;
	line-height:15px;
	background:none;
	margin-bottom:0 !important;
	margin-top:0 !important;
	padding:0 0 0 4px !important;
	float:none !important;
	width:auto !important;
	height:auto !important;
}


div.thickbox-descr{
	display:none;
}
div.news-details{
	margin:5px 0;
	width:100%;
	overflow: hidden;
	color:#333;
}
div.news-details div.content{
	padding:25px;
}
div.news-details div.content div.meta{
	float:left;
	width:455px;
	margin:0 5px 5px 0;
}
div.news-details div.content h2{
	color:#A1013F;
	font-size:22px;
	line-height:26px;
	margin:0 3px 5px;
	text-transform:uppercase;
}
div.news-details div.content h3{
	margin:0 3px 10px;
	font-size:18px;
	line-height:20px;
	text-transform:uppercase;
}
div.news-details div.content div.meta div.image{
	position:relative;
	width:100%;
	overflow: hidden;
	min-height:100px;
}
div.news-details div.content div.meta div.image img{
	border:3px solid #fff;
}
div.news-details div.content div.meta div.links{
	position:absolute;
	background: url(http://www.beiruting.com/frontend/theme/images/whitetrans.png) repeat 0 0;
	overflow: hidden;
	padding:10px;
	left:3px;
	bottom:10px;
}
div.news-details div.content div.meta a{
	position:relative;
}
div.news-comments{
	padding:20px;
	color:#333;
}
div.news-comments div.comment{
	padding:15px 0 0;
}

div.commentbox{
	color:#231f20;
}
div.commentbox .single-news-pic {
	height:auto;
}
div.commentbox .socialize-small {
	top:auto;
	bottom:27px;
}
div.commentbox form, div.commentbox fieldset{
	border:none;
	margin:0; padding:0;
}
#floatleftdivnews h1{ text-transform:uppercase; padding:0 0 10px; }
#floatleftdivnews h2{
	float:left;
	color:#58595b;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
}
#floatleftdivnews h3{
	float:right;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}

div.addcomment {
	position:absolute;
	right:21px;
	top:10px;
}
#album-image-comments div.addcomment {
	right:21px;
	top:10px;
}
div.sugestanews {
	top:6px;
}
div.news-comments-list{
	margin:10px 0 0;
}
div.news-comments-list div.comment{
	padding:0 0 15px;
	color:#231f20;
	font-size:12px Arial,Helvetica,sans-serif;
}
div.news-comments-list div.comment div.ctop,
div.news-comments-list div.comment div.cbottom{
	height:4px;
	width:100%;
	overflow: hidden;
	background:url(http://www.beiruting.com/frontend/theme/images/bg-comment-top.gif)no-repeat 0 0;
}
div.news-comments-list div.comment div.cbottom{
	background:url(http://www.beiruting.com/frontend/theme/images/bg-comment-bottom.gif)no-repeat 0 0;
}
div.news-comments-list div.comment div.content{
	border-left:1px solid #b998ab;
	border-right:1px solid #b998ab;
	width:665px;
	padding:3px 7px;
	overflow: hidden;
}
div.news-comments-list div.comment img{
	float:left;
	margin:0 10px 0 0;
}
div.news-comments-list div.comment div.comment-text{
	float:left;
	width:605px;
}
div.news-comments-list div.comment p{
	margin:0;
	padding:0 0 7px;
}
div.news-comments-list div.comment span{
	color:#a10040;
}
div.news-comments-list div.comment span.edit{
	color:#231f20;
	padding:0 0 0 20px;
}

div.news-comments-list div.comment a.report-abuse{
	float:right;
}
div.news-comments-list div.comment a.report-abuse img{
	float:none;
	margin:0;
}

#news-category { color:#231f20; }

.txtbox textarea {
	padding:5px;
	width:670px;
}
.personal-info span.datef {
	display:block;
	float:left;
	width:62px;
}
.personal-info input.text{
	width:180px;
}
.personal-info span.datef select{
	width:60px;
}
.personal-info h3{
	border-bottom:1px solid #1F7688;
	color:#0F0F10;
	font-size:16px;
	margin:25px 0 0;
}
#hot-photos, #hot-last-week, #hot-last-month,
#hot_photos, #hot_last_week, #hot_last_month, #entourage, #hot_places{
	border-top:10px solid #8F1D53;
	height:100%;
	padding-left:17px;
	padding-right:17px;
}
.bublecontent div.userdiv{
	width:200px;
}
.bublecontent div.userdiv .users li {
	padding-left:0;
	padding-top:5px;
	width:100px;
	width:40px;
}
.bublecontent div.userdiv .users li a {
	width:auto;
	padding:0;
}
#albumimages{
	width:90px;
	height:455px;
	overflow: hidden;
}
.galleryimages .active img {
	border:1px solid #8F1D53;
}
#main div.loading{
	background-image:url(http://www.beiruting.com/frontend/theme/images/ajax-loader-grey-bg.gif);
	background-repeat:no-repeat;
	background-position:50% 50%;
}

#album-image-details div.loading{
	width:100%;
	height:455px;
}
#album-image-comments div.loading{
	width:100%;
	height:100px;
}
li.numberofviewes span{
	padding:10px 0 0 15px;
	float:left;
	display:block;
	width:30px;
	text-align:center;
}
#image-rate{
	padding-top:3px;
}
.socialize li.rating-stars, .socialize-small li.rating-stars {
	float:right;
	padding:5px 29px 0;
	margin:-5px 0 0;
	background:url(http://www.beiruting.com/frontend/theme/images/rating/bg-rating.png) no-repeat 50% 50%;
}

#galleryleft h1.profile {
	border-bottom:1px solid #1F7688;
	color:#0F0F10;
	font-size:24px;
	font-weight:normal;
	margin-bottom:5px;
	padding-bottom:3px;
	background:none;
}

#sidebar-prof-info{
	width:270px;
	padding:23px 0;
	overflow: hidden;
}
#sidebar-prof-info .profile-pic{
	padding:0;
	width:100%;
}
#sidebar-prof-info ul.personal-info{
	width:100%;
	overflow: hidden;
	float:left;
}
#sidebar-prof-info ul.personal-info label { width:120px; }
#sidebar-prof-info ul.personal-info span  {  float:none; width:auto; padding: 0 5px 0 0; }

div.profile-pic a.button{
	display:block;
	width:64px;
	height:34px;
	text-align:center;
	background:url(http://www.beiruting.com/frontend/theme/images/bg-profile-button.jpg) no-repeat 0 0;
	padding:5px 0 0;
}
div.profile-pic div.toolbar{
	margin:0 0 0 -3px;
}
div.profile-pic div.toolbar div.floatleft{ 
	margin:0 0 0 -1px;
	overflow:hidden;
	height:39px; 
}
div.profile-pic div.toolbar div.floatleft a{ 
	display:block;
	margin:0 0 0 -2px;
}
div.profile-pic div.toolbar div.floatright{ width:62px; overflow: hidden; }

.personal-info div.desc {
	padding:7px 0;
	overflow: hidden;
	float:left;
}
.personal-info label.wide {
	width:300px;
	float: left;
}
#invite-friends .personal-info label.wide { width:400px; }
#user_register_step .personal-info label.wide { width:390px; }
.checkbox-left {
	float: left;
}

#galleryleft a.album-edit{
	position:absolute;
	top:17px;
	right:215px;
}
#galleryleft a.album-images-edit{
	position:absolute;
	top:17px;
	right:185px;
}
#galleryleft a.album-add{
	position:absolute;
	top:17px;
	right:155px;
}

div.bublecontent {
	padding:15px 30px;
}
div.bublecontent p{margin:0; padding:0;}
div.dateandgift{ width:540px; }
div.dateandgift a{color:#231f20;}
div.search { width:280px; }
div.newslistpic { width:251px; }

#news-category, #inbox-container{
	padding:10px 17px;
}
#news-category h1.title,
#inbox-container h1.title{
	border-bottom:1px solid #1F7688;
	color:#0F0F10;
	font-size:24px;
	font-weight:normal;
	margin-bottom:5px;
	padding-bottom:3px;
}
div.pagination{
	width:100%;
	overflow: hidden;
}
div.pagination p{
	margin:10px 0 0;
}

/* jcrop addon */
#galleryleft {
	position:relative;
	z-index:1000;
}
div.socialize {
	z-index:100;
}
div.jcrop-holder{
	z-index:1;
}
div.jcrop-active{
	z-index:999;
}
div.jcrop-name-popup{
	border:1px solid #000;
	background:#fff;
	position:absolute;
	z-index:9999;
	width:235px;
	overflow: hidden;
	font-size:11px;
}
div.jcrop-name-popup div.bg1{
	border:3px solid #fff;
	background:#ddd;
	padding:7px;
}
div.jcrop-name-popup div.bg2{
	border:1px solid #bbb;
	background:#fff;
	color:#333;
	padding:10px;
}
div.jcrop-name-popup div.jcr-box{
	margin-top:5px;
	border-top:1px solid #bbb;
	padding-top:5px;
}
#album-image-details div.jcrop-name-popup div.loading {
	height:auto;
	width:auto;
	background-color:#F0F0F0;
}
#album-image-details div.pictag a.like-text{
	color:#333;
	cursor: text;
	text-decoration:none;
}

table.messages{
	width:100%;
	text-align:left;
}
table.messages td{
	text-align:left;
	vertical-align:top;
	padding:3px 5px;
}
table.messages th{ padding:3px 5px; }
table.messages td.check{ width:40px; }
table.messages td.sender{ width:220px; }
table.messages td.ops{ width:80px; }
table.messages td.sender div.img{
	float:left;
	margin:0 10px 0 0;
}
table.messages tr.unread{
	background:#ddd;
}
#inbox-container{
	color:#333;
}
#inbox-container div.from{
	width:100%;
	overflow: hidden;
}
#inbox-container div.from div.img{
	float:left;
	margin:0 10px 0 0;
}
#inbox-container div.buttons{
	width:100%;
	overflow: hidden;
	margin:5px 0 0;
}
#inbox-container div.buttons a{
	display:block;
	float:left;
	margin:0 10px 0 0;
	line-height:20px;
	height:20px;
	border:1px solid #000;
	padding:0 10px;
	text-decoration:none;
	background:#1B6877;
	color:#fff;
}
#inbox-container div.buttons a:hover{
	background:#231F20;
}

div.Left50P.loginP {
	width:497px;
}
div.Right50p.loginP{
	width:474px;
}
div.login-banner{
	float:left;
	width:250px;
	margin:0 0 0 10px;
	text-align:center;
}
div.w230{
	width:230px !important;
}
div.h240{
	height:240px !important;
}
div.latestnews.h240 .smallnews {
	padding-bottom:0;
}
div.latestalbums.h240 .smallnews {
	padding-bottom:0;
}
ul.slidehoroscobe li {
	height:105px;
	overflow: hidden;
}
.boxes3 .box p{ margin:0; padding:0; }
.registerform, .latestnews, .latestalbums { height:350px; }

div.width100p{
	width:100% !important;
}

ul.personal-info li {
	margin-bottom:0px;
	padding-bottom:5px;
}
.form label{
	line-height:21px;
}
.form-register li{
	width:100%;
	overflow:hidden;
}
.form-register label{
	padding-bottom:0 !important;
}
.form label em{
	font-style:normal;
	color:#333;
}
.form div.input{
	width:280px;
	float:left;
	color:#333;
}
.form-register div.input{
	width:215px !important;
}
.form div.input-text,
.form-search div.input-text{
	height:17px;
	width:270px;
	padding:2px 5px 2px; 
	background:url(http://www.beiruting.com/frontend/theme/images/bg-input1.gif) no-repeat 0 0;
	overflow: hidden;
	float:left;
}
.form-register div.input-text{
	width:205px !important;
	background:url(http://www.beiruting.com/frontend/theme/images/bg-input2.gif) no-repeat 0 0 !important;
}
.form-search div.input-text{
	width:115px !important;
	background:url(http://www.beiruting.com/frontend/theme/images/bg-input4.gif) no-repeat 0 0 !important;
}
.form input.text,
.form-search input.text{
	color:#333;
	font:12px Arial,Helvetica,sans-serif;
	height:16px;
	width:269px;
}
.form div.input-text input.text,
.form-search div.input-text input.text{
	border:none;
	background:none;
}
.form-register div.input-text input.text{
	width:204px !important;
}
.form-search div.input-text input.text{
	width:114px;
}
.form-search .padbot5 {
	width: 100%;
	overflow: hidden;
}

.form-register select{
	width:214px !important;
}
.form-register .datef select{
	width:70px !important;
}
.form textarea{
	color:#333;
	font:12px Arial,Helvetica,sans-serif;
}
.form div.textarea{
	width:280px;
	padding:4px 0 0; 
	background:url(http://www.beiruting.com/frontend/theme/images/bg-textarea1.gif) no-repeat 0 0;
	overflow: hidden;
	float:left;
}
.form div.textarea div.textarea-bottom{
	height:4px;
	background:url(http://www.beiruting.com/frontend/theme/images/bg-textarea1-bottom.gif) no-repeat 0 0;
	overflow: hidden;
}
.form div.textarea.big{
	width:681px;
	background:url(http://www.beiruting.com/frontend/theme/images/bg-textarea2.gif) no-repeat 0 0;
}
.form div.textarea.big div.textarea-bottom{
	background:url(http://www.beiruting.com/frontend/theme/images/bg-textarea2-bottom.gif) no-repeat 0 0;
}
.form div.textarea.big textarea{
	width:671px;
}
.form div.textarea textarea{
	border:none;
	background:none;
	margin:0 5px;
	width:270px;
}

.form select{
	background:#fff;
	width:279px;
	border:1px solid #8F1D53;
	color:#333;
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomleft: 3px; 
	-moz-border-radius-bottomright: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
}
.form input.file{
	color:#333;
	font:12px Arial,Helvetica,sans-serif;
}
.form li.buttons{
	width:433px;
	overflow: hidden;
}
.form input.save,
.form-search input.save{
	border:none;
	background:none;
	color:#8F1D53;
	font:bold 15px Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	cursor:pointer;
	margin:0;
	float:right;
}
.form-search .submit{
	width: 100%;
	overflow: hidden;
	padding:5px 0 20px;
}
.form-search input.save{ font-size:13px; }

div.img-edit-preview{
	margin:32px 15px 10px 0;
}

div.youtube-video{
	overflow:hidden;
	position: relative;
}
div.youtube-video div.video-object{
	z-index:1;
	position: relative;
}
div.youtube-video div.overlay-video{
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
	text-indent:-9999px;
	cursor:pointer;
	background:url(http://www.beiruting.com/frontend/theme/images/btn-play.png) no-repeat 50% 50%;
}
#dock-slider-thumb{ display:none; }
#dock-slider-thumb .slider-overlay{ cursor:pointer; }
#overlay_video_container{
	height:345px;
	width:745px;
	overflow:hidden;
	display: none;
}
div.loginformdiv input{
	font:12px Arial,Helvetica,sans-serif;
}
div.loginformdiv input.default{
	color:#555;
}
div.registerform li.dates{
	height:48px;
	overflow: hidden;
}
div.form-progress{
	display:none;
	width:100%;
	height:250px;
}
.paddleft10{ padding-left:10px; }
#comments div.txtbox {
	padding-top:10px;
}
div.popup-small {
	background:url(http://www.beiruting.com/frontend/theme/images/buble-small.png) no-repeat 0 0;
	color:#FFFFFF;
	display:none;
	height:97px;
	position:absolute;
	width:135px;
}
div.popup-small div.bublecontent{
	padding:8px 13px;
}
div.online-users div.tag{
	width:80px;
	height:57px;
	background: url(http://www.beiruting.com/frontend/theme/images/bg-online-users.png) no-repeat 12px 0;
	color:#fff;
	text-transform:uppercase;
	padding:9px 0 0 30px;
	font-size:14px;
}
.ui-tabs-panel div.profileunit a{ color:#8F1D53; }
.ui-tabs-panel div.profileunit a.club{ color:#2D5888; font-size:12px; }
div.profileunit div.profileslider{
	width: 100%;
	height:82px;
	overflow: hidden;
}
div.profileunit h3{
	margin:15px 0 0;
}
#doublebox.box,
#nopadright.box185 {
	width:185px;
}
#nopadright.box185 h3 {
	background:url(http://www.beiruting.com/frontend/theme/images/doublebox.jpg) no-repeat 0 0;
	color:#000000;
}
#gallery_images.edit{
	height:auto !important;
}

/* events calendar */
div.events-widget{
	width:100%;
	float:left;
	margin:0 0 10px;
}
div.events-widget div.ecalendar, 
div.events-widget div.week-events{
	width:247px;
	float:left;
	border:1px solid #0d4352;
	background:#fff;
	padding:0 0 10px;
}
div.events-widget div.week-events{
	margin:10px 0 0;
	border:1px solid #949a9b;
	padding:0 0 3px;
}
div.events-widget h3.month{
	margin:0;
	padding:0;
	height:25px;
	line-height:25px;
	border-bottom:1px solid #c7dde1;
	background:#1f7688;
	text-align:center;
	color:#fff;
	font-size:14px;
	font-weight:bold;
}
div.events-widget div.ecalendar div.navi{
	height:12px;
	padding:4px 10px;
	position: relative;
}
div.events-widget div.ecalendar div.navi a.prev,
div.events-widget div.ecalendar div.navi a.next{
	display:block;
	width:11px;
	height:6px;
	text-indent:-9999px;
	background:url(http://www.beiruting.com/frontend/theme/images/ecal-prev.png) no-repeat 0 0;
	position: absolute;
	top:5px;
	left:10px;
	overflow: hidden;
}
div.events-widget div.ecalendar div.navi a.next{
	background:url(http://www.beiruting.com/frontend/theme/images/ecal-next.png) no-repeat 0 0;
	left:auto;
	right:10px;
}
div.events-widget div.ecalendar div.navi a.today{
	width:72px;
	height:12px;
	color:#000;
	line-height:12px;
	display:block;
	font-size:12px;
	text-align:center;
	position: absolute;
	top:2px;
	left:90px;
}
div.events-widget ul.ecal{
	margin:0 0 0 7px;
	width:241px;
	padding:0;
}
div.events-widget ul.ecal li{
	width:28px;
	padding:6px 0 3px;
	margin:3px 0 0 3px;
	background:#e5e6e7;
	color:#2f2b2c;
	float:left;
	border:1px solid #e5e6e7;
	text-align:center;
}
div.events-widget ul.ecal li.dayofweek{
	font-size:11px;
	font-weight:bold;
	width:29px;
	padding:0 0 0 1px;
	color:#000;
	background:#fff !important;
	border:none !important;
}
div.events-widget ul.ecal li.day-dis{
	color:#9b9c9b;
}
div.events-widget ul.ecal li.weekend{
	background:#ccdcf1;
	border:1px solid #ccdcf1;
}
div.events-widget ul.ecal li.today{
	border:1px solid #2b5988;
}
div.events-widget ul.ecal li.event{
	padding:3px 0 3px;
	border-top:4px solid #77a8d5;
	cursor:pointer;
	position:relative;
}
div.events-widget ul.ecal li .bubble{
	position: absolute;
	top:-103px;
	left:-40px;
	background:url(http://www.beiruting.com/frontend/theme/images/bubble-medium1.png) no-repeat 0 0;
	width:111px;
	height:96px;
	padding:3px 15px;
	display:none;
}
div.events-widget ul.ecal li.event:hover .bubble{ display:block; }
div.events-widget ul.ecal li .bubble-ev4{
	height:96px;
	padding:3px 15px;
}
div.events-widget ul.ecal li .bubble-ev3{
	height:96px;
	padding:6px 15px 0px;
}
div.events-widget ul.ecal li .bubble-ev2,
div.events-widget ul.ecal li .bubble-ev1{
	height:88px;
	padding:15px 15px 0;
}

div.events-widget ul.ecal li .bubble h4{
	font-size:12px;
	font-weight:bold;
}
div.events-widget ul.ecal li .bubble ol{
	margin:0;
	padding:0;
	width:100%;
	list-style:none;
}
div.events-widget ul.ecal li .bubble ol li{
	margin:0;
	padding:0;
	width:100%;
	list-style:none;
	background:none;
	border:none;
	text-align:left;
}

div.events-widget div.week-events div.ev{
	margin:7px 0 0;
	width:100%;
}
div.events-widget div.week-events div.ev h4{
	height:22px;
	line-height:22px;
	background:#8f1d53;
	color:#fff;
	padding:0 0 0 30px;
	margin:0;
	font-size:14px;
}
div.events-widget div.week-events div.ev p{
	margin:5px 0 0;
	background:#e3c6d4;
	color:#8f1d53;
	text-align:center;
	padding:5px 10px;
}
div.events-widget div.week-events div.ev p a{ color:#8f1d53; text-decoration:none; }
div.events-widget div.week-events a.more{
	display:block;
	height:14px;
	line-height:14px;
	font-size:12px;
	background:#d9e8eb url(http://www.beiruting.com/frontend/theme/images/bg-view-more.gif) no-repeat 97% 0;
	color:#388595;
	margin:12px 0 0;
	padding:0 10px;
	text-align:left;
}

.gallerrycontrol { display:block !important; }

div.navbuttons {
	padding-left:10px;
	width:65px;
}
div.navbuttons a.prev,
div.navbuttons a.next{
	display:block;
	width:30px;
	height:30px;
	text-indent:-9999px;
	background:url(http://www.beiruting.com/frontend/theme/images/arrows-nextprev.png) no-repeat 0 0;
	float:left;
}
div.navbuttons a.next{ background-position:-30px 0; }
div.navbuttons a.prev:hover{ background-position:0px -30px; }
div.navbuttons a.next:hover{ background-position:-30px -30px; }
div.navbuttons a,
div.navbuttons span{
	font-size:11px;
	font-weight:bold;
	background:none;
	display:inline;
	margin:0;
	padding:0;
	text-decoration:none;
}
div.navbuttons a.next,
div.navbuttons span.next{
	padding:0 0 0 3px !important;
}
div.navbuttons div.fbshare{
	float:left;
	clear:both;
	padding:10px 0 0 22px;
}

div.navbuttons a{ color:#1B6877; }
div.navbuttons span{ color:#555; }
div.gal-desc{ margin:0 10px 0 0; width:200px; }
div.gal-uploader { width:180px; font-size:13px; }
div.gal-nav span{ float:right; display:block; height:20px; padding:0 4px 0 6px; }
div.gal-nav { width:120px; text-align:right; }
div.gal-nav a{
	text-decoration:none;
	text-indent:99999px; 
	display:block;
	float:right;
	height:17px;
	width:23px;
	overflow: hidden;
	background:url(http://www.beiruting.com/frontend/theme/images/album-nextprev.png) no-repeat 100px 100px;
}
div.gal-nav a.prevp{ background-position:0px -5px; }
div.gal-nav a.nextp{ background-position:-28px -5px; }
div.gal-nav a.prevp:hover{ background-position:1px -28px; }
div.gal-nav a.nextp:hover{ background-position:-28px -28px; }

div.sidebar-slide-container{
	padding:20px 0;
}
p.friends-more{
	padding:15px 15px 0px;
	margin:0;
	text-align:right;
}
ul.sidebar-slide-list{
	width:220px;
	overflow: hidden;
	padding:0 !important;
}

div.fb-widget{
	margin:10px 0 0;
	padding:5px 5px 5px 5px;
}
div.fb-widget .seo{
	height:1px;
	overflow: hidden;
	text-indent:-9999px;
}

.gallery-container h3 a { color:#fff; }
ul.gal-container li {
	padding:0;
	margin:12px 20px 0 0;
}
ul.gal-container li.moderating {
	background:#d6cAe0;
}
span.gal-img { width:112px; }
#galleryleft .moderating{
	position:absolute;
	top:5px;
	left:9px;
	color:#d00;
	font-weight:bold;
}

#news-category div.suggest-news{
	width:60px;
	position:absolute;
	top:20px;
	left:610px;
}

#user_register_step .profile-pic{
	float:none;
	width:100%;
	padding:10px 0;
	text-align:center;
}

#user_register_step .inner-scroll{
	width:100%;
	height:158px;
	overflow: hidden;
}
#user_register_step .inner-scroll .overflow{
	height:175px;
	overflow:scroll;
}

#margin0auto.leftslides {
	padding-left:20px;
	padding-right:20px;
}
#loginslide{
	width:100%;
	overflow: hidden;
}

.splitcontier {
	overflow: visible;
	
}

div.whats-hot-clubs ul.clubs{
	margin:0; padding:0;
}
div.whats-hot-clubs ul.clubs li{
	float:left;
	width:105px;
	margin:16px 4px 0 4px;
}
div.whats-hot-clubs ul.clubs li img{
	width:100px;
}
div.whats-hot-clubs ul.clubs .gal-title {
	display:block;
	height:25px;
	padding:0;
	text-align:left;
}
div.whats-hot-clubs h2{
	color:#8F1D53;
	font-size:14px;
	font-weight:bold;
	margin:15px 0 0 3px;
}

div.home-left-new div.whats-hot-container{
	width:525px !important;
}
div.home-left-new div.profileslides {
	width:400px !important;
}
div.home-left-new{
	width:535px !important;
}
div.home-right-new{
	width:446px !important;
}
.home-hotnews div.smallnews { width:175px; }
.home-hotnews div.ntimage { width:65px; }
.home-hotnews div.ntdesc  { width:104px; }
* html div.ntdesc, 
* html div.ntdesc a,
* html div.ntdesc h4{ 
	font-size:10px; 
}
*+html div.ntdesc, 
*+html div.ntdesc a,
*+html div.ntdesc h4{ 
	font-size:10px; 
}
.home-hotnews div.ntdesc a{ color:#8F1D53 }
.home-left-new .online-users { width:526px !important; }
.home-left-new .online-users .userdiv{ width:410px !important; }

.calendar-left{
	float:left;
	width:190px;
	padding:15px 0 10px 10px;
}
.calendar-right{
	width:220px;
	float:right;
	padding:10px 15px 10px 0;
}
.home-right-new div.events-widget{
	background:#fff;
	width:215px;
	padding:5px;
}
.home-right-new div.events-widget h2{
	padding:5px;
	margin:0 0 2px;
	background:#8F1D53;
	color:#fff;
	font-size:12px;
	line-height:14px;
}
.home-right-new div.events-widget .ecalendar{
	background:none;
	border:none;
	float:left;
	padding:0 0 10px;
	width:215px;
}
.home-right-new div.events-widget .ecalendar h3.month{
	color:#333;
	background:none;
	font-size:11px;
	padding:0;
	margin:0;
	line-height:18px;
	height:18px;
}
.home-right-new div.events-widget .ecalendar div.navi a.today {
	font-size:10px;
	left:77px;
}
.home-right-new div.events-widget ul.ecal {
	margin:0;
	width:215px;
}
.home-right-new div.events-widget ul.ecal li {
	width:25px;
}
.home-right-new div.events-widget ul.ecal li.dayofweek {
	width:26px;
	font-size:10px;
}
.latest-event{
	padding:0 0 10px;
	color:#5f5d60;
}
.latest-event a{ color:#000; font-weight:bold; }
.latest-event:hover{
	/*background:#DFDDDD;*/
}
.event-image{
	float:left;
	padding:0 5px 0 0;
}
div.calendar-left .more{
	padding:0;
}
iframe.sitemap-generator{
	width:1px;
	height:1px;
	border:none;
	background:none;
}