/*  
Theme Name: Elegance Salon
Theme URI: http://www.razvandumitru.ro
Description: Designed by Razvan Dumitru. For any troubleshooting feel free to contact me via email [razvan@internetcorp.ro] and/or by phone: +40 722 13 00 54 // +40 788 17 12 18. Theme created for ElleganceSalon.ro. Site [web]dev began at 5:10 PM 4/24/2008.
Version: 1.01 beta
Author: Razvan Dumitru
Author URI: http://www.razvandumitru.ro/
*/


/* ===================================  SITE & BODY ===================================  */
* { margin: 0; padding: 0; list-style: none; }
body { background: url(img/bg.gif) top center repeat-y; color: #FFF; font-family: Arial, Helvetica, sans-serif; }

/* ===================================  CLEAR FIX & CLEARFLOAT CLASSES ===================================  */
.clearfloat { margin:0; padding:0; line-height:0px; font-size:0px; clear:both; }
.clearfix { clear: both; margin:0; padding:0; line-height:0px; font-size:0px; }


/* ===================================  CONCURSURI SI PROMOTII ===================================  */
#sidebar #concpromo { width:232; height:134; overflow:hidden; }
#sidebar #concpromo img { border:0 none; text-align:center; }
#sidebar #concpromo img a { border:0 none; }


/* ===================================  HEADER ===================================  */
#upperBar { height: 167px; background:url(img/upperBar_bg.gif) repeat-x top left #FFF; }
.logo {}

#wrapper { width: 800px; margin: 0 auto; }                       
#content { float: left; width: 500px; background:#FFF; color:#222; padding:10px; border-left:10px solid #A30082; border-top:1px solid #68066B; margin-top:15px; }

/* ===================================  HEADER FLASH ===================================  */
.header_flash { width:680px; height:167px; overflow:hidden; margin:0; padding:0; float:left; }


/* ===================================  MENU = #es_menu ===================================  */
#es_menu { width:100%; font-size:11px; line-height:normal; text-align:center; overflow:hidden; }
#es_menu ul { margin:0; padding:2px 0 0 0; list-style:none; font-family:Verdana; font-size:13px; font-weight:bold; text-transform:uppercase; }
#es_menu li { display:inline; margin:0; padding:0; }
#es_menu li a { color:#FFF; text-decoration:none; padding:0 5px 0 5px; border-right:1px solid #FDB903; }
#es_menu li a:hover { color:#000; }


/* ===================================  CONTENT DIV ID ===================================  */
#content .notice { border-top: 2px solid #A408AC; border-bottom: 2px solid #A408AC; background: #68066B; color: #CCC; padding: 5px 7px; font-size: 12px; margin-bottom: 20px; }
#content .notice p { margin: 0; }
#content .post { margin-bottom: 40px; }
#content .post h2 { color: #444; text-decoration: none; padding: 3px 0; font-size:21px; font-weight:normal; font-family:Impact, Georgia; }
#content .post h2 a { color: #444; text-decoration: none; padding: 3px 0; font-size:21px; font-weight:normal; font-family:Impact, Georgia; }
#content .post h2 a:hover { color: #111; }
#content .post h3 { font-size: 10px; font-weight: normal; color: #888; margin-bottom: 10px; }
#content .post h3 a { color: #999; }              
#content .post h3 a:hover { text-decoration: none; }
#content .post img { max-width: 426px; margin: 10px auto; display: block; text-align: center; }     
#content .post a img { border: 1px solid #C30041; padding:1px; }
#content .post ul { margin-left: 20px !important; }
#content .post ul li { list-style-type: disc !important; }
#content p, #content .post ul li { font: normal 12px/20px Verdana, Helvetica, Sans-serif; margin-bottom: 1.5em; }
#content blockquote { margin-left: 10px; border-left: 3px solid #333; padding-left: 10px; }
#content p a { color: #FF2C77; }
#content p a:hover { text-decoration: none; } 
#content small { margin: 0 auto; text-align: center; display: block; border-top: 3px solid #333; border-bottom: 1px solid #333; font-size: 11px; color: #999; }

#content ol.commentlist { margin-top: 10px; }
#content ol.commentlist li { border-top: 1px solid #333; margin-bottom: 10px; } 
#content ol.commentlist li .commentMeta { width: 120px; float: left; margin-top: 5px; } 
#content ol.commentlist li .commentMeta span { display: block; }
#content ol.commentlist li .commentMeta span.author, #content ol.commentlist li .commentMeta span.author a { color: #CCC; text-decoration: none; margin-bottom: 5px; }                     
#content ol.commentlist li .commentMeta span.date a { color: #666; text-decoration: none; font-size: 11px; }
#content ol.commentlist li .commentMeta span.moderate a { color: #FF2C77; }
#content ol.commentlist li .commentText { width: 290px; float: right; padding: 5px; font-size: 12px; }
#content h3 { color: #FF2C77; margin-bottom: 10px; }

#content #commentform input { padding: 5px; font-family: Arial, Helvetica, Sans-serif; background:#555; border:0 none; color:#FFF; }
#content #commentform textarea { width: 410px; padding: 10px; font-family: Arial, Helvetica, Sans-serif; border:1px solid #999; }
#content .nextprevious { height: 40px; display: block; } 
#content .nextprevious a { color: #CCC; }               
#content .nextprevious .left { float: left; }              
#content .nextprevious .right { float: right; }
#content .adBrite { display: block; margin-bottom: 20px; border: 1px solid #333; }

/* ===================================  SIDEBAR  ===================================  */
#sidebar { width: 232px; float: right; } 
#sidebar #upperBox { background: url(img/upperBox_bg.jpg) bottom left no-repeat; padding: 5px 20px 10px 20px; margin-bottom: 10px; text-align: center; }
#sidebar #upperBox h1 a { color: #FFF; text-decoration: none; font-size:19px; }                
#sidebar #upperBox a img { display: block; margin: 0 auto; border: none; }
#sidebar #upperBox hr { border: none; border-top: 1px solid #af003e; border-bottom: 1px solid #f6709f; }
#sidebar #upperBox p { margin: 5px 0; font-size: 10px; text-align: center; }
#sidebar #upperBox input { height: 18px; padding: 5px 5px 5px 25px; background: url(img/upperBox_search.png) top left no-repeat; border: 0; width: 160px; color: #e380a2; margin-top: 5px; font-size:11px; }
#sidebar #upperBox input:focus { color: #FFF; }
#sidebar h2 { font-weight: normal; font-size: 17px; margin-bottom: 10px; font-family:Impact, Georgia; letter-spacing:1px; }
#sidebar a img { border: none; }
#sidebar ul { margin-bottom: 20px; }
#sidebar ul li { font-size: 11px; background: url(img/bullet.png) 0 5px no-repeat; padding: 0 10px; margin: 0 0 5px 5px; }
#sidebar ul li a { color: #FDB903; text-decoration: underline; font-weight:normal; } 
#sidebar ul li span { color: #666; margin-left: 5px; }
#sidebar ul li a:hover { color: #FFF; }
#sidebar ul#nav { margin: 10px 0 20px 0; }
#sidebar ul#nav li { margin: 0; padding: 0; }
#sidebar ul#nav li a { display: block; height: 17px; padding: 7px 10px; background: url(img/nav_off.png) 0 0 no-repeat; margin-bottom: 5px; text-decoration: none; font-size: 12px; text-transform: uppercase; font-weight: bold; color: #999; }
#sidebar ul#nav li a:hover { background: url(img/nav_off.png) 0 -31px no-repeat; }        
#sidebar ul#nav li a.active { background: url(img/nav_on.png) 0 0 no-repeat; color: #FFF; }

#sidebar #footer { border-top: 3px solid #444; border-bottom: 1px solid #444; padding: 7px 0; font-size: 11px; }
#sidebar #footer p { margin-bottom: 5px; color: #999; }
#sidebar #footer a { color: #999; }
#sidebar #footer a:hover { text-decoration: none; color: #CCC; }