/*
Theme Name: PragMedia
Theme URI: http://pragmedia.com/
Description: Custom theme for PragMedia.com.
Version: 1.0
Author: Stephen Mekosh
Author URI: http://mekosh.org/
Tags: 
*/



/* This stylesheet standardizes cross-browser rendering on common elements, neutralizing browsers' built-in stylesheets. */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }




/* golden rectangle is 1:1.618 */


body
{
	background: #3f3e3e url(images/bg-page.gif) repeat;
	color: #ddd;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
}

#wrapper
{
	background: #3f3e3e url(images/header-stripe.gif) left 66px repeat-x;
	margin: 0 auto;
	text-align: left;
	width: 960px;
}

#header
{
	height: 262px;
}

#nav
{
	background: url(images/bg-nav.jpg) no-repeat;
	height: 162px;
}

#content
{
	clear: both;
	margin: 30px;
}

#footer
{
	background: #2c2c2c;
	clear: both;
	padding: 30px;
}





/* headings and text
**************************************************************************************************/

h2
{
	font-family: "mostra-nuova-1","mostra-nuova-2", Helvetica, Verdana, sans-serif;
	font-size: 24px;
	font-weight: normal;
	line-height: 150%;
	margin-bottom: 12px;
}

h3
{
	font-family: "mostra-nuova-1","mostra-nuova-2", Helvetica, Verdana, sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 100%;
	margin-bottom: 3px;
}

p, ul
{
	font-size: 13px;
	line-height: 150%;
	margin-bottom: 6px;
}

i, em { font-style: italic; }
b, strong { font-weight: bold; }
i b, i strong, em b, em strong, b i, b em, strong i, strong em {
	font-style: italic;
	font-weight: bold;
}

#nav ul { margin: 0 0 0 790px; }
#nav ul li {
	float: left;
}

#nav ul li .replaced {
	display: none;
	visibility: hidden;
}

#nav ul li a { 
	xxxbackground: blue;
	display: block; 
	height: 120px;
	margin-right: 4px;
	width: 32px;
}


a { color: #778e45; text-decoration: none; }
a:hover { color: #9a325e; text-decoration: none; }

#footer a { color: #ddd; }

h3 .subtle {
	color: #666;
}





/* secondary layout
**************************************************************************************************/

.break
{
	clear: both;
	height: 30px;
	visibility: hidden;
}

.halves, .thirds
{
	clear: both;
}

.halves div.half
{
	float: left;
	margin-bottom: 30px;
	width: 435px;
}

.halves .left { margin-right: 30px; }
.halves .right { ; }



.thirds div.third
{
	xxxxbackground: gray;
	float: left;
	margin-bottom: 30px;
	width: 280px;
}

.thirds .middle { margin: auto 30px; }

.thirds div.two-thirds
{
	float: left;
	margin: auto auto 30px 30px;
	width: 590px;
}

.thirds .third .half
{
	background: #ccc;
	float: left;
	height: 135px;
	width: 135px;
}

.thirds .third .left { margin-right: 10px; }




/* content and sidebar styles
**************************************************************************************************/

.post {
	margin-bottom: 25px;
}

.post .postmetadata {
	border-top: 1px #666 solid;
	padding-top: 3px;
}

.project-thumb {
	padding-top: 5px;
}