/* 

Theme Name: Zack 990

Theme URI: http://andreamignolo.com/zack-990/

Description: Zack 990 is a photoblog theme inspired by The Boston Globe's 'The Big Picture' site.  In addition to large photos, Zack 990 includes a four column widget-ready footer.

Author: A. Mignolo and Joshua Weinberg

Author URI: http://andreamignolo.com

Version: 1.1

Tags: one-column, white, blue, fixed-width, threaded-comments, photoblogging



License: GNU General Public License (GPL) version 3











*/



/* Global

------------------------------------------------------------------*/



html, body, form, fieldset, h1, h2, h3, h4, h5, h6, pre, blockquote, ul, ol, dl, address, .hlogo, .htitle, .widgettitle, .more-link  {

	margin:0;

	padding:0;

	}



a, a:link, a:visited {

	outline: none;

	}





/* Layout 

------------------------------------------------------------------*/



#header	{

	width: 100%;

	margin: 0 0 4em 0;

	font-size: 100%;

	padding: 1em 0 0 0;

	height: 465px;

	}



h1 {

	clear: both;

	width: 60%;

	}



	

#blog_title {

	width: 970px;

	padding: 15px;

	margin: 0 auto;

}

	



#searchform {

	text-align: left;

	padding: .5em 0 1em .9em;

	background: #FFF;

	}

	

#intro {

	border-top: 5px solid #DDD;

	border-bottom: 5px solid #DDD;

}



#wrapper {

	width: 1000px;

	margin: 0 auto;

	clear: both;

	}



#home_content, #single, #page {

	margin: .5em auto 0 auto;

	}



#featured .main_meta {

	margin-top: 2em;

	} 



#home_content {

	margin: 2em auto 4em auto;

	}

	

#content {

	width: 55em;

	float: left;

	margin: 2em 0 3em 1.5em;

	padding: 0 2em 0 0;

	}



.post {

	width: 994px;

	float: left;

	margin: 0 1em 1em 0em;

	padding: 10px;

	min-height: 150px;

	overflow: hidden;

	}

	

#single .post {

	border-top: 0;

	}



#single, #home_content {

	margin-top: 4em;

	}



#single .wp-caption-text, #single .caption {

	margin-bottom: 60px;

}



#single.page h2 {

	margin-bottom: 0;

	font-size: 2em;

	color: #2851A2;

	

}



.post_entry img {

	float: left;

	display: block;

	margin: 0 2em 2em 0;

	}



#content .post {

	margin-left: 0;

	}



.main_meta {

	clear: left;

	width: 100%;

	margin-bottom: 0em;

	padding: 0;

	}

	

.main_meta h2 {

	margin: .5em 0 0 0;

}



.main_meta ul  {

	list-style-type: none;

	margin: 0;

	padding-bottom: 5em;

	}



.main_meta ul li {

	list-style-type: none;

	padding-right: 1em;

	margin: 0 .5em 0 0;

	float: left;

	color: #CCC;

	}

	

.post_entry {

	width: 1000px;

	margin: 0 2em 0 0;

	}

	

.archive_nav {

	margin: 0;

	padding: .5em 1em 3.7em 1em;

	clear: both;

	}



.right {

	float: right;

	padding-bottom: .5em;

	text-align: right;

	}



.left {

font-size:300%;

	float: left;

	margin-bottom: .5em;

	}



#secondary_nav {

	clear: both;

	padding: 2em 0 3em 0;

margin: 0 auto 0 auto;

	width: 994px;

	overflow: hidden;

	}

	

#secondary_nav ul#widgetlist {

	list-style-type: none;

	line-height: 1em;

	width: 1000px;

	margin: 0 auto;

	/* border-top: 15px solid #DDD; */

	}

	





#secondary_nav li {

	line-height: 1em;

}



#col1, #col2, #col3, #col4 {

	display: block;

	width: 225px;

	float: left;

}



#col2, #col3, #col4 {

	margin-left: 30px;

}



.footerlist h2, .taglist h2 {

	font-size: 14px;

}







.footerlist {

	clear: both;

}



.footerlist ul {

	margin: 0;

	padding: 0;

	background: #EEE;

}



.footerlist li a {

	display: block;

	border-bottom: 1px dotted #CCC;

	padding: .5em 0 .5em .5em;

}



.footerlist ul li a:hover {

	background: #DDD;

}



.footerlist ul {

	list-style-type: none;

}



.menu {

	margin: 2em 0 0 0;

	}



#footer {

	height: 4em;

	clear: both;

	width: 1000px;

	margin: 0 auto 1em auto;

	}

	

#footer img {

	margin-left: .7em;

	}



.copyright {

	width: 1000px;

	font-size: .95em;

	margin: 0 auto;

	text-align: right;

	padding-top: 1em;

	}



.copyright p {

	padding-right: 1em;

}



.clear {

	clear: both;

	}







 a.more-link {

	text-align: center;

	display: block;

	padding-top: 5em;

	width: 990px;

	color: #333 !important;

	background: #CCC;

	padding: 10px 0;

	float: left;

	width: 994px;

	}

	

.more-link:hover {

	background: #AAA;

}



img.thumbnail {

	float: left;

	padding: 0 1em 0 0;

	margin: 0 1em 0 0;

	}

	

.archives {

	float: left;

	display: inline;

	margin: 2em 3em 0 0;

	}



.title {

	margin: 0 0 1em 1em;

	font-weight: bold;

	}



.fourohfour {

	width: 65em;

	}



.notfound {

	margin-left: 4em;

	}



.post ol {

	padding-left: 3em;

	line-height: 1.5em;

	list-style-type: decimal;

}



.post ul {

	padding-left: 3em;

	line-height: 1.5em;

	list-style-type: circle;

}



ul, ol {

	margin: 0 0 1.5em 0;

	}





.taglist {

	clear: both;

	line-height: 1.5em;

}



.gallery {

	padding-bottom: 2em;

}



.post img.nocaption {

	margin-top: 5em;

}







/*  Style and Colors 

------------------------------------------------------------------*/



#header {

	

        background-image: url(http://www.jwileyphotography.com/static/images/black-background.jpg);

        color: #000;

	}

	

#blog_title {  

	

 

}



#home_content {

	

        

background-image: url(http://i83.photobucket.com/albums/j310/cynicalidealist/bg2white-1.png);



}



input {

	border: 1px solid #2F60BF;

	}



#topnav, #footer, #topnav ul {

	/* background-image: url(http://i83.photobucket.com/albums/j310/cynicalidealist/bg2white-1.png); */

	color: #FFFAEF;

	}



body {

	 background-image: url(http://www.jwileyphotography.com/static/images/black-background.jpg);

	}

	

#wrapper {

	

         background: url(http://i83.photobucket.com/albums/j310/cynicalidealist/bg2white-1.png);

}



#topnav li {

	border-right: 1px solid #333;

}



#featured {

	background: #eee;

	border-bottom: 3px solid #101010;

	}

	

#main_feature {

	color: #000;

	}

	

.main_meta {

	 background: #3d7c81;  color of title banner 

	/*color: #000; */

	}

	

#secondary_nav {

        background: url(http://i83.photobucket.com/albums/j310/cynicalidealist/bg2white-1.png);

	/* background: #FFF; */

	}



.commentmetadata {

	color: #2F2B23;

	}



.post_entry {

	color: #2F2B23;

	}



.archive_nav {

	border-top: 1px solid #EFEBE0;

	border-bottom: 1px solid #EFEBE0;

}



#single .archive_nav {

	border: 0;

}



#logo img {

	border-style: none;

	}



h3 {

	color: #2F2B23;

	}



#main_feature img, #home_content img, .post_entry img, #content img, #single img, .wp-caption img, object {

	border: 2px solid #000;

	}

	

object {

	display: block;

}

	

#home_content h2 img {

	background: none;

	}



.copyright {

	color: #DDD;

	}

	

#secondary_nav h2 {

	color: #000;

	border-bottom: 1px solid #CCC;

}





/* =Link Styles and Colors 

------------------------------------------------------------------*/

a	{

	text-decoration: none;

	}



a img {

	border: 1px solid #000;

	}

	

h1 a {

	color: #FFF;

}



.main_meta h2 a:hover {

	color: #3770DF;

}

	

#topnav a {

	padding: 1em 1.5em 1em 1.5em;

	}



#topnav a:hover {

	color: #3770DF;

	}



#page h2 {

	color: #000;

	}



.page_item a, .home a, .archive a {

	color: #FFFAEF;

	}



.current_page_item a, .current a {

	color: #3770DF;

	}

	

#content a, #featured a, #comments a, .commentmetadata a, 

#response a, #home_content a, #secondary_nav a, #content_archives a, #single a, .feeds a, #page a {

	color: #2F60BF;

	}

	

#home_content h2 a {

		color: #FFFFFF; /*change to black and background to jwiley teal*/

	}



#commentmetadata {

	color: #0C71D7;

	}



#content h3 a, #home_content h3 a {

	color: #2F2B23;

	}





#footer a img {

	border: 0;

	}



.copyright a, .skip a {

	color: #2F60BF;

	border-bottom: 1px dotted #2F60BF;

	opacity: 0.8;

	}	

	

.skip a {

	border: 0;

	}



 .skip a:hover {

	color: #211b00;

	background: #2F60BF;

	}

	

a img {

	border: 0;

}



#wrapper .main_meta ul li a {

	color: #999;

}



#wrapper .main_meta ul li a:hover {

	color: #3770DF;

}



/* Typography

------------------------------------------------------------------*/

#mainnav, .htitle, #main_feature h2, h1, .section_heading, #sidebar h2, h3, h4, h5, .post_date, .more-link, h2, 

.main_meta, .commentmetadata, .dropcaps, .authorcommentmetadata, .right, .left, cite.fn {

	font-family: Helvetica, Arial, sans-serif;

	}



#mainnav, .htitle {

	font-weight: bold;

    text-transform: uppercase;

    }



.htitle {

	padding: .5em 0 0 0;

	margin-left: 105px;

	}



.description {

	font-size: .95em;

	color: #AFA183;

}



p.description {

	margin-top: 0;

}



#topnav {

	font-size: 1em;

	font-family: Helvetica, sans-serif;

	text-transform: uppercase;

	} 

	

#intro {

	color: #CCC;

	font-size: 1.3em;

	padding: .2em 1em;

}



#intro p {

	margin: .3em 0;

	line-height: 1.3em;

}



#main_feature p {

	font-size: 1em;

	}







.main_meta {

	color: #333;

	}	



.small {

	font-size: .9em;

	}



body { 

	font-size: 12px;

	font-family: verdana, sans-serif;

	}



p	{

	font-size: 1em;

	line-height: 1.5em;

	}



h1 {

	font-size: 1.75em;

	font-weight: bold;

	}



h2, h2 a {

	font-size: 24px;

	line-height: 1.2em;

	margin: 0 0 1.2em 0;

	}

	

#page h2 {

	font-size: 2em;

	margin: 1em 1em 1em 0;

}



#single .main_meta h2 {

	font-size: 24px;

	color: #000000;

}



#secondary_nav h2 {

	clear: left;

	margin: 0;

	padding: 3em 0 0 0;

	}

	

h3 {

	font-size: 1.3em;

	line-height: 1em;

	margin: 2em 0;

	}

	

.post h3 {

	margin: 1em 0;

}



h4 {

	font-size: 1em;

	line-height: .6em;

	margin: 0 0 1.5em 0;

	}



h5 {

	font-size: 1em;

	}



blockquote {

	width: 85%;

	margin: 0 auto;

	border-left: 5px solid #2F60BF;

	padding: 1em .5em .2em 1em;

	margin-bottom: 1em;

	font-style: italic;

	}



.more-link  {

	text-transform: uppercase;

	font-size: .85em;

	font-weight: bold;

	}



.search {

	text-transform: uppercase;

	font-size: .9em;

	}



.single_meta {

	line-height: 1.5em;

	border-left: 3px solid #2F60BF;

	padding: 0 .5em 0 1em;

	margin-top: 2em;

	}

	

strong {

	font-variant: small-caps;

	}



.main_meta strong {

	color: #2F60BF;

	}



.edit {

	margin: -1em 0 .5em .3em;

	}

	

.wp-caption {

	margin-top: 1em;

}



.caption, .wp-caption-text {

	font-size: 1em;

	padding: 10px 5px;

	color: #FFF;

	text-align: left;

	background: #000;

	width: 984px;

	margin-top: -5px !important;

	min-height: 25px;



}



.post p {

	margin: 0;

}



h2.gallerytitle {

	font-size: 1.5em;

	margin: 1em 1em .5em 0;

}



.dropcaps {

	font-size: 5em;

	float: left;

	display: inline;

	margin: .35em .2em 0 0;

}







/* threadedComments 

------------------------------------------------------------------*/

h3#comments {

	margin-left: 0;

	margin-bottom: 2em;

}



ul.commentlist {

	list-style-type: none;

}



ul.commentlist .commentmetadata {

	border: 0;

	margin-top: 0;

	padding-bottom: 1em;

	padding-top: 0;

	

}



ul.commentlist .commentmetadata a {

	color: #000;

}



ul.commentlist .vcard {

	float: right;

	clear: right;

	width: 12em;

	

	margin: 0 0 0 1em;

	padding:0.5em 1em 0;

}





	

ul.commentlist .comment.bypostauthor {

	border-top: 1px solid #2F60BF;

}



ul.commentlist cite.fn {

	display: block;

	font-style: normal;

}



ul.commentlist li.comment {

	clear: both;

	border-top: 1px solid #000;

}



ul.commentlist .comment p {

	padding: .5em 1em 0 0;

	width: 50em;

}



span.says {

	display: none;

}



#respond {

	clear: both;

	padding-top: 1em;

}



#respond h3 {

	margin: 0 0 .5em 0;

}



ul.commentlist .reply {

	clear: left;

	float: left;

}



ul.commentlist .reply a {

	color: #999;

}



#commentform a, cite.fn a {

	color: #2F60BF;

}



#commentform p {

	margin-bottom: 1em;

}



ul.commentlist ul.children {

	margin-left: 50px;

	list-style-type: none;

}



.cancel-comment-reply a {

	color: #CF0000;

}



/* Comments 

------------------------------------------------------------------*/



#comments ul {

	list-style-type: none;

}



#comments ul.children {

	margin-left: 3em;

}





#comments, #response {

	clear: both;

	margin: 0 auto;

	}



#comments h3, #response h3 {

	font-variant: small-caps;

	}

	

#response {

	padding: 2em 0 0 0;

	}



#comments {

	margin-left: 1.1em;

}

	

#response h3 {

	

}



#comments h3 {

	margin-bottom: 1em;

}



.disclaimer {

	width: 52em;

	}



.comment_container {

	border: 1px solid #000;

	}



 .commentpost {

	border-top:1px dotted #1C1600;

	float: left;

	margin: 1.5em 2em 1em .5em;

	padding: 1em 2em 0 0;

	min-height: 11em;

	width: 60em;

	}



.commentmetadata, .authorcommentmetadata {

	float: right;

	width: 12em;

	margin: 1.5em 0 1em 0;

	clear: both;

	color: #2F2B23;

	padding: .5em 1em 0 1em;

	line-height: 1.5em;

	}

	

.commentmetadata li, .authorcommentmetadata li {

	list-style-type: none;

	padding: .3em;

	border-bottom: 1px solid #999;

	margin: 0 .5em 0 0;

	}

	

.commentmetadata {

	border-bottom: 3px solid #666;

	border-top: 3px solid #666;

}



.authorcommentmetadata {

	background: #EEE;

	border-top: 3px solid #2F60BF;

	border-bottom: 3px solid #2F60BF;

}



.warning {

	width: 65em;

	padding: 1em;

	background: #FF8F8F;

	border: 1px solid #DF0D0D;

	}



/* #commentform {

	margin-left: .5em;

} */



/*  Widget Styles

------------------------------------------------------------------*/	



.widget {

	clear: both;

	color: #DFD7D3;

}



.widget ul li {

	display: block;

	float: left;

	text-align: left;

	margin: .5em;

}



.widget ul {

	margin: 0 0 0 6em;

	line-height: 1.5em;

}



#tag_cloud a {

	line-height: 1.5em;

	padding-left: 20px;

}





	

.textwidget {

	padding: .5em 0 0 .55em;

	line-height: 1.2em;

	color: #999;

}



#calendar_wrap td {

	padding: .55em;

	border-bottom: 1px solid #DDD;

	color: #999;

}



#calendar_wrap caption {

	color: #2F60BF;

	padding-top: .5em;

	font-weight: bold;

}



#calendar_wrap td:hover {

	color: #555;

}



#calendar_wrap th {

	display: none;

}





/* =Better image scaling in IE

------------------------------------------------------------------*/



img { -ms-interpolation-mode:bicubic; }





/* =Required + WP Default Styling

------------------------------------------------------------------*/



.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.alignleft {

	float: left;

}



.alignright {

	float: right;

}



.gallery-caption {

	text-align: center;

	font-size: .9em;

	color: #999;

}



.wp-caption-dd {

	font-size: 11px;

	line-height: 17px;

	padding: 0 4px 5px;

	margin: 0;

}