body {
  padding:          0;
  margin:           0;
  font-family:      "Trebuchet MS", sans-serif;
  font-size:        .9em;
  line-height:      1.5em;
  color:            #555;
  background:       #eee;
}

a img,
a:link img,
a:visited img       { border: none; }
a:link              { color: #3e5d7e; }
a:visited           { color: #3e5d7e; }
a:hover             { color: #ffa500; text-decoration: none; }
p                   { margin: 16px 0; }
table               { border-collapse: collapse; }

h1,h2,h3,h4,h5,h6   { margin: 10px 0; }
h1                  { font-size: 2em; }
h2 {
  border-bottom:    1px solid #aaa;
  color:            #666;
  font-size:        1.5em;
  font-weight:      400;
}
h3 {
  color:            #0189c7;
  font-size:        1.2em;
}

h4{
  color:            #ffa500;
  font-size:        1.2em;
  font-style:       italic;
  margin-left:      20px;
}

pre,
code {
  font-family:      "Bitstream Vera Sans Mono", monospace;
}

/* ----- Utils ----- */
.grid_1             { width: 62px; }
.grid_2             { width: 134px; }
.grid_3             { width: 206px; }
.grid_4             { width: 278px; }
.grid_5             { width: 350px; }
.grid_6             { width: 422px; }
.grid_7             { width: 494px; }
.grid_8             { width: 566px; }
.grid_9             { width: 638px; }
.grid_10            { width: 710px; }
.column {
	margin:           0 5px;
	overflow:         hidden;
	float:            left;
	display:          inline;
}
.row {
	width:            720px;
	margin:           0 auto;
	overflow:         hidden;
}
.row .row {
	margin:           0 -5px;
	width:            auto;
	display:          inline-block;
}
.clear {
  clear:            both;
  display:          block;
  height:           0;
  overflow:         hidden;
  visibility:       hidden;
  width:            100%;
}
.center             { text-align: center; }
.justify            { text-align: justify; }
.small              { font-size: .75em; }
.right              { text-align: right; }

/* ----- Header ----- */

#header_wrapper {
  position:         absolute;
  top:              0;
  left:             0;
  width:            100%;
  height:           260px;
  overflow:         visible;
  background:       #c2e1ef url(../images/design/header_background.png) repeat-x;
}

#header {
  width:            980px;
  height:           260px;
  margin:           auto;
  overflow:         visible;
}

#header h1 {
  padding:          0;
  margin:           0;
}

#main {
  width:            980px;
  padding:          260px 0 0 0;
  margin:           0 auto;
  background:       #fff url(../images/design/main_background.png) repeat-y left;
  overflow:         visible;
}

/* ----- Content ----- */

div#content {
  width:            720px;
  float:            right;
  display:          block;
  margin:           0 10px;
  padding-bottom:   20px;
}

/* ----- Navigation ----- */


ul#navigation span {
  display:          block;
  width:            240px;
  height:           42px;
  background:       url(../images/design/navigation_title.png) no-repeat;
  color:            #333;
  line-height:      42px;
  margin:           0;
  padding:          0;
  font-weight:      bold;
  font-size:        1.2em;
  text-align:       center;
}

ul#navigation,
ul#navigation ul,
ul#navigation li {
  padding:          0;
  margin:           0;
  display:          block;
  list-style:       none;
  overflow:         hidden;
}

ul#navigation {
  width: 240px;
}

ul#navigation ul {
  margin:           5px 10px;
  border-top:       1px solid #eee;
  border-bottom:    1px solid #fff;
}

ul#navigation ul li {
  margin:           0;
  border-top:       1px solid #fff;
  border-bottom:    1px solid #eee;
}

ul#navigation a {
  background:       url(../images/design/star.png) no-repeat 10px 7px;
  display:          block;
  padding:          5px 5px 5px 40px;
  text-decoration:  none;
}

/* ----- Breadcrumbs ----- */
ul#crumbs,
ul#crumbs li {
  list-style:       none;
  margin:           0;
  padding:          0;
}
ul#crumbs {
  border:           1px solid #dedede;
  height:           20px;
  margin:           5px 10px 5px 250px;
}
ul#crumbs li {
  color:            #777;
  float:            left;
  font-size:        .9em;
  line-height:      20px;
  padding-left:     .75em;
}
ul#crumbs li a {
  background:       url(../images/design/crumbs.gif) no-repeat right center;
  display:          block;
  padding:          0 15px 0 0;
}
ul#crumbs li a:link,
ul#crumbs li a:visited {
  color:            #777;
  text-decoration:  none;
}
ul#crumbs li a:link,
ul#crumbs li a:hover,
ul#crumbs li a:focus {
  color:            #dd2c0d;
}

/* ----- Userbar ----- */
#userbar {
  position:         absolute;
  left:             50%;
  top:              210px;
  height:           30px;
  margin:           0 0 0 -240px;
  overflow:         hidden;
  width:            718px;
  background:       #f4d149 url(../images/design/userbar_background.png) repeat-x;
}
#userbar span.before {
  background:       url(../images/design/userbar_left.png) no-repeat;
  display:          block;
  float:            left;
  font-size:        .8em;
  font-weight:      700;
  height:           30px;
  line-height:      30px;
  padding:          0 5px 0 30px;
}
#userbar span.after {
  background:       url(../images/design/userbar_right.png) no-repeat right;
  display:          block;
  float:            right;
  height:           30px;
  padding:          0 10px 0 0;
}
#userbar ul,
#userbar li {
  list-style:       none;
  margin:           0;
  padding:          0;
}
#userbar li {
  background:       url(../images/design/userbar_frac.png) no-repeat;
  float:            left;
  padding-left:     2px;
}
#userbar li a {
  background:       url(../images/design/userbar_a_hover.png) repeat-x 0 40px;
  color:            #333;
  display:          block;
  font-size:        .8em;
  height:           28px;
  line-height:      28px;
  margin:           1px;
  padding:          0 15px;
  text-decoration:  none;
}
#userbar li a:hover { background-position: top; color: #000; }

/* ----- Reader & Slider ----- */
#reader {
  position:         absolute;
  top:              30px;
  left:             50%;
  margin-left:      -180px;
  width:            612px;
  padding:          5px 0;
  height:           160px;
  overflow:         visible;
  background:       url(../images/design/slider_container_bg.png) repeat-x;
}
#reader #slider ul,
#reader #slider li  {
  display:          block;
  padding:          0;
  margin:           0;
  list-style:       0;
  width:            612px;
  height:           160px;
}
#reader #prevBtn {
  position:         relative;
  top:              -165px;
  left:             -54px;
  display:          block;
  height:           170px;
  width:            54px;
  background:       url(../images/design/slider_btn_left.png) no-repeat top;
}
#reader #nextBtn {
  position:         relative;
  top:              -335px;
  left:             611px;
  display:          block;
  height:           170px;
  width:            54px;
  background:       url(../images/design/slider_btn_right.png) no-repeat top;
}
#reader #prevBtn a,
#reader #nextBtn a {
  display:          block;
  height:           170px;
  width:            54px;
  text-decoration:  none;
}
#reader #prevBtn:hover,
#reader #nextBtn:hover  { background-position: bottom; }


.slider_gallery {
  display:          block;
  width:            610px;
  height:           160px;
}
.slider_gallery p.overview {
  text-align:       justify;
}
.slider_gallery img {
  float:            left;
  padding:          5px;
  margin:           0 10px 0 5px;
  border:           2px solid #C3E4F7;
  background:       #fff;
}


/* ----- Footer ----- */
#footer_wrapper {
  background:       #000 url(../images/design/footer_background.png) repeat-x top;
  overflow:         visible;
  padding:          5px;
}

#footer {
  width:            980px;
  height:           auto;
  margin:           auto;
  color:            #eee;
  font-size:        .85em;
}

#footer a           { color: #4878a8; }
#footer ul          { list-style: none; margin: 0; padding: 5px; }
#footer ul li {
  display:          block;
  float:            left;
  margin:           5px;
  padding:          0;
  width:            220px;
}
#footer ul li span.cat {
  font-weight:      700;
  padding:          0 20px;
}
#footer ul li ul    { width: auto; }
#footer ul li ul li { float: none; margin: 0; }
#footer ul li ul li a {
  border-bottom:    1px dotted #999;
  display:          block;
  padding:          5px;
  text-decoration:  none;
}
#footer a:hover,
#footer a:active,
#footer ul li ul li a:hover,
#footer ul li ul li a:active {
  color:            #fff;
}

/* ----- Messages ----- */
div.message {
  background-color: #eee;
  border:           2px solid #ddd;
  color:            #222;
  margin:           10px;
  padding:          10px;
}
div.notice {
  background:       #fff6bf;
  border-color:     #ffd324;
  color:            #817134;
}
div.success {
  background:       #e6efc2;
  border-color:     #c6d880;
  color:            #529214;
}
div.error {
  background:       #fbe3e4;
  border-color:     #fbc2c4;
  color:            #d12f19;
}

/* ----- Pagination ----- */
div.pagination {
  margin:           3px;
  padding:          3px;
  text-align:       center;
}
div.pagination a {
  background-position: bottom;
  border:           1px solid #ccc;
  color:            #4261de;
  font-weight:      700;
  margin-right:     3px;
  padding:          2px 6px;
  text-decoration:  none;
}
div.pagination a:hover,
div.meneame a:active {
  background-color: #4261df;
  background-image: none;
  color:            #fff;
}
div.pagination span.current {
  color:            #000;
  font-weight:      700;
  margin-right:     3px;
  padding:          2px 6px;
}
div.pagination span.disabled {
  display:          none;
}

/* ----- Forms ----- */
div.form {
  background:       #ebf4fb;
  border:           2px solid #b7ddf2;
  margin:           10px 0;
  overflow:         hidden;
  padding:          10px;
}
div.form h3 {
  border-bottom:    1px solid #b7ddf2;
  clear:            both;
  color:            #666;
  font-size:        1.2em;
  font-weight:      700;
  margin:           0 0 10px;
  padding:          0;
}
div.form label {
  color:            #666;
  display:          block;
}
div.form ul.error_list {
  background:       #ffcccf;
  border:           1px solid #b9121b;
  clear:            both;
  color:            #b9121b;
  list-style:       square;
  margin:           5px auto;
  padding:          5px;
}
div.form ul.error_list li {
  margin-left:      20px;
  list-style:       square;
}
div.form p {
  border-bottom:    1px dotted #b7ddf2;
  clear:            both;
  margin:           0;
  padding:          10px;
}
div.form p label {
  float:            left;
  margin-right:     10px;
  text-align:       right;
  width:            150px;
}
div.form p.flW label {
  float:            none;
  text-align:       left;
  width:            100%;
}
div.form p.flW input,
div.form p.flW textarea {
  width:            100%;
}
div.form p.btn      { margin-left: 160px; }
div.form p.cBtn     { text-align: center; }
div.form p.last     { border-bottom: none; padding-bottom: 0; }
div.form textarea,
div.form input      { border: 1px solid #b7ddf2; }

/* ----- Buttons ----- */
a.button            { text-decoration: none; }
button,
a.button span       {
  background-color: #f5f5f5;
  border:           1px solid #dedede;
  border-left:      1px solid #eee;
  border-top:       1px solid #eee;
  color:            #565656;
  cursor:           pointer;
  font-family:      "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:        12px;
  font-weight:      700;
  line-height:      130%;
  margin:           0 7px 0 0;
  padding:          5px 10px 6px 7px;
  text-decoration:  none;
}
button {
  overflow:         visible;
  padding:          4px 10px 3px 7px;
  width:            auto;
}
button[type] {
  line-height:      17px;
  padding:          5px 10px 5px 7px;
}
*:first-child+html button[type] {
  padding:          4px 10px 3px 7px;
}
button img,
a.button span img {
  border:           none;
  height:           16px;
  margin:           0 3px -3px 0 !important;
  padding:          0;
  width:            16px;
}
button.positive,
a.button span.positive {
  color:            #529214;
}
button.positive:hover,
a.button:hover span.positive {
  background-color: #e6efc2;
  border:           1px solid #c6d880;
  color:            #529214;
}
a.button:active span.positive {
  background-color: #529214;
  border:           1px solid #529214;
  color:            #fff;
}
button.negative,
a.button span.negative {
  color:            #d12f19;
}
button.negative:hover,
a.button:hover span.negative {
  background:       #fbe3e4;
  border:           1px solid #fbc2c4;
  color:            #d12f19;
}
a.button:active span.negative {
  background-color: #d12f19;
  border:           1px solid #d12f19;
  color:            #fff;
}
button.regular,
a.button span.regular {
  color:            #369;
}
button:hover,
a.button:hover span,
button.regular:hover,
a.button:hover span.regular {
  background-color: #dff4ff;
  border:           1px solid #c2e1ef;
  color:            #369;
}
a.button:active span,
a.button:active span.regular {
  background-color: #6299c5;
  border:           1px solid #6299c5;
  color:            #fff;
}

/* ----- Liste liens ----- */
li.ico {
  list-style:       none;
  list-style-position: inside;
  padding:          5px;
}
li.ico.user         { list-style-image: url(../images/ico/user.png); }
li.ico.email        { list-style-image: url(../images/ico/email.png); }
li.ico.question     { list-style-image: url(../images/ico/question.png); }
li.ico.signin       { list-style-image: url(../images/ico/signin.png); }
li.ico.signup       { list-style-image: url(../images/ico/signup.png); }
li.ico.help         { list-style-image: url(../images/ico/help.png); }
li.ico.add          { list-style-image: url(../images/ico/add.png); }
li.ico.edit         { list-style-image: url(../images/ico/edit.png); }
li.ico.delete       { list-style-image: url(../images/ico/delete.png); }
li.ico.check        { list-style-image: url(../images/ico/check.png); }
li.ico.date         { list-style-image: url(../images/ico/date.png); }
li.ico.follow       { list-style-image: url(../images/ico/subscription_ok.png); }
li.ico.alarm        { list-style-image: url(../images/ico/alarm.png); }
li.ico.comment      { list-style-image: url(../images/ico/comment.png); }
li.ico.rss          { list-style-image: url(../images/ico/rss.png); }
li.ico.statistic    { list-style-image: url(../images/ico/statistic.png); }

/* ----- Table ----- */
table.stdTable {
  border:           1px solid #f8bb16;
  width:            100%;
}
table.stdTable tr.odd {
  background-color: #fff;
}
table.stdTable tr.even {
  background-color: #eee;
}
table.stdTable td {
  padding:          5px;
}
table.stdTable th {
  background:       #f8bb16 url(../images/design/table_head_background.png) repeat-x;
  line-height:      30px;
}

/* ----- Comments ----- */
.comments,
.comments ul,
.comments li {
	margin:           0;
	padding:          0;
	list-style:       none;
}
.comments li {
	margin:           1.5em 2em;
	position:         relative;
	font-size:        13px;
	background:       url(../images/design/comment_background.gif) no-repeat 0 0;
	overflow:         hidden;
}
.comments a {
  color:            #5a7981;
}
.comments a:hover {
  color:            #555;
  text-decoration:  none;
}
.comments .meta {
	float:            left;
	display:          inline;
	width:            100px;
}
.comments .meta li {
	background:       none;
	margin:           0;
}
.comments .meta .date {
	color:            #999;
	font-size:        11px;
}
.comments .meta img {
	border:           1px solid #bfd5da;
}
.comments .body {
	float:            left;
	display:          inline;
	width:            425px;
	padding:          1em 0;
	margin-left:      47px;
}