/* CSS Document */

body {background:#000 url(/images/bg.jpg) repeat-x top; margin: 0; padding: 0; color:#fff; font: 82% Arial, Helvetica, sans-serif; min-width:760px; font-size:12px;}

h1,h2,h3,h4,h5,h6,form,fieldset {margin: 0; padding: 0;}

p {margin:0; padding-bottom:15px;}

a:link, a:active, a:visited {color:#BDD01E; text-decoration:underline;}
a:hover {text-decoration:underline;}


#wrap {margin:0 auto; width:900px; background:url() repeat-y;}

#container {}

.cleaner {clear:both;}

/*########################
HEADER
########################*/

#header {background: url() no-repeat; height:124px; margin-bottom:25px;}
#header .logo {float:left; padding:15px 0 0 0;}
#header .ads {float:left; border:#FFFFFF; padding-top:15px; padding-left:30px; color:#000000; text-align: justify; width:500px;}
#header .topmyspace {}
#header .topbanner {margin-top:8px; width:468px; height:60px;}
#header h1 {font-size:20px; color:#fff;}
.right-links {padding-top:8px; padding-right:10px; font-weight:bold; color:#FFFFFF; float:right;}
.right-links a:link, #top-menu .right-links a:active, #top-menu .right-links a:visited {color:#E86200;}


/*########################
MAIN MIDLE CONTENT PART
########################*/

#midle-part {float:left; width:550px;}
*html #midle-part {height:1%;}

#midle-part h1 {color:#1188DD; font-size:14px; background:url(/images/h1bg.gif) no-repeat left; height:21px; padding:4px 0px 0px 30px; margin-bottom:10px; margin-top:10px;}
#midle-part h2 {color:#8C9D00; font-size:14px; margin-bottom:10px;}


/*--Content--*/

#content {padding:20px 10px 10px 10px; text-align:justify;}
*html #content {  height:1%; }


#content ul {margin:0; padding:0px 0px 0px 10px;}
#content ul li {padding: 0px 0px 0px 13px; list-style: none; background: url(/images/bullet.gif) no-repeat 0 5px;}

/*--Address Bar--*/

#addressbar {border-top:1px solid #1188DD; border-bottom:1px solid #1188DD; font-size:11px; padding-top:3px; padding-bottom:3px; margin-bottom:10px;}
#addressbar a:link, #addressbar a:active, #addressbar a:visited {font-weight:bold;}
#addressbar a:hover {text-decoration:underline;}

/* Generator layout */
#generator {background: url(/images/genbg.jpg) repeat-y; width:500px; margin:0 auto; color:#333333;}
#generator .gentop {background:url(/images/gentop.jpg) no-repeat top;}
#generator .genfooter {background:url(/images/genfooter.jpg) no-repeat top; height:100px;} 
#generator .container {padding:0px 20px 10px 20px;}
#generator .preview {text-align:center; margin-bottom:15px; padding-top:10px;}

#generator .codes {width:236px; margin:0 auto; margin-bottom:25px;}

#codefield {text-align:left; margin-bottom:10px;}
#codefield .title {margin-bottom:5px; background:none; padding:0; font-size:12px; font-weight:bold;}
#codefield .field {background:url(/images/fieldbg.gif) no-repeat; width:236px; height:15px; color:#676767; border:none; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-top:4px; padding-bottom:4px; padding-left:4px; padding-right:4px; overflow:hidden;}

/*ads*/ 
.ads { text-align:center; margin-bottom:5px;}

/*########################
RIGHT SIDE BAR
########################*/

#right-sidebar {float:right; width:340px; text-align:justify;}
*html #left-sidebar { height:1%;}

#right-sidebar .container {padding:20px 10px 10px 10px;}

#right-sidebar h2 {font-size:14px; color:#E2F06E; text-align:left; margin-bottom:10px;}

/*######### FORMS #########*/
#xform {width:100%;}
#xform ol {margin:0 auto; padding:10px 0px 10px 0px; margin-bottom:10px; width:100%;}
#xform li {list-style: none; padding: 5px; margin: 0px; clear:both;}
#xform .label {float:left; width:150px; text-align:left; display:inline-block; color:#333333; font-weight:bold; padding-right:5px;}
#xform .label-fail {float: left; width:150px; text-align:left; display:inline-block; color:red; font-weight:bold;}
#xform .field {/*float:left;*/}
#xform .note {font-size:11px;}
#xform strong {color:#FF0000; font-size:14px;}
#xform h3 {color:#34488F;}


/*########################
ADVERTISMENTS STYLES
########################*/

#adsblock {width:600px; margin:0 auto; padding-top:10px;}
#adsblock .piece {float:left;}


/*########################
FOOTER
########################*/

#footer {clear:both; background: url() repeat-x; color:#FFFFFF; text-align:center; padding:10px 0px 10px 0px; font-size:11px;}
#footer a:link, #footer a:active, #footer a:visited {color:#FFCC00;}

#counter {width:90px; height:16px; background:#155BB2; border:1px solid #FFFFFF; padding:1px 1px 1px 1px;}
#counter .text {border:1px solid #F7C327; width:60px; height:13px; padding-top:1px; float:left; font-size:9px;}
#counter .numbers {border:1px solid #F7C327; width:25px; height:13px; padding-top:1px; float:right; font-size:9px;}