/*  
Theme Jenny Zhang @ Imajenation.net
Please don't take/use/sell to orphans/steal any part of this layout. Mostly because my coding is gross and messy and not likely to work on its own, but also because it's not nice to do so. 
*/

/* Body Styling */

body {
margin: 0;
background: #eadbc6 url('http://imajenation.net/1/wood.jpg') fixed repeat;
text-align: left;
font: normal 11pt/21pt Arial, sans-serif;
color: #001b55;
}

div {
margin: 0;
padding: 0;
}

p {
margin: 0;
padding: 0 0 15px 0;
}

/* Body Borders and Backgrounds (and also alliteration ;D) */


#wrap {
position: relative;
margin: auto;
padding: 0;
background: url('http://imajenation.net/1/background.png') fixed top repeat-x;
width: 100%;
}

#scallopedtop {
margin 0 -70px 0: 0;
padding: 0;
width: auto;
height: 13px;
background: url('http://imajenation.net/1/scallopedtop.png') repeat-x;
}

#scallopedbottom {       
margin: 0;   
height: 13px;
background: url('http://imajenation.net/1/scallopedbottom.png') bottom repeat-x;
}

/* Main Layout: Top */

#header {  
margin: 40px auto -150px auto;
padding: 150px 0 0 0;
background: url('http://imajenation.net/1/header.png') no-repeat;
width: 750px;
height: 210px;
overflow: hidden;
}

  /* Main Layout: Top - Navigation */

  #icons {
  position: relative;
  margin: 2px 0 0 36px;
  display: inline-block;
  height: 29px;
  }

    #icons a {
    margin: 0 15px 0 0;
    display: inline-block;
    }
  
      #icons a.twitter {
      background: url('http://imajenation.net/1/icons.jpg') no-repeat 0px 0px;
      width: 42px;
      height: 29px;
      }
    
        #icons a.twitter:hover {
        background: url('http://imajenation.net/1/icons.jpg') no-repeat 0px -29px;
        }
      
      #icons a.deviantart {
      background: url('http://imajenation.net/1/icons.jpg') no-repeat -57px 0px;
      width: 49px;
      height: 29px;
      }
    
        #icons a.deviantart:hover {
        background: url('http://imajenation.net/1/icons.jpg') no-repeat -57px -29px;
        }
      
      #icons a.contact {  
      margin: 0 -15px 0 0;
      background: url('http://imajenation.net/1/icons.jpg') no-repeat -121px 0px;
      width: 40px;
      height: 29px;
      }
    
        #icons a.contact:hover {
        background: url('http://imajenation.net/1/icons.jpg') no-repeat -121px -29px;
        }

  #navigation {
  float: right;
  position: relative;
  margin: 1px 18px 0 0;
  display: inline-block;
  height: 30px;
  }
  
    #navigation a {
    margin: 0 10px 0 0;     
    display: inline-block;
    }
    
      #navigation a.blog {
      background: url('http://imajenation.net/1/nav.png') no-repeat 0px 0px;
      width: 59px;
      height: 30px;
      }
      
        #navigation a.blog:hover {
        background: url('http://imajenation.net/1/nav.png') no-repeat 0px -31px;
        }
        
      #navigation a.about {
      background: url('http://imajenation.net/1/nav.png') no-repeat -329px 0px;
      width: 75px;
      height: 30px;
      }
      
        #navigation a.about:hover {
        background: url('http://imajenation.net/1/nav.png') no-repeat -329px -31px;
        }  
        
      #navigation a.portfolio {
      background: url('http://imajenation.net/1/nav.png') no-repeat -74px 0px;
      width: 119px;
      height: 30px;
      }
      
        #navigation a.portfolio:hover {
        background: url('http://imajenation.net/1/nav.png') no-repeat -74px -31px;
        }
        
      #navigation a.freebies {
      margin: 0 0 0 0;
      background: url('http://imajenation.net/1/nav.png') no-repeat -206px 0px;
      width: 109px;
      height: 30px;
      }
      
        #navigation a.freebies:hover {
        background: url('http://imajenation.net/1/nav.png') no-repeat -206px -31px;
        }
        
/* Main Layout: Content */

#content {
margin: auto;       
padding: 10px 25px 50px 25px;     
width: 700px;
background: #fff;
overflow: hidden;  
}

/* Main Layout: Bottom */

#footer {
position: relative;
margin: auto;            
background: url('http://imajenation.net/1/footer.png') no-repeat;
width: 750px;
height: 340px;
color: #fff;
text-align: justify;
}

  #footer h3{
  margin: 0;
  padding: 25px 0 5px 0;
  color: #fff;
  }
  
  #footer b, #footer strong, #footer i, #footer em, #footer u, #footer ins {
  color: #fff;
  }

  #footer img {
  box-shadow: 0px 0px 10px #705445;
  -moz-box-shadow: 0px 0px 10px #705445;
  -webkit-box-shadow: 0px 0px 10px #705445;
  }
  
  #footer a {
  color: #f3fc77;
  font-weight: strong;
  }
  
    #footer a:hover {
    color: #fff;
    }
  
  #footer .content{
  margin: 0px;
  padding: 5px 15px 15px 15px;
  }

  #footer #box1 {
  float: left;
  width: 350px;
  }
    
  #footer #box2 {
  float: right;
  width: 350px;
  }

#footertext {
clear: both;
margin: -5px 0 20px 0;
width: 100%;
background: parent;
font: normal 23pt Copse, sans-serif; 
color: #a7806c;
text-align: center;
}

  #footertext a {
  font-weight: normal;
  }

/* Text Styling */

b, strong {
color: #00277a;
}

i, em {
color: #f12d6e;
}

u, ins {
border-bottom: 2px solid #f3fc77;
}  

a {   
color: #82be39;
font-weight: bold;
text-decoration: none;
}

a:hover {
color: #f12d6e;
}


h1 {
margin: 0 0 20px 0;
color: #82be39; 
font: normal 24pt Copse, sans-serif;
letter-spacing: -1px;
text-align: left;  
text-transform: lowercase;
border-bottom: 3px solid #f3fc77;
}

  h1 a {
  font-weight: normal;
  }

h2 {
margin: 15px 0 15px 0;
color: #f12d6e;
font: normal 18pt Copse, sans-serif;
letter-spacing: 2px;
text-transform: lowercase;
text-align: center;
}

h3 {
margin: 10px 0 10px 0;
color: #bf927b;
font: normal 18pt Copse, sans-serif;
letter-spacing: -1px;
text-align: center;
text-transform: lowercase;
}

  h3 a{
  font-weight: normal;
  }

h4 {
margin: 0 0 10px 0;
color: #f8a272;
font: bold 12pt Arial, sans-serif;
letter-spacing: 1px;
text-transform: lowercase;
text-align: center;
}

input, textarea {
background: #f9ffa5;
font: normal 11pt/21pt Arial, sans-serif;
color: #00277a;
border: #f3fc77 3px solid;
padding: 5px;
}

select {
margin: 8px 0 0 0;
padding: 3px;
background: #bff879;
display: block;
width: 100%;
font: normal 11pt Arial, sans-serif;
color: #88553b;
border: none;
}

blockquote {
margin: 30px 100px;
padding: 15px; 
width: 470px;
background: #82be39;
color: #fff;             
font: normal 11pt/21pt Arial, sans-serif;
text-align: justify;
}

  blockquote h3 {
  margin: 5px 0 -10px 0;
  color: #fff;
  }

  blockquote a {
  color: #bff879;
  }

    blockquote a:hover {
    color: #f3fc77;
    }


.alt {
padding: 3px;
font: normal 11pt/21pt Arial, sans-serif;
color: #f12d6e;
background: #f9ffa5;
} 

/* Image Styling */

img {
margin: 5px;
max-width: 690px;
background: #fff;
border: 5px solid #fff;
box-shadow: 0px 0px 10px #dcc6ba;
-moz-box-shadow: 0px 0px 10px #dcc6ba;
-webkit-box-shadow: 0px 0px 10px #dcc6ba;
}