/* ---------------------------------------------------------------------------
	
	Master Styles
	
	Wingard Creative	
	Author: Joey Marchy
	http://wingardcreative.com
	
--------------------------------------------------------------------------- */

/* RESET! */

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;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* --------------------------------------------------------------------------
	=layout
--------------------------------------------------------------------------- */

body {
	background: #d2d0d0 url(../img/bg-2.png) repeat-y top center;
	color: #333;
	font: small/1.5em Helvetica, Arial, Verdana, sans-serif;
	padding: 0;
}
	
#container {
	background-color: #fff;
	margin: 0 auto;
	padding: 25px 0 0 0;
	width: 991px;
}

/* ---------------------------------------------------------------------------
	=links
--------------------------------------------------------------------------- */

a:link {
	color: #999;
	text-decoration: none;
}
	
a:visited {
	color: #999;
	text-decoration: none;
}
	
a:hover {
	color: #666;
	text-decoration: none;
}

/* ---------------------------------------------------------------------------
	=typography
--------------------------------------------------------------------------- */

h1 {
	color: #000;
	margin-bottom: 10px;
	font-size: 220%;
}

h2 {
	color: #000;
	margin-bottom: 10px;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 150%;
	font-style: italic;
	font-weight: normal;
}

h3 {
	color: #000;
	margin-bottom: 10px;
	font-size: 150%;
}

h4 {
	background: url(../img/div-dot.png) repeat-x bottom left;
	color: #000;
	margin-bottom: 10px;
	padding-bottom: 5px;
	font-size: 130%;
}

h5 {
	margin-bottom: 20px;
	font-size: 150%;
}

h6 {
	margin-bottom: 20px;
	font-size: 150%;
}

p { 
	font-family: Georgia, Times, serif;
	font-size: 1.1em;	
	line-height: 1.7em;	
	margin-bottom: 30px; 	
}

blockquote {
	border-left: 3px solid #000;
	margin-bottom: 30px;
	padding-left: 10px;
}

/* ---------------------------------------------------------------------------
	=lists
--------------------------------------------------------------------------- */

ul { margin: 0 0 30px 30px; }

li { margin-bottom: 5px; }

/* ---------------------------------------------------------------------------
	=header
--------------------------------------------------------------------------- */

#header {
	margin: 0;
	padding-bottom: 5px;
	width: 955px;
}

#logo {
	background: url(../img/logo.png) no-repeat 0 0;
	float: left;
	height: 30px;
	margin: 0 0 0 110px;
	width: 30px;
}

#logo a {
	display: block;
	width: 100%;
	height: 100%;
}

#masthead {
	background: url(../img/masthead.png) no-repeat 0 20px;
	height: 70px;
	margin: 0 0 45px 260px;
	padding-top: 15px;
	text-indent: -9999px;
}

/* =navigation */
#nav {
	float: right;
	font-size: 110%;
	font-weight: bold;
	margin: 0;
	padding-top: 2px;
	width: 690px;
}

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

#nav #nav-blog, #nav #nav-blog a { 
	background: url(../img/nav-blog.png) no-repeat 0 0; 
	height: 45px;
	display: block;	
	width: 117px;
	text-indent: -9999px;
}

#nav #nav-work, #nav #nav-work a { 
	background: url(../img/nav-work.png) no-repeat 0 0; 
	height: 45px;
	display: block;	
	width: 132px;
	text-indent: -9999px;
}

#nav #nav-team, #nav #nav-team a { 
	background: url(../img/nav-team.png) no-repeat 0 0; 
	height: 45px;
	display: block;	
	width: 125px;
	text-indent: -9999px;
}

#nav #nav-about, #nav #nav-about a { 
	background: url(../img/nav-about.png) no-repeat 0 0; 
	height: 45px;
	display: block;	
	width: 137px;
	text-indent: -9999px;
}

#nav #nav-contact, #nav #nav-contact a { 
	background: url(../img/nav-contact.png) no-repeat 0 0; 
	height: 45px;
	display: block;	
	width: 161px;
	text-indent: -9999px;
}

#nav #nav-blog a:hover, body.blog #nav #nav-blog a,
#nav #nav-work a:hover, body.work #nav #nav-work a,
#nav #nav-team a:hover, body.team #nav #nav-team a,
#nav #nav-about a:hover, body.about #nav #nav-about a,
#nav #nav-contact a:hover, body.contact #nav #nav-contact a {
	background-position: 0 -48px;
}

/* ---------------------------------------------------------------------------
	=nav-sub
--------------------------------------------------------------------------- */
#content-main #nav-sub {
	margin-left: 30px;
	margin-bottom: 40px;
	padding: 0 0 0 17px;
}

#content-main #nav-sub li {
	background-image: none;
	color: #929497;
	border-right: 1px solid #929497;
	display: inline;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: .97em;
	list-style: none;
	margin: 10px 10px 0 0;
	padding: 0 13px 0 0;	
}

#content-main #nav-sub li.last {
	border: none;
}

#content-main #nav-sub li a:hover {
	color: #000;
}

/* ---------------------------------------------------------------------------
	=content
--------------------------------------------------------------------------- */

#content {
	background: url(../img/bg-content.png) repeat-y 0 0;
	margin: 0;
	padding: 0;
}

#content-main {
	border-top: 4px solid #000;
	float: left;
	margin-left: 260px;
	margin-bottom: 35px;
	padding-top: 70px;
	width: 695px;
}

#content-secondary {
	float: right;
	font-size: 90%;
	width: 240px;
}

#content-secondary ul {
	font-size: 140%;
}

/* =content extras */

.content-extras em.date {
	font-size: .6em;
	margin-left: 5px 
}

.content-extras {
	clear: both;
	font-size: 90%;
	margin: 0 60px 20px 260px;
}

.extra-primary {
	border-top: 3px solid #000;
	float: left;
	margin-right: 35px;
	padding-top: 6px;
	width: 200px;
}

.extra-secondary {
	border-top: 3px solid #000;
	float: left;
	padding-top: 6px;
	width: 200px;
}

.extra-tertiary {
	border-top: 3px solid #000;
	float: right;
	padding-top: 6px;	
	width: 200px;
}

/* =content details*/

.content-extras h3 {
	font-size: 1.3em;
	padding-top: 5px;
}

.content-extras h3 a {
	color: #000;
}

.content-extras h3 a:hover {
	color: #333;
	text-decoration: underline;
}

/* ---------------------------------------------------------------------------
	=content-main
--------------------------------------------------------------------------- */
#content-main h1 {
	color: #8f8e8e;
	font-family: Impact, "Lucida Grande", Helvetica, Verdana, sans-serif;
	font-size: 5.4em;
	font-weight: bold;
	line-height: 0.91em;
	letter-spacing: .04em;
	text-transform: uppercase;
}

#content-main h1 a:hover {
	color: #000;
}

#content-main h1 em {
	color: #d9dd24;
	font-style: normal;
}

#content-main ul {
	margin-left: 10px;
}

#content-main ul li {
	background: #fff url(../img/bg-li.png) no-repeat 0 6px;
	list-style: none;
	padding-left: 25px;
}

#content p a {
	color: #666;
}

#content p a:visited {
	color: #999;
}

#content p a:hover {
	color: #d9dd24;
}

/* ---------------------------------------------------------------------------
	=about
--------------------------------------------------------------------------- */
body.about #content-main {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

/* ---------------------------------------------------------------------------
	=team
--------------------------------------------------------------------------- */

body.team #content-main {
	padding-top: 10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

/* ---------------------------------------------------------------------------
	=blog
--------------------------------------------------------------------------- */

body.blog h1 {
	margin-bottom: 15px;
}

body.blog h1 em.date {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: .35em;
	letter-spacing: .04em;
	margin-bottom: 0;
	padding-bottom: 0;
}

h1 em.date {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: .25em;
	letter-spacing: .04em;
}

p.date {
	font-size: 1.11em;
	margin-bottom: 0;
}


.post h2 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 1.2em;
	font-style: normal;
	font-weight: bold;
	padding-top: 15px;
}

.post h3 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 1.1em;
	font-style: normal;
	font-weight: bold;
	padding-top: 15px;
}

#content-main .post-listing h1 {
	border-bottom: 2px solid #000;
	font-size: 3em;
	padding-bottom: 12px;
	padding-top: 0;
	margin-top: 0;
}

.post-listing {
	margin-bottom: 35px;
}

.post-listing .thumb {
	float: left;
	width: 130px;
}

.post-listing .title {
	float: right;
	width: 550px;
}

body.blog p.rss {
	background: #fff url(../img/icon-rss.png) no-repeat 0 16px;
	border-top: 1px solid #000;
	padding: 15px 0 10px 25px;
}


/* ---------------------------------------------------------------------------
	=contact
--------------------------------------------------------------------------- */
body.contact #content-main {
	margin-bottom: 0px;
}

ul.address {
	border-bottom: 1px solid #000;
	padding-bottom: 12px;	
}

ul.address, ul.community {
	margin-left: 0;
	margin-bottom: 10px;	
}

ul.address li {
	list-style: none;
	margin-bottom: 0;
	padding-bottom: 0;

}

ul.community li {
	float: left;
	list-style: none;
	margin-right: 5px;
}

a.twitter {
	background: #fff url(../img/icon-twitter.png) no-repeat 0 0;
	height: 25px;
	width: 25px;
	text-indent: -9999px;
	display: block;
}

a.uj {
	background: #fff url(../img/icon-uj.png) no-repeat 0 0;
	height: 25px;
	width: 25px;
	text-indent: -9999px;
	display: block;
}

a.rss {
	background: #fff url(../img/icon-rss.png) no-repeat 0 3px;
	height: 25px;
	width: 25px;
	text-indent: -9999px;
	display: block;
}

a.facebook {
	background: #fff url(../img/icon-facebook.png) no-repeat 0 3px;
	height: 25px;
	width: 25px;
	text-indent: -9999px;
	display: block;
}

p.follow {
	font-size: 1em;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}

body.contact iframe {
	margin-bottom: 55px;
}

/* ---------------------------------------------------------------------------
	=secondary pages
--------------------------------------------------------------------------- */
body.secondary #content-main {
	padding-bottom: 10px;
}

body.secondary .content-extras {
	border-top: 3px solid #000;
	margin: 0 35px 20px 260px;
	padding-top: 10px;
}

body.secondary h4 {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 1.12em;
	font-weight: normal;
}

body.secondary h4 em {
	font-style: normal;
	font-weight: bold;
}

body.secondary .extra-primary {
	border: none;
	float: left;
	width: 470px;
	margin-right: 0;	
}

body.secondary .extra-secondary {
	border: none;
	float: left;
	margin-right: 0;
	padding-left: 20px;
	width: 190px;
}

/* ---------------------------------------------------------------------------
	=work
--------------------------------------------------------------------------- */

body.work #content-main {
	padding-top: 10px;
}

body.work #content-main {
	color: #8f8e8e;
}

body.work p {
	margin-bottom: 15px;
}

body.work h1 {
	border-bottom: 2px solid #8F8E8E;
	padding-bottom: 10px;
	padding-top: 25px;
	margin-bottom: 15px;	
}

body.work h2 {
	font-size: 1.3em;
	font-style: normal;
	font-weight: bold;
} 	

p.meta {
	color: #000;
	font-size: .93em;
}

#content p.meta a {
	color: #000;
}

#content p.meta a:hover {
	color: #d9dd24;
}

.work {
	margin-bottom: 55px;
}

.work-images {
	margin-bottom: 25px;
}

body.work {
	margin-bottom: 0px;
}

div.similar-work h3 {
	color: #000;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 1em;
	margin-bottom: 10px;	
}

div.similar-work a {
	margin-right: 15px;
}

/* ---------------------------------------------------------------------------
	=foot
--------------------------------------------------------------------------- */

#foot {
	background-color: #000;
	color: #fff;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
	margin: 0;
	padding: 15px 15px 100px 15px;
	text-align: right;
}

#foot p { 
	font-size: 0.9em;
	font-style: normal;
	margin-bottom: 0;
}

#foot span.address {
	background: url(../img/logo-foot.png) no-repeat 0 8px; 
	padding: 15px 40px 15px 35px;
}

#foot span.email {
	background: url(../img/icon-contact.png) no-repeat 0 13px; 
	padding: 15px 40px 15px 25px;
}

#foot span.phone {
	background: url(../img/icon-phone.png) no-repeat 0 15px; 
	padding: 15px 25px 15px 25px;
}

#foot a {
	color: #fff;
}

#foot a:hover {
	color: #fff;
	text-decoration: underline;
}

/* ---------------------------------------------------------------------------
	=clearing
--------------------------------------------------------------------------- */

#header:after,
#content:after,
.content-extras:after,
ul.community:after,
.post-listing:after {
    content: "."; 
    display: block; 
    height: 0;
    clear: both; 
    visibility: hidden;
}