/*  
Theme Name: Article Default Theme
Theme URL: http://www.pingvinstudio.net
Description: Default website skin
Author: PingvinStudio

*/


body {
margin: 0 auto;
font-size: 12px;
font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
background: #ffffff;
text-align: center;
width: 859px;
}

div.TopImg {
float: left;
display: block;
background: url('images/header.gif');
width: 859px;
height: 117px;
margin: 10px 0 0 0;
}

a.TopLink:link { font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif; font-size: 36px; font-weight: bold; color: #ffffff; text-decoration: none;}
a.TopLink:visited { font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif; font-size: 36px; font-weight: bold; color: #ffffff; text-decoration: none;}
a.TopLink:hover { font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif; font-size: 36px; font-weight: bold; color: #d27d00; text-decoration: none;}

h1 {
font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
font-weight: bold;
font-size: 36px;
text-align: center;
margin: 35px 0 0 25px;
}

div.contentBg {
padding: 15px 15px 30px 15px;
float: left;
width: 829px;
background: #fff6de;
}

div.contentIndex {
display: block;
width: 509px;
}

div.rightSide {
display: block;
width: 160px;
}

div.leftSide {
display: block;
width: 160px;
}

/* Content Elements */

div.titlePostIndex h1 {
margin: 0;
text-align: left;
font-family: Trebuchet MS;
font-size: 18px;
font-weight: normal;
padding: 0 0 5px 0;
}

.titlePostIndex h1 a {
color: #000000;
text-decoration: none;
}

.titlePostIndex h1 a:hover {
color: #585858;
text-decoration: none;
}

div.topBar {
background: url(images/bar.gif) no-repeat;
width: 509px;
height: 35px;
}

div.commentPosted {
float: left;
display: block;
width: 290px;
font-family: Trebuchet MS;
font-size: 12px;
font-weight: normal;
color: #938571;
text-align: left;
padding: 8px 0 0 10px;
}

div.postedCategory {
float: right;
display: block;
width: 190px;
font-family: Trebuchet MS;
font-size: 12px;
font-weight: normal;
color: #77654a;
text-align: right;
padding: 8px 10px 0 0;
}

.commentPosted a {
color: #000000;
text-decoration: underline;
}

.commentPosted a:hover {
color: #9b7300;
text-decoration: none;
}

.postedCategory a {
color: #000000;
text-decoration: underline;
}

.postedCategory a:hover {
color: #967824;
text-decoration: none;
}

.commentDate {
color: #5b4200;
}

div.postBottom {
width: 509px;
float: left;
padding: 0 0 35px 0;
}

div.postTags {
float: left;
display: block;
width: 300px;
font-family: Trebuchet MS;
font-size: 12px;
font-weight: bold;
color: #77654a;
text-align: left;
}

div.commentsBox {
float: right;
display: block;
width: 200px;
font-family: Trebuchet MS;
font-size: 12px;
font-weight: bold;
color: #77654a;
text-align: right;
}

.commentButton {
background: url(images/arrow.gif) no-repeat left;
width: 8px;
height: 8px;
padding: 0 0 0 8px;
}

.commentsBox a {
color: #8c7d65;
text-decoration: none;
}

.commentsBox a:hover {
color: #000000;
text-decoration: none;
}

.postTags a {
color: #8c7d65;
text-decoration: underline;
}

.postTags a:hover {
color: #000000;
text-decoration: none;
}

div.postContent {
padding: 0 0 0 0;
text-align: left;
}

div.navigation {
font-family: Trebuchet MS;
font-size: 12px;
font-weight: normal;
}

.navigation a {
color: #ffffff;
text-decoration: none;
background: #ffbc00;
padding: 0 10px 0 10px;
}

.navigation a:hover {
color: #000000;
background: #fce5a5;
text-decoration: none;
}

.alignleft {
text-align: left;
float: left;
display: block;
}

.alignright {
text-align: right;
float: right;
display: block;
}

/* Single post */

.entryPost {
margin: 0 auto;
padding: 0 0 15px 0;
width: 509px;
text-align: left;
font-family: Trebuchet MS;
color: #000000;
font-size: 12px;
font-weight: normal;
float: left;
}

div.postTagsSingle {
float: left;
display: block;
font-family: Trebuchet MS;
font-size: 12px;
font-weight: bold;
color: #77654a;
text-align: left;
}

.postTagsSingle a {
color: #8c7d65;
text-decoration: underline;
}

.postTagsSingle a:hover {
color: #8a6500;
text-decoration: none;
}

.entryPost h3 {
text-align: left;
font-family: Trebuchet MS;
color: #000000;
font-size: 18px;
font-weight: normal;
}

div.commentBlock {
margin: 0 auto;
padding: 20px 0 0 0;
}

div.commentBlock input {
font-family: Tahoma;
font-size: 12px;
font-weight: normal;
color: #000000;
text-decoration: none;
border: 1px solid #dea303;
background-color: #ffffff;
height: 19px;
padding: 3px 0 0 5px;
width: 280px;
}

div.commentBlock input:hover {
font-family: Tahoma;
font-size: 12px;
font-weight: normal;
color: #000000;
text-decoration: none;
border: 1px solid #dacfb1;
background-color: #ffffff;
height: 19px;
padding: 3px 0 0 5px;
width: 280px;
}

div.commentBlock .submitInput {
font-family: Tahoma;
padding: 0;
font-size: 12px;
font-weight: normal;
color: #000000;
text-decoration: none;
border: 1px solid #dea303;
background-color: #ffffff;
height: 25px;
width: 130px;
}

div.commentBlock .submitInput:hover {
font-family: Tahoma;
padding: 0;
font-size: 12px;
font-weight: normal;
color: #000000;
text-decoration: none;
border: 1px solid #dacfb1;
background-color: #ffffff;
height: 25px;
width: 130px;
}

div.commentBlock textarea {
font-family: Tahoma;
font-size: 12px;
font-weight: normal;
color: #000000;
text-decoration: none;
border: 1px solid #dea303;
background-color: #ffffff;
height: 180px;
padding: 3px 0 0 5px;
width: 280px;
}

div.commentBlock textarea:hover {
font-family: Tahoma;
font-size: 12px;
font-weight: normal;
color: #000000;
text-decoration: none;
border: 1px solid #dacfb1;
background-color: #ffffff;
height: 180px;
padding: 3px 0 0 5px;
width: 280px;
}

.commentBlock a {
color: #875e00;
text-decoration: underline;
}

.commentBlock a:hover {
color: #d39300;
text-decoration: none;
}

.commentBlock h2 {
text-align: left;
color: #000000;
}

.respond {
text-align: left;
background: #fce5a5;
font-size: 16px;
font-weight: bold;
padding: 0 10px 0 10px;
}

.leaveRespon {
text-align: left;
color: #000000;
font-size: 18px;
font-weight: normal;
padding: 15px 20px 0 0;
}

.alt {
padding: 0px 10px 10px 10px;
border-bottom: #c1b698 solid 1px;
border-top: #c1b698 solid 1px;
text-align: left;
background: #e4d8b9;
font-size: 12px;
font-weight: normal;
color: #000000;
}

.alt2 {
padding: 0px 10px 10px 10px;
border-bottom: #fbe6b7 solid 1px;
border-top: #fbe6b7 solid 1px;
text-align: left;
background: #f3e7c9;
font-size: 12px;
font-weight: normal;
color: #000000;
}

.topNavigation {
font-family: Trebuchet MS;
font-size: 12px;
width: 509px;
float: left;
font-weight: normal;
margin: 0 auto;
padding: 0 0 10px 0;
}

.topNavigation a {
color: #ffffff;
text-decoration: none;
background: #ffbc00;
padding: 0 10px 0 10px;
}

.topNavigation a:hover {
color: #000000;
background: #fce5a5;
text-decoration: none;
}

.alignleftTopNav {
float: left;
text-align: left;
display: block;
width: 250px;
margin: 0;
}

.alignrightTopNav {
float: right;
text-align: right;
display: block;
width: 250px;
margin: 0;
}

/* Content Elements */

.archiveTitle {
font-family: Trebuchet MS;
color: #846e31;
font-size: 18px;
font-weight: normal;
padding: 0 0 15px 0;
}

.tags {
color: #000000;
}

.rightSide ul {
list-style: none;
text-align: left;
}

.rightSide li {
list-style: none;
text-align: left;
}

.rightSide li h2 {
margin: 10px 0 0 10px;
font-family: Trebuchet MS;
color: #000000;
font-size: 14px;
font-weight: bold;
}

.rightSide li a:link { font: 11px "Trebuchet MS"; font-weight: normal; color: #9b8034; text-decoration: none;}
.rightSide li a:visited { font: 11px "Trebuchet MS"; font-weight: normal; color: #9b8034; text-decoration: none;}
.rightSide li a:hover { font: 11px "Trebuchet MS"; font-weight: normal; color: #ffffff; text-decoration: none; background: #000000; padding: 0 2px 0 2px;}

.search_input {
font-family: Tahoma;
font-size: 12px;
font-weight: normal;
color: #000000;
text-decoration: none;
border: 1px solid #000000;
background-color: #ffffff;
height: 19px;
padding: 4px 0 0 5px;
width: 112px;
}

.submit_input {
margin: 2px 0 0 0;
font-family: Tahoma;
font-size: 12px;
font-weight: normal;
color: #000000;
text-decoration: none;
border: 1px solid #000000;
background-color: #ffffff;
height: 19px;
width: 119px;
}

/* Search */

.searchTitle {
font-family: Trebuchet MS;
color: #000000;
font-size: 21px;
font-weight: bold;
}

/* Footer */

div.footer {
float: left;
display: block;
width: 859px;
height: 47px;
font-family: Trebuchet MS;
font-size: 11px;
color: #533d00;
background: url('images/bottom.gif') repeat-x;
}

.footer a {
color: #533d00;
text-decoration: none;
}

.footer a:hover {
color: #000000;
text-decoration: underline;
}


