@charset "iso-8859-2";

* { }

/*reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

:focus { outline: 0; }

ol, ul { list-style: none; }

table { border-collapse: separate; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

/*end reset */
/*div { border:1px solid #666666 }*/
body { background:white url('../im/index_bg.png') repeat-x top center; font-family: Georgia, Verdana, Geneva, sans-serif; font-size: 100%; color: #333333; line-height: 1; }

a, a:link, a:visited { color:#dc056b }

.violet { color:#C06 }

#wrap { width:1000px; margin:auto; } 

#header { background:url(../im/head_top.png) no-repeat top left; height:85px; width:100%; text-align:right; color:#939394 }

#bodyl { float:left; width:604px; }

#body5 { float:left; width:600px; margin-left:20px; background:white; border: 3px solid #999999; padding: 20px }

#creer { margin:30px 0px 30px 20px; background:transparent; }

#creer img { border: 3px solid #C06; }

#creer img:hover { border: 3px solid #999; }

#bodyl div#intro { margin-left:20px; background:white url('../im/what.png') no-repeat 425px 125px   ; border: 3px solid #999999; padding:10px 200px 10px 10px;  }

#bodyl div#intro h1 { font-size:40px; }

#bodyl div#intro p { margin: 20px 0px; font-size:25px; }

#bodyr { float:left; width:375px; }

#pub { width:306px; margin-left:auto; height:256px; background:#fff; border: 3px solid #999; text-align:right; margin-left:auto; }

#subscribeblog { float:left; width:310px; padding-left:40px; background:url('../im/arrow_black.png') no-repeat 0px 13px; }

#subscribesite { float:right; width:350px; height:250px; padding-left:20px; background:url('../im/arrow_grey.png') no-repeat 0px 274px; }

#subscribeerror { margin: auto; text-align: center; width:300px; height:50px;  padding:10px; background: url('../im/arrow_grey.png') no-repeat; color: red; border: 2px solid red }

.cale { clear:both; width:490px; background:#ffc001 url(../im/4545top.png) no-repeat top right; height:18px; margin-top:14px; }

.bodyll { float:left; width:165px; }

.bodylr { float:left; width:325px; background:#ffc001 url(../im/45left.png) no-repeat bottom left; }

#bblog { margin-left:18px; border:5px solid #000000; padding: 44px 5px 5px 5px; background:white url(../im/blog_header.png) no-repeat top left; }

#bsite { margin-left:18px; border:5px solid #939394; padding: 44px 5px 5px 5px; background:white url(../im/site_header.png) no-repeat top left; }

#ttlr { margin-left:20px; /*margin-bottom:5px;*/ }

.screenshot { margin-left:20px; border:5px solid #939394; width:140px; float:left; margin-top:20px; }

.bodylr img { border:2px solid #939394; }

.bodylr ul { margin-bottom: 0px; }

.bodylr li { font-size:20px; line-height:30px; }

.clear { clear:both; }

#header form { padding:40px 10px 0px 0px; }

#header input { border:3px solid #939394; }

#subscribe { border:3px solid #939394; background:#fff; padding:10px; }

#subscribe input, select { border:3px solid #939394; margin-top:5px; float:right; }

#subscribe input[type='submit'] { padding:5px; width:250px; font-size:20px; color:#dc056b; border:1px solid #999999; background: #CCCCCC; }

#subscribe input.error { border:3px solid #FF0000; }

#subscribe input.error { border:3px solid #FF0000; }

label.error { font-size:10px; color:#FF0000; }

label { float:left; text-align:right; width:130px; margin-top:5px; }

hr { height:1px; color:#999999; clear:both; margin-top:10px; }

br { clear:both; }

#footer { }

#footer span { padding:0px 50px 0px 40px; }

#footer span.eula { background:transparent url(../im/eula.png) no-repeat 20px 0px }

#footer span.abuse { background:transparent url(../im/abuse.png) no-repeat 20px 0px }
