/*
Theme Name: DS Squared Theme
Theme URI: http://dssquared.com/
Description: A WordPress theme designed to show off our online portfolio.
Version: 1.0
Author: Matt Strickland
Author URI: http://dssquared.com/
Tags: portfolio, dark, light
*/




/* --------- Global Stuff ----- */


body { 
		background: #01000E url('images/background.jpg') repeat-x top; 
		font-family: Helvetica, Arial, sans-serif;
		color: #ffffff; 
		font-size: 1em;
	}


#wrapper { margin: 0 auto; width: 760px; }


h1, h2, h3, h4 { font-family: Helvetica, Arial, sans-serif; font-weight: bold; }

p { margin: 0; padding: 0; }

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

a:hover { text-decoration: none; color: #ffffff; }


/* --------- Header Section ----- */

#logo { margin: 20px 0 10px 0; }
		
	
	/* --- Navigation --- */
	
	#navigation { 
					width: 100%; 
					margin: 10px 0 50px 0; 
					padding-bottom: 10px; 
					display: block; 
					float: left; 
					border-bottom: 1px solid #09B8A3; 
				}
	
	#navigation ul { list-style: none; margin: 0; padding: 0; }
	
	#navigation li { display: inline; }
	
	#navigation li a {
						font-family: Helvetica, Arial, sans-serif;
						text-decoration: none;
						color: #ccc;
						font-size: 14px;
						margin: 0 32px 0 0;
						padding-bottom: 5px;
					}

	#navigation li a:hover { border-bottom: 5px solid #09B8A3; color: #09b8a3; }
	
	
	
	
/* --------- Content Section ----- */

#content-wrapper { width: 760px; float: left; }

.post-clear { height: 75px; clear: both; }


.post-container { width: 800px; }

#thumb-container { float: left; }

.thumb { border: 5px solid #333333; }


#image-container { float: left; }

#image-container img { margin-bottom: 25px; }


#post-info { width: 255px; float: left; margin-left: 20px; }

#post-excerpt { margin: 10px 0 0 0; float: left; clear: left; font-size: .8em; line-height: 1.4em; }

.post-container img { margin: 0; padding: 0; }

#view-project { margin: 10px 0 0 0; }

#welcome-container { margin-bottom: 75px; border-bottom: 5px solid #222222; }

#welcome-container p { margin: 25px 0 0 5px; color: #cccccc; line-height: 1.4em; padding-bottom: 30px; }




	/* ----- Post Title ----- */
	
	#post-title { float: left; }

	#post-title a { text-decoration: none; color: #09B8A3; }

	#post-title a:hover { text-decoration: none; color: #0ce1c7; }
	
	#post-title h2 { font-size: 1.3em; margin: 10px 0 0 0; padding: 0; }
	
	



/* --------- Blog Stuff ----- */	

#blog-content-wrapper { width: 760px; float: left; }

#blog-post-container { width: 460px; float: left; margin: 0; padding: 0; }

#blog-post-content { margin: 10px 0 0 0; float: left; clear: left; font-size: .8em; line-height: 1.4em; }

#blog-post-content p { margin: 20px 0; line-height: 1.8em; }

#blog-post-content img { margin: 10px auto 20px auto; padding: 5px; border: 1px solid #555555; background: #333333; }

#blog-post-content a { display: block; padding: 5px; border: 1px solid #555555; background: #333333; }

#blog-post-content a:hover { border: 1px solid #333333; background: #555555; }

	#blog-sidebar-container { width: 250px; float: left; margin: 0px 0px 0px 35px; padding: 0; display: inline; }

	#blog-sidebar-container ul { list-style-type: none; margin: 0; padding: 0 10px 0 10px; color: #333333; }
	
	#blog-sidebar-container ul li { padding: 10px 0 10px 0; }
	
	#blog-sidebar-container ul li h2 { font-size: 1.5em; color: #ffffff; margin: 0 0 15px 0; padding: 0; }
	
	 #blog-sidebar-container ul ul li { padding: 0; line-height: 30px;  border-bottom: 1px solid #222222; }

.blog-post-clear { height: 50px; clear: both; }

.continue-reading { margin: 10px 0 10px 0; }

.postmetadata { padding: 5px; clear: both; font-size: .8em; background: #181818; }




/* --------- Comments Stuff ----- */

.comments-template{
	width: 760px;
	float: left;
	clear: both;
	margin: 50px 0 20px 0;
	border-top: 1px solid #222222;
	padding: 10px 0 0 0;
	color: #555555;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #222222;
}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
	color: #09B8A3;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	width: 760px;
	padding: 5px;
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
	margin: 0 0 10px 0;
	background: #222222;
	border: none;
	color: #555555;
}

.comments-template input{
	margin: 0 0 10px 0;
	padding: 5px;
	height: 25px;
	background: #222222;
	border: none;
	color: #555555;
}


	

/* --------- Footer Section ----- */	

#footer-container { margin: 20px 0 125px 0; border-top: 5px solid #222222; font-size: .8em; color: #333333; clear: both; }

.copyright { margin-top: 10px; }

#footer-container img { padding-left: 5px; }