html, body {
	 margin: 0;
     padding: 0;
}

body {
     color:#333;
     font: 12px Helvetica, Arial, sans-serif;
     line-height: 1.5;
}

h2 {
     font-size: 150%;
}

h3 {
     font-size: 125%;
}

a {
     color: #000094;
}

a:hover {
     color: #f00;
}

a:active {
     color: #ff0;
     background-color: #000;
}

p {
     margin: 0 0 18px;
}

#wrapper {
     float: right;
     width: 100%;
     margin-left: -33%;
}

/* Header */

#header {
     background-color: #0033ff;
     border-bottom: 2px solid #ddd;
}

#header h1 {
     font-size: 200%;
     font-variant: small-caps;
     font-family: Times, serif;
     color: #ffee00;
     margin: 0 0 3px;
     padding: 12px 18px 0;
}

.title {
     font-size: 200%;
}

#header p {
     color: #efefef;
     font-size: 150%;
     font-weight: bold;
     font-style: italic;
     padding-top: 9px;
     border-top: 1px solid #f20000;
     margin: 0 18px 6px;
}

/* Navigation */

#navigation {
     float: left;
     width: 25%;
     padding-left: 18px;
     background-color: #9bafff;
     border-right: 2px solid #ddd;
     border-bottom: 2px solid #ddd;
}

#navigation ul {
     list-style-type: none;
     font-weight: bold;
     padding: 0 18px 9px;
}

#navigation a {
     text-decoration: none;
}

/* Extra */

#extra {
     float: left;
     clear: left;
     width: 25%;
     padding-left: 18px;
     padding-top: 1em;
     min-height: 250px;
     background-color: #d7dfff;
     border-right: 2px solid #ddd;
}

#extra p {
     padding-right: 18px;
}

#extra img {
     border: none;
}

#extra small {
     font-size: 90%;
     line-height: 18px;
}

/* Content */

#content {
     margin-left: 34.3%;
}

#content p {
     padding-right: 18px;
}

#content img {
     float: none; 
     border: none;
}

#writers ul {
     list-style-type: none;
}

/* Footer */

#footer {
     background-color: #9bafff;
     border-bottom: 2px solid #999;
     clear: both;
     width: 100%;
}
		   
#footer p {
     color: #ffee00;
     margin: 0;
     padding: 0 18px 10px;
}

#footer ul {
     border-bottom: 1px solid #f20000;
     list-style-type: none;
     margin: 0 18px 6px;
     padding: 10px 0 6px;
}
		   
#footer li {
     display: inline;
     font-size: 90%;
     font-weight: bold;
     padding-right: 5px;
}

#footer a {
     text-decoration: none;
}

#footer img{
     float: right;
     border: none;
     padding-top: 0.2%;
     padding-right: 1.5%;
}

