.article_text ul	/*** Resets padding and margin for several common elements ***/
html, body, p, h1, h2, h3, h4, h5, h6, ul, img, table, tr, td {
	padding: 0; 
	margin: 0; 
}

body {
	background-color: #fff;
	font-family: verdana, geneva, arial, sans-serif;
	font-size: 62.5%; /*This makes 1em = 10px*/
	line-height: 230%;
	color: #333333;
}

p, table {
	font-size: 1.3em;
	margin-bottom: 1.5em;
}

h1 {
	font-family: verdana, geneva, arial, sans-serif;
	font-size: 2em;
	line-height: 100%;
	color: #595959;
	text-transform: uppercase;
}

h2 {
	color: #214887;
	font-family:  verdana, geneva, arial, sans-serif;
	font-size: 2em;
	line-height: 110%;
	text-transform: uppercase;
	margin-bottom: 0.2em;
}

h2 a {
	color: #214887;
	border: 0;
}

h2 a:visited {
	color: #214887;
}

h2 a:hover {
	color: #333;
	border-bottom: 1px dotted;
}

h3 {
	color: #214887;
	font-family:  verdana, geneva, arial, sans-serif;
	font-size: 1.6em;
	text-transform: uppercase;
	margin-bottom: 0.2em;
}

h4 {
	color: #214887;
	font-family:  verdana, geneva, arial, sans-serif;
	font-size: 1.3em;
	text-transform: uppercase;
}

h5 {
	color: #214887;
	font-family:  verdana, geneva, arial, sans-serif;
	font-size: 1.2em;
}

h6 {
	font-family:  verdana, geneva, arial, sans-serif;
	font-size: 1.2em;
}

a {
	color: #214887;
	text-decoration: none;
}

p a {
	border-bottom: 1px dotted;
}

a:visited {
	color: #214887;
}

a:hover {
	color: #333333;
}

img {
	border: 0;
}

input, textarea {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}

dl {
font-size: 1.3em;
}
 
dt {
float: left;
clear: left;
text-align: right;
font-weight: bold;
}
 
dd {
margin-right: 1em;
padding-bottom: 0.5em;
}

#head_wrapper {
	height: 86px;
	padding-left: 1em;
	margin-top: 2em;
	background: url('img/header_bg.png') repeat-x left top;
}

#access-top, #access-reply {
	position: absolute;
	top: -999em;
	background-color: #f0f0f0;
	padding: 0 0.5em;
	border: 2px solid #e3dbcd;
	font-weight: bold;
}

#access-top:focus {
	top: 0.5em;
}

#access-reply:focus {
	top: -3em;
}

#header {
	margin: auto;
	width: 88em;
	background: url('img/header.png') no-repeat left top;
	height: 86px;
}

#header h1 {
	display: inline;
	position: relative;
}

#header h1 a {
	display: block;
	height: 86px;
	width: 578px;
}

#header h1 a span {
	position: relative;
	top: -9999px;
}

#header a {
	border: 0;
	color: #595959;
}

#header a:hover {
	color: #595959;
}

#header a:visited {
	color: #595959;
}

#body_wrapper {
	margin: auto;
	width: 88em;
	padding-left: 1em;
	position: relative;
}

#main {
	margin-top: 4em;
	overflow:auto;
}

#main_left {
	float: left;
	width: 65%;
	overflow: hidden;
}

.article {
	margin-bottom: 6em;
}

.article_text {
	clear: both;
	line-height: 220%;
	font-size: 1.2em;
}

.article_text ul {
	list-style-position:outside;
	padding-left: 1em;
	font-size: 1.1em;
	margin: 0 0 1.5em 0;
}

.article_text ol {
	list-style-position:outside;
	padding-left: 2.5em;
	font-size: 1.1em;
}


.article_text p {
	font-size: 1em;
}

.article_img_left {
	border: 10px solid #dcdce2;
	float: left;
	clear: both;
	margin: 0.7em 2em 0 0;
}

.article_img_right {
	border: 10px solid #dcdce2;
	float: right;
	clear: both;
	margin: 0.7em 0 0 2em;
}

.article_box {
	background-color: #f0f0f0;
	padding: 1em;
	clear:both;
	font-size: 1em;
	margin: 0 0 1.5em 0; 
}

.article_box_left {
	background-color: #f0f0f0;
	padding: 1em;
	clear: both;
	font-size: 1em;
	margin: 0.7em 1.5em 0 0;
	width: 20em;
	float: left;
}

.article_box_right{
	background-color: #f0f0f0;
	padding: 1em;
	clear: both;
	font-size: 1em;
	margin: 0.7em 0 0 1.5em;
	width: 20em;
	float: right;
}

.article_box p, .article_box_left p, .article_box_right p {
	font-size: 1em;
}

.share {
	border-top: 1px dotted #ac9974;
	border-bottom: 1px dotted #ac9974;
	margin-top: 3em;
	padding-top: 1em;
}

.clear {
	clear: both;
}

a.art-pop {
	border: 0;
}

.text_bar {
	background-color: #f0f0f0;
	height: 1.7em;
	margin: 2em 0 0.7em 0em;
	clear: both;
}

.text_bar a {
	font-weight: bold;
	border: 0;
}

.text_bar_left, .text_bar_right {
	margin: 0.3em 0.5em;
	font-size: 1em;
	line-height: 1em;
	font-weight: bold;
}

.text_bar_left {
	float: left;
	padding-left: 0.5em;
	
}

.comment_bar
{
	height: 20px;
	background: url("img/comment.png") no-repeat 0 -2px; 
	position: relative;
	padding-left: 2em;
}

.text_bar_right {
	float: right;
	margin-right: 2em;
}

.prev_page
{
	float:right;
	position: relative;
	right: 1em;
}

.next_page
{
	float:left;
	position: relative;
	left: 1em;
}

#main_right {
	float: left;
	width: 25%;
	margin-left: 4em;
	margin-top: 2.5em;
	padding: 2em;
	background-color: #f0f0f0;
	word-wrap: break-word;
}

#main_right ul {
	font-size: 1.2em;
	margin-left: 1.2em;
}

#main_right li {
	margin-top: 0.3em;
}

#main_right li a {
	padding-bottom: 0.2em;
	border-bottom: 1px dotted;
}

#main_right .section {
	clear: both;
}

#main_right .section + .section {
	margin-top: 3.5em;
}

#main_right .section-archive {
	margin-top: 3.5em;
	margin-bottom: 2.5em;
}
#main_right .section p, #main_right .section table {
	margin-bottom: 0;
}

.gallery-img {
	display: inline;
	height: 60px;
	width: 60px;
	background: #fff;
	float: left;
	margin: 0 3px 6px 0;
	border: 1px solid #333; 
	padding: 4px;
	overflow:hidden;
	vertical-align: middle;
}

#feed {
	position: relative;
	top: -4.4em;
	text-align: right;
	font-size: 1.1em;
	font-weight: bold;
	background: url('img/feed.png') no-repeat right 0.7em;
	padding-right: 2em;
}

#feed a {
	border-bottom: 1px dotted;
	line-height: 3em;
}

#footer {
	clear: both;
	margin: 0 auto 2em auto;
	width: 88em;
	padding-left: 1em;
	position: relative;
}

.rounded-corners  {
	-moz-border-radius: 11px; /* Firefox */
	-webkit-border-radius: 11px; /* Chrome/Safari */
	-khtml-border-radius: 11px; /* Konquerer */
	border-radius: 11px;
}

.rounded-corners-small  {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

.facebook {
	border: 0;
	position: relative;
	bottom: 0.6em;
	margin-right: 1em;
}

.no-border {
	border: 0;
}

.no-border span {
	border-bottom: 1px dotted;
}

.about {
	background-color: #fff;
	padding: 1em 2em;
	margin-top: 2em;
	border: 2px solid #dcdce2;
}

.about a {
	border: 0;
}

.about a span {
	border-bottom: 1px dotted;
}

#creator {
	float: right;
}



/***** REPLY FORM *****/
.reply-area {
	margin-top: 8em;
}

.reply-area input, .reply-area textarea {
	padding: 0.3em;
	width: 34em;
	margin: 0;
	border: 2px solid #dcdce2;
	background-color: #f0f0f0;
}

.reply-area input {
	margin-bottom: 0.5em;
}

.reply-area textarea {
	height: 9em;
	width: 37.8em;
	background-color: #f0f0f0;
	font-family: verdana;
	font-size: 1.2em;
}

.reply-area textarea:focus, .reply-area input:focus {
	border: 2px solid #214887;
}

.reply-area input.submit-button {
	width: 7em;
	margin: 1em 0.7em 2em 0;
	font-size: 1.4em;
	border: 2px solid #dcdce2;
	cursor: pointer;
	display: block;
}

.reply-area input.submit-button:hover {
	border-color: #214887;
}

.reply-area input.submit-button:focus {
	border-color: #214887;
}

.reply-area label {
	display: block;
	text-align: left;
	margin-right: 1.5em;
	padding-top: 0.5em;
	font-size: 1.3em;
}

.reply-area fieldset {
	border: 0;
	margin: 0 0 6em 0;
	padding: 0;
}

.reply-area label.error {
	background:url("img/exclamation.png") no-repeat 0.5em 0.25em;
	margin: 0;
	padding-top: 0;
	padding-left: 2.5em;
	padding-bottom: 0.5em;
	font-weight: bold;
	color: #ff0000;
}

.reply-area input.error, .reply-area textarea.error {
	background-color: #f8cccc;
}

.reply-area input.error:focus, .reply-area textarea.error:focus {
	border-color: #ff0000;
}


/***** CONTACT FORM *****/

.contact-trigger {
	position: fixed;
	top: 14em;
	left: 0;
	background-color: #f0f0f0;
	-moz-border-radius: 0 11px 11px 0; /* Firefox */
	-webkit-border-radius: 0 11px 11px 0; /* Chrome/Safari */
	-khtml-border-radius: 0 11px 11px 0; /* Konquerer */
	border-radius: 0 11px 11px 0;
	filter: alpha(opacity=50);
	opacity: .5;
	cursor: pointer;
	border: 2px solid #e3dbcd;
	border-left: 0;
	display: none;
	z-index: 250;
}

.open {
	filter: alpha(opacity=100);
	opacity: 1.0;
}

.contact-trigger:hover {
	filter: alpha(opacity=100);
	opacity: 1.0;
}

.contact-trigger div {
	background-image:url('img/email.png');
	background-repeat: no-repeat;
	height: 20px;
	width: 24px;
	margin: 0.5em;
}

.contact-trigger .open {
	background-position: 100% -22px; /* Switches between plus and minus sign */
}

.contact-area {
	width: 30.2em;
	padding: 2em;
	padding-bottom: 0;
	background-color: #f0f0f0;
	border: 2px solid #e3dbcd;
	z-index: 200;
}

.contact-hidden {
	position: fixed;
	top: 8em;
	left: 2em;
	display: none;
}

.contact-area #contact-form textarea {
	width: 24em;
	background-color: #fff;
}

.contact-area #contact-form input {
	width: 21.5em;
	background-color: #fff;
}

.contact-area #contact-form input.submit-button {
	width: 7em;
	background-color: #fff;
}

.contact-area #contact-form fieldset {
	margin: 0;
	padding: 0;
}

#loading {
	height: 16px;
	width: 16px;
	background: url("img/ajax-loader.gif") no-repeat;
	display: none;
	margin-bottom: 3em;
}

#dim { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: url("img/dim.png"); 
}

#contact-form-alt textarea {
	height: 15em;
}

.contact-area-alt {
	margin-top: 0;
}

#captcha, #captcha-alt {
	float: left;
	margin-top: 2em;
}

#captcha-alt {
	border: 2px solid #dcdce2;
}

.captcha-right {
	float: left;
	margin: 2em 0 0 2em;
	height: 6em;
}

.contact-area .captcha-right {
	margin: 2.5em 0 0 1em;
}

.contact-area-alt label, .contact-area label {
	clear: both;
}

.contact-area-alt a, .contact-area a {
	border: 0;
}



/***** RATING FORMS *****/

#rating {
	position: relative;
	margin-top: 2em;
}

#rating p {
	font-weight: bold;
	margin: 0 0 0.5em 0;
	padding: 0;
}

#rating-form {
	position: absolute;
	right: 0;
}

#rating-form fieldset, #rated-form fieldset  {
	border: 0;
	margin: 0 0 6em 0;
	padding: 0;
}

#rated-form #votetext {
	clear: both;
	padding-top: 0.5em;
}




/***** COMMENTS *****/

.comment {
	margin: 1em 0;
	position: relative;
	background-color: #fff;
}

.comment_top {
	background-color: #f0f0f0;
	border: 1px solid #dcdce2;
	padding: 0.7em;
	position: relative;
}

.comment_name {
	display: inline;
	font-weight: bold;
	padding-left: 0.5em;
}

.comment_date {
	display: inline;
	padding-left: 1em;
	font-size: 1em;
	font-style: italic;
	position: absolute;
	right: 10em;
}

.comment_text {
	padding-top: 0.5em;
	margin: 0 1em 2em 1em;
}

.drag {
	display: inline;
	height: 16px;
	width: 16px;
	position: absolute;
	right: 4.5em;
	top: 1.3em;
	background: url("img/mouse.png") no-repeat; 
	cursor: move;
}

.collapse {
	display: inline;
	height: 12px;
	width: 12px;
	position: absolute;
	right: 2em;
	top: 1.5em;
	background: url("img/collapse.png") no-repeat; 
	cursor: pointer;
}

.active {
	background-position: 100% -12px; /* Switches between plus and minus sign */
}




/***** ADMIN PAGES*****/

.admin-table {
	background-color: #f0f0f0;
	width: 100%;
	padding: 1em 0.3em;
	border-spacing: 0;
	border: 1px solid #dcdce2;
}

.admin-table tr {
	width: 96%;
	display: block;
	padding: 0 2%;
}

.admin-table tr:hover {
	background-color: #fff;
}

.admin-table td {
	padding: 0.5em 0;
}

.admin-table .column1 {
	width: 30em;
}

.admin-table .column2 {
	width: 16em;
}

.admin-table .column3 {
	padding-right: 2em;
}

.admin-table .row-odd {
	background-color: #dcdce2;
}

.admin-table .row-alt:hover {
	background-color: #fff;
}

.admin-table a span {
	border-bottom: 1px dotted;
}

.page-nav a
{
	border: 0;
	background-color: #f0f0f0;
	padding: 0.1em;
}

.page-nav .page-no-link
{
	padding: 0.1em;
}

.page-nav a:hover
{
	border-bottom: 1px dotted;
}

#delete-results {
	float: left;
	height: 1em;
}

#create-art {
	float: right;
	margin: 0;
	position: relative;
	right: 2.7em;
	top: 1em;
	height: 3.6em;
}

#create-art a {
	border: 0;
}

#create-art a span {
	border-bottom: 1px dotted;
}

.create-area {
	margin-top: 2em;
}

#create-form textarea {
	width: 98%;
	height: 40em;
}

#create-form-left {
	float: left;
	margin-right: 3em;
}

#create-form-left input, #create-form-right input {
	width: 10em;
}

#create-form-left img, #create-form-right img {
	position: relative;
	top: 0.3em;
}

.edit-field {
	background-color: #fff;
	padding: 0.5em 1.9em;
	margin-top: 2em;
	border: 0;
}


/***** LOGIN/LOGOUT*****/

.login-area {
	margin-top: 0;
}

.login-area input {
	width: 20em;
}

.login-area-box {
	position: absolute;
	top: -2em;
	right: 3em;
	width: 30.2em;
	padding: 4em 2em 0 2em;
	background-color: #f0f0f0;
	border: 2px solid #e3dbcd;
	z-index: 160;
	display: none;
	margin:0;
}

.login-area-box input {
	width: 20em;
	background-color: #fff;
}

.login-hidden {
	position: absolute;
	top: -90em;
	display: none;
}

.login-area-box fieldset {
	margin: 0;
}

.login-trigger {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 1em;
	background-color: #f0f0f0;
	-moz-border-radius: 0 11px 11px 0;
	-webkit-border-radius: 0 11px 11px 0;
	-khtml-border-radius: 0 11px 11px 0;
	border-radius: 0 0 11px 11px;
	border: 2px solid #e3dbcd;
	border-top: 0;
	z-index: 170;
}

.login-trigger a {
	font-weight: bold;
}

.login-trigger .login-icon {
	background-image:url('img/expand.png');
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
	margin: 0.3em 0.5em 0 0;
	float: left;
}

.login-trigger .open {
	background-position: 100% -16px; /* Switches between plus and minus sign */
}

#login_wrapper {
	position: relative;
	margin: auto;
	width: 88em;
	height: 2em; /* Needs height to prevent collpase*/
	z-index: 150;
}



/***** RESULT NOTIFICATION *****/

.success {
	padding: 1em;
	background-color: #c0ebaa;
	font-size: 1.2em;
}

.warning {
	padding: 1em;
	background-color: #f8cccc;
	font-size: 1.2em;
}

.contact-area .warning, .contact-area .success {
	margin-bottom: 2em;
}

.success p {
	background: url('img/tick.png') no-repeat 0 0.2em;
	padding-left: 25px;
	font-size: 1em;
	margin: 0;
}

.warning p {
	background: url('img/exclamation.png') no-repeat 0 0.3em;
	padding-left: 25px;
	font-size: 1em;
	margin: 0;
}

.success ul, .warning ul {
	list-style-type: none;
	list-style-position: outside;
}

.success li, .warning li {
	background: url('img/exclamation.png') no-repeat 0 0.25em;
	padding-left: 25px;
}

.warning a {
	color: #333;
}

#delete-results {
	padding: 0.5em 1.5em 1.3em 1em;
	margin-bottom: 1em;
}

#comment-results {
	margin-bottom: 2em;
}



/***** ICONS*****/

.icon {
	border: 0;
	padding-left: 22px;
}

.icon-input {
	padding: 3px 22px 3px 0;
}

.icon span {
	border-bottom: 1px dotted;
}

.icon-view {
	background: url('img/magnifier.png') no-repeat 0 0;
	padding-left: 20px;
}

.icon-info {
	background: url('img/information.png') no-repeat 0 0;
}

.icon-email {
	background: url('img/mail.png') no-repeat 0 0.05em;
}

.icon-image {
	background: url('img/image.png') no-repeat 0 0;
}

.icon-page {
	background: url('img/page.png') no-repeat 0 0;
}

.icon-page-add {
	background: url('img/page_add.png') no-repeat 0 0;
}

.icon-page-edit {
	background: url('img/page_white_edit.png') no-repeat 0 0;
}

.icon-delete {
	background: url('img/delete.png') no-repeat 0 0;
}

.icon-edit {
	background: url('img/pencil.png') no-repeat 0 0;
}

.icon-time {
	background: url('img/time.png') no-repeat right 0;
}

.icon-date {
	background: url('img/date.png') no-repeat right 0;
}


.section-archive h4 {
	color: #333;
}

.arc-hidden {
	display: none;
}

.arc-year {
	cursor: pointer;
}

.arc-year-text {
	border-bottom: 1px dotted;
}

.arc-year-text:hover {
	color:  #214887;
}

.arc-month {
	display: inline-block;
}

.arc-month-text {
	color: #333;
	border-bottom: 1px dotted;
	cursor: pointer;
	font-size: 0.8em;
	padding-bottom: 2px;
}

.arc-month-text:hover {
	color: #214887;
}

.arc-icon {
	background: url('img/arc_collapse.png') no-repeat;
	width: 10px;
	height: 10px;
	display: inline-block;
	margin-right: 6px;
	cursor: pointer;
	
	/* For IE 7 */
	zoom: 1;
	*display: inline;
}

.arc-icon-closed {
	background: url('img/arc_collapse.png') no-repeat -10px 1px;
	display: inline-block;
}

#main_right .section-archive ul {
	list-style-type: none;
	margin-left: 0.4em;
}

#main_right .section-archive li {
	margin: 0;
	margin-bottom: 0.3em;
}

#main_right .section-archive li + li {
	
}

#main_right .section-archive .arc-inner {
	margin-left: 1.4em;
}

.arc-article {
	font-size: 0.7em;
}

#main_right .arc-article a {
	padding: 0;
}

.arc-date {
	font-size: 0.8em;
	background: #fff;
	padding: 2px 4px;
	border: 1px solid #ddd;
}

.arc-date:before {
	display:block;
	border-top: 1px solid black;
}