/*
Theme Name: Monochrome Pro
Theme URI: http://www.graphpaperpress.com/
Description: A Wordpress magazine theme.
Version: 2.0.1
Author: Thad Allender for Graph Paper Press
Author URI: http://www.graphpaperpress.com/
License: GPL
*/

body {
background: #03aa99 url(/images/number_logo.jpg);
background-repeat:no-repeat;
margin: 0;
padding: 2em 0;
opacity: .999;
color:#777;
}
.container {
background: #fff;
padding: 1em 2em;
}
.container-bg {
background: #fff;
}
blockquote {
background: url('images/quote.png') .5em top no-repeat;
color: #000;
font-style: normal;
padding: 0 0 0 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: #000;
}
a {
color: #777;
text-decoration: underline;
}
a:active, h2 a:active, h3 a:active {
color: #444130;
text-decoration: none;
}
a:hover, h2 a:hover, h3 a:hover {
color: #444130;
text-decoration: underline;
}
.chrome{color:#ff0000;}
blockquote p {
padding: 0 20px 0 30px;
}
hr {
background: #ccc;
height: 1px;
}
img {
margin: 0;
}
.photo_align_left {
float: left;
padding: .8em;
border:1px solid #ccc;
background:#eee;
margin:0 0 1em 0;
}
.thumbnail {border:5px solid #ccc}
.post .photo_align_left {margin: 0 1.5em 1.5em 0;}
.post img.thumbnail {float:left;margin: 0 1.5em 1.5em 0;}
.logo img {
margin: 0 0 .5em 0;
}
.logo h1 {
text-transform: uppercase;
font-weight: bold;
color: #000;
margin: 12px 0 12px 0;
}
input {
border: 1px solid #CCCCCC;
padding-left: 0;
}
ol {
margin-left: 35px;
}
label {
font-weight: normal;
}
textarea {
height: 200px;
width: 500px;
}
.small {
font-size: .9em;
}
.nomargin {
margin: 0;
}
a.button, button {
font-weight: normal;
}
dl.small dd {
font-size: .9em;
}
.linkcat {
list-style: none;
}
.post_first {
background: #e5e5e5;
padding: 1em;
}
.post_alt {
background: #eee;
padding: 1em;
}
span.meta_align_right {
color: #ccc;
float: right;
font-size: .6em;
}
span.meta_align_right a {
color: #ccc;
}
span.meta_align_right a:hover {
color: #000;
}
.meta {
color: #666;
font-size: .8em;
line-height: 1.875em;
}
.meta a {
color: #666;
}
.meta a:hover {
color: #000;
}
.byline {
color: #666;
font-size: .8em;
line-height: 1.875em;
}
.byline a {
color: #666;
line-height: 1.875em;
text-decoration: none;
}
.byline a:hover {
color: #000;
}
.meta_list, .meta_list a, ul.meta_list {
color: #000;
list-style-image: none;
}
.meta_list li {
border-bottom: 1px dotted #000;
list-style-image: none;
}
h2.widgettitle {color:#000;text-transform:uppercase;border-bottom:1px solid #000;}
.five_posts h3 {
margin-bottom: 0;
padding: .5em 0 .5em 0;
}
.five_posts h3 a {
text-transform: uppercase;
}
.five_posts h4, h6.category_head {
margin: 0 0 1em;
padding: 0;
text-transform: uppercase;
color: #ff0000;
font-size: .9em;
font-weight: normal;
border-bottom: 1px solid #000;
}
.five_posts h4 a, h6.category_head a {
text-transform: uppercase;
color: #ff0000;
}
.five_posts h4 a:hover, h6.category_head a:hover {
color: #fff;
background: #ff0000;
}
h6.category_more a {
color: #000;
background: #eee;
padding: .3em;
font-size: .9em;
text-transform: uppercase;
border: none;
}
h6.category_more a:hover {
background: #333;
color: #fff;
}
#gray_bg {
background:#eee;
padding:2em;
margin:0 -2em 0 -2em;
float:left;
position: relative;
}
#dark_bg {
background:#eee;
padding:2em;
margin:0 -2em -1em;
color: #666;
float:left;
position: relative;
}
#dark_bg ul li {
list-style-image:none;
border-bottom:1px solid #ccc;
}
#dark_bg a {
color:#777;
}
#dark_bg a:hover {
color:#fff;
}
#dark_bg h2.widgettitle {
margin: 0 0 1em;
padding: 0 0 0.6em;
text-transform: uppercase;
color: #666;
border-bottom:1px solid #ccc;
font-weight: normal;
}
.five_posts ul {
margin:1em;
}
.five_posts ul li {
color: #000;
font-size: .9em;
line-height: 1.8em;
border-bottom: 1px #000 solid;
list-style-image:none;
margin: 0 0 0 -1em;
}
.five_posts ul li a {
color: #000;
}
.five_posts ul li a:hover {
color: #ff0000;
}
.post h2 {
border-bottom: 1px solid #ccc;
margin-bottom: 15px;
}
h2.category_page {
background:#000;
margin-bottom: 15px;
color:#fff;
text-transform:uppercase;
text-align:center;
padding:10px;
}
.post h2 a {
color: #000;
text-decoration: none;
}
#maincontent .post h2 {
margin-bottom: 5px;
}
#maincontent .content {
padding: 5px 47px 20px 48px;
}
#maincontent h2.pagetitle {
border: none;
text-transform: uppercase;
}
#feature h3 {
margin-bottom: 0;
padding: 0;
}
#feature p img {
margin: 7px 0 2em 0;
}
.feature_text {
margin-top: 2em;
}
#home_right .entry {
padding: 0 0 2em 0;
}
.news h3 {
text-transform: uppercase;
}
.content {
margin: 0 0 1em 0;
}
ul#featurenav {
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}
#featurenav li {
display: inline;
list-style-type: none;
}
#featurenav a {
padding: 1px 5px;
}
#featurenav a:link, #featurenav a:visited {
background-color: #eee;
border: 1px solid #000;
color: #000;
text-decoration: none;
}
#featurenav a:hover {
background-color: #444;
color: #fff;
text-decoration: none;
}
.author {
background: #eee;
margin-bottom: 1.5em;
padding: 1.5em;
}
.author img {
float: left;
padding: 0 1em 1em 0;
}
.author p {
margin-left: 8em;
}
.author h6 {
border-bottom: 1px #000 dotted;
margin-left: 7em;
}
.navigation, 
.navigation a {
color: #AAA;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
.post {
margin-bottom: 25px;
}
.entry {
padding-bottom: 25px;
}
#header {
height: 50px;
padding: 4px 0 0 0;
width: 950px;
}
#header h1, #header .description {
line-height: 1em;
margin: 0;
padding: 0;
}
h1 a.logo {
text-transform: uppercase;
}
.entry #nav .content {
margin: auto;
padding: 0;
}
.entry #nav {
background: #FFF;
margin-bottom: 15px;
}
.entry #nav li a {
background: #666;
border-right: 1px solid #000;
color: #FFF;
}
.entry #nav li.last a {
border-right: none;
}
.entry #nav li a:hover {
background: #333;
color: #FFF;
}
#footer {
font-size: .9em;
margin: 0;
text-align: center;
}
#footer a {
text-decoration: none;
}
#search {
float: right;
}
#search #s {
background: transparent url('images/icons/search_grey.gif') 0px center no-repeat;
color: #CCCCCC;
font-size: 0.9em;
margin-right: 0px;
margin-top: 10px;
padding: 2px 0 2px 17px;
width: 135px;
}
#search #s:hover {
color: #000;
}
.search-excerpt {
margin: 0;
}
.commentlist li {
padding: 8px 15px;
}
.comments-alt {
background: #EEE;
}
.bottombar {
}
.bottombar h2 {
font-size: 1em;
font-weight: bold;
line-height: 1em;
margin: 1em 0 1em;
}
ul {
list-style-type: none;
margin-left: 1em;
padding: 0;
}
ul li {
background-repeat: no-repeat;
line-height: 2em;
list-style-image: url('images/icons/li.png');
margin: 0;
padding: 0;
}
#top {
margin: 0 auto;
width: 950px;
}
#title {
float: left;
}
#title h1 {
margin: 0;
}
#title h1 a {
color: #fff;
font-weight: bold;
letter-spacing: -.1em;
line-height: 1.3em;
text-transform: uppercase;
}
#title h1 a:hover {
color: #eee;
}
#contents {
background: #fff;
border: 1px solid #ccc;
border-top: none;
clear: both;
margin: 0px;
padding: 15px;
}
/* SECOND TIER PAGE NAVIGATION */
/* Root = Horizontal, Secondary = Vertical */
#navmenu-h {
background: #03AA99;
z-index:13;
}
#navmenu-h-r {
background: #eee;
z-index:14;
}
#navmenu-h li.alignright {
float: right;
}
ul#navmenu-h {
margin: 0 0 1em 0;
border: 0 none;
padding: 0;
width: 950px;
	/*For KHTML*/
	list-style: none;
height: 34px;
border-top: 0px #03AA99 solid;
z-index:5;
}
#navmenu-h-r {
margin: 0 0 1em 0;
border: 0 none;
padding: 0;
width: 950px;
	/*For KHTML*/
	list-style: none;
height: 24px;
}
ul#navmenu-h li {
margin: 0;
border: 0 none;
padding: 0;
float: left;
	/*For Gecko*/
	display: inline;
list-style: none;
position: relative;
height: 34px;
border-right: 1px #fff solid;
z-index:6;
}
#navmenu-h-r li {
margin: 0;
border: 0 none;
padding: 0;
float: right;
	/*For Gecko*/
	display: inline;
list-style: none;
position: relative;
height: 24px;
}
ul#navmenu-h ul {
margin: 0;
border: 0 none;
padding: 0;
width: 160px;
list-style: none;
display: none;
position: absolute;
top: 34px;
left: 0;
z-index:100;
}
ul#navmenu-h-r ul {
margin: 0;
border: 0 none;
padding: 0;
width: 160px;
list-style: none;
display: none;
position: absolute;
top: 24px;
left: 0;
z-index:111;
}
ul#navmenu-h ul:after,ul#navmenu-h-r ul:after /*From IE 7 lack of compliance*/ {
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
}
ul#navmenu-h ul li, ul#navmenu-h-r ul li {
width: 160px;
float: left;
	/*For IE 7 lack of compliance*/
	display: block !important;
	/*For IE*/
}

/* Root Menu */
ul#navmenu-h a {
padding: 5px 20px 5px 20px;
float: none !important;
	/*For Opera*/
	/*For IE*/
	display: block;
background: #03AA99;
color: #fff;
font: 12px/24px Helvetica;
text-decoration: none;
text-transform: uppercase;
height: auto !important;
	/*For IE*/
}
ul#navmenu-h-r a {
padding: 2px 20px 0 20px;
float: none !important;
	/*For Opera*/
	/*For IE*/
	display: block;
background: #eee;
color: #03AA99;
font: 11px/22px Helvetica;
text-decoration: none;
height: auto !important;
	/*For IE*/
}
/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h-r a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h-r li:hover a,
ul#navmenu-h li.iehover a,
ul#navmenu-h-r li.iehover a {
background: #333;
color: #FFF;
}
/* 2nd Menu */
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a,
ul#navmenu-h-r li:hover li a,
ul#navmenu-h-r li.iehover li a {
float: none;
background: #000;
color: #ccc;
}
/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a,
ul#navmenu-h-r li:hover li a:hover,
ul#navmenu-h-r li:hover li:hover a,
ul#navmenu-h-r li.iehover li a:hover,
ul#navmenu-h-r li.iehover li.iehover a {
background: #333;
color: #FFF;
}
/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li a,
ul#navmenu-h-r li:hover li:hover li a,
ul#navmenu-h-r li.iehover li.iehover li a {
background: #000;
color: #ccc;
}
/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover,
ul#navmenu-h li:hover li:hover li:hover a,
ul#navmenu-h li.iehover li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover a,
ul#navmenu-h-r li:hover li:hover li a:hover,
ul#navmenu-h-r li:hover li:hover li:hover a,
ul#navmenu-h-r li.iehover li.iehover li a:hover,
ul#navmenu-h-r li.iehover li.iehover li.iehover a {
background: #CCC;
color: #FFF;
}
/* 4th Menu */
ul#navmenu-h li:hover li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li.iehover li a,
ul#navmenu-h-r li:hover li:hover li:hover li a,
ul#navmenu-h-r li.iehover li.iehover li.iehover li a {
background: #EEE;
color: #666;
}
/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover li a:hover,
ul#navmenu-h-r li:hover li:hover li:hover li a:hover,
ul#navmenu-h-r li.iehover li.iehover li.iehover li a:hover {
background: #CCC;
color: #FFF;
}
ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul,
ul#navmenu-h-r ul ul,
ul#navmenu-h-r ul ul ul {
display: none;
position: absolute;
top: 0;
left: 160px;
}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul,
ul#navmenu-h-r li:hover ul ul,
ul#navmenu-h-r li:hover ul ul ul,
ul#navmenu-h-r li.iehover ul ul,
ul#navmenu-h-r li.iehover ul ul ul {
display: none;
}
ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul,
ul#navmenu-h-r li:hover ul,
ul#navmenu-h-r ul li:hover ul,
ul#navmenu-h-r ul ul li:hover ul,
ul#navmenu-h-r li.iehover ul,
ul#navmenu-h-r ul li.iehover ul,
ul#navmenu-h-r ul ul li.iehover ul {
display: block;
}

* html	ul#navmenu-h ul li a, * html ul#navmenu-h-r ul li a  {width: 100%;}



ul#portfolio {padding:0;list-style:none;margin:.5em 0 2em 0;}
ul#portfolio li {list-style:none;background:#eee;border:0px;padding: 1em;}
ul#portfolio li h4 {margin: 0 0 .5em 0;text-transform:uppercase;}
.slideshow {
background:#eee;
margin:0 0 1em 0;
clear:both;}
