/*   
Theme Name: Portfolio
Theme URI: http://derekleek.com
Description: A search engine optimized website framework for WordPress and derekleek.com.
Author: Derek Leek
Author URI: http://derekleek.com/
Version: 1.0
Tags: widget ready, columns, footer, SEO ready
.
©2009 Derek Leek
.
*/

/* Reset default browser styles */
@import url('styles/reset.css');
/* Rebuild default browser styles */
@import url('styles/rebuild.css');
/* Import a basic layout */
@import url('styles/3c-r.css');
/* Basic WordPress Styles */
@import url('styles/wp.css');


html {
	overflow-y:scroll;
}
body {
	margin: 0;
	background:#fff url(images/bg-noise.png) top left repeat;
}
a:link {
	color:#669966;
}
a:visited {
	color:#669966;
}
a:hover {
	color:#872520;
}
a:active {
	color:#cc9200;
}
p {
	margin-bottom: 10px;
}
#container {
}
#content {
	padding:40px 20px 20px 20px;
}

/* =Header
-------------------------------------------------------------- */

#header{
	width:980px;
	height:455px;
	padding:0;
	margin:0 auto;
}
#header-second{
	width:980px;
	height:70px;
	padding:0;
	margin:0 auto;
}
#branding {
    margin: 0 0 1.5em 0;
	overflow:auto;
}
#logo-sm {
	height:70px;
	width:285px;
}
#blog-title {
	position:relative;
	float:left;
	font:normal 36px/85% Georgia, "Times New Roman", Times, serif;
	color:#666;
	text-decoration:none;
	text-shadow:1px 1px #000;
	background:url(images/name.png) top center no-repeat;
	width:980px;
	height:425px;
	padding:0;
}
#blog-title a {
	position:absolute;
	text-decoration:none;
	width:980px;
	height:425px;
	cursor:pointer;
}
#blog-title a span{
	visibility:hidden;
	width:980px;
	height:425px;
}
#blog-description {
	display:none;
}


/* =Menu
-------------------------------------------------------------- */

#access {
    margin:-70px 0 0 0;
    overflow: auto;
	
}
#access-featured {
    margin:0;
    overflow: auto;
	
}
.skip-link {
    display: none;
}

/* Everything CSS Sprite Menu */
	ul#menu{margin:0; padding:10px 0 0 0; float:right; list-style:none; clear:both;}
		#menu li{overflow:hidden; text-indent:-9999px; display:inline; float:left; margin-right:3px;}
			#menu li a{background:url('images/menu-sprite.png') no-repeat; width:100%; height:100%; display:block;}
			
			/* Home Button */
			#menu li.home{width:77px; height:39px;}
				#menu li.home a{background-position:-3px -3px;}
				#menu li.home a:hover{background-position:-3px -49px;}
				#menu li.home a.selected{background-position:-3px -94px;}
			
			/* About Button */
			#menu li.about{width:84px; height:39px;}
				#menu li.about a{background-position:-78px -3px;}
				#menu li.about a:hover{background-position:-78px -49px;}
				#menu li.about a.selected{background-position:-78px -94px;}
			
			/* Work Button */
			#menu li.work{width:83px; height:39px;}
				#menu li.work a{background-position:-159px -3px;}
				#menu li.work a:hover{background-position:-159px -49px;}
				#menu li.work a.selected{background-position:-159px -94px;}
				
			/* Contact Button */
			#menu li.contact{width:109px; height:39px;}
				#menu li.contact a{background-position:-243px -3px;}
				#menu li.contact a:hover{background-position:-243px -49px;}
				#menu li.contact a.selected{background-position:-243px -94px;}


.menu {
	position:relative;
	z-index:25;
}
.menu ul {
    list-style: none;
    margin: 0;
	padding:10px 0 10px 15px;
	float:right;
	background-color:#696;
}
.menu ul ul {
    display: none;
}
.menu li {
    display: inline;
	float:left;
	margin-right:15px;
}
.menu a {
	font:normal 18px 85% Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
}


/* =Content
-------------------------------------------------------------- */

.post {
    margin: 0 0 2em 0;      
}
.post img {
	background-color:#f3f3f3;
	border:1px solid #ccc;
	padding:7px;
	/*box-shadow:0px 0px 10px #000;
	-webkit-box-shadow:0px 0px 10px #000;
	-moz-box-shadow:0px 0px 10px #000;*/
}
/*.post img:hover {
	box-shadow:0px 0px 10px #363;
	-webkit-box-shadow:0px 0px 10px #363;
	-moz-box-shadow:0px 0px 10px #363;
}*/
.entry-content, .entry-summary {
	margin: 1.5em 0 0 0;
	width:580px;
	padding:0;
	color:#666;
	font:normal 16px Georgia, "Times New Roman", Times, serif;
	overflow:auto;
}
.entry-title{
	position:relative;
	z-index:25;
	background-color:#696;
	margin:-25px 20px 0 -20px;
	padding:10px 0 10px 20px;
	border-radius:7px 0px 7px 0px;
	-webkit-border-radius:7px 0px 7px 0px;
	-moz-border-radius:7px 0px 7px 0px;
}
.entry-title, .entry-title a:link, .entry-title a:visited  {
	position:relative;
	z-index:25;
	height:32px;
	font: normal 32px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
	line-height:32px;
	vertical-align:middle;
	text-shadow:1px 1px #000;
}
.img-thumb {
	position:relative;
	z-index:0;
}
.img-thumb img {
	width:564px;
	background-color:#fff;
	border:1px solid #ccc;
	padding:7px;
	box-shadow:0px 0px 10px #000;
	-webkit-box-shadow:0px 0px 10px #000;
	-moz-box-shadow:0px 0px 10px #000;
}
.img-thumb img:hover {
	box-shadow:0px 0px 10px #363;
	-webkit-box-shadow:0px 0px 10px #363;
	-moz-box-shadow:0px 0px 10px #363;
}
.img-featured img {
	box-shadow:0px 0px 10px #000;
	-webkit-box-shadow:0px 0px 10px #000;
	-moz-box-shadow:0px 0px 10px #000;
}
.img-featured img:hover {
	box-shadow:0px 0px 10px #363;
	-webkit-box-shadow:0px 0px 10px #363;
	-moz-box-shadow:0px 0px 10px #363;
}
.entry-meta {
	margin: 3px 0 0 0;
}
.entry-meta, .entry-meta a {
	font-size:10px;
	text-transform:uppercase;
	color:#333;
}
.entry-utility {
	margin:5px 10px 0 10px;
	font-size:10px;
	color:#333;
	background-color:#f0f0f0;
	border:1px solid #ccc;
	padding:5px;
}
.entry-utility a {
	
}
.page-title {
	font:normal 24px Georgia, "Times New Roman", Times, serif;
	color:#666;
	margin:0 0 1em 0;
}
.comments-link {
}
.comments-link a {
}
.comments-link p {
}
#members {
	margin:0 auto;
	width:80%;
	height:55px;
	padding:5px 5px 5px 55px;
	background:url(/wordpress/wp-content/uploads/warning_48.png) #FF9 no-repeat;
	border:1px solid #FF6;
}


/* =Navigation
-------------------------------------------------------------- */

.navigation {
    margin: 0 0 1.5em 0;
    overflow: auto; 
}
.nav-previous {
	position:relative;
	float:left;
}
.nav-next {
	position:relative;
	float:right;
}


/* =Gallery
-------------------------------------------------------------- */

#gallery-1 {
	margin: 0;
	width:580px;
}
#gallery-1 .gallery-item {
	float: left;
	text-align: center;
}
#gallery-1 img {
	width:114px;
	height:76px;
	padding:2px;
	border: 1px solid #666;
}
#gallery-1 .gallery-caption {
	margin-left: 0;
}


/* =Comments
-------------------------------------------------------------- */

h3#comments {
	width:565px;
	font:normal 18px Georgia, "Times New Roman", Times, serif;
	color:#000;
	background:#ebebeb;
	padding:5px 0 5px 10px;
	text-shadow:1px 1px #fff;
	border:1px #ccc solid;
	margin-bottom:.25em;
}
textarea#comment {
	width:580px;
}
ol.commentlist { list-style:none; margin:0 0 0 5px;; padding:0; text-indent:0; width:565px;}
ol.commentlist li { border:1px solid #d5d5d5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:1%; margin:0 0 10px; padding:5px 7px 5px 75px; position:relative; }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin { background-color:#FF9; }
ol.commentlist li.comment { }
ol.commentlist li div.comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font:bold 14px/1.4 helvetica,arial,sans-serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; font-weight:bold; color:#696; }
ol.commentlist li div.vcard cite.fn a.url { text-decoration:none; font-weight:bold; }
ol.commentlist li div.vcard cite.fn a.url:hover {  }
ol.commentlist li div.vcard img.avatar { border:3px solid #ccc; left:7px; position:absolute; top:7px; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {display:none;}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { font:bold 10px/1.4 helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { color:#333; text-decoration:none; }
ol.commentlist li div.comment-meta a:hover { color:#000; }
ol.commentlist li p { font:normal 12px/1.4 helvetica,arial,sans-serif; margin:0 0 1em; }
ol.commentlist li ul { font:normal 12px/1.4 helvetica,arial,sans-serif; list-style:square; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li div.reply { background:#696; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:5px 10px 3px 10px;  text-align:center; width:36px; }
ol.commentlist li div.reply:hover { background:#872520; border:1px solid #666; }
ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li { }
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin { background-color:#FF9; }
ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-5 { margin:0 0 .25em; }
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#f6f6f6; }
ol.commentlist li.parent { }
ol.commentlist li.pingback { }
ol.commentlist li.pingback.parent { }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}


/* =Widget Areas
-------------------------------------------------------------- */

.widget-area ul {
    list-style: none;
    margin-left: 0;
}
.widget-area ul ul {
    list-style: disc;
    margin-left: 1em;
}
.widget-area ul ul li {
    margin-left:15px;
	list-style-type:none;
	font:normal 18px Georgia, "Times New Roman", Times, serif;
	color:#696
}
.widget-area ul ul ul {
    margin-left: 1.5em;
}
.widget-container {
    margin: 0 0 1.5em 0;
}
.widget-title {
	font: normal 20px Arial, Helvetica, sans-serif;
	background-color:#333;
	color:#fff;
	text-shadow:1px 1px #000;
	margin-bottom:10px;
	padding:10px;
	border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
}
.textwidget {
	font:normal 16px Georgia, "Times New Roman", Times, serif;
	color:#666;
	padding:7px;
}
#featured-text .textwidget{
	padding:15px 0;
	margin:0 auto;
	text-align:left;
	width:900px;
	font:normal 24px Georgia, "Times New Roman", Times, serif;
	color:#666;
}
#colophon .widget-container {
	margin:0;
	color:#fff;
}
#colophon .textwidget {
	color:#fff;
	padding:7px;
	font:normal 14px Georgia, "Times New Roman", Times, serif;
}
#colophon .widget-container ul li {
	list-style-type:none;
	margin: 0 1.5em .5em -1.5em;
	padding:0 0 5px 0;
	border-bottom:dashed 1px #fff;
	font:normal 14px Georgia, "Times New Roman", Times, serif;
	color:#fff;
}
#colophon .widget-container ul li a {
	text-decoration:none;
}


/* =Footer
-------------------------------------------------------------- */
#footer {
	background-color:#696;
	color:#fff;
}
#footer a{
	color:#fff;
}