/* Common XHTML Attributs Styling */
body { font-size:75%; background: url(../img/dotted_bg.png) #111 repeat-x fixed; margin:0; text-align:center; }
input{ padding:0; height:16px; font:italic 14px "Lucida Sans"; color:#000000; padding:0; margin:0 0 3px 0;}
select { padding:0; height:18px; font:italic 12px "Lucida Sans"; color:#000000; padding:0; margin:0 0 3px 0; }
textarea{ margin:0; padding:0; }
pre{ width:100%; background:#000; float:left; font-size:12px; margin:0; padding:0; overflow:auto;}
h2{ display:block; float:left; color:#FFFFFF; font:italic bold 24px "Lucida Sans"; text-decoration:underline; margin:0 0 10px 0; padding:8px 0 0 0; border-top:#a9a9a9 1px solid; }
h2 a{ display:block; float:left; color:#FFFFFF;font:italic bold 24px "Lucida Sans"; text-decoration:underline; margin:0;padding:0;text-decoration:underline;}
h1 { display:block; width:100%; float:left; color:#FF0000;font:italic bold 24px "Lucida Sans";margin:0;padding:0;text-decoration:underline;}
/************************
CONTAINEURZ STYLING
************************/
#BigContaineur{ position:absolute; top:0; left:0; width:100%; margin:0; /*Text-Align:Center; used in order to center div in ie5.5*/text-align:center; }
#BigContaineur .highlighted{ font-weight:bolder; background:#ff9900; color:#000;}
#ContentContaineur{ width:960px !important;width:1024px; margin:10px auto;}
#SubContent{float:left;width:310px;margin:0 0 0 17px !important;margin:0 0 0 15px;}
/************************
HEADER STYLING
************************/
#Header{ text-align:center; display:block; width:100%; height:68px; background:url(../img/header_bg.png) repeat-x !important; background:url(../img/header_bg.gif) repeat-x; margin:0; }
#LogoAndNav{ display:block; width:960px; /*background-color:#33CC00;*/margin: 0 auto;}
#LogoAndNav .logo { display:block;height:68px;width:240px;background:url(../img/logo.png) no-repeat !important;background:url(../img/logo.gif) no-repeat;text-indent:-2500px;outline:none;float:left;margin:0 5px 0 5px !important;margin:0 3px 0 3px;padding:0;}
#LogoAndNav .clouds { display:block; height:53px;width:60px; background:url(../img/clouds.png) no-repeat !important; background:url(../img/clouds.gif) no-repeat;text-indent:-5000px;outline:none;float:left;margin:0;padding:0;}
#LogoAndNav ul { float:left;margin:12px 0 0 0;display:inline;padding:0;}
#LogoAndNav ul li { width:140px;/*background:#CC9900;*/display:inline;float:left;list-style:none;padding:0;margin:4px 20px 0 0;}
#LogoAndNav ul li a{ float:left;width:140px;text-indent:0px;outline:none;color:#FFFFFF;font-family:"Lucida Sans",Verdana;font:italic 400 16px "Lucida Sans";text-align:center;padding:20px 0 0 0;text-decoration:none;}
#LogoAndNav ul li a:hover{float:left;width:140px;text-indent:0px;outline:none;color:#FF9900;/*background-color:#222;*/font:italic 16px "Lucida Sans";text-align:center;padding:11px 0 10px 0;text-decoration:none;border-bottom:1px #ff9900 solid !important;border:0;}
/*************************
CONTENT AND CONTAINEUR STYLING
*************************/
#Content { text-align:left;float:left;width:630px !important;width:630px;margin:0 0 10px;padding:0;}
#article {margin-bottom:10px; width:98%; text-align:justify;}
#article p{ text-align:left;float:left; display:block; text-align:justify; clear:both;width:98%;}
#article a{ color:#FF9900;}
#article h2 a{color:#FFFFFF;display:block;}
#article h2 {width:100% !important; width:100%;}
#article img{text-align:right;float:left;max-width:610px;margin:5px 5px 0 0;}
#article .clearimage{display:block;clear:both;text-align:right;float:left;max-width:610px;margin:5px 5px 0 0;}
#article .clearfix {display:block; clear:both; float:left; width:98%; margin-bottom:5px;}
#article dt{ color:#ff9900; font-family:"Lucida Sans",Verdana;font:italic bold 12px "Lucida Sans"; }
/************************
LAST ENTRY STYLING
************************/
#LastEntry { margin:0;float:left;border:2px #ccc solid;background:rgba(31,31,31,0.5) !important;background:#333;width:100% !important;width:630px;-moz-border-radius-topleft:2em;-moz-border-radius-bottomright:2em;-webkit-border-radius-topleft:2em;-webkit-border-radius-bottomright:2em;}
/***********************
GLOBAL BLOG BOXES STYLING
***********************/
.TopMenu{ float:left;padding:0; margin:0;width:100%;height:57px;background:#111;-moz-border-radius-topleft: 2em;-webkit-border-radius-topleft:2em;}
.TopMenu h2{ float:left;color:#FFFFFF;font:italic bold 24px "Lucida Sans";text-decoration:underline;margin:0 0 0 10px;padding:8px 0 0 0;}
.TopMenu .infos{ padding:0;text-align:right; float:right;margin:5px 10px 0 0;}
.TopMenu .infos h3{color:#FF9900;font:italic bold 24px "Lucida Sans";margin:0;padding:0;}
.TopMenu .infos h5{float:none;color:#FFF;font:italic 14px "Lucida Sans";margin:0;padding:0;}
.TopMenu h2 a{float:left;color:#FFFFFF;font:italic bold 24px "Lucida Sans";text-decoration:underline;margin:0;padding:0;text-decoration:underline;}
.TopMenu .infos h3 a{ color:#FF9900;font:italic bold 24px "Lucida Sans";margin:0; padding:0;text-decoration:none;}
.TopMenu .infos h5 a{ color:#FFF; font:italic bold 14px "Lucida Sans";margin:0;padding:0;text-decoration:none;}
/**********************
RECENTENTRY STYLING
**********************/
#RecentEntries{ float:left;width:628px;overflow:hidden;margin:20px 0;border:2px #ccc solid;background:rgba(31,31,31,0.5) !important;background:#333;padding:0 0 10px 0; background:#333;-moz-border-radius-topleft:2em;-moz-border-radius-bottomright:2em;-webkit-border-radius-topleft:2em;-webkit-border-radius-bottomright:2em;}
#RecentEntries h5 {float:right;color:#FFF;width:210px !important;width:210px;font:italic 14px "Lucida Sans"; margin:0 10px 0 0;padding:18px 0 0 0;text-align:right;border-top:#999 1px solid;}
#RecentEntries h5 a{ color:#FFF; font:italic bold 14px "Lucida Sans";margin:0;padding:0; text-decoration:none;}
#RecentEntries h2 {border-top:#999 1px solid;float:right;margin:0 0 10px 0; padding:5px 0 0 0;width:390px !important;}
/*********************
ARTICLE CONTENT STYLING
*********************/
#article{float:left;margin:0 10px 10px;color:#FFFFFF;font:12px Verdana, Arial, Helvetica, sans-serif;line-height:150%;}
#Content .commentInfos {clear:both;width:100%;height:31px;margin:10px 0 0 0;}
#Content .commentInfos h4 {text-align:left;padding:4px 0 0 0; margin:10px 10px 0 10px;color:#FFFFFF;font:italic 18px "Lucida Sans";border-top:#aaa 1px dashed;}
#Content .comment {width:610px;margin:5px 12px 5px 8px;padding:0 0 10px 0;background:rgba(255,255,255,0.4) !important;background:#888;overflow:hidden;}
#Content .comment .topmenu{width:610px;float:left;height:66px;margin:0;padding:0;background:#333;}
#Content .comment .topmenu .userinfo{ color:#FF9900;margin:0; padding:0;}
#Content .comment .topmenu p{ color:#fff;font:italic 12px "Lucida Sans";float:left;margin:0 0 0 20px;padding:1px 0 0 0;width:280px;}
#Content .comment .topmenu h3{color:#FFFFFF;font:italic bold 48px Georgia;float:left; margin:0;width:60px;height:50px;text-align:center;}
#Content .comment .topmenu ul{list-style:none;width:245px;float:right;margin:0;padding:0;}
#Content .comment .topmenu ul li{float:right;width:60px;margin:0 0 0 20px;}
#Content .comment .topmenu ul li a{width:60px;margin:0;float:right;color:#FFFFFF;font:italic 12px "Lucida Sans"; text-decoration:underline;text-align:center;outline:none;}
#Content .comment .topmenu .newcom{background:url(../img/addcomm.png) 5px top no-repeat;padding:45px 0 0 0;}
#Content .comment .topmenu .replycom{ background:url(../img/replycomm.png) 5px top no-repeat;padding:45px 0 0 0;}
#Content .comment .topmenu .quotecom{ background:url(../img/quotecomm.png) 5px top no-repeat;padding:45px 0 0 0;}
#Content .comment p{ display:block;float:left;color:#111;margin:10px 10px;padding:0;font:12px Verdana, Arial, Helvetica, sans-serif;line-height:150%;}
#Content .comment .compict{display:block;float:left;max-width:590px;}
/**********************
EDIT COMMENT STYLING
**********************/
#edit_com{overflow:hidden;width:610px;margin:5px 12px 5px 8px;padding:0;}
#EditMenu{overflow:hidden;margin:0;height:121px;background:#111;}
#EditMenu h5{float:left;margin:0;height:22px;margin:0 0 71px 0;padding:71px 0 0 0;width:60px;text-align:center;background:url(../img/addcomm.png) 5px no-repeat;font:italic 12px "Lucida Sans";color:#FFFFFF;}
#EditMenu .labelone{float:left;margin:5px 0 0 14px;width:66px; text-align:right;font:italic 14px "Lucida Sans";color:#FFFFFF;line-height:20px;}
#Content #edit_com #fieldsandoptions{float:left;margin:0 0 5px;padding:0 0 5px;}
#Content #edit_com #fieldsandoptions ul{list-style:none;float:left;width:265px;margin:0;padding:0;}
#Content #edit_com #fieldsandoptions ul li{ float:left; width:60px; margin:0 0 0 20px;}
#Content #edit_com #fieldsandoptions ul li a{width:60px; margin:0;float:left;color:#FFFFFF;font:italic 12px "Lucida Sans";text-decoration:underline;text-align:center;outline:none;}
#fieldsandoptions .code{ background:url(../img/addtag.png) 5px top no-repeat;padding:45px 0 0 0;}
#fieldsandoptions .url{ background:url(../img/addurl.png) 5px top no-repeat;padding:45px 0 0 0;}
#fieldsandoptions .pict{ background:url(../img/addpict.png) 5px top no-repeat;padding:45px 0 0 0;}
.inputfields{float:left;margin:5px 0 0 18px;width:140px;overflow:hidden;font:italic 14px "Lucida Sans";color:#000000;padding:0;}
.inputfields input{float:right;width:136px;}
.inputfields form{margin:0;padding:0;}
#Content #edit_com ul{clear:both; list-style:none;float:right;width:265px;margin:5px 0 10px 0;padding:0;}
#Content #edit_com ul li{float:right;width:60px;margin:0 0 0 20px;}
#Content #edit_com ul li a{ margin:0;float:right;width:60px;color:#FFFFFF;font:italic 12px "Lucida Sans";text-decoration:underline;text-align:center;outline:none;}
#Content #edit_com .reset{background:url(../img/reset.png) 5px top no-repeat;padding:45px 0 0 0;}
#Content #edit_com .preview{ background:url(../img/preview.png) 5px top no-repeat;padding:45px 0 0 0;}
#Content #edit_com .send{background:url(../img/publish.png) 5px top no-repeat;padding:45px 0 0 0;}
#newcom{font:14px "Lucida Sans";padding:5px;margin:0;width:600px;height:100px;}
/********************************
SUBCATZ STYLING
*******************************/
.subcat{float:left; width:310px;margin:0 0 20px;padding:0 0 5px 0;border:2px #ccc solid;background:rgba(31,31,31,0.5) !important;background:#333;-moz-border-radius-topleft:2em;-webkit-border-radius-topleft:2em;}
.subcat p{float:left;font:italic 14px "Lucida Sans"; color:#FFFFFF;line-height:20px;margin:0;text-align:right;}
.subcat .TopMenu {border-bottom :#999 1px solid;}
.subcat .searchLab{text-align:right; float:left; margin:10px 0 0 25px !important;margin:10px 12px 0 23px;font-size:16px !important;font-size:14px;line-height:28px;}
.subcat .searchLab label{ padding:0;}
.subcat .inputfields{width:140px;float:right;margin:15px 10px 10px 0;padding:0;line-height:28px;}
.subcat select{width:100%;height:20px;float:left;margin:0 0 5px 0;padding:0;}
.subcat input{width:100%;height:18px;float:left;margin:0; padding:0;}
.subcat .categories {float:left;width:300px;margin:5px 0 0 0;padding:0;}
.subcat .categories li{list-style:none;float:left;width:295px !important;width:285px;height:50px;margin:2px 6px !important;margin:1px 5px;background:rgba(21,21,21,0.7) !important;background:#111;overflow:hidden;border:none !important;border:#ccc 1px dotted;}
.subcat .categories li:hover{list-style:none;float:left;color:#FF9900;width:295px !important;width:285px;height:50px;margin:1px 5px !important;background:rgba(100,100,100,0.5) !important;background:#555;overflow:hidden;border:#999 1px dotted !important;}
.subcat .categories li a{float:left;width:285px;font-size:18px;padding:5px 0 15px 0;margin:auto;text-align:left;background:none;}
.categories .CommentNumber{display:block;width:280px;float:right;font-size:14px;text-align:right;padding:0 0 5px 0;}
/*friends update*/
.subcat .friends{float:left;width:300px;margin:5px 0 0 0;padding:0;}
.subcat .friends li{list-style:none;float:left;width:295px !important;width:285px;height:50px;margin:2px 6px !important;margin:1px 5px;background:rgba(21,21,21,0.7) !important;background:#111;overflow:hidden;border:none !important;border:#ccc 1px dotted;}
.subcat .friends li:hover{list-style:none;float:left;color:#FF9900;width:295px !important;width:285px;height:50px;margin:1px 5px !important;background:rgba(100,100,100,0.5) !important;background:#555;overflow:hidden;border:#999 1px dotted !important;}
.subcat .friends li a{float:left;width:285px;font-size:18px;padding:5px 0 15px 0;margin:auto;text-align:left;background:none;}
.friends .CommentNumber{display:block;width:280px;float:right;font-size:14px;text-align:right;padding:0 0 5px 0;}
/*end of friends update*/
.subcat a{clear:both;float:right;width:60px; height:5px; background:url(../img/search.png) 5px top no-repeat;margin:10px 10px 15px 0;padding:45px 0 0 0;display:block;font:italic 12px "Lucida Sans";color:#FFFFFF;}
.subcat .feed {float:left;background:none;width:300px !important;width:280px;margin:5px;padding:10px 0;height:auto;text-decoration:none;text-align:left;font:italic 12px "Lucida Sans";line-height:140%;}
.subcat .feed:hover{ float:left;background:rgba(91,91,91 ,0.5) !important;background:#333;width:300px !important;width:280px;margin:5px; padding:9px 0;height:auto;text-decoration:none;text-align:left;border-top:#999 1px dotted;border-bottom:#999 1px dotted;}
.subcat .feed .feedtitle {float:left;width:290px !important;width:280px;margin:5px;padding:0;height:auto;font:italic 18px "Lucida Sans";color:#FF9900;text-decoration:underline;text-align:left;}
.subcat .feed .feeddate { float:left; width:290px !important;width:280px; margin:5px; padding:0;height:auto;font:italic 12px "Lucida Sans";color:#FF9900;text-decoration:underline;text-align:right;}
/********************
SIMPLE CLASS STYLING
********************/
.orange{color:#FF9900;}
.bigorange{ font:bold italic 14px "Lucida Sans"; color:#FF9900;}
.white{color:#FFF;}
.bigwhite{ font:italic 18px "Lucida Sans"; color:#FFF;}
.big {color:#fff ; font:bold italic 14px "Lucida Sans";}
.summary a{float:left;width:600px;margin:0 10px; padding:10px 5px;color:#FFFFFF;font:italic 12px Verdana, Arial, Helvetica, sans-serif;line-height:150%;text-decoration:none;background:#555;border:#999 1px dashed;}
.summary a:hover{background:#222;border:#bbb 1px dashed;}
.recentpostinfos{float:left;margin:10px;color:#FF9900;font:12px Verdana, Arial, Helvetica, sans-serif;text-decoration:none;}
.recentpostinfos a{float:left;width:140px;margin:0 90px 10px 0;color:#FF9900;font:12px Verdana, Arial, Helvetica, sans-serif;text-decoration:underline;}
.recentpostinfos .last {margin:0;text-align:right;}
.recentpostinfos .middle {text-align:center;}
.exbox {display:block ; float:left; width:185px ;text-align:center;}
/*****************************
FOOTER STYLING
*****************************/
#Footer{clear:both;margin:10px 0;padding-bottom:10px;background:#222;border-top:#aeaeae 1px solid; font: italic 14px "Lucida Sans";color:#ff9900;}
#Footer a{font: italic 18px bold "Lucida Sans";color:#ff9900;}
.lastwork{float:left;width:300px;height:auto;margin:5px;}
.subcat .workLink {margin:0 0 20px 160px !important; margin:0 0 20px 80px;padding:0; width:140px;float:left;text-align:right;background:none;font-size:18px;color:#FF9900;}
.subcat .Worktitle{width:290px;color:#FFF;font-size:18px;float:left; margin:5px; padding:0;text-align:left;}
.actionscript3{border:#fff thin solid;background:#000;float:left;width:600px;font-size:12px;margin:0 0 0 5px;padding:0;overflow:auto;}