/*
Theme Name: Brian Gunzenhauser
Theme URI: http://wordpress.org/
Description: The theme for briangunzenhauser.com.
Author: Brian "motherfreaking" Gunzenhauser
Version: 1.0
Template: twentyten
Tags: blue, earth-tone, sans, sans-serif
*/

/* @font-face imports 
-------------------------------------------------------------- */

@import url("fonts/newsgothic-medium.css");
@import url("fonts/newsgothic-demibold.css");
@import url("fonts/newsgothic-book.css");
@import url("fonts/newsgothic-bold.css");



/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	clear: both;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img { border: none; }



/* begin screen declarations */

body {
 	/*font-family: 'NewsGothicFSBook',Arial,sans-serif;	
	font-size: 18px; */
	font-family: Arial, sans-serif;
	font-size: 15px;
	background: #c6e2f2;
}

body a,
body a:visited,
body a:hover {
	color: #005e93;
	text-decoration: underline;
}

/* typography */

h1 {
	font-family: 'NewsGothicFSBold',Arial,sans-serif;
	font-size: 42px;
	line-height: 42px;
	text-transform: uppercase;
	color: #a6deb9;
}

h2 {
	font-size: 18px;
	font-weight: bold;
	line-height: 22px;
	letter-spacing: -.02em;
}

h2.entry-title {
	/* font-family: 'NewsGothicFSDemiBold',Arial,sans-serif; 
	font-family: Georgia, 'Times New Roman', serif;
	font-weight: normal !important;
	font-size: 28px;
	line-height: 28px;*/
	font-family: 'NewsGothicFSDemiBold',Arial,sans-serif;
	font-size: 27px;
	line-height: 27px;
	margin-bottom: 7px;
	padding-bottom: 7px;
	border-bottom: dashed 1px #aaa;
	text-transform: uppercase;
	color: #222;
}

h3 {
	font-size: 15px;
	line-height: 15px;
	letter-spacing: .05em;
}

h3.widget-title {
	font-family: 'NewsGothicFSDemiBold',Arial,sans-serif;
	display: block;
	/* background: #010d16; */
	background: #555;
	padding: 8px 0 8px 8px;
	color: #fff;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: .09em;
	text-transform: uppercase;
}

.entry-content h3 {
	font-family: 'NewsGothicFSDemiBold',Arial,sans-serif;
	font-weight: normal !important;
	font-size: 20px;
	line-height: 20px;
	margin: 25px 0 3px 0;
	color: #333;
	text-transform: uppercase;
}

p.page-desc {
	margin: 3px 0 0 1px;
	font-size: 15px;
	letter-spacing: .03em;
	color: #565656;
}

.entry-content p,
.entry-summary p {
	margin: 0 0 15px 0;
	line-height: 20px;
	letter-spacing: .001em;
	color: #222;
}

.entry-content ul {
	margin: 0 0 15px 40px;
}

.entry-content ul li {
	font-size: 15px;
	line-height: 21px;
	letter-spacing: .001em;
	list-style: disc;
}

p.welcome {
	font-size: 26px;
	line-height: 36px;
	color: #222;
	font-family: Georgia,'Times New Roman', serif;
}

.att {
	color: #c00;
}

h2.work-title {
	font-family: 'NewsGothicFSDemiBold',Arial,sans-serif;
	font-weight: normal !important;
	font-size: 23px;
	line-height: 23px;
	margin-bottom: 5px;
	color: #333;
	text-transform: uppercase;
}

code {
	font-family: 'Courier New' Courier, monospace;
	font-size: 13px;
}

/* nav */


.nav {
	margin: 10px 0 0 0;
}

.nav ul {
	margin: 0 0 0 65px;
	float: left;
	padding: 0;
}

.nav ul li {
	float: left;
	margin: 0 50px 0 0;
	padding: 0;
	text-align: center;
	list-style: none;
}

.nav ul li a {
	display: block;
	height: 21px;
	line-height: 21px;
	/* padding: 0 15px 0 15px;
	background: #758b98; */
	font-size: 21px;
	text-decoration: none;
	color: #005e93;
	font-family: 'NewsGothicFSMedium',Arial,sans-serif;
	text-transform: uppercase;
}

.nav ul li a.current {
	color: #5ac3ff;
}

/* main */

.main {
	width: 100%;
	background: url(/new/wp-content/themes/brian-gunzenhauser/images/main-top-grad.png) #c6e2f2 top left repeat-x;
}

.main-int {
	margin: 0 auto;
	width: 890px;
	padding: 0;
}

/* mast */

.mast {
	margin: 0;
	padding: 0;
	width: 830px;
	margin: 0 0 25px 0;
	padding: 0 30px 25px 30px;
	background: #010d16;
	/* background: #0F2922; */
	overflow: auto;
}

#logo {
	clear: both;
	margin: 0;
}

/* content */

#container {
	position: relative;
	z-index: 2;
	width: 840px;
	margin: 25px 0 0 0;
	padding: 25px 25px 50px 25px;
	background: #f3f6f7;
	overflow: auto;
}

#content {
	float: left;
	width: 530px;
	margin: 0 50px 0 0;
}

.content-int {
	width: 530px;
	margin: 38px 0 0 0;
}

/* sidebar */

#primary {
	float: right;
	width: 230px;
}

#primary form#searchform {
	float: left;
	margin-bottom: 20px;
}

#primary form#searchform #s {
	float: left;
	width: 145px;
	height: 14px;
	margin: 0 5px 0 0;
	padding: 4px;
	border: solid 1px #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: .04em;
	color: #444;
}

#primary form#searchform label {
	display: none;
}
/*
#primary form#searchform input#searchsubmit {
	float: left;
	width: 70px;
	height: 24px;
	margin: 0;
	padding: 0;
	font-family: 'NewsGothicFSBook',Arial,sans-serif;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: .09em;
	color: #fff;
	text-transform: uppercase;
	background: #1c8100;
	border: none;
}
*/
#primary ul.xoxo li ul {
	margin-left: 10px;
}

#primary ul.xoxo li ul {
	margin: 5px 0 0 15px;
}

#primary ul.xoxo li ul li {
	margin: 0px 0 0 15px;
	font-size: 14px;
	line-height: 21px;
	list-style: disc; 
}

#primary ul.xoxo li#text-3 {
margin: 0 0 20px 0;
}

#primary ul.xoxo li#text-3 p {
	font-size: 14px;
	line-height: 17px;
	margin: 0 0 10px 0;
	color: #555;
}


#primary ul#social {
	margin: 0 0 20px 0;
	padding: 10px 0 0 0;
	list-style: none;
	border-top: solid 1px #ddd;
}

#primary ul#social li {
	margin: 0 0 8px 15px;
	padding: 0 0 0 21px;
	font-size: 14px;
	line-height: 16px;
	list-style: none;
}

#primary ul#social li.feed {
	background: url(/wp-content/themes/brian-gunzenhauser/images/feed.png) left top no-repeat;
}

#primary ul#social li.twitter {
	background: url(/wp-content/themes/brian-gunzenhauser/images/twitter.png) left top no-repeat;
}

#primary ul#social li.linkedin {
	background: url(/wp-content/themes/brian-gunzenhauser/images/linkedin.png) left top no-repeat;
}

/* posts */

.post {
	margin: 0 0 40px 0;
	padding: 0 0 40px 0;
	border-bottom: solid 3px #999;
}

.entry-content {
	width: 530px;
	padding: 0;
	margin: 0;
	/*border-bottom: solid 1px #eaeaea; */
}

.entry-meta {
	display: block;
	padding: 8px 0 0 0;
	margin: 0;
	position: relative;
	top: -8px;
	font-size: 13px;
	line-height: 13px;
	color: #6c6c6c;
	border-top: solid 1px #eaeaea;
}

.entry-img {
	display: block;
	border: solid 3px #ccc;
}

#nav-above,
#nav-below {
	display: none;
}

p.nocomments {
	display: none;
}

/* work */

.work-each {
	width: 510px;
	padding: 10px;
	margin: 0 0 40px 0;
	background: #ddd;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.work-each img {
	/* border: solid 1px #ccc; */
}

.work-each p {
	font-size: 14px;
	line-height: 17px;
	margin: 0;
	color: #333;
}

/* contact */

form#contactForm ol.forms {
	margin: 40px 0 0 0;
}

form#contactForm ol.forms li {
	width: 528px;
	margin: 0 0 15px 0;
}

form#contactForm ol.forms li label {
	font-family: 'NewsGothicFSDemiBold',Arial,sans-serif;
	font-size: 17px;
	color: #333;
	text-transform: uppercase;
	margin: 0;
	text-align: left;
	vertical-align: top;
}

form#contactForm ol.forms li label span.att {
	color: #c00;
}

form#contactForm ol.forms li input#contactName,
form#contactForm ol.forms li input#email {
	display: block;
	width: 200px;
	height: 14px;
	padding: 4px;
	margin: 3px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: .04em;
	color: #444;
	border: solid 1px #ccc;
}

form#contactForm ol.forms li textarea {
	display: block;
	margin: 3px 0 0 0;
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: .04em;
	color: #444;
	width:  398px;
	border: solid 1px #ccc;
}

form#contactForm ol.forms li div.submit {
	text-align: left;
}

form#contactForm ol.forms li input.contact-submit {
	text-align: left;
}

div.error_box {
	margin: 20px 0 0 0;
}

div.error_box p {
	margin: 0 !important;
	padding: 0 0 0 8px;
	background: #c00;
	font-family: 'NewsGothicFSMedium',Arial,sans-serif;
	font-size: 18px;
	line-height: 32px;
	color: #fff;
	text-transform: uppercase;
	}

form#contactForm ol.forms li.screenReader {
	left: -9999px; position: absolute; top: -9999px;
}


form#contactForm ol.forms li span.error {
	display: inline-block;
	font-family: 'NewsGothicFSMedium',Arial,sans-serif;	
	color: #c00;	
	font-size: 15px;
	line-height: 15px;
	text-transform: uppercase;
	margin: 0 0 0 5px;
}

/* footer */

#footer {
	width: 100%;
	position: relative;
	z-index: 1;
}

#colophon {
	width: 100%;
	position: absolute;
	top: 0px;
}

#footer-int {
	margin: 0 auto;
	width: 860px;
	padding: 10px 10px 50px 10px;
}

#footer-int p {
	font-family: 'NewsGothicFSMedium',Arial,sans-serif;		
	font-size: 16px;
	line-height: 16px;
	text-transform: uppercase;
	color: #333;
}