/***************************************************************************************/
/* COMMON LAYOUT */
/***************************************************************************************/

* { padding: 0px; margin: 0px; } /* Start with a clean slate */
* { font-size: 14px; font-family: Verdana; color: #333333; line-height: 17px; }  /* Default font for all items */
* { -moz-box-sizing:border-box; box-sizing:border-box; } /* Forces IE & IE to treat padding the same */
html { min-height: 100%; margin-bottom: 1px; } /* Set height to 100% + 1px to force scroll bar in FF */
#ht { position: absolute; top: -2000px; width: 700px; } /* Hidden Text - Look up. WAAAY Up */
.clear { clear: both; height: 0px; overflow: hidden; } /* Used to clear floats without taking up space */
body { margin: 0px 0px 0px 0px; background: #FFFFFF; background: #FFFFFF url('../images/layout/bodybg.jpg') repeat-x; }
hr { border-color: #CCCCCC; border-width: 1px; border-top-style: solid; border-bottom-style: none; height: 1px; overflow: hidden; margin: 10px 0px 10px 0px; }


ul, ol { margin-left: 25px; line-height: 20px; margin-bottom: 15px; }
li { list-style-type: square; font-size: 12px;}

.bordered { border: 1px solid #33CCFF; }

h1, h2, h3, h4, h5 { font-family: Arial; font-weight: normal; }

h1 { color: #333366; font-size: 18px; margin: 0px 0px 15px 0px; }
h2 { color: #9999CC; font-size: 14px; margin: 0px 0px 15px 0px; font-weight: normal; }
h3 { color: #000000; font-size: 12px; margin: 0px 0px 15px 0px; font-weight: bold; }
p  { color: #333333; font-size: 12px; margin: 0px 0px 15px 0px; }
a  { color: #000000; font: normal 12px Verdana; text-decoration: none;}
a:hover { text-decoration: underline; }




/***************************************************************************************/
/* SPECIFIC TO THIS LAYOUT */
/***************************************************************************************/

#main { width: 885px; margin: 0px auto; margin-top: 15px; }

/* Header */
#authorName { width: 45%; float: left; font-family: Arial; color: #FFFFFF; font-size: 30px; margin-top: 3px; height: 50px; line-height: 40px; }
#headerRight { width: 55%; float: right; color: #666666; font-weight: Arial; font-size: 18px; text-align: right; margin-top: 5px; height: 50px; line-height: 50px; }


/* Navigation */
#nav { background: url('../images/layout/nav_bg.gif'); height: 62px; margin-top: 6px; border: 1px solid #CCCCCC; padding-left: 20px; }
#nav img, #nav a { display: inline; float: left; }

#nav a { font-family: Arial; font-size: 15px; padding: 0px 30px 0px 29px; text-decoration: none; color: #666666; line-height: 60px; }
#nav a:hover { background: #333366; color: #FFFFFF; }



/* Body */


#bodyHead { margin-top: 20px; height: 3px; overflow: hidden; }
#bodyFoot { height: 3px; overflow: hidden; }

#body { background: #FFFFFF; background: #FFFFFF url('../images/layout/nav_shaddow.jpg') repeat-x; }
    #bodyInner { padding: 30px 15px 15px 15px; min-height: 350px; }

#footer { margin: 0px auto; padding-top: 4px; border-width: 1px; border-color: #CCCCCC; border-top-style: solid; }
    #footerLeft { width: 45%; color: #666666; float: left; }
    #footerRight { width: 45%; color: #666666; float: right; text-align: right; font-size: 10px; }
    #footerLeft a, #footerRight a { text-decoration: none; color: #666666; font-size: 10px; }






/***************************************************************************************/
/* PAGE CONTENT */
/***************************************************************************************/

/* Contact Us */

#contactLeft { float: left; width: 195px; }

#contactRight { float: right; width: 340px; margin-right: 10px; }
    #contactRight .field { clear: both; float: left; width: 70px; height: 24px; line-height: 24px; font-weight: bold; }
    #contactRight .input { float: right; width: 250px; height: 24px; line-height: 24px; }
    #contactRight .commentsLeft { clear: both; float: left; width: 70px; height: 100px; line-height: 100px; font-weight: bold; }
    #contactRight .commentsRight { float: right; width: 250px; height: 100px; line-height: 100px; }
    #contactRight .input input { width: 240px; }
    #contactRight .inputButton { float: right; width: 240px;	height: 24px; line-height: 24px; text-align: right; }
    #contactRight .inputButton input { margin-right: 4px; }
    #contactRight .commentsRight textarea { width: 242px; height: 140px; }

    #comments { width: 100%px; border: 1px solid #DDDDDD; padding: 5px 5px 5px 5px; }