/*  
Theme Name: ArabS3x
Theme URI: http://arabs3x.net
Description: Wordpress theme created by cooper88 for WordPress 2.0 series.
Version: 1.0
Author: cooper88
Author URI: http://arabs3x.net

	This theme is released under Creative Commons Attribution 2.5 License.

*/

body {
	background: #111111 url(images/page-BG-red.gif)  repeat top left;
	margin: 0;
	padding: 0px 0 10px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #aaa;
}

img { border: none; }

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


h2 { font-size: 13px; font-weight: bold;}
h3, h4, h5, h6 { font-size: 12px; font-weight: bold; }

h2 { font-size: 13px; font-weight: bold;}
h3, h4, h5, h6 { font-size: 12px; font-weight: bold; }

div.spacer {  /* Used to get floated divs to full height of master div */
	clear: both;
	padding: 0;
	margin: 0;
} 

#page {
	background: #111111 url(images/page-BG-red.gif)  repeat top left;
	margin: 0 auto;
	width: 988px;
	padding-top: 10px;
}
#pagecontainer {
	padding: 0px;
	background: #49010a;
}
#header { 
	background: url(images/logo.gif)  no-repeat top left;
	text-align: center;
	padding: 0; 
	margin: 0 0 10px 0;
}
#logo {
	float: left;
/*	height: 170px;*/
	width: 180px;
	overflow: hidden;
	margin: 5px;
	text-size: 8px;
	color: #f6a911;
	text-transform: capitalize;
}
#logo a {color: #f6a911; padding-top: 150px; display: block;}
#logo a:hover {text-decoration: none;}


#description {
	float: right;
	width: 728px;
	padding: 20px 35px 20px 0;
	margin: 0px;
	font-size: 10px;
}
#leftsidebar {
	float: left;
	width: 175px;
	overflow: hidden;
	padding: 0 0 0 5px;
}
#rightcontainer {
	float: right;
	background: none;
	width: 804px;
	overflow: hidden;
	padding: 0px;
}
#main {
	padding-bottom: 15px;
}
#content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	width: 480px;
	margin: 0;
	padding: 0;
	background: #49010a;
}
#rightsidebar {
	float: right;
	background: none;
	width: 310px;
	margin: 0;
	padding-bottom: 20px;
}
#footer {
	clear: both;
	background: #49010a;
	margin: 0 auto 0 auto;
	width: 988px;
}
#footercontent { padding: 10px 20px; }

#searchfield {
	float: right;
	height: 27px;
	width: 320px;
	text-align: center;
	padding: 0;
	overflow: hidden;
	padding-top: 2px;
}

/* ********************* NAVBARS ****************************/
div.navbar {
	background: #111111 url(images/page-BG-red.gif)  repeat top left;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	text-align: center;
	border-top: 1px solid #80070c;		
	border-bottom: 1px solid #80070c;	
}
div.topnavbar { width: 665px; float: left; }

/*div.bottomnav { background: #49010a; }*/
 
div.navbar ul {
	list-style-type: none;
	padding: 5px 10px 8px 10px;
	margin: 0;
}
div.navbar li {
	display: inline;
	padding: 0 10px;
	vertical-align: middle;
	border-right: 2px solid #49010a;
}
div.navbar li.lastli { border: none; }

.navbar a { font-weight: bold; font-size: 10px; color: #f6a911;}

.dropdownmenu {
	font-size: 11px;
	font-weight: bold;
	color: #49010a;
	background-color: #fafafd;
	text-align: center;
        cursor:pointer;
}

/* *********** Sidebars Decoration ****************** */

.sidebarcontent {
	text-align: center;
	margin: 0px;
	padding: 0px; /* DO NOT ADD PADDING HERE */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.wide { padding: 0px 10px; }

.narrowright, .narrowleft { width: 154px; overflow: hidden; }
.narrowleft { float: left; }
.narrowright { float: right; }

.narrowcontent { padding: 0 5px;}

.sidebarcontent h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	padding: 5px 10px;
	margin: 0px;
	border-top: 1px solid #7c0204;
	border-bottom: 1px solid #7c0204;	
}
.sidebarcontent ul { 
	margin: 0px; 
	padding: 10px 5px 10px 0px;
	list-style-type: none;
	text-align: left;
}
.sidebarcontent li { margin-bottom: 4px; }

ul.buttons li { margin: 0px; padding: 1px 0 1px 0; } /* DO NOT CHANGE PADDING HERE */
ul.buttons li a { display: block; margin: 0px; padding: 1px; }

.sidebarcontent a img { border: 1px solid #797860; padding: 2px; }
.sidebarcontent a:hover img { border: 2px solid #f6a911; }

.sidebarcontent p { margin: 0; padding: 10px 0; text-align: left; }

/* --------- Category List Styling --------- */

ul.categories { font-size: 12px; }
ul.categories li { margin: 0 0 4px 5px; border-bottom: 1px solid black; }

ul.children { 
	margin: 0 0 0 5px; 
	padding: 0 0 0 12px; 
	list-style-type: square; 
	font-size: 12px; 
}
ul.children li { border: none; margin: 0; }

/* ********************** THUMBS STYLING ************* */
img.ownthumb {
	border: 1px solid #F3F2EE;
	margin: 2px 2px;
	padding: 1px;
	width: 100px;
	height: 100px;
}
img.bonusthumb {
	border: 1px solid #F3F2EE;
	margin: 1px;
	padding: 3px;
	width: 120px;
	height: 90px;
}
img.bonusthumbsmall {
	border: 1px solid #F3F2EE;
	margin: 1px;
	padding: 3px;
	width: 100px;
	height: 75px;
}
a img.noborder, a:hover img.noborder, img.noborder, .noborder a img, .noborder a:hover img { border: none; }

.clickable a img { border: 1px solid #797860; padding: 2px; }
.clickable a:hover img { border: 2px solid #f6a911; }


/* ******************* POST STYLING ******************* */
.post {
	width: 480px;
	overflow: hidden;
	margin: 0 0 10px 0;
	padding: 0;
	background: #111111 url(images/page-BG-red.gif)  repeat top left;
}
.postheader {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 5px;
	border-bottom: 1px solid #49010a;
	margin: 0 0 10px 0;

}
.postheader h1, .postheader h2 {
	font-size: 13px;
	font-weight: bold;
	text-transform: capitalize;
	padding: 0 0 5px 0;
	margin: 0;
	color: #fff;
}
.postheader h1 a, .postheader h2 a { color: #f6a911; }

.postdate{
	padding: 0;
	font-size: 10px;
}
.entry{
	line-height: 16px;
	padding: 0 5px;
	margin: 0;
}
.entry p { padding: 0 10px; }

div.postcontent { margin: 0; padding: 10px; }
div.pagecontent { margin: 0; padding: 10px; }

#postfooter { width: 480px; overflow: hidden; } /* postfooter contains the bottom post nav and comments */

div.post_thumb {
	float: left;
	width: 150px; 
	text-align: center;
	font-size: 9px;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
div.thumbdiv {
	width: 134px; 
	height: 102px;
	overflow: hidden;
	background: #49010a;
	margin: 0 auto;
}
div.post_thumb img { margin: 0; padding: 2px; width: 128px; height: 96px;}
div.post_thumb a img { border: 1px solid #c8c8b0; }
div.post_thumb a:hover img { border: 1px solid #f6a911; }

div.post_text {
	margin: 0px 0px 0px 158px;
	width: 300px;
	padding: 0px;
	font-weight: normal;
}
#postgallery { text-align: center; padding: 0px; margin: 0px; }

#postgallery img { border: 1px solid #d35c23; padding: 2px; margin: 2px; }

#postgallery a:hover img { border: 1px solid #f6a911; }

div.postinfo {
	margin: 5px 5px 0 5px;
	padding: 3px 5px 5px 0;
	border-top: 1px solid #49010a;
	font-size: 11px;
}
blockquote{
	margin: 15px 0px;
	padding: 5px 5px 10px 5px;
	background: none;
	border: 1px solid #49010a;
}
.partnerlinks, .mininavbar {
	background: #65624e url(images/Combined-BG.gif) -10px 0px;
	padding:10px 5px 0 5px;
	text-align:center;
	margin: 3px 0 0 0;
	height: 23px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.partnerlinks a, .mininavbar a { color: #f6a911; font-weight: bold;  text-decoration: none; }
.mininavbar a { color: #f6a911; font-weight: normal;  text-decoration: none; }

/* ------------- Previous-Next Navigation -------- */
.browsesingle , .browse {
	margin: 0px;
	font-family: Geogria, Sans-Serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	text-align: left;
	border: 2px solid #7c0204; 
	background: #49010a;
}
.browse { text-align:center; font-size: 14px; padding: 10px 5px; }

.browsesingle { padding: 5px 5px 10px 5px; }

.browsesingle a, .browse a { font-weight: bold; color: #f6a911; }

p.nextpostlink { text-align: right; margin: 0; padding: 0; }

.pagebar a, .pagebar .this-page { font-weight: normal; border: 1px solid #7c0204; padding: 0px 4px; background: #7c0204; }

.pagebar a:hover { border: 1px solid #f6a911; text-decoration: none; }

.pagebar .this-page { background: none; font-weight: bold;}

/* ------------- Comments Styling -----------  */

.comments-template{
	margin: 20px auto 10px auto;
	padding: 0 10px 0px 5px;
	border: 1px solid #7c0204;
	font-size: 11px;
	width: 460px;
	overflow: hidden;
}
.comments-template ol{
	margin: 0;
	padding: 0;
	list-style: none;
}
.comments-template ol li{
	margin: 5px 0 0 0;
	padding: 10px;
	border: 1px dashed #aaa;
}

.comments-template ol li.admin{ border: 2px solid #aaa; }

.comments-template p { padding: 0px; margin: 5px 0; }
.comments-template h3 { font-size: 14px; padding: 5px 0; text-align: center; background: #111111 url(images/page-BG-red.gif)  repeat top left;}
.commentmetadata{ font-style: italic; font-size: 11px; }
.comments-template p.nocomments{ padding: 0; }

/* ------------- Top Thumbs Area -----------  */
#topthumbsarea {
	background: none;
	height: 120px;
	padding: 10px 10px 0px 10px;
	overflow: hidden;
	margin-top: 10px;
}
#topthumbsarea a { text-decoration: underline; }
#topthumbsarea p { margin: 0; padding: 0; }

.textarea { 
	width:220px;
	float: left;
	text-align: left;
	margin:0;
	padding:0;
}
.thumbsarea { float: right;  width:560px; overflow: hidden; margin:0; padding:0; }

/* the following is for the skinvideo thumbs in thumbsarea */
ul.listthumbs { list-style-type: none; display: inline; font-weight: bold; padding: 0;}
ul.listthumbs li { float: left; padding: 0 5px; }
ul.listthumbs img { width: 120px; height: 90px; }

/* **************** Promotalk under LOGO ******************/
#promotalk {
	padding: 0 5px 5px 5px;
	font-size: 13px;
	background-color: #EBECE6;
	font-weight: bold;
}
#promotalk a { cursor: help; color: #3b3b2f; }
#promotalk a:hover { text-decoration: none; }
#promotalk ul { margin: 0; padding: 0; list-style-type: none; }
#promotalk li {
	margin: 0;
	padding: 0 0 0 25px;
	height: 17px;
	overflow: hidden;
	background: #EBECE6 url(images/Combined-BG.gif) -830px -240px;
}

/* ======================== AD ENGAGE L.SideBar STYLING ============== */
/*Overall width, height, and table style*/
.ae_table_vert { width:170; height:300; background-color:None; }
/*TD elements other than bottom bar*/
.ae_td_vert,.ae_image_td_vert { padding-bottom: 1px; padding-top: 2px; padding-left: 3px; padding-right: 3px; vertical-align:top; }
/*TD that holds images*/
.ae_image_td_vert, .ae_image_td_horiz { text-align:right; padding-top:4px; padding-bottom:4px; padding-right: 4px; }
.ae_image_td_vert { text-align:left; padding-top:4px; padding-bottom:0px; padding-right: 0px; }
/*Bottom bar (Your link here & Powered By TD)*/
.ae_bb_td_vert { padding-bottom: 4px; padding-top: 4px; padding-left: 3px; padding-right: 3px; vertical-align:top; }

/*Link Title Text*/
A.ae_title_vert, A.ae_image_link_vert {font-family: Verdana,Arial,Sans-Serif; font-size: 11px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #d35c23; text-decoration: none; }
/*Description Text*/
.ae_desc_vert {font-family: Arial,Verdana,Sans-Serif; font-size: 10px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #aaa; }
/*See Your Link Here Text (if enabled; set adengage_show_your_ad_here = 0 below to disable)*/
A.ae_yourlink_vert {font-family: Arial,Verdana,Sans-Serif; font-size: 10px; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #c2ddef; text-decoration: Underline; }
/*Hover Effect for Links (what to do on mouseover)*/
A.ae_title_vert:hover, A.ae_powered_vert:hover, A.ae_yourlink_vert:hover, A.ae_image_link_vert:hover { color: #f6a911;  text-decoration: underline;}
.ae_image_vert { border-width:1px; border-color:#d35c23;}
/* ======================== AD ENGAGE L.SideBar STYLING ============== */

/* --------- Admin Bar Plugin Styles ----------- */
#wp-admin-bar {align:center; margin:0; padding:5px; background: black; border:1px solid #666; clear:both; text-align:center}
#wp-admin-bar ul {margin:0; padding:0}
#wp-admin-bar ul li {list-style-type:none; display:inline; margin:0 10px; padding:0}

/* ------------ Extra Styling --------------------- */

p.center, .center, ul.center { text-align: center; }

#description h1 { font-size: 10px; display: inline; font-weight: normal; }

ol.faq { margin: 10px 0 10px 0; padding: 0 0 0 20px; }
ol.faq li { font-weight: bold; margin: 15px 0 5px 0;  }

#prefooter {
	text-align: center;
	background: #49010A;
	margin: 0px auto;
	padding: 10px;
}