/*  
	Theme Name: Shocked
	Theme URI: http://sunshocked.com/
	Description: A custom theme for Sunshocked.com
	Version: 2010
	Author: Stanley Jones
	Author URI: http://sunshocked.com/
*/


/*	Reset
-------------------------------------------------------------- */
	@import 'reset.css';


/*	Standard HTML Elements
-------------------------------------------------------------- */

	body {background:url(images/bg-trans.png) repeat-x fixed; font:16px/25px normal "Helvetica Neue",Helvetica,Arial,sans-serif;}
	
	h1,h2,h3,h4,h5 {clear:left; font-weight:bold; margin:25px 0; text-shadow:rgba(255,255,255,0.25) 0 1px 1px;}
	h2 {font-size:12px; margin:0; text-transform:uppercase;}
	h3 {font-size:24px;}
	h4 {font-size:18px;}
	h5 {font-size:16px; margin-bottom:0;}
	
	a {text-decoration:none;}

	hr {clear:both;}
	

/*	Elements by ID
-------------------------------------------------------------- */

	/* Header */

	#header {margin-bottom:25px; border-top:10px solid; text-transform:uppercase; font-weight:bold;}
	#title {margin:10px 0; font-size:2em;}
	#navigation {list-style:none; font-size:12px;}
	#navigation li {float:left; width:150px; margin:0 10px 10px 0; border-bottom:3px solid;}

	/* Content */
	
	#comments {clear:both;}
		#comments input, #comments textarea {border:1px solid black;}
		#comments textarea {float:left; width:320px; margin-top:25px;}
		#comments .comment {clear:both; border-bottom:1px solid; overflow:auto;}
		#comments .commenttext {margin-left:160px;}
		#comments .commentmetadata, #comments .credentials, #comments .fields {float:left; width:150px; margin-right:10px;}
		#comments .commentlist {list-style:none !important;}
		input#submit {float:right; width:150px; margin-top:25px; border:0;}
		#submit:hover {cursor:pointer; color:white;}
	
	/* Footer */

	#footer {margin-top:25px; border-top:10px solid; font-size:12px; text-align:right;}
	#contact {font-style:italic;}


/*	Elements by Class
-------------------------------------------------------------- */

	.container {clear:both; width:640px; margin:25px auto;}
	.navigation {clear:both;}
	.teaser {float:left; width:320px;}
	
	.half {float:left; width:47%; margin-right:2%;}
	.third {float:left; width:31%; margin-right:2%;}

	/* Post */
	
	.post {clear:both; margin-bottom:10px; overflow:visible; vertical-align:baseline;}
		.post .title {margin:0; font-size:24px;}
		.post .date {margin:0; text-transform:uppercase; font-size:12px; font-weight:bold;}
		.post .thumbnail {float:left; width:146px; margin:0 10px 10px 0;}
		.post .entry {float:left; width:320px;}
		
		.post p, pre {margin-bottom:25px;}
			.post .entry p:first-child {font-size:20px; font-weight:bold;}
			.post p.aside {float:left; margin-left:-160px; width:150px; font-size:12px; text-align:right;}
			.post p.footnote {font-size:12px;}
		.post blockquote {padding-left:25px; border-left:3px solid; font-style:italic;}
			.post .entry blockquote p:first-child {font-size:inherit; font-weight:normal;}	
		.post ol {list-style-type:decimal;}
		.post li {margin-bottom:25px;}
		.post img {max-width:100%; padding:1px; border:1px solid; background:white; -webkit-box-shadow:0 2px 3px rgba(0,0,0,0.5);}
			.post img.left {margin-left:-160px;}
			.post img.right {margin-right:-160px;}
		.post em, .post cite {font-style:italic;}
		.post code {font:14px "Courier New",Courier,monospace; white-space:pre; font-weight:bold;}
		.post strong {font-weight:bold;}
		.post hr {margin-bottom:25px; border:1px solid;}
		.post table {width:100%; margin-bottom:10px;}
			.post td {padding:5px;}
			.post th {font-weight:bold;}
		.post .figure {margin:0 0 10px 0; font-size:12px; line-height:12.5px; font-style:italic; text-align:center; overflow:visible;}
			.post .figure.left {float:left; width:240px; margin:0 10px 10px -160px;}
			.post .figure.right {float:right; width:240px; margin:0 -160px 10px 10px;}
		.post .figure img {margin:0 0 12.5px 0;}
		.post .postmetadata {float:right; width:150px;}
			.post .postmetadata ul { margin:0; list-style:none;}
			.post .postmetadata .taglist li {margin:0; padding-left:15px; background:url(images/tag.png) left 4px no-repeat; font-size:12px; line-height:16px;}
			.post .postmetadata .comments {padding-left:15px; background:url(images/comment.png) left 4px no-repeat; font-size:12px;}
	
	.page li {margin-bottom:0; margin-left:25px;}
		
	/* Standard Wordpress Styles */
	
	.alignleft {float:left; margin-right:10px;}
	.alignright {float:right; margin-left:10px;}


/*	Page-Specific Elements
-------------------------------------------------------------- */

	.splash {float:left; width:306px; margin-right:10px;}
		.splash p {font-size:12px;}