/*
Theme Name: Monograph
Theme URI: http://www.wpzoom.com/themes/monograph/
Description: Theme by <a href="http://www.wpzoom.com">WPZOOM</a>
Version: 1.4
Author: WPZOOM
Author URI: http://www.wpzoom.com
Tags: blue, fixed-width, two-columns
*/

/***********************************************************************************************
 * WARNING! DO NOT EDIT THIS FILE!
To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. You can copy a style from this file and paste it in 
custom.css and it will override the style in this file.
**********************************************************************************************/

* {padding:0; margin:0; border: none; outline:0; }
body {font-family:Arial, Tahoma, Helvetica, sans-serif; font-size: 62.5%; text-align:center; }
h1,h2,h3,h4,h5,h6 {font-family: Georgia, serif; font-weight:normal; margin:0; padding:0; font-size: 12px; }

p {margin: 0 0 15px; }
li,p {line-height: 1.6em; }
li {list-style-type: none; }

#container {width:100%; min-height: 200px; margin: 0 auto; text-align:left; }
#container div.wrapper {width: 960px; margin: 0 auto; text-align: left; padding: 0 15px; }
#container div.cleaner {clear: both; font-size:1px; height: 1px; margin:0; line-height: 1px; }

#header {height: 120px; }
#header #logo {padding: 25px 0 20px 0;}
#header div.wrapper {position: relative;}

#headRSS {position: absolute; top: 96px; right: 190px; }
#headRSS p {float: left; display: inline; margin:0; line-height: 18px; width: 103px; }
#headRSS p img {float: right; display: inline; margin-left: 2px; }

#search {position: absolute; top: 92px; right: 15px; clear: right; font-size:10px;	height:23px;  width: 165px; }
#searchformtop {width:165px;	height:23px; }
#searchformtop label,#searchformtop .submit { display:none; }
#setop {	background:none;	border:0;	height:13px; width:165px; font-size: 10px; font-family: Arial,Tahoma,sans-serif; padding: 5px 0 5px 10px; }

#headCats, #headPages {height: 31px; background-repeat: repeat-x; background-position: top left; }
#headCats div.wrapper {position: relative; }
#headPages {clear: left; }

#headPages ul {float: right;}
#headPages ul li {float: left; display: inline; line-height: 31px; font-size: 10px; text-transform: uppercase; margin-left: 15px; }
#breadcrumb {float: left; display: inline; line-height: 30px; font-size: 11px; }

#main {margin: 30px 0;}

/********************************************************************************************* 

4. Featured Slider	  -------------------------  wpzoom_featured_posts.php

*********************************************************************************************/   
 	
#featPosts {width: 930px; padding: 15px; }

#postsBig {float: left; display: inline; min-height: 300px; width: 450px; margin-right: 28px; }
#postsBig h2, #main h1 {font-size: 24px; 	line-height: 32px; letter-spacing: -1px; }
#postsBig p {font-size: 14px; line-height: 18px; margin:0;}
#postsBig p.postmetadata {font-size: 10px; margin:5px 0 10px; text-transform: uppercase; }
#postsBig div.cover {margin: 0 0 10px;}

#postsSmall {float: left; display: inline; width: 450px; margin-top: 10px; }
#postsSmall li {padding: 8px; float: none; display: block; }
#postsSmall div.cover {float: left; display: inline; margin-right: 10px; margin-bottom: 5px; }
#postsSmall p {margin-bottom: 0; font-size: 11px; line-height: 16px; }
#postsSmall a {text-decoration: none; color: #666; }
#postsSmall a:hover {text-decoration: none; }
#postsSmall h2 {font-size: 14px; font-weight: normal; line-height: 20px; color: #fff; }

/* Required */
.container { overflow:hidden; position:relative; }
.slides { position:absolute; top:0; left:0; }
.slides li.slide { position:absolute; top:0; width:450px; min-height: 300px; display:none; }
/* Optional */
#featPosts { position:relative; clear:both; }

#featuredCats, #content {clear: both; margin: 0; padding-top: 40px; }
#content-archive {background:none;}

#featuredCats div.category {float: left; display: inline; width: 300px; margin: 0 30px 20px 0; }
#featuredCats div.category-last {margin-right: 0;}
#featuredCats div.category div.cover img {padding: 1px; border: solid 4px #ccc; }
#featuredCats .post p {font-size: 13px; line-height: 20px; margin:0; }
#featuredCats .post img {margin-bottom: 12px;}
#featuredCats .post h2 {font-size: 18px; margin-bottom: 6px; line-height: 24px; letter-spacing: 0;}
#featuredCats .post p.postmetadata {font-size: 11px; } 
#featuredCats p.header, #posts p.header {margin:0 0 10px; font-size: 10px; font-weight:bold; text-transform: uppercase; line-height: 20px; letter-spacing:1px; }
#featuredCats p.header img, #posts p.header img {float: left; display: inline; margin: 0 5px 0 0;}
p.postmetadata span.category {text-transform: uppercase;}
#featuredCats div.sep {margin: 5px 0; }

#featuredCats ul.moreStories li {padding: 5px 0; }
#featuredCats ul.moreStories li h2 {font-size: 12px; line-height: 20px; }

#main p.more, #posts p.more {font-size: 11px; margin:10px 0 0;}

#posts, #single {float: left; display: inline; width: 630px; margin-right: 30px; }
#posts p.header {margin-bottom: 20px; }
#posts div.cover {float: left; display: inline; width: 120px; height: 90px; }

#posts .post {padding: 10px 0; }
#posts .post p {line-height: 18px; margin:0; font-size: 12px; line-height: 18px; }
#posts .post img, #single img {margin-bottom: 12px;}
#posts .post h2, #single h2 {font-size: 18px; font-weight:normal; margin-bottom: 6px; line-height: 24px; }
#posts .post p.postmetadata {font-size: 11px; margin-bottom: 5px; }
#posts .post div.content {margin-left: 140px;}
#posts .post p.more {font-size: 11px; margin: 5px 0; }
div.column_count {float: right; display: inline; font-size: 12px; font-weight: bold; width: 32px; height: 32px; margin: 0 0 0.75em 1em; line-height: 28px; text-align: center; }
div.column_count a {padding: 5px 10px; }
div.column_count a:hover {text-decoration: underline;}
div.column_count small {font-size: 1.1em; }

#single {font-size: 14px; line-height: 20px; font-family: Arial, Tahoma, sans-serif; }
#single h1 {font-size: 40px; 	line-height: 56px; letter-spacing: -1px; margin-bottom: 16px;}
#single p {margin-bottom: 14px; }
#single ul, #single ol {margin-left: 20px; }
#single li {list-style-position: inside;} 
#single ul li {list-style-type: square;}
#single ol li {list-style-type: decimal;}
#single p.tabs {font-size: 11px; margin-bottom: 15px; }
#single p.tabs a {padding: 3px 5px; }
#single p.postmetadata {margin-bottom: 0;}

#single h2, #single h3, #single h4, #single h5, #single h6 {font-weight: bold; margin-bottom: 12px; } 
#single h2 {font-size: 30px; line-height: 30px; }
#single h3 {font-size: 26px; line-height: 30px; }
#single h4 {font-size: 24px; line-height: 28px; }
#single h5 {font-size: 20px; line-height: 24px; }
#single h6 {font-size: 18px; line-height: 22px; }
#single p {margin-bottom: 14px; }
#single p img {margin-bottom: 10px;}
#single ul, #single ol {margin: 0 0 14px 14px; }
#single li ul, #single li ol {margin-bottom: 0; }
#single li {list-style-position: inside;} 
#single ul li {list-style-type: square;}
#single ol li {list-style-type: decimal;}
#single .post-comments h2 {font-size: 22px; font-weight: normal; } 

#main div.pagerbox {clear: both; font-size: 11px;}

/* Comments */
#main ol.normalComments {clear: left; padding: 1em 0; margin:0; }
#main ol.normalComments div.comment-body {position: relative; }
#main ol.normalComments div.reply {position: absolute; top: 0; right: 0; }
#main ol.normalComments li {list-style-type: none; margin: 0 0 1em; padding: 15px 15px 5px; font-size: 14px; line-height: 20px; min-height: 90px; }
#main ol.normalComments li ul.children {padding: 10px 0 0; }
#main ol.normalComments li ul.children li {clear: left; margin: 0 10px 10px 10px; }

#main ol.normalComments img.avatar { float: left; margin: 0 15px 15px 0; width: 70px; border: solid 4px #ddd; }
#main ol.normalComments cite {font-size: 12px; line-height: 18px; font-weight: bold; font-style: normal; float: left; display: inline; margin-right: 25px; }
#main ol.normalComments .commentmetadata {line-height: 18px; font-size: 11px; margin-bottom: 10px; }
#main ol.normalComments blockquote {font-size: 12px; line-height: 18px; }
#main ol.normalComments span.says {display: none; }

.afterpost .navigation .alignleft a, .reply a, .afterpost .navigation .alignright a,.cancel-comment-reply a { padding: 2px 5px; margin-bottom: 5px; font-weight: normal; text-transform: uppercase; font-size: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: none; }
.afterpost .navigation .alignleft a:hover, .afterpost .navigation .alignright a:hover, .reply a:hover, .cancel-comment-reply a:hover { text-decoration: none; }
.afterpost .navigation .alignleft a, .afterpost .navigation .alignright a {width:125px; padding:3px 0 0 3px; text-align:center; height:20px;}

#commentform {margin-top: 15px; clear: left; }
#commentform code {font-size: 11px; }
#commentform p {margin: 0 0 5px; font-size: 12px;}
#commentform #formLabels {float: left; display: inline; width: 300px; }
#commentform #formContent {float: left; display: inline; width: 520px; }
#commentform label {font-weight:bold; line-height: 2.0em; font-size: 11px; display: block; text-transform: uppercase; }
#commentform input, div.post-single .content input {width: 250px;	padding: 2px 0 2px 5px;	font-size: 18px; margin-bottom: 5px; font-family: Arial, Tahoma, Helvetica, sans-serif; }
#commentform textarea, div.post-single .content textarea {	width: 450px; height: 100px;	padding: 2px; margin-bottom: 10px;	}
#commentform #submit {font-size: 14px; text-transform: lowercase; padding: 5px 7px; width: auto; }

#side .sideComments .cover {margin: 0 5px 5px 0;}

#respond {margin: 10px 0 10px 20px; }
#respond h3 {font-size: 1.8em; font-weight: normal;}
#single h2.comments, #respond h2.comment {clear: left; float: left; display: inline; line-height: 64px; padding-left: 60px; }

#commentform {margin-top: 15px;}
#commentform code {font-size: 11px; }
#commentform p {margin: 0 0 5px; font-size: 12px;}
#commentform #formLabels {float: left; display: inline; width: 300px; }
#commentform #formContent {float: left; display: inline; width: 300px; }
#main label, #commentform label {font-weight:bold; line-height: 2.0em; font-size: 11px; display: block; text-transform: uppercase; }
#commentform input {background-repeat: repeat-x;   width: 250px;   padding: 2px 0 2px 5px;   font-size: 18px; margin-bottom: 5px; font-family: Arial, Tahoma, Helvetica, sans-serif; }
#commentform textarea {   width: 300px; height: 130px;   padding: 2px; margin-bottom: 10px; font-size: 12px;   font-family: Arial, Tahoma, Helvetica, sans-serif; }
#main #submit, #commentform #submit {background:none; font-size: 14px; text-transform: lowercase; padding: 5px 7px; width: auto; cursor: pointer;}

/* Side formatting */
#main div.share {padding:10px; margin:0; }
#main div.share ul {margin:0; padding: 0; }
#main div.share li {font-size: 11px; margin:0 30px 0 0; padding: 0; float: left; display: inline; list-style-type: none; line-height: 48px; }
#main div.share li.last {margin-right: 0;}
#main div.share li img {margin: 0; display: inline; float: left; }

#main div.postauthor {clear: both; padding: 10px 10px 0; margin: 10px 0 0; }
#main div.postauthor div.avatar {float: left; display: inline; margin: 0 10px 5px 0; height: 100px; }
#main div.postauthor div.avatar img {padding:1px; }
#main div.postauthor p {line-height: 16px; font-size: 11px; }
#main div.postauthor p.more {float: right; display: inline; font-weight: bold; margin:0 0 0 5px; }
#main div.postauthor h6 {margin-bottom: 10px;} 

/* Side block */
#side {width: 300px; float: left; display: inline; margin: 0 0 20px; }
#side p.header {font-size: 12px; text-transform: uppercase; }
#side div.featured-post img {margin-bottom: 12px; }
#side h2 {margin-bottom: 5px;}
#side div.post-side {clear: left; padding: 5px 0 0; }
#side div.post-side div.cover {margin: 0 8px 8px 0;}

/* Ad blocks */
#side div.banner {margin: 0 0 20px; }
#main div.banner {text-align: center; margin: 10px 0;}
#side div.ads img.ad {margin: 0 6px 10px 0; display: inline; }

#side div.cover {float: left; display:inline; margin: 0 0 10px 0; }
#side div.cover img {margin-bottom: 0; }
#side div.info {margin-left: 0; }
#side .featured-post {margin: 0 0 20px 0;}

#side div.widget ul li {font-size: 12px;}

#calendar_wrap {font-size: 11px;}
#calendar_wrap table {width: 100%;}
#calendar_wrap table caption {font-weight: bold; font-size: 12px; line-height: 24px;}
#calendar_wrap th {font-size: 12px; line-height: 22px; height:22px; }
#calendar_wrap td {line-height: 18px; text-align: center; }

/* Footer */
#prefooter {margin: 100px 0 0; height: 1px; }
#footer {text-align: left; padding: 30px 0 20px; }
#footer p {font-size: 1.1em; }
#footer p.header {font-size: 11px; font-weight: bold; text-transform: uppercase; }
#footer #sidebar-narrow div.widget {float: left; display: inline; margin: 0 10px; width: 220px; }
#footer #sidebar-narrow div.widget li {font-size: 11px; line-height: 18px; }
#footer #sidebar-wide {width: 100%;}
#copyright {padding: 15px 0; }
#copyright p {margin:0; font-size: 10px; text-transform: uppercase; }
#copyright p.copy {float: right; margin:0; }

#footer div.aktt_tweets li {margin-bottom: 10px; }
#searchform {}
#searchform label {font-weight: bold; font-size: 11px; display: none; }
#searchform input {float: left; display: inline; height: 18px; padding: 4px; }
#searchform input#s {width: 145px;}
#searchform input#searchsubmit {	border: none; font-size: 11px; font-weight: bold; height: 28px; width: 60px; padding:0; }

/* Social Connections Widget */
ul.socialList {padding: 0; margin:0; }
.socialList li {float: left; display: inline; margin: 0 20px 8px 0; font-size: 11px; line-height: 16px; padding-left: 20px; background: url(images/twitter.png) no-repeat top left; }
.socialList li.delicious {background-image: url(images/delicious.png) ;}
.socialList li.digg {background-image: url(images/digg.png) ;}
.socialList li.facebook {background-image: url(images/facebook.png) ;}
.socialList li.flickr {background-image: url(images/flickr.png) ;}
.socialList li.lastfm {background-image: url(images/lastfm.png) ;}
.socialList li.linkedin {background-image: url(images/linkedin.png) ;}
.socialList li.myspace {background-image: url(images/myspace.png) ;}
.socialList li.reddit {background-image: url(images/reddit.png) ;}
.socialList li.stumble {background-image: url(images/stumble.png) ;}
.socialList li.technorati {background-image: url(images/technorati.png) ;}
.socialList li.twitter {background-image: url(images/twitter.png) ;}
.socialList li.youtube {background-image: url(images/youtube.png) ;}
#side .socialList li {float: left; display: inline; width: 110px; }  

/* Begin Images */
img.centered {	display: block;	margin-left: auto;	margin-right: auto;	}
img.alignright {	padding: 4px;	margin: 0 0 2px 7px;	display: inline;	}
img.alignleft {	padding: 4px;	margin: 0 7px 2px 0;	display: inline;	}
.alignright {	float: right;	}
.alignleft {	float: left	}
/* End Images */

/* Begin Lists
	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */
/* Begin Various Tags & Classes */
acronym, abbr, span.caps {	cursor: help;	}
acronym, abbr {	border-bottom: 1px dashed #999;	}
blockquote {	margin: 15px 30px 0 10px;	padding-left: 20px;	border-left: 5px solid #ddd;	}
blockquote cite {	margin: 5px 0 0;	display: block;	}
.center {	text-align: center;	}
.hidden {	display: none;	}
hr {	display: none;	}
a img {	border: none;	}
.navigation {	display: block;	text-align: center;	margin-top: 10px;	margin-bottom: 10px;	}
/* End Various Tags & Classes*/

/* Captions */
.aligncenter, div.aligncenter {	display: block;	margin-left: auto;	margin-right: auto;}
.wp-caption {	border: 1px solid #ddd;	text-align: center;	background-color: #f3f3f3;	padding-top: 4px;	margin: 10px;}
.wp-caption img {	margin: 0;	padding: 0;	border: 0 none;}
.wp-caption p.wp-caption-text {	font-size: 11px;	line-height: 17px;	padding: 0 4px 5px;	margin: 0;}
/* End captions */
img#wpstats{display:none}

#single .gallery .gallery-item {display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline;	margin:10px; }
#single .gallery { margin: auto; text-align:center; clear:both; }
#single .gallery img { padding: 4px; border: solid 1px #ddd; }
#single .gallery-caption { margin-left: 0; }