/*
Theme Name: DePo Masthead
Theme URI: http://powazek.com
Description: A classy template that draws on classic magazine design design for a simple, bold style.
Version: 0.1
Author: Derek Powazek/Noel Jackson
Author URI: http://powazek.com/
Tags: fixed width, black, red, white, one column, three columns, bottom widgets
*/

/* meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,BLOCKQUOTE,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
SMALL,strike,strong,sub,sup,tt,var,
dl,dt,dd,ol,ul,li,
fieldset,FORM,label,legend,
TABLE,caption,tbody,tfoot,thead,tr,th,td
{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}

/* remember to define focus styles! */

:focus
{
	outline:0;
}

body
{
	line-height:1;
	color:black;
	background:#fff;
}

ol, ul
{
	list-style:none;
}

/* Tables still need 'cellspacing="0"' in the markup */

TABLE
{
	border-collapse: collapse;
	border-spacing: 0;
}

caption,th,td
{
	text-align:left;
        font-weight:normal;
}

BLOCKQUOTE:before,BLOCKQUOTE:after,
q:before,q:after{content:"";}

BLOCKQUOTE,q
{quotes:"" "";}

/* Remove possible quote marks (") from <q>,<BLOCKQUOTE>. */

BLOCKQUOTE:before, BLOCKQUOTE:after,
Q:before, Q:after
{
	content: "";
}

BLOCKQUOTE, Q
{
	quotes: "" "";
}

A IMG
{
	border: none;
}

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

/* Defaults */

BODY
{
	font: 88%/1.28em Georgia, serif;
}

A, A:link, A:visited
{ 
	color: #900;
	text-decoration: none;
}

A:hover, A:active
{
	color: #C00;
}

EM, CITE
{
	font-style: italic;
}

P SPAN
{
        text-transform: uppercase;
}

CODE, PRE, BLOCKQUOTE CODE
{
	color: #000000;
	font-family:"Courier New", Courier, monospace;
	font-style: normal;
}

STRONG
{
	font-weight: bold;
}

IMG.key
{
	display: block;
	margin: 0px auto;
	border: 1px solid #CCCCCC;
	padding: 4px;
}

P CODE, .codeSample LI
{
	background-color: #DDC168;
	padding: 0px 3px;
}

P CODE
{
	border: 1px dotted #CCCCCC;
}

OL.codeSample LI.even
{
	background-color: #BD8B00;
}

.codeSample
{
	border: 1px solid black;
	padding: 4px;
	padding-left: 14px;
}

.wp-caption, TABLE, P, PRE, DL, UL, OL
{
	margin-bottom: 1.1em;
}

H4 + TABLE
{
	margin-top: .9em;
}

#content UL, #content DL
{
	list-style-type: disc;
}

#content OL { list-style-type: decimal;}

#content OL, #content UL { margin-left: 1em; }

#content LI, #content DD, #content DT { margin-left: 1em; }

#content UL UL, #content OL OL
{
	margin-top: .25em;
	margin-bottom: .25em;
}

BLOCKQUOTE
{
	font-style: italic;
	color: #666;
}

BLOCKQUOTE CITE
{
	color: #444;
}

FORM, fieldset, address
{

}

TABLE { wiXdth: 100%; border: 0px solid #999; padding: 1px;}

TH { background: #ddd; }

TH, TD { padding: .5em; border: 2px solid #ccc; }

TR.alternate { float: none; background: #F3F3F3;}

STRONG { font-weight: bold; }

EM { font-style: italic; }

/* Structure */

#page, #content, #sidebar, #footer
{
	width: 1000px;
	margin: 0 auto;
}

#page { margin-top: 50px; }

#container .sleeve, #page #sidebar .sleeve
{
	border: 1px solid #999;
}

#container .sleeve
{
	border-width: 1px 1px 0px 1px;
	margin-bottom: 3em;
}

#page #sidebar .group .sleeve
{
	border: 0;
}


H1.name
{
	text-align: center;
	position: relative;
	height: 33px;
	margin-bottom: -16.5px;
}



#container H1
{
	background-image: url(http://developer.cmzmedia.com/images/logo.gif);
	background-position: top center;
	background-repeat: no-repeat;
	border: 0px solid purple;
	width: 980px;
	margin: 54px auto 24px auto;
	padding-top: 177px;
	text-align: center;
	font-size: 60px;
	line-height: 1em;
}
	

#container H1 A, #container H1 A:link, #container H1 A:visited
{
	color: #900;
}

#container H1 A:hover, #container H1 A:active { color: #C00; }

#menu
{
	padding: 0px 10px;
	margin: 0px auto 26px auto;
	text-align: center;
}

#menu LI
{
	display: inline;
	line-height: 3em;
	color: #ccc;
}

#menu LI A, #menu LI A:link, #menu LI A:visited
{
	color: #900;
	border: 1px solid #ccc;
	border-width: 1px 0;
	text-align: center;
	text-transform: uppercase;
	font: bold 1em/1em Arial, Helvetica, "Helvetica Neue", sans-serif;
	padding: 2px 4px;
}

#menu LI span { padding: 0 5px; }

#menu LI A:hover, #menu LI A:active { background-color: #900; color: #fff;}

.attachment, .post, .page { position: relative; width: 604px; margin: 0 auto;}

.attachment .entry, .post .entry, .page .entry {overflow: hidden;}

#home .post { width: 332px; float: left; }

#content .entry { font-size: 1.09em; line-height: 1.4em;}

#home #content .entry { margin: 0 15px 3em 15px; }

#home #content { font-size: 1em; }

#content .attachment { margin-top: 2em; text-align: center; }

#content .postmetadata { text-transform: uppercase; font: bold .86em/1.166em Arial, Helvetica, "Helvetica Neue", sans-serif; text-align: center; margin: 0;}

#home .postmetadata { margin: 0 15px;}

#content .postmetadata, #content .postmetadata A, #content .postmetadata A:link, #content .postmetadata A:visited {  color: #999; }

#content .postmetadata A:hover { color: #C00; }

#content H2
{
	font-size: 1.8em;
	line-height: 1.3em;
	text-align: center;
	font-weight: bold;
}

H2.page { margin-bottom: 1em; }

#content .entry h2 { text-align: left; }

#content H3
{
	font-size: 1.6em;
	margin-bottom: 1em;
} 

#content H4
{
	color: #990000;
	font-style: italic;
	font-size: 1.4em;
}

#content H5
{
	font-size: 1.3em;
}

#content H6
{
	font-size: 1.2em;
}

#content H2 A:hover, H2 A:hover { color: #C00; }

#home H2 { font-size: 1.28em; line-height: 1.5em; margin: .25em 15px;}

#home H2 a:link, #home H2 a:visited { color: #900; }

#home H2 a:hover { color: #C00; }

#content SMALL
{
	display: block;
	text-align: center;
	color: #999;
	font: italic .86em/1.166em normal Georgia, serif;
	margin-bottom: 2em;
}

#home SMALL
{
	padding: 0 15px;
}

#content SMALL strong, #content SMALL A, #content SMALL A:link, #content SMALL a:visited
{
	color: #333;
	font-weight: normal;
}

#content SMALL A:hover
{
	color: #C00;
}

#content .readmore
{
	margin-top: 15px;
	width: 50%;
	border-top: 1px solid #999;
	position: absolute; 
	left: 0px;
	bottom: 0px;
}

#content .readmore A, #content .readmore A:link, #content .readmore A:visited
{
	text-align: center;
	text-transform: uppercase;
	font: .6875em/2.5em Arial, Helvetica, "Helvetica Neue", sans-serif;
	color: #fff;
	background: #900;
	display: block;
	width: auto;
	position: absolute;
	top: -15px;
	left: 100%;
	padding: 0 5px;
}

#content .readmore A:hover, #content .readmore A:active
{
	background-color: #c00;
	color: #fff;
}

.pagetitle
{
	font-size: 1.7142em;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	color: #666;
	margin-bottom: 2em;
}

.navigation
{
	border: 1px solid #ccc;
	border-width: 1px 0;
	width: 604px;
	margin: 0 auto;
	line-height: 4em;
	clear: both;
	height: auto;
	position: relative;
	padding-top: 17px;
	padding-bottom: 17px;
}
.navigation SPAN
{
	display: block;
}

.navigation .arrow
{
	font-size: 9.28em;
	margin-top: -10px;
	color: #e5e5e5;
	position: absolute;
	display: block;
	float: left;
	z-index: 1000;
}

.navigation .arrow, .navigation A:link .arrow, .navigation A:visited .arrow
{
	color: #e5e5e5;
}

.navigation A:hover .arrow , .navigation A:active .arrow
{
	color:#900;
}

.navigation .next, .navigation .prev
{
	width: 50%;
	min-height: 4em;
}

.navigation .next .arrow
{
	right: 0;
}

.navigation .link
{
	line-height: 1em;
	position: relative;
	display: block;
	float: left;
}

.navigation .link SPAN
{
	margin-left: 6em;
	display: block;
}

.navigation .link .before, .navigation .link .after
{
	clear: both;
	text-transform: uppercase;
	font: bold .86em/1.166em Arial, Helvetica, "Helvetica Neue", sans-serif;
	color: #999;
}

.navigation .link .after
{
	text-align: right;
	margin-right: 6em;
	margin-left: auto;
}

.navigation .link .title
{
	margin-left: 4em;
	margin-top: 4px;
	clear: both;
	font-size: 1.285em;
	font-weight: bold;
	line-height: 1.1em;
	width: 250px;
	overflow: hidden;
}

.navigation .link .date
{
	margin-left: 6em;
	clear: both;
	font-size: .86em;
	line-height: 2em;
	font-style: italic;
	color: #333;
}

.navigation A:hover .link .date
{
	color: #C00;
}

.navigation .next .title
{
	margin-right: 4em;
	text-align: right;
	margin-left: auto;
}

.navigation .next .date
{
	margin-right: 6em;
	text-align: right;
	margin-left: auto;
}

.navigation .next .link
{
	right: 0px;
	position: absolute;
}

.navigation .link .image
{
	margin-right: 0px;
	margin-left: 0px;
}

.clear
{
	clear: both;
	height: 1px;
}

.attachment.navigation IMG
{
	max-height: 75px;
}

#showcomments
{
	text-align: center;
	font: normal .86em/1.166em Arial, Helvetica, "Helvetica Neue", sans-serif;
	margin-top: 3em;
	margin-bottom: 3em;
}

#showcomments A, #showcomments A:link, #showcomments A:visited
{
	padding: 5px 10px;
	background: #900;
	color: #fff;
}

#showcomments A:hover,
#showcomments A:active
{
	background:#c00;
	color: #fff;
}

#showcomments.archive A
{
	border: 5px solid #fff;
	position: relative;
	z-index: 1000;
}

#showcomments.archive
{
	width: 604px;
	margin: 1em auto 4em auto;
	position: relative;
}

#showcomments.archive .divider
{
	height: 1px;
	background: #d1d1d1;
	position: absolute;
	top: 50%;
	width: 604px;
	z-index: 1;
}


#comments
{
	width: 604px;
	margin: 0 auto;
}

#comments .comments_text
{
	background: #e5e5e5;
	padding: 15px;
	color: #666;
}

#comments .commentlist, #comments .commentlist LI
{
	list-style: none;
	margin: 0;
}

#comments .commentmetadata
{
	margin-bottom: 3em;
	text-align: center;
	position: relative;
	margin-left: -25%;
	height: 44px;
	background: url(./images/comment-corner.png) no-repeat 47% 0;
}

#comments .commentmetadata .cite
{
	margin-top: 22px;
	position: absolute;
	left: 50%;
	margin-left: 42px;
	text-align: left;
}

#comments .commentmetadata CITE
{
	font-weight: bold;
}

#comments .commentmetadata CITE, #comments .commentmetadata SMALL
{
	display: block;
	padding-left: 1em;
}

#comments .commentmetadata SMALL
{
	font-size: .86em;
	font-style: italic;
	color: #999;
}

#comments .commentmetadata SMALL STRONG
{
	color: #333;
}

#comments .commentmetadata IMG
{
	top: 17px;
	position: absolute;
	left: 50%;
}

.possibly-related HR
{
	border: 0;
	background: white;
	margin-left: -2em;
	display: block;
	height: .5em;
	position: relative;
	z-index: 1000;
}

.possibly-related P
{
	text-align:center;
	margin-top: 3em;
}

.possibly-related P STRONG
{
	font: normal .86em/1.166em Arial,Helvetica,"Helvetica Neue",sans-serif;
	margin-top:3em;
	margin-bottom:3em;
	padding:5px 10px;
	background:#ccc;
	color:#fff;
}

.possibly-related LI { font-size: .89em; line-height: 1.4em;  }

/* comment FORM */

#comments TEXTAREA
{
	padding: 10px;
	width: 554px;
	height: 100px;
	border: 15px solid #999;
	margin: 0px;
}

#comments FORM
{
	float: left;
	background: #e5e5e5;
	margin-bottom: 1em;
}

#comments FORM P
{
	margin: 0px;
}

#comments FORM .rules
{
	background: url(./images/comment-FORM-corner.png) no-repeat top right;
	width: 197px;
	float: left;
	padding: 15px 15px;
	color: #666;
	font-size: .92em;
	line-height: 1.35em;
}

#comments FORM .FORM
{
	float: left;
	width: 360px;
	padding: 17px 0 0 17px;
}

#comments FORM .FORM input, #comments FORM .FORM SMALL
{
	float: left;
}

#comments FORM .FORM SMALL
{
	text-transform: uppercase;
	margin-left: 1em;
	font: bold .78em/2em Arial, Helvetica, "Helvetica Neue", sans-serif;
}

#comments FORM .FORM span
{
	font: .78em/2em Arial, Helvetica, "Helvetica Neue", sans-serif;
	padding-left: .5em;
	color: #999;
}

#comments FORM .FORM LABEL { clear: both; }

#comments FORM .FORM P
{
	padding-bottom: 1em;
}

#comments FORM .FORM INPUT
{
	height: 1.28em;
}

#comments FORM #submit
{
	height: 2em;
	margin-bottom: 2em;
}


/* Begin Search Box Styles */

FORM#searchform
{
	position: relative;
	width: 173px;
	height: 53px;
}

INPUT#s
{
	background-image: url(http://developer.cmzmedia.com/images/search.jpg);
	background-repeat: no-repeat;
	border: 0px;
	font-family: Georgia;
	width: 111px;
	height: 22px;
	padding: 21px 43px 10px 19px;
}

.bt
{
	background: transparent none repeat scroll 0;
	padding: 0;
	position: absolute;
	right: 17px;
	bottom: 10px;
}

/* End Search Box Styles */


#sidebar
{
	position: relative;
	color: #666;
	font-size: .928em;
	line-height: 1.23em;
}

#sidebar .sleeve
{
	position: relative;
	margin-bottom: 0px;
	background: transparent;
}

#sidebar A:link, #sidebar A:visited
{
	color: #333;
}

#sidebar A:hover, #sidebar A:active
{
	color: #C00;
}

#sidebar H2, #sidebar H3
{
	margin-bottom: 15px;
	text-align: center;
	color: #333;
	text-transform: uppercase;
	font: bold 1em/1em Arial, Helvetica, "Helvetica Neue", sans-serif;
	margin-bottom: 1em;
}

#sidebar CAPTION
{
	text-align: center;
	margin-bottom: .5em;
}

#sidebar H2, #sidebar H2 A, #sidebar H2  A:link, #sidebar H2  A:visited
{
	color: #333;
}

#sidebar H2 A:hover #sidebar H2  A:active
{  }

#sidebar
{
	background:url(./images/sidebar-bg.png) repeat-y;
}

#sidebar .closer
{
	height: 20px;
	background: #fff;
	clear: both;
}

#sidebar UL
{
	border-top: 20px solid white;
}

#sidebar UL LI
{
	width: 302px;
	float: left;
	border-top: 20px solid #fff;
	margin: 15px 15px 15px 15px;
	border: 0;
	position: static;
}

#sidebar UL LI UL
{
	border: 0;
}

#sidebar UL LI UL LI
{
	width: auto;
	margin: 0px auto 1em;
	float: none;
	border: 0;
}

#sidebar UL LI UL LI UL
{
	margin-bottom: .5em;
}

#sidebar UL LI UL LI UL LI
{
	margin-bottom: .5em;
	margin-top: .5em;
}

#sidebar UL LI UL LI UL LI UL LI
{
	margin-left: 1em;
}

#sidebar #depo_archives UL
{
	float: left;
	width: 50%;
	list-style: disc;
}

#sidebar #depo_archives LI
{
	list-style-type: disc;
	list-style-position: inside;
	margin-top: 0;
	margin-bottom: 1em;
}

#footer
{
	margin: 2.5em auto;
	font-size: .928em;
	line-height: 1em;
	text-align: center;
	color: #999;
}

#footer A, #footer A:link, #footer A:visited
{
	color: #333;
}

#footer A:hover, #footer A:active
{
	color: #C00;
} 

/* Alignment */

.alignleft, .alignright, .align-left, .align-right
{

}

.alignright, .align-right, .inset

{
	float: right;
}

.alignleft, .align-left, .alternate
{
	float: left;
}

.aligncenter, .align-center
{
	margin: 0px auto;
	text-align: center;
}

.text-left
{
	text-align: left;
}

.text-right
{
	text-align: right;
}

/* Figures & images */

.image {}

.figure {}

.figure .caption {}

/* Utility */

.group:after
{
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.highlite, BLOCKQUOTE EM,
{
	background-color:#FFFCCE;
}

.none, .hidden
{
	text-indent: -1000em;
	display: block;
	height: 1px;
	line-height: 1px;
}

.wp-caption
{
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 1.1em;
}

.wp-caption IMG
{
	margin: 0 auto .25em auto;
	padding: 0;
	border: 0 none;
}

.wp-caption P.wp-caption-text
{
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

#home .gallery DT
{
	margin: 0;
}



H1.name SPAN
{
	display: block;
	color: #fff;
	text-transform: uppercase;
	background: #666;
	font: 1.28em/33px Arial, Helvetica, "Helvetica Neue", sans-serif;
	text-align: center;
	display: inline;
	padding: 5px 10px;
}

H1.name A, H1.name A:link, H1.name A:visited
{
	color: #fff;
}

H2, H3, H4 {
    position:relative;
}

H2 span, H3 span, H4 span
{
    position:absolute;
    display:block;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background:url('http://developer.cmzmedia.com/images/grunge2-trans.png');
}

#logo, #tr-logo
{
     width: 205px;
     margin: 2.2em;
     padding: 4px;
     border: solid #990000;
     text-align: center;
}

#tr-logo
{
    -moz-transform: translate(10px, 4px) scale(.8, .6) rotate(30deg);
    -moz-transform-origin: 60% 100%;
    -webkit-transform: translate(10px, 4px) scale(.8, .6) rotate(30deg);
    -webkit-transform-origin: 60% 100%;
}