* {
  padding:0;
  margin:0;
  list-style:none;
}

html {
  background:#DDD url(../images/bg.png) repeat-x;
}

body {
  background:#FFF;
  width:720px;
  margin:20px auto;
  padding:20px;
  font:62.5% Arial, Helvetica, sans-serif;
}

p {
  font:1.2em Georgia, Times, serif;
  line-height:2;
  color:#333;
}

h1, h2, h3, h4, h5 {
  font:3em "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-transform:uppercase;
}

h1 {
  display:inline;
  margin-right:15px;
}

h1 a {
  color:#333;
  text-decoration:none;
}

div#masthead {
  margin-bottom:20px;
}

div#masthead ul {
  display:inline;
}

div#masthead li {
  display:inline;
  margin-right:15px;
  font-size:1.2em;
}

div#masthead li a {
  color:#F00;
  text-decoration:none;
}

div#masthead li a:hover {
  text-decoration:underline;
}

div#main {
  width:520px;
  padding-bottom:10px;
  float:right;
}

div.article {
  margin-bottom:30px;
}

div#main a {
  color:#333;
}

div#main h2 {
  margin:15px 0 5px;
}

div#main h2 a {
  color:#333;
  text-decoration:none;
}

div#main p {
  margin-bottom:10px;
  text-align:justify;
}

div#main blockquote p {
  font-style:italic;
  background:#EEE;
  padding:10px 15px;
}

div#main span.date {
  color:#666;
  font:0.35em Arial, Helvetica, sans-serif;
  font-weight:bold;
}

div#main p.subheader {
  color:#ff7200;
  font:1.4em Arial, Helvetica, sans-serif;
  font-weight:bold;
  margin:5px 0 10px;
}

div#main ul {
  margin:10px 0;
}

div#main li {
  font:1.2em Georgia, Times, serif;
  color:#333;
  list-style:disc;
  margin:5px 0 5px 20px;
}

div#secondary {
  margin-right:20px;
  padding:15px 0 30px;
  width:180px;
  background:url(../images/dots.png) repeat-x;
  float:left;
}

div#secondary blockquote {
  background:url(../images/secondary.png);
  padding:10px;
  margin-bottom:20px;
}

div#secondary blockquote p {
  background:#FFF;
  padding:10px;
}

div#secondary h2 {
  font-size:1.4em;
  font-weight:bold;
  color:#333;
}

ul#posts h3 {
  font:1.2em Georgia, Times, serif;
  margin:15px 0 5px;
}

ul#posts li p {
  font-style:italic;
}

ul#posts li p a {
  color:#333;
  text-decoration:none;
}

ul#posts li p a:hover {
  text-decoration:underline;
}

ul#footer {
  clear:both;
  background:#666;
  padding:5px 10px;
  font-weight:bold;
  position:relative;
}

ul#footer li {
  float:right;
  color:#FFF;
  margin-left:10px;
}

ul#footer li a {
  color:#FFF;
  text-decoration:none;
}

ul#footer li span {
  text-indent:-9999em;
  position:absolute;
}

.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
  .clearfix {display:block;}
/* End hide from IE Mac */

.notification_error
{
border: 1px solid #A25965;
height: auto;
width: 90%;
padding: 4px;
background: #F8F0F1;
text-align: left;
-moz-border-radius: 5px;
}

.notification_ok
{
border: 1px #567397 solid;
height: auto;
width: 90%
padding: 8px;
background: #f5f9fd;
text-align: center;
-moz-border-radius: 5px;
}

.info_fieldset { border: none; }

.info_fieldset legend
{
border: none;
color: black; 

font: 13px Verdana;

padding: 2px 5px 2px 5px;
-moz-border-radius: 3px;
}

.button
{
border: 1px solid #999999; 
border-top-color: #CCCCCC; 
border-left-color: #CCCCCC; 

background: white;

color: #333333; 

font: 11px Verdana, Helvetica, Arial, sans-serif;

-moz-border-radius: 3px;
}

/* Label */
label  { width: 140px; padding-left: 20px; margin: 5px; float: left; text-align: left; }

/* Input, Textarea */
input, textarea
{
margin: 5px;
padding: 0px; 
float: left;

border: 1px solid #999999; 
border-top-color: #CCCCCC; 
border-left-color: #CCCCCC; 

color: #333333; 

font: 11px Verdana, Helvetica, Arial, sans-serif;

-moz-border-radius: 3px;
}

/* BR */

br { clear: left; }