/*
CSS for:Sunshined.org
Version: 7.0
Author:Hazel L.
*/
/* Global ------------------------------------------------------------------*/

html, body, div, object, embed, span, applet, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, img, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, ol, ul, li,
dl, dt, dd, a img,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body, html, a {
	outline: 0;
	text-decoration: none;
	margin: 0;
	padding: 0; }
 
body {
	background-color: #FFF;
	color: #676767;
	font: 1.1em "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	line-height: 1.7em;
	text-align: center;
	padding: 0; margin:0; }
 
.u { border-bottom: 1px solid #8F8F8F; }
 
.b { font-weight: bold; }
 
.i { font-style: italic; }

object { margin: 0 auto; text-align: center; }

acronym {
border-bottom: 1px dotted #676767;
}

#social-icons {
	float: right;
	border: 0;
	padding: 0;
	margin: 0; }
 
	#social-icons img { border: 0; }
 
	#social-icons a, #social-icons a:link, #social-icons a:visited, #social-icons a:active, #social-icons a:hover {
		border: 0;
		margin: 0;
		padding: 0;
		color: #FFF;
		background: none; }

.strike { text-decoration: line-through; }
 
code { font-size: 1.1em; }
 
hr {
	border-color: #DFDFDF;
	border-style: double;
	border-width: 4px 0 0;
	clear: both;
	margin: 5px 0 3px 0;
	padding: 0; }
 
blockquote {
	font-family: "Georgia",Cambria,Times New Roman,serif;
	font-style: italic;
	font-size: 1.3em;
	color: #5F5959; }
 
/*
 Image Styles ------------------------------------------------------------------*/
img.centered {
	text-align: center;
	border: #EFEFEF solid 5px;
	margin: 0 auto 15px auto;
	display: block;
	padding: 3px;
	background: none; 
}

a img { padding:0; }

em.centered, p.centered { text-align: center; display: block; }

img.leftimg {
	float: left;
	margin:0; 
	border: #EFEFEF solid 5px;
	padding: 3px; margin: 0 10px 10px 10px;}

img.rightimg {
	float: right;
	margin:0; 
	border: #EFEFEF solid 5px;
	padding: 3px; margin: 0 0 10px 10px; }
 
img.grav {
	border: 1px #3fac8f solid;
	float: left;
	background-color: #FFF;
	margin: 0 10px 10px 15px;
	padding: 5px; }
 
/* Structures ------------------------------------------------------------------*/
#container {
	background-color: #FFF;
	width: 800px;
	text-align: justify;
	margin: 0 auto;
	padding: 0; }
 
#content {
	background-color: #FFF;
	width: 800px;
	margin: 0 auto;
	font-size: 0.8em; }
 
#header {
	width: 800px;
	height: 235px;
	background: url(http://sunshined.org/images/V7/headernut-small.jpg) no-repeat; }
 
/* Navigation ------------------------------------------------------------------*/
#navigation {
	width: 800px;
	height: 35px;
	background-color: #FFF;
	border-top: solid 9px #FFF;
	margin: 0;
	padding: 0 }
 
ul#nav {
	margin: 0 0 0 17px;
	padding: 0;
	font-size: 0.8em;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	float: left; }
 
	ul#nav li {
		float: left;
		display: block;
		list-style-type: none;
		margin-right: 6px;
		padding: 0 }
 
		ul#nav li a {
			text-decoration: none;
			color: #6F6F6F;
			padding: 0 }
 
			ul#nav li a:hover {
				text-decoration: none;
				color: #CF5A64;
				padding: 0 }
 
/* Main ------------------------------------------------------------------*/
.post-info {
	height: 60px;
	width: 800px;
	border-bottom-style: double;
	border-bottom-color: #DFDFDF;
	border-bottom-width: 4px }
 
	.post-info .date {
		width: 115px;
		height: 60px;
		border-right: 1px solid #DFDFDF;
		float: left;
		text-align: center;
		display: block;
		padding-top: 14px;
		margin: 0;
		color: #8F8F8F;
		text-transform: uppercase; }

.post-info h1 {
	color: #3B9E9B;
	font-weight: normal;
	font-family: "Myriad","Myriad Pro",Tahoma, Verdana, Arial, sans-serif;
	float: left;
	font-size: 1.5em;
	letter-spacing: 1px;
	margin: 18px 0 0 15px }
 
	.post-info h1 a, .post-info h1 a:link, .post-info h1 a:visited { color: #3B9E9B; }
 
	.post-info h1 a:hover { color: #CF5A64; }
 
.post-info .commentnumber {
	background: url(http://sunshined.org/images/V7/headernut-small.jpg) no-repeat;
	background-position: 0 -235px;
	height: 38px;
	width: 44px;
	float: right;
	color: #FFF;
	text-align: center;
	padding: 0;
	margin: 13px 0 0 0;
	font-size: 1em }
 
.post-info a.comment, .post-info a:link.comment, .post-info a:visited.comment {
	color: #6F6F6F;
	display: block;
	margin: 0;
	padding: 0; }
 
.left {
	width: 100px;
	float: left;
	font-size: 0.9em;
	text-transform: uppercase;
	margin: 0;
	line-height: 1.6em;
	padding: 0;
	letter-spacing: 1px;
	text-align: right;
	color: #8F8F8F; }

.left a, .left a:link, .left a:active { background:none; color: #8F8F8F; }
.left a:hover { color: #CF5A64; }

.left2 {
	width: 115px;
	clear: both;
	text-transform: uppercase;
	margin: 0;
	padding-bottom: 5px;
	text-align: right;
	font-size: 0.9em;
	border-right: 1px solid #DFDFDF; }
 
	.left2 a, .left2 a:link, .left2 a:visited, .date a, .date a:link, .date a:visited {
		background-color: #83BFBC;
		display: block;
		margin: 0;
		padding: 5px 0 5px 0;
		text-align: center;
		color: #FFF;
		width: 110px; }
 
	.left2 a:hover, .date a:hover {
		background-color: #EFEFEF;
		color: #CF5A64; }
 
.post {
	margin: 0;
	padding: 0;
	width: 100%;
	clear: both;
	border-bottom: 1px solid #DFDFDF;
	overflow: auto; }
 
.right {
	width: 684px;
	float: right;
	margin: 0;
	padding: 0;
	border-left: 1px solid #DFDFDF; }

.post ol, .post ul { padding: 0 0 15px 30px; }
.post ol { list-style-type: decimal-leading-zero; }
 
.post ul {
	list-style: disc;
	color: #676767; }
 
.right p {
	margin: 0 15px 15px 15px;
	padding: 0;
	font-size: 0.9em; }
 
.right li { font-size: 0.9em; }
 
.right p a, .right p a:link, .right p a:visited, 
#accordion li a, #accordion li a:link, #accordion li a:visited, 
.post li a, .post li a:link, .post li a:visited, 
.list li a, .list li a:link, .list li a:visited {
	color: #6F6F6F;
	background-color: #FFF47F;
	padding: 2px 3px 2px 3px; }
 
.right p a:hover, #accordion li a:hover, .post li a:hover, .list li a:hover, #main a:hover { background-color:#b3efde; color: #CE263D }

.right h2 {
	color: #CF5A64;
	font-weight: normal;
	padding: 0;
	font-family: "Myriad","Myriad Pro",Tahoma, Verdana, Arial, sans-serif;
	margin: 0 0 15px 15px;
	font-size: 1.4em }

.right h2.huge {
	font-size: 4em;
	line-height: 1em;
	font-weight: bold;
	text-align: left;
 }
	.huge a, .huge a:link { color: #63C5C2; }
	.huge a:visited { color: #8f8f8f; }
	.huge a:hover { color: #983c93; }

.post ul, .post ol {
	width: 570px;
	list-style-position: inside;
	margin-left: 20px; }
 
.post li { margin-bottom: 5px; }
 
/* Archives ------------------------------------------------------------------*/
.archives {
	padding: 0;
	margin: 0; }
 
ul.archives li {
	list-style-type: none;
	padding: 0;
	margin: 0; clear:both; }
 
	ul.archives li.year {
		color: #CF5A64;
		font-size: 1.4em;
		padding: 5px 10px;
		border-bottom: 1px solid #DFDFDF; }
 
	ul.archives li.month {
		font-size: 1em;
		border-bottom: double #DFDFDF;
		padding: 10px;
		font-weight: 400;
		letter-spacing: 0.79px;
		margin: 0;
		text-transform: uppercase; }
 
	ul.archives li a {
		display: block;
		font-size: 1em;
		background-color: #FFF;
		padding: 10px;
		margin: 0; 
		color: #983c93;
		border-bottom: 1px solid #DFDFDF; }
 
		ul.archives li a:hover {
			background-color: #DFDFDF;
			color: #3B9E9B; }
 
.datelist { float:right; font-style: italic; display: inline; text-align: right; }
 
/* Pagination and Footer ------------------------------------------------------------------*/
#pagination {
	background-color: #FFF;
	height: 50px;
	margin: 0;
	padding: 0;
	font-size: 1em;
	letter-spacing: 1px;
	clear: both;
	text-transform: uppercase; }
 
	#pagination p {
		margin: 0;
		padding: 10px 0 0 15px; }
 
	#pagination a, #pagination a:link, #pagination a:visited { color: #6F6F6F; }
 
	#pagination a:hover { color: #3B9E9B; }
 
#footer {
	background-color: #FFF;
	height: 40px;
	font-weight: normal;
	border-top: 1px solid #DFDFDF;
	margin: 0;
	text-transform: uppercase;
	padding: 0;
	color: #8F8F8F;
	clear: both }
 
	#footer p { margin:0; padding: 5px 0 0 15px }
 
	#footer a, #footer a:link, #footer a:visited { color: #6F6F6F; }
 
	#footer a:hover { color: #2E2930; }
 
/* Comment Styles ------------------------------------------------------------------*/
#typecomment {
	clear: both;
	border: none;
	margin: 0 0 30px 10px; 
	padding: 0 }
 
	#typecomment table { margin:0; padding: 0 }
 
	#typecomment input, #typecomment textarea, #content input, #content textarea {
		border: double #AFAFAF;
		color: #4c4c4c;
		background-color: #EFEFEF;
		font-family: "Verdana",Tahoma,Lucida Grande,Arial,san-serif;
		padding: 3px;
		font-size: 1em; margin-left: 10px;
		line-height: 1.5em; }
 
	#typecomment ul, #typecomment ul li { list-style-type: none; }
#typecomment ul {margin-left: 20px; }
 
.poster {
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px; }
 
/* Accordion Styles ------------------------------------------------------------------*/
#accordion {
	margin: 0;
	padding: 0;
	min-height: 715px; }
 
h3.toggler {
	font-weight: 400;
	letter-spacing: 0.79px;
	font-size: 1em;
	text-transform: uppercase;
	cursor: pointer;
	background-color: #EFEFEF;
	border-bottom: #FFF 2px solid;
	color: #CE263D;
	margin: 0;
	padding: 3px 0 3px 8px }
 
	h3.toggler:hover { background-color: #CDCDCD; }
 
div.element { margin:0 0; padding: 0 }
 
.element dl { clear:both; margin: 0 }
 
.element dd {
	width: 32%;
	float: left;
	margin: 0;
	padding-left: 0; }
 
.element ul li {
	line-height: 2.3em;
	text-align: left;
	font-size: 0.9em;
	list-style-type: circle;
	margin-left: 40px; 
	padding: 0; }