/*   
Theme Name: Dark Grey
Theme URI: http://markpopkes.com
Description: My first full attempt in customizing a WordPress Theme for a Portfolio.
Author: Mark Popkes
Author URI: http://markpopkes.com
Version: 1.0
.
This theme is not released for the general public
.
*/

@import "reset.css";


/* 
************ TYPOGRAPHY **************/
body{font:14px/1.5 Arial, Helvetica,'Liberation Sans',FreeSans,sans-serif; /*color: #858585;*/ color: #dbdbdb; 
	background: #2c2c2c url(images/body-bg.png) 0 0 repeat;}

	/* headers */
	h1, h2, h3, h4, h5, h6 {font-family: Helvetica, Arial, Verdana, sans-serif; text-transform: uppercase; font-weight:normal; letter-spacing: -1px; line-height: 1.2;}
	h1, h1 a, h2, h2 a, h3, h3 a {color: #b16865;}
	h1#logo a {display: block; background: url(images/logo.png) 0 25px no-repeat; width: 290px; height: 125px; text-indent: -9999px;}
		#info h1 {margin-bottom: 10px;}
	h1{font-size:28px;}
	h2{font-size:23px;}
	h3{font-size:21px; margin-bottom: 5px;}
	.project h3 {margin-bottom: 0;}
	h4{font-size:18px;}
	h5{font-size:15px;}
	h6{font-size:13px}
	
	/* paragraphs and lists */
	a {text-decoration: none; cursor: pointer;}
	p {margin: 0 0 15px 0; padding: 0;}
	p.date {font-weight: bold; font-size: 14px; color: #fdff64; margin: 10px auto auto auto;}
	.project p {font-size: 12px;}
	p a {color: #B85853;}
	
	ol{list-style:decimal}
	ul{list-style:disc}
		li{margin-left:30px}
	ul#nav li, ul#footer-nav li, ul#project-thumbs li {list-style: none; text-transform: uppercase;}
		ul#nav li a, ul#footer-nav li a {display: block; color:#fefefe; }
		ul#nav li a {padding: 15px 10px;}
		ul#footer-nav li a {padding: 5px 10px;}
			ul#nav li.current_page_item a, #sidebar a, .entry a, #comments_template ol li a {color:#fdff64;}
		ul#nav li a:hover, ul#footer-nav li a:hover {color: #fdfea0;}
	
	#sidebar ul {list-style: none; }
	#sidebar ul li a {display: block; padding: 2px 5px;}
	#sidebar ul li a:hover {background:#181818;color: #fefefe;}
	#comments_template ol { list-style: none;}
	#comments_template ol li.alt {background-color: #202020;}
	
	/* div colors */
	.mod {background-color:#000;}
	#footer {border-top: 5px solid #999;}
	
	/* form styles */
	#data, .input {border: none; background-color:#2C2C2C; padding: 5px;color: #fefefe;}
	.input {}
	#data {}
	#s {width: 225px; margin-right: 10px;}
	#searchsubmit, #submit {cursor: pointer; background-color:#E4E4E4; color: #2C2C2C;padding: 3px 5px; border: none;}
	.label {}
	
/* 
************ LAYOUT **************/
#wrapper {margin: 0 auto;}
/*#content {background-color: #333; overflow: hidden; width: 900px;}*/
#top {height: 125px;}
#main-content, .sub-container {width: 542px;}
#content, #main-content, #bottom-content, .sub-container, #projects, .project-container { overflow:hidden;}
#sidebar, .side-content {width: 320px;margin-left: 18px;}
.mod, #footer {padding: 10px;}
.sub-container, #bottom-content {margin-top: 15px; overflow: hidden;}
#bottom-content, #footer {width: 880px;}
.project {width: 167px;}
.firsthand {width: 275px; padding-right: 10px;}
.project, .firsthand {margin-right: 10px;}
.project.last, .firsthand.last {margin-right: 0;}
.container, .project-container {width: 900px;}
.posting, .project-container, .entry, .widget {margin-bottom: 15px;}
.project-container .sub-container {margin-top: 0;}
#info {width: 325px; margin-right: 25px;}
#projects {width: 530px;}
#footer {margin-top: 20px;}

/* Generic classes */
.right {float: right;}
.left {float: left;}
.clearLeft {clear: left;}
.imageLeft {float: left;margin: 5px 10px 5px 0;}
.biggap {height: 15px; margin-bottom: 15px; border-bottom: 1px solid #999;;}


	/* paragraphs and lists and images */
	ul#nav li, ul#footer-nav li, ul#project-thumbs li, #sidebar ul li {float: left;margin-left: 0;}
	ul#project-thumbs li {margin-right: 13px;}
	ul#project-thumbs li.last {margin-right: 0;}
	img {margin-bottom: 10px;}
	.project-container img {margin-bottom: 0;}
	#sidebar ul li ul li { margin: 0; padding: 0;}
	#comments_template ol li {margin-left: 0;padding: 5px 10px 0 10px;}