/*  

Theme Name: FacebookWB

Theme URI: http://wplight.com/facebook.html

Description: based on facebook.com and some of my imagination oh yeah, Designed by <a href="http://wplight.com">Joe Larry</a> And <a href="http://wplight.com">WPLight.com</a>

Version: 1.05

Author: Ayman And WPLight

Author URI: http://wplight.com/

Tags: blue,three-columns,fixed-width,right-sidebar,threaded-comments

*/



/* generic */

html { padding: 0; margin: 0;}

body { background:url('images/BoBG.gif') repeat-x left top; font-family: tahoma,arial, helvetica, sans; font-size: 12px; margin: 0px; color:#000; }

#wrapper {

    width: 820px;

    height: 100%;

    margin: 0 auto 0 auto;

    padding: 0;

}



.clear { clear:both; }





/* WP-alignments */

.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.alignleft { float: left; }

.alignright { float: right; }

.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; /* optional rounded corners for browsers that support it */ -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.wp-caption img { margin: 0; padding: 0; border: 0 none; }

.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }



/* ihh */

img { padding: 0px; margin: 0px; border: none; text-align: center;}

hr { border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height:1px; }

h1, h2, h3, h4 { font-family: Tahoma, Helvetica, sans-serif;}



/* forms */

form { padding: 0px; margin: 0px;}

input { font-family: 'Verdana'; color: #282b31; font-size: 11px;}

textarea { font-family: 'Verdana'; color: #282b31; font-size: 11px;}

select { font-family: 'Verdana'; color: #282b31; font-size: 11px;}



/* links */

a { text-decoration: none; color : #1f519c; border: 0px; -moz-outline-style: none;}

a:hover	{ text-decoration: underline; color : #184487; border: 0px; -moz-outline-style: none;} 

a:focus { outline: none; -moz-outline-style: none;}



/* header */

/**/ * html .header { height: 80px; } /* */ 

.header { width: 757px; height: 2.7em; background:#3b5998; border-bottom:6px solid #95a7ce; clear: left; padding: 0 0px 0 30px; margin:0 0 1.2em 15px; }

.header #header-TXT { float:left; padding: 0 0px .3em 0px; margin: .5em 0 .5em 0px; }

.header h1 { font:bold 19px Arial, Georgia; letter-spacing: normal; padding: 0px; margin: 0px; font-weight: bold; }

.header h1 a { color:#fff; text-decoration: none; }

.header h1 a:hover { color:#f5f5f5; text-decoration: none; }

.header-desc { display:block; border:1px solid #e2eaf5; color:#000; font-size: 14px; line-height: 15px; font:normal 8pt Tahoma; padding: 1em 1em 1em 1em; margin: 1em 0 10px 45px;}



/* TB a toolbox */

.TB { padding: 0 0px 0 2em; float: left; width: 20.6em; }

.TB em { display: none; }

.TB ul { list-style: none; margin: 0px; padding: 0px;}

.TB ul li ul { display: none;}

.TB li { padding: 0px; margin: 0px; display: inline; font-size: 10px; line-height: 11px; font-weight: bold;}

.TB a { font: bold 1.1em Tahoma; padding: .5em 0px .4em 3px; margin-right: 2px; float: left;}

.TB a span { padding: 4px 9px 5px 6px; display: block; float: right; }

.TB a span { float: none; color: #fff;}

.TB a:hover span { color: #fff;}

.TB a:hover { background: #5c75aa; color:#fff; text-decoration: none;}

.TB a:hover span { background: #5c75aa;  color:#fff;}

.TB .active { background: #5c75aa; color:#fff; }

.TB .active span { background: #5c75aa; color:#fff; }



/* Search */

.Search { float:left; height: 2px; width:330px; padding: 0; }

.Search .T { float:left; font:normal 7pt Tahoma; color:#b3c1de; padding:1.1em 1em 1em 0; }

.Search .F { float:left; padding:0 0 0 0; margin:.4em 0 0 0; background:#6d84b4; border:1px solid #375491; border-bottom:2px solid #375491; }

.Search .F form { margin: 0px;}

.Search .F input { font-size:8pt; cursor:text; border: none; color: #9da1a8; }

.Search .F input.keyword { float:left; background: #fff; border: none; padding:.2em .2em 0 .2em; width: 175px; border: none; height:1.549em; }

.Search .F input.search { float:left; cursor:hand; width: 21px; background: url(./images/SearchButton.gif) no-repeat; height:1.7em; }



/* CTR wt handle it all */

.CTR { width: 100%; margin:0 10px 0 40px; float: left; position: relative; padding: 0px}



/* CST the core of it [SCS] */

.CST { width: 505px; float: left; padding: 0px 30px 15px 5px;margin-left:30px;margin-right:10px;
border:1px solid #888;-moz-box-shadow: 5px 5px 5px #888;
-webkit-box-shadow: 5px 5px 5px #888;box-shadow: 5px 5px 5px #888;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888');}

.CST h1 { font-size: 20px; font-weight: normal; background: url(images/Dotted.gif) repeat-x bottom; padding-bottom: 10px; letter-spacing: normal; }

.CST h2 { font-size: 18px; font-weight: normal; }

.CST h3 { font-size: 14px; font-weight: bold; }

.CST p { color:#000000;
font-size:13px;
line-height:24px;
margin:0;
padding:0.5em 0 0.8em 0;}

.CST p strong {}

.CST img {}

.CST ul { padding: 10px 0px; margin: 0px; }

.CST li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#4c4c4c; }

.CST blockquote { padding: 2px 10px; background: #e9f8ff; margin: 0px; color:#336699; }

.CST blockquote p { font-size: 11px; padding: 5px 0px; margin: 5px 0px; line-height: 15px;}

.CST blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentBlockLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#336699; }

.CST blockquote a { color:#0080ca; }

.CST blockquote a:visited { color:#0080ca; }

.CST blockquote a:hover { color:#003399; }



/* LQ like the query */

.LQ {  width:505px; float: left; padding-right:10px;}

.LQ h2 { font-weight: normal;}



/* pagetitle */

.pagetitle { font-size: 24px; font-weight: normal; letter-spacing: normal; border-bottom: solid 1px #eee; padding: 0px 0px 15px 0px; margin: 0px 0px 15px 0px; color:#787878;}



/* Post */

.post {	padding: 0px; position: relative; clear: left;}



.postH { clear: both; padding:.6em; display:block; background:#f7f7f7; border-top:1px solid #3b5998; border-bottom:1px solid #d8dfea; }

.postH h1 { font:bold 9pt Tahoma; line-height: .8em; padding: 0px 0px 1px 0px; margin: .3em 0 .32em 0; color:#333333;}

.postH h1 a { color: #333333; text-decoration: none;}

.postH h1 a:hover { color:#294b93; text-decoration: none;}

.postH ul { padding: 0px; margin: 0px;}

.postH li { list-style-type: none; display: inline; }

.postH li a { color:#3b5998; text-decoration: underline;}

.postH li a:hover { color:#3b5998; text-decoration: none;}

.postH .PostA { background: url(images/PostAuthor.png) no-repeat left center; padding: 1px 5px 1px 13px; margin:0 0 .3em 0; font-size: 8pt; color:#666666; font-weight: normal; }

.postH .PostC { background: url(images/PostCateg.png) no-repeat left center; padding: 1px 5px 1px 13px; margin: 0px; font-size: 8pt; color:#666666; font-weight: normal;}

.postH /**/ * html .PostTime { right: 30px;} /**/ 

.postH .PostT { color:#666666; font-size: 8pt; padding:0 .5em 0 0; margin:0 .5em .5em 0; }



.postCX { padding: 2px 0px 5px 2px; font-size: 10px; background: url(images/Dotted.gif) repeat-x bottom; color:#444640; }

.postCX p { padding: .5em 0px .8em 0; color:#000; font-size: 11px; margin: 0px; line-height: 20px; }

.postCX p strong { color:#000; font-size: 12px; line-height: 1px; }

.postCX img {}

.postCX .thumb { border:1em solid #f5f5f5; width:400px; height:310px; clear:both; padding:0px; margin:0 0 1em 1em; }

.postCX ul { padding: 2px 0px; margin: 0px; line-height: 1px; }

.postCX li { padding: 2px 0px 2px 18px; margin-left:1em; list-style-type: none; background: url(images/PostContentLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#4c4c4c; }

.postCX blockquote { padding: 2px 10px; background: #e9f8ff; margin: 0px; color:#336699; }

.postCX blockquote p { font-size: 11px; padding: 5px 0px; margin: 5px 0px; line-height: 15px; }

.postCX blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentBlockLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#336699; }

.postCX blockquote a { color:#0080ca; }

.postCX blockquote a:visited { color:#0080ca; }

.postCX blockquote a:hover { color:#003399; }

.postCX a { text-decoration: underline;}



.PostCXD { padding-top: 10px;}

.PostCXD ul { padding: 0px; margin: 0px;}

.PostCXD li { padding: 2px 0px 5px 15px; margin: 0px 10px 0px 0px; list-style-type: none; display: inline; color:#336699; font-size: 10px; font-weight: bold; } 

.PostCXD li a { text-decoration: underline; color:#35518d;} 

.PostCXD li a:visited { text-decoration: underline; color:#35518d;} 

.PostCXD li a:hover { text-decoration: underline; color:#63748e;} 



.PostCXC { background: url(images/PostCom.png) no-repeat left center; }



/* Note */

.TIPN { padding: 0px; margin: 0px;}

.TIPN li { padding: 1px 0px 1px 15px; margin: 0px; list-style-type: none; font-size: 11px;}

.TIPN .TIPNR { background: url(images/NoteRss.png) no-repeat left top;}

.TIPN .TIPNTB { background: url(images/NoteTrackBack.png) no-repeat left top;}

.TIPN a { text-decoration: none; color:#777;} 

.TIPN a:hover { text-decoration: underline; color:#333;} 



/* NV it's a plug in */

.NV { color:#b6becd; font-size: 8pt;}

.NV a { padding: 2px 5px 2px 3px; border-right: solid 1px #dadfe9; color:#8795b1; }

.NV a:hover { padding: 2px 5px 2px 3px; border-right: solid 1px #dadfe9; text-decoration: none; color:#576580; }

.NV .active { padding: 2px 5px 2px 3px; border-right: solid 1px #dadfe9; color:#576580; }

.NV span { padding: 2px 5px 2px 0px; border-right: solid 1px #eceff5; }



/* Comments */

.Comments { margin: 20px 0px 0px 0px;}

.Comments h3 { border:none; color:#23508d; font-size: 14px; font-weight: bold; letter-spacing: normal; margin: 0px; padding: 5px 0px 10px 0px; }



/* Comments List  */

.Comments .comment { background:#eceff5; border:1px solid #dde2eb; margin:0 0 .5em 0; padding-left: 5em; padding-right: 2em; clear:both; display:block; }

.Comments .comment-author-admin { background:#e3eed5; border:1px solid #ccd8bc; border-left:10px solid #ccd8bc; margin:0 0 .5em 0; padding-left: 5em; padding-right: 2em; clear:both; display:block; }

.Comments h3 { font-size: 14px; font-weight: bold; margin: 0px 0px 5px 0px; padding: 5px 0px; color:#1b4c8f; letter-spacing: normal; }

.Comments ol { padding: 0px; margin: 0px;}

.Comments li { position: relative; padding: 15px 0px 15px 0px; margin: 0px 0px 0px 0px; list-style-type: none; font-size: 11px; line-height: 15px; color:#484c4f;}

.Comments li p { font-size: 11px; line-height: 15px; padding: 1px 0px 0 0; margin: 0 0 0 0; color:#000;}

.Comments li blockquote { padding: 0px; margin: 0px; color:#666666;  font-size: 11px; font-style: italic; border-top: dashed 1px #ccc; border-bottom: dashed 1px #ccc; }

.Comments li blockquote p { font-size: 11px; padding: 5px 0px; margin: 0px; line-height: 16px; color:#666666; }

.Comments li ul { padding: 5px 0px; margin: 0px; }

.Comments li ul li { padding: 0px; list-style-type: none; background: none; font-size: 11px; line-height: 13px; color:#63565f; }



/**/ * html .Comments .vcard { left: 0px;} /* */ 

.Comments .vcard span.says { display:none; }

.Comments .vcard { position: absolute; top: 15px; left: .8em; }

.Comments .vcard img { border: solid 2px #dde2eb; background: #d9dee8; padding: 1px; }



.Comments .comment-author .vcard img {  }

.Comments .comment-author-admin .vcard img { border: solid 1px #bfc7d5; background: #dae4cd; border: solid 1px #c8d3ba; }



.Comments .comment-meta { color:#bfc7d8; margin: 0px; padding: 0px 0px 0px 0; font-size: 8.5pt; line-height: 14px; letter-spacing: 1px;  }

.Comments .comment-meta a { color:#bfc7d8; text-decoration: none;}

.Comments .comment-meta a:hover { color:#a8b2c6; text-decoration: underline;}

.Comments .comment-author cite.fn { color:#23508d; position:relative; top:-2.5em; left:.5em; padding: -3em 0px 0 5px; margin: 0;  font-weight: normal; }

.Comments .comment-author cite.fn a { color:#23508d; text-decoration: none;}

.Comments .comment-author cite.fn a:hover { color:#23508d; text-decoration: none;}



.Comments .comment-author-admin .comment-meta { color:#8e9e78; }

.Comments .comment-author-admin .comment-meta a { color:#8e9e78; }

.Comments .comment-author-admin .comment-meta a:hover { color:#72825e; }

.Comments .comment-author-admin .comment-author cite.fn { color:#96a384; }

.Comments .comment-author-admin .comment-author cite.fn a { color:#96a384; }

.Comments .comment-author-admin .comment-author cite.fn a:hover { color:#82916f; }



/* Comments Form */

.Comments .FormTop { padding-top: 1px; clear:both; height:1em; }

.Comments .Form { background: #f1f5fb; border:1px solid #dae4f1; padding: 10px 15px 1em 15px; position: relative; }

/**/ *html .Comments .FormTop  { left: -15px;} /**/ 

.Comments .FormTop { position: absolute; top: 0px; left: 0px; width: 505px; height: 10px;}

.Comments .Form form {margin: 0px; padding: 0px;}

.Comments .Form a { text-decoration: underline;}

.Comments .Form p { padding: 0px; margin: 0px; font-size: 11px; color:#6a7f9b; }

.Comments .Form p small strong { font-size: 10px; font-weight: bold; color:#57648e;}

.Comments .Form p small { font-size: 11px; display: block; padding: 5px 0px;}

.Comments .Form p abbr { padding: 0px; margin: 0px;}



.Comments .Form .TextField { background: #fff; border: solid 1px #dde2eb; padding: 4px; font-size: 11px; display: block;}

.Comments .Form .TextArea { background: #fff; border: solid 1px #dde2eb; padding: 4px; font-size: 12px;}



.Comments .Form input { padding:.3em; background:#3b5998; margin-top: 2px; color:#000000; }



/* Side Right */

.SR { margin:0; width: 222px; float: left; overflow: hidden; }



.SR h2 { font-size: 9pt; letter-spacing: normal; font-weight: bold;}

.SR h3 { font-size: 9pt; letter-spacing: normal; font-weight: bold;}



/* Side Right Left */

.SRL { width: 215px; float: left; padding: 5px 5px 5px 0px; color:#fff; background:#f7f7f7; border:1px solid #cccccc; }

.SRL h3 { font-size: 9pt; color:#333333; border-bottom: solid 1px #eee; padding: 0px 0px 5px 0px; margin: 0px 0px 3px 0px; letter-spacing: 0; }

.SRL p { color:#ccc9c9; font-size: 9pt; }



/* block SRL */

.BT { height: 1px; width: 5px; position: absolute; top: 0px; right: 0px;}

/**/ *html .PT  { right: 5px;} /**/ 

.Panel { position: relative; margin: 10px 0 10px 0; padding: 0 10px 0 10px;  color:#294277; font-size: 11px;}

.Panel ul { margin: 0px; padding: 0px;}

.Panel ul li { margin: 0px; padding: 0px; list-style-type: none; font-size: 11px; border-bottom: dashed 1px #eee; }

.Panel ul li a { background: url(images/CategLi.png) no-repeat left top; width:100%; display: block; padding: 1px 0px 2px 10px; font-size: 11px; }

.Panel ul li a:visited { background: url(images/CategLi.png) no-repeat left top; display: block; }

.Panel ul li a:hover { background: #eee url(images/CategLi.png) no-repeat left top; text-decoration: none;}



.Panel ul ul { padding: 1px 0px 1px 0px;  margin: 0px 0px 0 0px; }

.Panel ul ul li { padding: 0px; margin: 0px 0px 0px 10px; list-style-type: none; font-size: 10px; border-bottom: none; }

.Panel ul ul li a { background: url(images/CategLi.png) no-repeat left top; display: block; padding: 1px 0px 2px 10px; font-size: 11px; }

.Panel ul ul li a:visited { background: url(images/CategLi.png) no-repeat left top; display: block; }

.Panel ul ul li a:hover { background: #eee url(images/CategLi.png) no-repeat left top; text-decoration: none;}



.Panel p { color:#294277; font-size: 12pt; }



.Panel a { color:#294277; font-size: 12pt; }



/* Side Right Right */

.SRR { position: relative; width: 150px; float: left; border-left:1px solid #cccccc; margin:0 0 0 1em;  }

.SRR .ANL { border-left:5px solid #e5e5e5; height:25em; }

.SRR small { font:normal 8pt Tahoma; color:#ddd; padding: 5em 0 5em 1em; margin: 0px 0px 5px 0px; letter-spacing: normal; }

.SRR .ADLC { border:1px solid #e5e5e5; padding:10em 0 13em 0; margin:.5em; }





/* footer */

.footer { border: solid 1px #dfdddd; background: #f8f8f8; padding: .2em 0 1.5em 0; clear:both; margin: 3em 0 2em 0; width:757px;}

.footer p { font-size: 11px; color:#8a8a93; padding: 0px; margin: 0px; }

.footer p.LF { float:left; padding: 0px; margin-left: 1em; }

.footer p.RH { float:right; padding: 0px; margin-right: 1em; }

.footer a { color:#8698bf; text-decoration: underline;}

.footer a:visited { color:#8698bf; text-decoration: underline;}

.footer a:hover { color:#3b5998; text-decoration: underline;}

.content-ad-box{
	padding:0px 10px 5px 0px;
}