/** BASIC */
html {
    height:100%;
    margin:0;
    padding:0;
}
body {
    margin:0;
    padding:0;
	background: #FFFFFF url(/images/img01.jpg) repeat-x;
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #626262;

}
/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

form {
	margin: 0;
	padding: 0;
}

h1, h1 a, h2, h2 a, h3, h3 a {
	margin: 0;
	text-decoration: none;
	font-family: Tahoma, Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #444444;
}

h1 {
	font-size: 2.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h2 {
	font-size: 2em;
}

h3 {
	font-size: 1.4em;

}

#menu p, #menu ol, #menu ul {
	margin-bottom: 2em;
	line-height: 200%;
}

blockquote {
	margin: 0 0 0 1.5em;
	padding-left: 1em;
	border-left: 5px solid #DDDDDD;
}

a {
	color: #1692B8;
}

a:hover {
	text-decoration: none;
}

/* Header */

#header {
    margin-left:auto;
    margin-right:auto;
    width:800px;
	height: 42px;
}

#logo h1, #logo p {
	float: left;
	text-transform: lowercase;
}

#logo h1 {
	padding: 0px 0 0 0px;
}

#logo p {
	margin: 0;
	padding: 14px 0 0 4px;
	line-height: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#logo a {
	text-decoration: none;
	color: #D0C7A6;
}

#subtitle {
    color:gray;
    margin-top:0.5em;
    font-size:17px;
    font-weight:bold;
    font-family: Tahoma, Georgia, "Times New Roman", Times, serif;
}

#menu {
	float: right;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: block;
	float: left;
	height: 42px;
}

#menu a {
	display: block;
	padding: 8px 20px 0px 20px;
	text-decoration: none;
	text-align: center;
	text-transform: lowercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #CEC5A4;
}

#menu .last {
	margin-right: 20px;
}

#menu a:hover {
	color: #FFFFFF;
}

#menu .current_page_item {
}

#menu .current_page_item a {
}

/* Page */

#page {
    min-height:100%;
    position:relative;
}

/* Content */

#content {
    
    margin-left: auto;
	margin-right: auto;
	padding-bottom:190px;
    width:800px;
}


/* Sidebar */

#sidebar {
	float: right;
	width: 300px;
	margin-top: 30px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin-bottom: 10px;
	background: url(/images/img10.gif) no-repeat left bottom;
}

#sidebar li ul {
	padding: 0 30px 40px 30px;
}

#sidebar li li {
	margin: 0;
	padding-left: 20px;
	background: url(/images/img11.gif) no-repeat 5px 50%;
}

#sidebar h2 {
	padding: 30px 30px 20px 30px;
	background: url(/images/img09.gif) no-repeat;
	text-transform: lowercase;
	font-weight: normal;
	font-size: 1.6em;
	color: #302D26;
}


/* Search */


/* Categories */

#sidebar #categories li {
	background: url(/images/img12.gif) no-repeat left center;
}


/* Footer */

#footer {
	padding: 70px 0 50px 0;
	background: #757575 url(/images/img08.gif) repeat-x;
    position:absolute;
    bottom:0;
    width:100%;
    height:60px;			/* Height of the footer */

}

#footer p {
	margin-bottom: 1em;
	text-align: center;
	line-height: normal;
	font-size: .9em;
	color: #BABABA;
}

#footer a {
	padding: 0 20px;
	text-decoration: none;
	color: #DDDDDD;
}

#footer a:hover {
	color: #FFFFFF;
}

#footer .rss {
	background: url(/images/img18.gif) no-repeat left center;
}

#footer .xhtml {
	background: url(/images/img19.gif) no-repeat left center;
}

#footer .css {
	background: url(/images/img20.gif) no-repeat left center;
}

#footer .legal a {
	padding: 0;
}
    /** EXTRAS */

.info, .success, .warning, .error, .errorExplanation, .title, .post, .toolbar {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    width: 800px;
    background-repeat: no-repeat;
    background-position: left;
}

.title {
    border: 0px solid;
    border-top: 0px solid;
    margin: 0px 0px;
    padding: 2px 7px 2px 7px;
}
.post {
    border: 0px solid;
    border-top: 0px solid;
    margin: 0px 0px;
    padding: 2px 7px 2px 7px;
}

.recent_posts .comment, .post .comment {
    font-size:x-small;
}
.entry {
    float:right;
    width:93%;
}
.post_body {
    border-left:2px solid;
    border-left-color:#CCCCCC;
    padding-bottom:0.5em;
    padding-left:0.8em;
    width:700px;
}
.vote {
    text-align:center;
    float:left;
    padding: 2px 7px 2px 0px;
    width:4%;
}
table.vote {
    float:right;
}
#vote_body {
    width:800px;
    clear:both;
}

.post:after{ content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; } .post{display: inline-block;} /* Hides from IE Mac \*/ * html .post {height: 1%;} .post {display:block;} /* End Hack */

.postbar {

    border:none;
    border-top:1px solid black;
    border-bottom:1px solid black;
    color: #000000;
    margin: 0px 0px;
    width:791px;
    padding: 5px 5px 7px 5px;
    display:inline-table;
}

.toolbar {
    color: #000000;
    margin: 0px 0px;
    width:764px;
    padding: 5px 5px 7px 30px;
    background-color: #CCCCCC;
    background-image: url(/images/cog.png);
    background-position: 5px;
    display:inline-table;
    
}

.toolbar a {
    color: #000000;
}

.info, .success, .warning, .error, .errorExplanation, .fieldWithErrors {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 15px;
    width:739px;
}

.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url(/images/info.png);
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url(/images/success.png);
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url(/images/warning.png );
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url(/images/error.png);
}
.errorExplanation, .fieldWithErrors {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url(/images/validation.png);
}

.fieldWithErrors {
    width: 800px;
    margin:0px 0px 0px 0px;

    padding:7px 7px 7px 7px;
}


.upvote, .downvote, .downvote img, .upvote img {
    font-size:large;
    border-style:none;
}

.upvote {
    color:green
}
.downvote  {
    color:red
}

.table {
    width: 800px;
    display:inline-table;
}

.table .col {
    float:left;
    width:50%;
}

.post_comment {
    margin-bottom:2em;
    width:150px;
}

.post_comment .entry {
    padding-left:0.5em;

}

.action_title {
    border-bottom: 1px solid black;
    padding-top:0.3em;
}

.comment_entry {
	margin: 0 0 0 1.5em;
	padding-left: 1em;
	border-left: 5px solid #DDDDDD;
}

/* main page */
.container {
}

.site_news, .recent_posts {
    padding: 5px;
    width:47%;
    height:auto;
}

.site_news {
    float:left;
}

.recent_posts {
    float:right;
    display:block;  
}

.ad {
    margin-top:1em;
}

.pagination {
    padding-top:5px;
    padding-bottom:5px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    text-align:center;
}

.about_box {
    padding:5px;
    padding-bottom:5px;
    background:#FFFFF5;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    text-align:center;
}