@import url(http://www.aethr.net/inspiration/style.css);

img {
    border: 0;
}

.site {
    width: 800px;
    min-height: 400px;
    background: url(images/body.jpg) repeat-y;
	font: 12px Verdana;
}

.site2 {
    z-index: 100;
    width: 800px;
    min-height: 400px;
    background: url(images/header.jpg) no-repeat top;
}

.site3 {
    z-index: 95;
    width: 800px;
    min-height: 400px;
    background: url(../images/footer.jpg) no-repeat bottom;
}

.content {
    z-index: 105;
    padding: 80px;
    padding-top: 156px;
    padding-bottom: 73px;
}

#post {
	font: 12px "Verdana", Geneva, Arial, sans-serif;
	color: #333333;
	text-align: justify;
	border-left: 3px #aaaaaa solid;
	border-right: 3px #aaaaaa solid;
    padding-left: 20px;
    padding-right: 20px;
}

#postDate {
	font: 10px "Verdana", Geneva, Arial, sans-serif;
	color: #aaaaaa;
	text-align: left;
	margin-left: 60px;
	margin-right: 60px;
}

#postTitle {
	font: 20px "Verdana", Geneva, Arial, sans-serif;
	color: #333333;
	text-align: left;
	margin-left: 30px;
	margin-right: 50px;
	margin-top: 20px;
}

#postBody {
	font: 12px "Verdana", Geneva, Arial, sans-serif;
	color: #333333;
	text-align: left;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 10px;
    border-bottom: 5px #cccccc solid;
}

.nav {
    width: 640px;
    height: 50px;
    background: url(../images/nav.jpg) no-repeat;
    margin-bottom: 30px;
}

.nav a{
	font: 12px "Verdana", Geneva, Arial, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
	top: 18px;
}

.nav a:hover{
    background: url(../images/tick.png) no-repeat top;
    top: 17px;
}

.footer {
    position: relative;
    bottom: 50px;
	font: 10px "Verdana", Geneva, Arial, sans-serif;
	color: gray;
}

.footer a{
	font: 10px "Verdana", Geneva, Arial, sans-serif;
	color: #333333;
}

/* Naviation for PA Page */

.PAnav {
    width: 160px;
    background: url(../pa/images/navBody.jpg) repeat-y;
    //margin-left: 15px;
}

.PAnavTop {
    //margin-left: 15px;
    width: 160px;
    height: 20px;
    background: url(../pa/images/navTop.jpg) repeat-y;
}

.PAnavBottom {
    //margin-left: 15px;
    width: 160px;
    height: 20px;
    background: url(../pa/images/navBottom.jpg) repeat-y;
}

.PAnav h1 {
	font: 16px "Verdana", Geneva, Arial, sans-serif;
	color: black;
	font-weight: bold;
}

.PAnav a{
	font: 12px "Verdana", Geneva, Arial, sans-serif;
	color: #333333;
	font-weight: bold;
	text-decoration: none;
	margin-left: 5px;
	margin-right: 5px;
}

.PAnav a:hover{
	color: black;
}

/* Extra Naviation for PA Page */

.PAnavExtra {
    width: 160px;
    background: url(../pa/images/navBodyExtra.jpg) repeat-y;
    //margin-left: 15px;
}

.PAnavTopExtra {
    //margin-left: 15px;
    width: 160px;
    height: 20px;
    background: url(../pa/images/navTopExtra.jpg) repeat-y;
}

.PAnavBottomExtra {
    //margin-left: 15px;
    width: 160px;
    height: 20px;
    background: url(../pa/images/navBottomExtra.jpg) repeat-y;
}

.PAnavExtra h1 {
	font: 16px "Verdana", Geneva, Arial, sans-serif;
	color: black;
	font-weight: bold;
}

.PAnavExtra a{
	font: 12px "Verdana", Geneva, Arial, sans-serif;
	color: #333333;
	font-weight: bold;
	text-decoration: none;
	margin-left: 5px;
	margin-right: 5px;
}

.PAnavExtra a:hover{
	color: black;
}

.PAnavBreak {
	border-bottom: 2px #333333 solid;
	height: 2px;
	width: 120px;
}

#PApostBody {
	font: 12px "Verdana", Geneva, Arial, sans-serif;
	color: #333333;
	text-align: left;
	padding-left: 15px;
}

#PApostBody a{
	text-decoration: none;
	font-weight: bold;
	color: #444444;
}

#PApostBody a:hover{
	color: black;
}

#PApostDate {
	font: 10px "Verdana", Geneva, Arial, sans-serif;
	color: #888888;
	text-align: left;
	margin-left: 15px;
}

#PApostDate a{
	font: 10px "Verdana", Geneva, Arial, sans-serif;
	font-weight: bold;
	color: #888888;
	text-decoration: none;
}

#PApostDate a:hover{
	color: black;
}

.commentSite {
    width: 400px;
    min-height: 500px;
    background: url(images/commentBody.jpg) repeat-y;
	font: 12px Verdana;
}

.commentSite2 {
    z-index: 100;
    width: 400px;
    min-height: 500px;
    background: url(images/commentHeader.jpg) no-repeat top;
}

.commentSite3 {
    z-index: 95;
    width: 400px;
    min-height: 500px;
    background: url(images/commentFooter.jpg) no-repeat bottom;
}

.commentContent {
    z-index: 105;
    padding: 50px;
    padding-top: 88px;
    padding-bottom: 36px;
}

#commentInfo {
	font: 12px "Verdana", Geneva, Arial, sans-serif;
	color: #344968;
	text-align: left;
}

#commentPost {
	font: 10px "Verdana", Geneva, Arial, sans-serif;
	color: #333333;
	text-align: left;
	padding-left: 20px;
	position: relative;
	top: -8px;
}

#edit {
	margin: 4px;
	margin-right: 14px;
	padding: 8px;
	border: 2px #cccccc solid;
}

#loginLink a{
	color: black;
}

.navigation a{
	font: 10px "Verdana", Gevena, Arial, sans-serif;
	color: #333333;
}

.postNav {
    text-align: center;
    color: #333333;
    font: 10px "Verdana";
}

.postNav a{
    color: #333333;
}

.postNav a:hover{
    color: black;
}

.codeProgress {
    background-color: #dddddd;
    border: 2px #bbbbbb solid;
	font: 12px "Verdana", Gevena, Arial, sans-serif;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 20px;
	margin-right: 20px;
}

.codeProgress h1{
	font: 14px "Verdana", Gevena, Arial, sans-serif;
    text-decoration: underline;
    font-weight: bold;    
}

.codeProgress li{
    margin-top: 8px;
}

.small {
	font: 9px "Verdana", Gevena, Arial, sans-serif;
	color: blue;
	margin-bottom: 4px;
}

.indent {
    padding-left: 10px;
}