I worked that one out, however my css isn't working, can you please see what I'm doing wrong.
* {
margin: 0px;
padding: 0px;
}
header, section, aside, nav, article, hgroup {
display: block;
}
body {
background-image: url('/wp-content/themes/wonderland_designs/background.png');
display:block;
background-repeat: repeat-y, x;
text-align:center;
font-family: georgia;
font-size: 13px;
background-color: #e8d8e1;
width: 1000px;
height: 1200px;
}
table {
font-family: american typewriter;
font-size: 14px;
}
#header_wrapper {
width:1300px;
margin:0px;
text-align: justfiy;
}
#header {
width: 1300px;
margin:0;
}
#nav {
width: 1300px;
height: 200px;
text-align: center;
text-indent: 10px;
}
#nav a {
font-family: american typewriter;
font-size: 14px;
letter-spacing: 5px;
color: #fed3d3;
}
#nav a:hover {
color: white;
}
#section {
float: center;
width: 650px;
margin: 5px 2px 1px 5px
text-align:left;
}
#section_top {
background-image: url ('/wp-content/themes/wonderland_designs/images/section_top.png');
bacground-repeat: no repeat;
width: 650px;
height: 50px;
font: georgia 15px
color: white;
text-transform: capitalize;
text-align: center;
}
#section_content {
background-image: url ('/wp-content/themes/wonderland_designs/images/section_content.png');
background-repeat: repeat-y;
padding: 15px;
background-color: #;
}
#section_bottom {
background-image:url('/wp-content/themes/wonderland_designs/images/section_bottom.png);
width: 651px;
height: 15px;
margin-bottom:10px;
}
#aside {
float: left;
width: 250px;
margin: 5px, 7px;
text-align: left;
}
#aside_content {
background-image: url ("wp-content/themes/wonderland_designs/themes/images/aside_content.png");
background-repeat:repeat-y;
padding: 5px, 5px, 0px, 5px;
}
#aside_bottom {
background-image: url('wp-content/themes/wonderland_designs/aside_bottom.png');
width:245px;
height: 20px;
margin-bottom: 5px;
}
#footer{
font: american typewriter;
clear:both;
text-align:center;
display:block;
background-color: #fee4e4;
width:100%;
margin:0;
padding-top:2px;
color:#ffffff;
text-transform:lowercase
}
#footer a {
color:#ffffff;
}
#footer a:hover {
color:#e0d3bb;
}
#posts_info {
height:30px;
text-align:center;
text-transform:lowercase;
margin-top:10px;
}
h1 {
font: 14px Georgia;
letter-spacing:2px;
text-transform:lowercase;
text-align:jusify;
margin-top:0px;
}
h2 {
font: 9px Georgia;
text-transform:uppercase;
text-align:left;
margin-top:0px;
}
#section_content img {
border: 5px solid rgba(0,0,0,.05);
margin:0px;
-webkit-transition: .4s ease-in-out;
-moz-transition: .4s ease-in-out;
-o-transition: .4s ease-in-out;
transition:.4s ease-in-out;
}
#section_content img:hover {
border: 5px solid #e53c2e;
}
#section_content img {
border: 3px solid rgba(0,0,0,.05);
-webkit-transition:.2s ease-in-out;
-moz-transition:.2s ease-in-out;
-o-transition:.2s ease-in-out;
transition:.2s ease-in-out;
}
#aside_content img:hover {
border: 3px solid #e53c2e;
}
blockquote {
font-family:georgia;
font-size:12px;
line-height:
padding:10px;
margin:0px 15px;
border-left:5px solid white
}
input,textarea {
color: black
font-family:georgia;
font-size:13px;
line-height:
background-color:rgba(0,0,0,.05);
border: 1px solid rgba(0,0,0,.2);
}
input:hover {
border: 1px solid rgba(0,0,0,.05);
}
textarea:hover {
border: 1px solid rgba(0,0,0,.05);
}
ol {
padding: 7px 6px 0px 15px;
margin:0px;
list-style-type: decimal-leading-zero;
font-weight:bold;
}
li {
padding-bottom: 7px;
font-weight:normal;
font-weight: bold;
}
a:link, a:active, a:visited{
color:black;
font-weight: normal;
text-decoration:none;
}
a:hover{
color:white;
}