/*
Theme Name: Shine!
Description: Custom theme for Shine!
Author: Ricksticks
Author URI: http://ricksticks.com/
*/

/*
green dark		#356734
green light		#73b343
dark grey		#414142
pink			#e41f5c
green pastel	#94c653
*/

/* Begin Typography & Colors */

	body {
		font-size: 62.5%; /* Resets 1em to 10px */
		font-family: Verdana, Arial, Sans-Serif;
		/* old: *
		background: #7EBD4A url(images/bg.png) repeat-x top left;
		
		/* option 1: */
		background: #94C653 url(images/shine_bgpattern.png) repeat top left;
		
		/* option 2: *
		background: #94C653 url(images/shine_bgpattern.png) repeat top left;
		
		/**/
		
		color: #444444;
		text-align: center;
	}
	
	#gradient {
		/* option 1: *
		background: url(images/shine_gradient.png) repeat-x top left;
		
		/* option 2: *
		background: url(images/shine_gradient_inversed.png) repeat-x top left;
		
		/**/
	}
	
	#page {
		text-align: left;
	}
	
	#header {
		width: 896px;
		height: 88px;
		background: #8fc452 url('images/banner.png') no-repeat bottom center;
	}
	
	#headerimg 	{
		margin: 7px 9px 0;
		height: 192px;
		width: 740px;
	}
	
	#navigation {
		text-align: center;
		background: #487140;
	}
	
	#navigation a {
		color: #ffffff;
		font-size: 1em;
		font-weight: bold;
		line-height: 3.0;
		text-transform: uppercase;
	}
	
	#navigation .current_page_item a,
	#navigation a:hover {
		color: #73B343;
		text-decoration: none;
	}
	
	#container {
		background: #FFF;
	}
	
	#content {
		font-size: 1.2em;
	}
	
	.widecolumn .entry p {
		font-size: 1.05em;
	}
	
	.narrowcolumn .entry,
	.widecolumn .entry {
		line-height: 1.6em;
	}
	
	.widecolumn {
		line-height: 1.6em;
	}
	
	.narrowcolumn .postmetadata {
		text-align: center;
	}
	
	.thread-alt {
		background-color: #f8f8f8;
	}
	
	.thread-even {
		background-color: white;
	}
	
	.depth-1 {
		border: 1px solid #ddd;
	}
	
	.even,
	.alt {
		border-left: 1px solid #ddd;
	}
	
	#footer {
		background: url(images/footer.png) bottom right;
		border: none;
		line-height: 1.7em;
	}
	
	#footer,
	#footer a {
		color: #73b343;
	}
	
	small {
		font-size: 0.9em;
		line-height: 1.5em;
	}
	
	h1,
	h2,
	h3 {
		font-weight: bold;
	}
	
	h1 {
		font-size: 4em;
		text-align: center;
	}
	
	#headerimg .description {
		font-size: 1.2em;
		text-align: center;
	}
	
	h2 {
		font-size: 1.6em;
	}
	
	h2.pagetitle {
		font-size: 1.6em;
	}
	
	#sidebar h2 {
		font-size: 1.2em;
	}
	
	h3 {
		font-size: 1.3em;
	}
	
	h1,
	h1 a,
	h1 a:hover,
	h1 a:visited,
	#headerimg .description {
		text-decoration: none;
		color: white;
	}
	
	h2,
	h2 a,
	h2 a:visited {
		color: #E41F5C;
		font-weight: normal;
	}
	
	h3,
	h3 a,
	h3 a:visited {
		color: #333;
	}
	
	h2,
	h2 a,
	h2 a:hover,
	h2 a:visited,
	h3,
	h3 a,
	h3 a:hover,
	h3 a:visited,
	#sidebar h2,
	#wp-calendar caption,
	cite {
		text-decoration: none;
	}
	
	.sticky {
		background: #f7f7f7;
		padding: 0 10px 10px;
	}
	
	.sticky h2 {
		padding-top: 10px;
	}
	
	.commentlist li,
	#commentform input,
	#commentform textarea {
		font: 0.9em Verdana, Arial, Sans-Serif;
	}
	
	.commentlist li ul li {
		font-size: 1em;
	}
	
	.commentlist li {
		font-weight: bold;
	}
	
	.commentlist li .avatar { 
		float: right;
		border: 1px solid #eee;
		padding: 2px;
		background: #fff;
	}
	
	.commentlist cite,
	.commentlist cite a {
		font-weight: bold;
		font-style: normal;
		font-size: 1.1em;
	}
	
	.commentlist p {
		font-weight: normal;
		line-height: 1.5em;
		text-transform: none;
	}
	
	#commentform p {
		font-family: Verdana, Arial, Sans-Serif;
	}
	
	.commentmetadata {
		font-weight: normal;
	}
	
	#sidebar {
		font: 1em Verdana, Arial, Sans-Serif;
	}
	
	small,
	#sidebar ul ul li,
	#sidebar ul ol li,
	.nocomments,
	.postmetadata,
	blockquote,
	strike {
		color: #777;
	}
	
	code {
		font: 1.1em 'Courier New', Courier, Fixed;
	}
	
	acronym,
	abbr,
	span.caps {
		font-size: 0.9em;
		letter-spacing: .07em;
	}
	
	a,
	h2 a:hover,
	h3 a:hover {
		color: #73B343;
		text-decoration: none;
	}
	
	a:hover {
		color: #E41F5C;
	}
	
	#wp-calendar #prev a,
	#wp-calendar #next a {
		font-size: 9pt;
	}
	
	#wp-calendar a {
		text-decoration: none;
	}
	
	#wp-calendar caption {
		font: bold 1.3em Verdana, Arial, Sans-Serif;
		text-align: center;
	}
	
	#wp-calendar th {
		font-style: normal;
		text-transform: capitalize;
	}
	
	#sidebar .quote-box {
		padding: 16px;
		color: #73B343;
		font-size: 1.1em;
		font-style: italic;
		background: #D7E8BF;
	}
	
/* End Typography & Colors */



/* Begin Structure */
	
	/*
	|                896                 |
	|16|   208   |16|       640       |16|
	*/

	body {
		margin: 0;
		padding: 0;
	}
	
	#gradient {
		padding-top: 1px;
	}
	
	#page {
		margin: 8px auto;
		padding: 0 35px;
		width: 896px;
	}
	
	#header {
		margin: 0 0 8px 0;
		padding: 0;
	}
	
	#header h1 a {
		display: block;
		width: 200px;
		height: 88px;
		margin: 0 auto;
		text-indent: -9999px;
	}
	
	#navigation {
		list-style: none;
		margin: 8px 0;
		padding: 0;
	}
	
	#navigation li {
		list-style: 0;
		margin: 0 5px;
		padding: 0;
		display: inline;
	}
	
	#container {
		padding-top: 16px;
		/*float: left;*/
	}
	
	.narrowcolumn {
		float: right;
		padding: 0 0 20px 0;
		margin: 0 64px 0 0;
		width: 592px;
	}
	
	#content-banner {
		margin: 0 16px 0 0;
		width: 640px;
		height: 184px;
		background: url(images/content-banner.jpg) no-repeat;
	}
	
	.widecolumn {
		padding: 10px 0 20px 0;
		margin: 5px 0 0 150px;
		width: 450px;
	}
	
	.post {
		margin: 0 0 40px;
	}
	
	.post hr {
		display: block;
	}
	
	.widecolumn .post {
		margin: 0;
	}
	
	.narrowcolumn .postmetadata {
		padding-top: 5px;
	}
	
	.widecolumn .postmetadata {
		margin: 30px 0;
	}
	
	.widecolumn .smallattachment {
		text-align: center;
		float: left;
		width: 128px;
		margin: 5px 5px 5px 0px;
	}
	
	.widecolumn .attachment {
		text-align: center;
		margin: 5px 0px;
	}
	
	.postmetadata {
		clear: both;
	}
	
	.clear {
		clear: both;
	}
	
	#footer {
		margin: 8px 0;
		padding: 10px 0;
		clear: both;
		text-align: center;
	}
	
	#footer .navigation {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#footer .navigation li {
		list-style: 0;
		margin: 0 5px;
		padding: 0;
		display: inline;
	}
	
	#footer .pink-elephant {
		display: inline-block;
		width: 27px;
		height: 18px;
		background: url(images/icon_pinkelephant.png);
		text-indent: -9999px;
		outline: none;
	}
	
/* End Structure */



/* Begin Headers */
	
	h1 {
		margin: 0;
		padding: 0;
	}
	
	h2 {
		margin: 30px 0 0;
		}
	
	h2.pagetitle {
		margin: 30px 0 1em;
		text-align: center;
	}
	
	#sidebar h2 {
		margin: 5px 0 0;
		padding: 0;
		}
	
	h3 {
		padding: 0;
		margin: 30px 0 0;
		}
	
	h3.comments {
		padding: 0;
		margin: 40px auto 20px ;
		}
/* End Headers */



/* Begin Images */
	
	p img {
		padding: 0;
		max-width: 100%;
		}
	
	/*	Using 'class="alignright"' on an image will (who would've
		thought?!) align the image to the right. And using 'class="centered',
		will of course center the image. This is much better than using
		align="center", being much more futureproof (and valid) */
	
	img.centered {
		display: block;
		margin-left: auto;
		margin-right: auto;
		}
	
	img.alignright {
		padding: 4px;
		margin: 0 0 2px 7px;
		display: inline;
		}
	
	img.alignleft {
		padding: 4px;
		margin: 0 7px 2px 0;
		display: inline;
		}
	
	.alignright {
		float: right;
		}
	
	.alignleft {
		float: left;
		}
/* End Images */



/* Begin Lists */
	
	.entry ul {
		margin: 0;
		padding: 0;
		line-height: 1.4;
		list-style: none;
	}
	
	.entry li {
		margin: 7px 30px 8px 25px;
		padding: 0 0 0 15px;
		background: url("images/bullet.png") no-repeat 0 3px;
	}
	
	.entry ol {
		padding: 0 0 0 35px;
		margin: 0;
	}
	
	.entry ol li {
		margin: 0;
		padding: 0;
	}
	
	.postmetadata ul,
	.postmetadata li {
		display: inline;
		list-style-type: none;
		list-style-image: none;
	}
	
	ol li {
		list-style: decimal outside;
	}
	
/* End Entry Lists */



/* Begin Form Elements */
	
	#newsletter-signup {
		color: #73b343;
	}
	
	#newsletter-signup #signup_email {
		margin-top: 8px;
		width: 146px;
		padding: 2px;
		background: #eff6e5;
		border: 1px solid #94C653;
		color: #356734;
	}
	
	#newsletter-signup .button {
		width: 56px;
		padding: 6px 0 3px 0;
		background: #94C653;
		border: 0;
		font-size: 9px; /* height = 15px */
		font-weight: bold;
		line-height: 11px;
		color: #fff;
		cursor: pointer;
	}
	
	/*@media screen and (-webkit-min-device-pixel-ratio:0) {
		#newsletter-signup .button {
			padding: 5px 0 4px 0;
			line-height: 11px;
		}
	}*/
	
	#searchform {
		margin: 10px auto;
		padding: 5px 0;
		text-align: left;
	}
	
	#sidebar #searchform #s {
		width: 146px;
		padding: 2px;
		background: #eff6e5;
		border: 1px solid #94C653;
	}
	
	#sidebar #searchsubmit {
		width: 56px;
		margin-left: -4px;
		padding: 5px 1px 3px 1px;
		border: 0;
		background: #94C653;
		font-size: 10px;
		font-weight: bold;
		color: #FFF;
		cursor: pointer;
	}
	
	/* This is mainly for password protected posts, makes them look better. *
	.entry form {
		text-align:center;
	}
	*/
	
	/*select {
		width: 130px;
	}*/
	
	#commentform input {
		width: 170px;
		padding: 2px;
		margin: 5px 5px 1px 0;
		}
	
	#commentform {
		margin: 5px 10px 0 0;
		}
	#commentform textarea {
		width: 100%;
		padding: 2px;
		}
	#respond:after {
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
		}
	#commentform #submit {
		margin: 0 0 5px auto;
		float: right;
	}
	
	form.wpcf7-form {
		text-align: left;
	}
	
	form.wpcf7-form input[type="text"] {
		background: #eff6e5;
		border: 1px solid #94C653;
		width: 300px;
	}
	
	form.wpcf7-form textarea {
		background: #eff6e5;
		border: 1px solid #94C653;
		width: 300px;
	}
	
	form.wpcf7-form input[type="submit"] {
		border: 1px solid #94C653;
		background: #94C653;
		font-weight: bold;
		color: #FFF;
		cursor: pointer;
	}
	
	.registration {
		margin: 1em 0;
	}
	
	.registration select {
		width: 350px;
		padding: 2px;
		background: #eff6e5;
		border: 1px solid #94C653;
		font-size: 10px;
	}
	
	.registration .button {
		padding: 4px 3px 3px;
		background: #94C653;
		border: 0;
		font-size: 9px;
		font-weight: bold;
		color: #FFF;
		cursor: pointer;
	}
	
/* End Form Elements */


/* Begin Comments*/
	
	.alt {
		margin: 0;
		padding: 10px;
		}
	
	.commentlist {
		padding: 0;
		text-align: justify;
		}
	
	.commentlist li {
		margin: 15px 0 10px;
		padding: 5px 5px 10px 10px;
		list-style: none;
	
		}
	.commentlist li ul li { 
		margin-right: -5px;
		margin-left: 10px;
	}
	
	.commentlist p {
		margin: 10px 5px 10px 0;
	}
	.children { padding: 0; }
	
	#commentform p {
		margin: 5px 0;
		}
	
	.nocomments {
		text-align: center;
		margin: 0;
		padding: 0;
		}
	
	.commentmetadata {
		margin: 0;
		display: block;
		}
/* End Comments */



/* Begin Sidebar */
	
	#sidebar {
		float: left;
		/*padding: 35px 0 10px 0;*/
		padding: 0 0 10px 0;
		margin-left: 16px;
		width: 208px;
	}
	
	#sidebar form {
		margin: 0;
	}
	
	#sidebar ul,
	#sidebar ul ol {
		margin: 0;
		padding: 0;
	}
	
	#sidebar ul li {
		list-style-type: none;
		list-style-image: none;
		margin-bottom: 34px;
	}
	
	#sidebar ul li li {
		margin: 0;
	}
	
	#sidebar ul p,
	#sidebar ul select {
		margin: 5px 0 8px;
	}
	/*
	
	#sidebar ul ul,
	#sidebar ul ol {
		margin: 5px 0 0 10px;
	}
	
	#sidebar ul ul ul,
	#sidebar ul ol {
		margin: 0 0 0 10px;
	}
	
	#sidebar ul ol li {
		list-style: decimal outside;
	}
	
	#sidebar ul ul li,
	#sidebar ul ol li {
		margin: 3px 0 0;
		padding: 0;
	}
	*/
	
	#secondary-navigation {
		margin: 0 0 0 -48px;
		padding: 12px 15px 16px;
		/*
		width: 272px;
		*/
		min-height: 156px;
		background: url(images/pink-rounded-sidebox.png) no-repeat bottom left;
		/*
		list-style: none;
		*/
	}
	
	
	#secondary-navigation li {
		/*
		list-style: none;
		margin: 0 !important;
		padding: 15px 0 0 15px !important;
		*/
	}
	
	#secondary-navigation a {
		color: #FFF;
	}
	
	#secondary-navigation a:hover {
		color: #73B343;
	}
	
/* End Sidebar */



/* Begin Calendar */
	
	#wp-calendar {
		empty-cells: show;
		margin: 10px auto 0;
		width: 155px;
		}
	
	#wp-calendar #next a {
		padding-right: 10px;
		text-align: right;
		}
	
	#wp-calendar #prev a {
		padding-left: 10px;
		text-align: left;
		}
	
	#wp-calendar a {
		display: block;
		}
	
	#wp-calendar caption {
		text-align: center;
		width: 100%;
		}
	
	#wp-calendar td {
		padding: 3px 0;
		text-align: center;
		}
	
	#wp-calendar td.pad:hover { /* Doesn't work in IE */
		background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
	
	acronym, abbr, span.caps {
		cursor: help;
		}
	
	acronym, abbr {
		border-bottom: 1px dashed #999;
		}
	
	blockquote {
		margin: 15px 30px 0 10px;
		padding-left: 20px;
		border-left: 5px solid #ddd;
		}
	
	blockquote cite {
		margin: 5px 0 0;
		display: block;
		}
	
	.center {
		text-align: center;
		}
	
	.hidden {
		display: none;
		}
		
	.screen-reader-text {
		 position: absolute;
		 left: -1000em;
	}
	
	hr {
		display: none;
		}
	
	a img {
		border: none;
		}
	
	.navigation {
		display: block;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 60px;
		}
/* End Various Tags & Classes*/



/* Captions */
	
	.aligncenter,
	div.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
	.wp-caption {
		/*
		border: 1px solid #ddd;
		*/
		/*
		text-align: center;
		*/
		/*
		background-color: #f3f3f3;
		*/
		padding-top: 5px;
		/*
		margin: 10px;
		*/
		/*
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		*/
		
	}
	
	.wp-caption.alignleft {
		margin: 0 13px 13px 0;
	}
	
	.wp-caption.alignright {
		margin: 0 0 10px 10px;
	}
	
	.wp-caption img {
		margin: 0;
		padding: 0;
		border: 0 none;
	}
	
	.wp-caption p.wp-caption-text {
		font-size: 11px;
		line-height: 17px;
		padding: 10px 4px 5px;
		margin: 0;
		color: #777777;
	}
/* End captions */