/*
Theme Name: Mankind Studios
Theme URI: http://www.sandboxdev.com/
Description:  Mankind Studios custom theme based on Lucidity.
Version: 1.1
Author: Jennifer Zelazny/SDAC Inc.
Author URI: http://www.sandboxdev.com/
Tags: white, custom header, fixed width, two columns, widgets
/*
JZ CSS file organization
-----------------
[1] General - All general items, browser specific hacks
[2] Header - All things specific to the header
[4] Main Content - All things specific to the main content
[6] Sidebar - Things which are specific to the sidebar.
[7] Footer - Things which are page and section specific.

*/

/*---------[1]General---------*/

body {background:#071d21;font:.8em/1.5em Helvetica, 'Lucida Grande',Arial, sans-serif;color: #333;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,form,ul,ol,p {line-height:normal; margin:0; padding:0;}

a {font-weight:bold;color:#516b80;text-decoration:none;}
a:hover {color:#96ca92;text-decoration:underline;}
a img {border:0;}

:focus {outline:none;border:none;}

code {font: 1.1em 'Courier New', Courier, Fixed;}
acronym, abbr, span.caps{font-size: 0.9em;letter-spacing: .07em;}

blockquote {border-left: 5px solid #ddd;margin: 15px 30px 0 10px;padding-left: 20px;}
blockquote cite {display: block;margin: 5px 0 0;}

p img {max-width:99%;}

.alignright {float:right;margin-left:5px;}
.alignleft, .alignnone {float:left;margin-right:5px;}
.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.clearjz {clear:both;}

img.alignleft, img.alignright, img.alignnone {padding:3px; border:1px solid #ddd;}

.center {text-align: center;}
.hidden {display: none;}

.screen-reader-text {position: absolute;left: -1000em;}

.wp-caption, .gallery-caption {font-size:.75em;font-weight:bold !important;margin-bottom:10px;}
p.wp-caption-text {margin:5px 0 0 0 !important;padding:0 !important;}

#wrapper {background:#fff;width:880px;margin:20px auto;}

#container {background: url('images/bg-container.gif') repeat-y;width:880px;margin:0 0 10px 0;}

/*---------[2]Header---------*/

#header {background:#071d21;height:100px;}
#header h1 a {display:block;text-indent:-9999px;overflow:hidden;width:369px;height:61px;background: url('images/logo.gif') no-repeat;}

/*
#navigation {list-style-type:none; position:relative; right:0; top0;margin:0; padding:0; width:880px; height:25px;border-bottom:2px solid #fff;}
#navigation ul {width:420px;float:right;margin-right:0;padding-right:0;list-style:none;}
#navigation li {position:absolute; margin:0; padding:0;}
#navigation a {position:absolute; top:0; background:url('images/bg-nav.gif') no-repeat; height:25px; text-indent:-9999px; overflow:hidden;}
	
#nav-home a {left:0; width:82px; background-position:0 0;}
#nav-about a {left:82px; width:114px; background-position:-82px 0;}
#nav-contact a {left:196px; width:139px; background-position:-196px 0;}
#nav-links a {left:335px; width:85px; background-position:-335px 0;}
 	
#nav-home a:hover {background-position:0 -25px;}
#nav-about a:hover, .page-id-5 #nav-about a {background-position:-82px -25px;}
#nav-contact a:hover, .page-id-6 #nav-contact a {background-position:-196px -25px;}
#nav-links a:hover, .page-id-7 #nav-links a {background-position:-335px -25px;}

.home #nav-home a {background-position:0 -25px;}
*/


#navigation {list-style-type:none; height:25px;border-bottom:2px solid #fff;text-align:right;}
#navigation li {text-transform:uppercase;display:inline;margin:0 0 0 20px;font-size:1.2em;}
#navigation a {padding-bottom:3px;}
#navigation a:hover, #navigation .current_page_item {border-bottom:3px solid #96ca92;text-decoration:none;}


/*---------[3]Main Content---------*/

#content {float:left;display:inline;width:558px;margin: 0 10px;}

.post-categories {display:inline;margin:0;padding:0;}
.post-categories li {display:inline;list-style-type:none;padding:0;margin:0;}


div.post, div.page {clear:both;margin-bottom:25px;padding:10px;}
.post input#s {border:1px solid #bbb;width:510px;padding:2px;}

.meta {border-bottom:1px dashed #ccc;margin-bottom:10px;padding-bottom:5px;}
.meta h4 {text-transform:uppercase;font-size:.85em;margin:3px 0 3px 0;color:#666;}

.entry {background:#f8f8f8;padding:10px;border:1px solid #ddd;}
.entry p {line-height:1.5em;margin:0 0 15px 0;padding:0;}
.entry ul, .entry ol {margin:5px 0 5px 25px;padding:0;}
.entry ul li {list-style:square; margin-bottom:10px;}
.entry ol li {margin-bottom:10px;}
.entry img {padding:0;max-width: 575px;}

.tags h4 {text-transform:uppercase;font-size:.85em;margin:3px 0 3px 0;color:#666;margin-top:10px;}

.category-catalog h3 {text-transform:uppercase; font-size:1.4em;}

.item {float:left;display:inline; width:165px; margin:15px;}
.item img.itemArt {height:165px;width:165px;padding:2px; background:#fff;border:1px solid #ccc;}
.item h4 {font-size:1em;margin:5px 0 2px 0;}
.item p {font-size:.9em;font-weight:bold;line-height:normal;margin:5px 0 0 0;}

#commentSection h3 {margin-top:25px;}

.commentlist li {list-style: none;margin: 15px 0 10px;padding: 5px 25px 10px 10px;background:#fff;border:1px solid #ccc;}
.commentlist li ul li { margin-right: -5px;margin-left: 10px;}
.commentlist li .avatar { float: left; display:inline;background: #fff;border: 1px solid #bbb;margin-right:10px;padding: 2px;}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1.1em;}
.commentlist p {line-height:1.5em;margin: 10px 5px 10px 0;}

.comment.odd {background:#f8f8f8;}

#commentform {margin: 5px 10px 0 0;}
#commentform p {margin: 5px 0;line-height:21px;}
#commentform input#author, #commentform input#email, #commentform input#url {width: 250px;border:1px solid #bbb;padding: 3px;}
#commentform textarea {width: 98%;border:1px solid #bbb;padding: 2px;}
#commentform #submit {margin: 0 0 15px auto;float: right;}

.alt {margin: 0;padding: 10px;}

.nocomments {text-align: center;margin: 0;padding: 0;}

.commentmetadata {margin: 0;display: block;}

.navigation.top {clear:both;background:#eee;border:1px solid #ddd;margin-bottom:10px;padding:10px;}

.post.misc {padding-bottom:10px;}
.post.misc h2 {border-bottom:1px dashed #ccc;margin-bottom:10px;padding-bottom:5px;}
.post.misc h3 {margin:15px 0 10px 0;text-transform:uppercase;}


.home #slides, .home #slides li {margin:0 !important;padding: 0 !important;list-style:none;}

.home #scroller {height:350px;}

/*---------[4]Sidebar---------*/

#sidebar {float:left;display:inline;width:230px;margin:10px 10px 10px 0;}
#sidebar h2 {font-size:1.1em;letter-spacing:1px; text-transform:uppercase;color:#333;}
#sidebar ul {margin:10px 0 0 0;padding:0;list-style:none;}
#sidebar ul ul {margin-left:5px;padding:0;}
#sidebar ul ul li {background: url('images/bullet-list.png') no-repeat; padding-left:15px;}
#sidebar ul ul ul li {list-style:square;background:none;padding:0;}
#sidebar ul ul ul {margin:5px 0 0 15px;}
#sidebar li {margin-bottom:5px;}
#sidebar li.widget {margin:15px 20px 20px 15px;}
#sidebar a {color:#333;}
#sidebar input#s {border:1px solid #999;width:185px;margin-top:10px;padding:3px;}
#sidebar .textwidget {margin-top:10px;}
#sidebar .textwidget p {margin-bottom:10px;font-size:.85em}
#sidebar li.widget.widget_text {margin-left:1px;}
#sidebar li.widget.widget_text h2 {margin-left:10px;}
#sidebar li.widget.widget_text#text-6 {margin-left:5px}


#snIcons {margin:10px;}
#snIcons h2 {margin-bottom:10px !important;}
.snIcon {width:24px;height:24px;margin-right:3px;}

/*---------[5]Footer---------*/

#footer {width:880px;clear:both;background:#071d21;;height:15px;margin:10px auto;padding:10px;}
#footer p {text-align:center;font-size:.9em;}
#footer p, #footer a {color:#ccdae6;}