/*  MMOIWC's Template Stylesheet
    --------------------------------------------------------------------------
    Author:    Dustin Tigner
    Contact:   dtigner@legendfire.com
    --------------------------------------------------------------------------
    ----------------------------------------------------------------------- */


/*  Global Elements
    --------------------------------------------------------------------------
    ----------------------------------------------------------------------- */

    * {
      margin: 0px;
      padding: 0px;
    }
    
    body {
    	font-family: Arial, Verdana, Tahoma, "Trebuchet MS", Sans-Serif, Georgia, Courier, "Times New Roman", Serif;
    	font-size: 12px;
    	color: #3f3f3f;
    	line-height: 135%;
      
      background-color: #fff;
      background-image: url('../images/site_background-kh.png');
    }
    
    h1, h2, h3 {
    	color: #3f3f3f;
    }
    
    h1 {
    	font-size: 22px;
    	margin: 0 0 20px 0;
    }
    
    h2 {
    	font-size: 18px;
    	margin: 20px 0 20px 0;
    }
    
    h3 {
    	font-size: 14px;
    }

    p {
      margin: 10px 0 0 0;
    }
    
    li {
      list-style-position: outside;
      padding: 3px 0;
    }
    
    ul li {
      list-style-type: none;
    }
    
    a, a:link, a:visited {
      color: #31363d;
    }
    
    a:hover {
      text-decoration: none;
    }
    
    img {
      border: 0px;
    }
    
    textarea {
    	width: 100%;
    	min-height: 100px;
    }
    
    fieldset {
      border: 1px solid #3f3f3f;
      padding: 5px;
    }

/*  Template
    --------------------------------------------------------------------------
    ----------------------------------------------------------------------- */

    #header_background {
      width: 100%;
      height: 185px;
      background-image: url('../images/header-magicbook-homepage.png');
      background-position: center;
      background-repeat: no-repeat;
    }
    
    #header_container {
      width: 919px;
      margin: 0 auto;
      padding: 51px 0 0 41px;
      
    	text-align: left;
    }
    
    #navigation_container {
      width: 960px;
      margin: 0 auto;
      padding: 27px 0 0 0;
    }
    
    #navigation_container a, #navigation_container a:link, #navigation_container a:visited {
      display: block;
      margin: 0 0 0 5px;
      padding: 3px 10px 3px 10px;
      
      font-size: 14px;
      text-decoration: none;
      color: #f5ffe5;
    
      -moz-border-radius-topleft: 3px;
      -moz-border-radius-topright: 3px;
      
      -webkit-border-top-left-radius: 3px;
      -webkit-border-top-right-radius: 3px;
      
      background-color: #41382f;
      float: right;
    }
    
    #navigation_container a:hover {
      color: #e8cfa4;
    }
    
    #body_background {
      background-image: url('../images/body_background.png');
      background-position: center;
      background-repeat: repeat-y;
    }
    
    #body_container {
      width: 960px;
      margin: 0 auto;
      padding: 20px 0 30px 0;
      background-color: #fefff5;
    }
    
    #advertisement {
      text-align: center;
      padding: 5px 0;
    }
    
    #advertisement .ad_left {
      width: 750px;
      text-align: left;
      float: left;
    }
    
    #advertisement .contest_right {
      width: 200px;
      padding-top: 5px;
      text-align: right;
      float: right;
    }
    
    #slim_container {
      width: 592px;
      margin: 0 auto;
    }
    
    #footer_background {
      background-image: url('../images/footer_background3.png');
      background-position: center;
      background-repeat: repeat-y;
    }
    
    #footer_container {
      width: 960px;
      margin: 0 auto;
      padding-top: 20px;
      color: #f5ffe5;
      background-color: #41382f;
    }
    
    #footer_container h1 {
      color: #f5ffe5;
    }
    
    #footer_container a, #footer_container a:link, #footer_container a:visited {
      color: #f5ffe5;
    }
    
    #footer_container a:hover {
      color: #ecbc5d;
    }
    
    #footer_container li {
    	list-style: none;
    }
    
    #footer_container li a, #footer_container li a:link, #footer_container li a:visited  {
    	display: block;
    	margin: 0 0 5px 0;
    	padding: 4px 0px 4px 15px;
    	
      font-size: 14px;
      text-decoration: none;
      color: #f5ffe5;
    	
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
    	
    	background-color: #887766;
    }
    
    #footer_container li a:hover{
      color: #f5ffe5;
      background-color: #9b8c7e;
    }
    
    #footer_container .column, #footer_container .last_column {
      width: 230px;
      margin-right: 20px;
      text-align: left;
      float: left;
    }
    
    #footer_container .last_column {
      width: 205px;
      margin-right: 0;
      font-size: 16px;
      float: right;
    }
    
    #footer_container #copyright {
      font-size: 11px;
      text-align: center;
    }
    
    #footer {
      height: 11px;
      padding: 0 0 20px 0;
      background-image: url('../images/footer2.png');
      background-position: top center;
      background-repeat: no-repeat;
    }


/*  Page Specific
    --------------------------------------------------------------------------
    ----------------------------------------------------------------------- */
    
    /* Home Page 
    */
      #intro_block1, #intro_block2, #intro_block3 {
        font-size: 16px;
        float: left;
      }
    
      #intro_block1 {
      	width: 456px;
      }
      
      #intro_block1 p {
      	padding: 0 20px 20px 0;
      	line-height: 130%;
      }
      
      #intro_block2 {
      	width: 282px;
      }
      
      #intro_block2 ol {
      	margin-left: 25px;
      	padding-left: 25px;
      }
      
      #intro_block2 li {
      	font-size: 16px;
      	line-height: 130%;
      }
      
      #intro_block3 {
      	width: 212px;
      }
      
      #intro_block3 p {
      	font-size: 16px;
      	margin-left: 20px;
      }
      
      #subliminal_message {
        margin: 25px 0 0 0;
        padding: 7px 0 7px 10px;
        
        color: #838383;
      	font-size: 16px;
        
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
      	background-color: #e8e1ca;
      }
      
      #services {
        font-size: 14px;
      }

      #services p {
        margin-top: 20px;
      }
      
      #services strong {
        font-size: 16px;
      }
      
      #services img {
        padding: 0 5px 0 0;
        position: relative;
        top: 5px;
      }
      
      #services .column, #services .last_column {
        width: 230px;
        margin-right: 20px;
        float: left;
      }
      
      #services .last_column {
        width: 205px;
        margin-right: 0;
        float: right;
      }


/*  Universal Classes
    --------------------------------------------------------------------------
    ----------------------------------------------------------------------- */
    
    .separator {
      height: 30px;
    }
    
    .clear_both {
      height: 0;
    	clear: both;
    }
    
    .clear_left {
      height: 0;
      clear: left;
    }
    
    .clear_right {
      height: 0;
      clear: right;
    }
    
    .left {
    	width: 550px;
    	float: left;
    	text-align: left;
    }
    
    .right {
    	width: 370px;
    	float: right;
    	text-align: left;
    }