/**************************************************************
  MAIN
**************************************************************/

* {
	margin: 0;
}
html, body {
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	font: 0.8em Lucida Grande, Verdana, Sans-serif;
	background: #fff;
	color: #4F5155;
}

h1 {
	color: #444;
	border-bottom: 1px solid #d0d0d0;
	font-size: 1.2em;
	font-weight: bold;
	margin: 4px 0 2px 0;
	padding: 5px 0 6px 0;
}

a:link, a:visited {
	color: #1e90ff;
}
a:hover {
	color: #000;
}

div img {
	vertical-align: middle;
}
p img.left {
	margin-top: 0;
}

/**************************************************************
  CONTAINERS
**************************************************************/

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -37px; /* the bottom margin is the negative value of the footer's height */
}

#top-bar {
	margin: 0 0 8px 0;
	padding: 8px 16px;
	text-align: right;
	font: 1em Monaco, Verdana, Sans-serif;
	background: #f9f9f9;
	border: 1px solid #d0d0d0;
	border-width: 0 0 1px 0;
	color: #002166;
}

#top-bar a:link, #top-bar a:visited {
	color: #000;
	text-decoration: none;
}
#top-bar a:hover {
	color: #000;
	text-decoration: underline;
}

#nav {
	margin-top: 18px;
	font-size: 1.1em;
	text-align: right;
}

#nav a:link, #nav a:visited {
	color: #1e90ff;
	text-decoration: none;
}
#nav a:hover {
	color: #000;
	text-decoration: underline;
}

#nav a.selected {
	color: #000;
	text-decoration: none;
}

#nav a.home {
	padding: 0 0 0 22px;
	background: url('/images/house.gif') no-repeat left center;
}

#nav a.gallery {
	padding: 0 0 0 22px;
	background: url('/images/pictures.gif') no-repeat left center;
}

#nav a.tips {
	padding: 0 0 0 22px;
	background: url('/images/book_open.gif') no-repeat left center;
}

#nav a.upload {
	padding: 0 0 0 22px;
	background: url('/images/camera.gif') no-repeat left center;
}

.container {
	margin: 15px auto 40px auto;
}

.subnav {
	margin: 0 0 35px 0;
}
.subnav a.selected {
	color: #000;
	text-decoration: none;
	font-size: 1.6em;
	font-weight: normal;
}

.footer {
	margin: 0;
	padding: 8px 16px;
	text-align: right;
	font: 11px Monaco, Verdana, Sans-serif;
	background: #f9f9f9;
	border: 1px solid #d0d0d0;
	border-width: 1px 0 0 0;
	color: #002166;
}
.footer, .push {
	height: 20px;
}

/**************************************************************
MISC
**************************************************************/

#logo {
	font: 2.4em Courier New, Verdana, Sans-serif;
	color: #000;
	text-decoration: none;
}

.pipe {
	margin: 0 10px;
	color: #d0d0d0;
}
.footer .pipe {
	margin: 0 6px;
}

a.expand {
	padding: 0 0 0 16px;
	background: url('/images/bullet_arrow_down.gif') no-repeat left center;
}

a.link {
	margin: 0;
	padding: 0 0 0 20px;
	background: url('/images/bullet_go.gif') no-repeat left center;
}

a.link_back {
	margin: 0;
	padding: 0 0 0 20px;
	background: url('/images/bullet_back.gif') no-repeat left center;
}

a.link_left {
	margin: 0;
	padding: 0 0 0 25px;
	background: url('/images/arrow_left.gif') no-repeat left center;
	text-decoration: none;
}
span.link_left {
	margin: 0;
	padding: 0 0 0 25px;
	background: url('/images/arrow_left_dead.gif') no-repeat left center;
	text-decoration: none;
	color: #ccc;
}

a.link_right {
	margin: 0;
	padding: 0 25px 0 0;
	background: url('/images/arrow_right.gif') no-repeat right center;
	text-decoration: none;
}
span.link_right {
	margin: 0;
	padding: 0 25px 0 0;
	background: url('/images/arrow_right_dead.gif') no-repeat right center;
	text-decoration: none;
	color: #ccc;
}

div#prev_next {
	position: relative;
	float: right;
	padding: 0 0 10px 10px;
}

div.thumb {
	position: relative;
	float: left;
	width: 150px;
	height: 192px;
	margin: 0 8px 10px 0;
	text-align: center;
}
img.thumb {
	margin: 0;
	padding: 3px;
	background: #fff;
	border: 1px solid #d0d0d0;
}
img.thumb:visited {
	background: #e5e5e5;
	border: 1px solid #d0d0d0;
}
img.thumb:hover {
	background: #1e90ff;
	border: 1px solid #d0d0d0;
}
div.thumb .starbox_thumb {
	margin: 5px auto 0 auto;
	width: 85px;
}

.left {
	position: relative;
	float: left;
}
.right {
	position: relative;
	float: right;
}

.comment_post {
	padding: 0 0 0 22px;
	background: url('/images/comment_add.gif') no-repeat left center;
}

.comment {
	padding: 0 0 0 22px;
	background: url('/images/comment.gif') no-repeat left center;
}

.comment_form {
	position: relative;
	float: left;
	width: 510px;
}

.upload_form {
	position: relative;
	float: left;
	width: 530px;
	margin: 0 20px 0 0;
}

label, div.label {
	display: block;
	position: relative;
	float: left;
	width: 100px;
	margin: 0 0 17px 0;
	padding: 4px 0;
	font-weight: normal;
}
.upload_form label, .upload_form div.label {
	width: 120px;
}
label.required {
	font-weight: bold;
}

.input_text, .input_file, .input_captcha {
	width: 260px;
	margin: 0 0 17px 0;
	padding: 3px;
}
.input_file {
	padding: 3px;
}
.input_captcha {
	width: 143px;
}

.comment_form textarea {
	width: 402px;
	height: 100px;
	margin: 0;
	padding: 3px;
}
.upload_form textarea {
	width: 402px;
	height: 100px;
	margin: 0;
	padding: 3px;
}

input[type=text], input.text, input.title, textarea, select {margin:0;}

.red {
	color: #8a1f11;
}

.info {
	padding: 0.6em;
	margin-bottom: 1em;
	background: #f9f9f9;
	border: 1px solid #d0d0d0;
	border-width: 0 0 1px 1px;
	color: #002166;
}

span#span_report {
	font-size: 10px;
	color: #000;
}

div.ads {
    text-align: center;
}

div.article_preview {
	position: relative;
	float: left;
	padding: 0;
	margin: 0 20px 25px 0;
	font-size: 11px;
	line-height: 14px;
	width: 455px;
}

div.article_preview img {
	position: relative;
	float: left;
	margin: 2px 10px 0 0;
	border: 1px solid #3f4040;
}

div.article_preview h3 {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	margin: 0 0 6px 0;
}

div.article {
	position: relative;
	float: left;
	padding: 0;
	margin: 0 20px 0 0;
	width: 700px;
}

div.article h2 {
	font-size: 24px;
	font-weight: normal;
	margin: 0 0 22px 0;
	padding: 0;
}

div.article h3 {
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 14px 0;
	padding: 0 0 6px 0;
	text-transform: uppercase;
	border-bottom: 1px solid #d0d0d0;
}

div.article p {
	margin: 0 0 1.5em 0;
	padding: 0;
	text-indent: 0;
}

div.article img {
	border: 2px solid #000;
}

div.article_right {
	position: relative;
	float: right;
	padding: 0;
	margin: 0;
	width: 200px;
}

/**************** PAGINATION ******************/
div.pages {
	margin: 15px 0 0 0;
    padding: 2px;
    text-align: center;
    font-size: 11px;
}

div.pages a {
	margin: 2px;
    padding: 2px 5px 2px 5px;
    background: #fff;
    border: 1px solid #d0d0d0;
    color: #1e90ff;
    text-decoration: none;
}

div.pages a:hover, div.pages a:active {
    background: #f9f9f9;
    border: 1px solid #1e90ff;
    color: #000;
}

div.pages span.current {
	margin: 2px;
    padding: 2px 5px 2px 5px;
    background: #99bbc4;
    border: 1px solid #99bbc4;
    color: #fff;
    font-weight: normal;
}
div.pages span.disabled {
	margin: 2px;
    padding: 2px 5px 2px 5px;
    border: 1px solid #d0d0d0;
    background: #fff;
    color: #999;
    font-style: normal;
}
/**********************************************/