@charset "UTF-8";
/* CSS Document */

/*
	----------------------------
	RESET & DEFAULTS
	____________________________
*/
body,img,p,h1,h2,h3,h4,h5,h6,form,table,td,ul,ol,li,fieldset,dl,dd,dt { margin:0; padding:0; border:0; }
p,h1,h2,h3,h4,h5,h6,ul { margin:15px 0; }
ul { padding-left: 20px; }
input,select { vertical-align: middle; }
input[type=text],textarea { padding: 3px 5px; }
input.short { width: 70px; }
label { display: block; font-weight: bold; }
textarea { width:450px; height: 100px; }

body { font: 12px/18px "Avant Garde", "Century Gothic", Helvetica, Arial, sans-serif; background-color:#fff; color:#6d6e71; }
h1,h2,h3 { text-transform: uppercase; }
h1 { color:#D2192B; font-size:24px; margin-top: 0; line-height: 1.2em; }
h1 span { display: block; color: #6d6e71; font-size: 12px; font-weight: normal; }
h2 { font-size:18px; }
h3 { font-size:16px; }
h4,h5,h6 { font-size:14px; }
a { color: #D2192B; text-decoration: none; }

/*
	----------------------------
	LAYOUT
	____________________________
*/
#wrapper { width: 880px; margin: 0 auto; }
	
#masthead { margin: 15px 0; position: relative; height: 131px; }
	#logo { position: absolute; top: 0; left: 30px; }
	#nav { margin: 0; padding: 0; list-style: none; position: absolute; bottom: 0; right: 20px; }
		#nav li { float: left; padding-left: 2px; }
		#nav li a { display: block; background-color: #959697; color: #fff; padding: 10px 20px 5px; text-transform: uppercase; font-size: 15px; line-height: 1em;  }
		#nav li a:hover { background-color: #D2192B; }
	#share { position: absolute; top:0px; right:70px; }
	#plus-one {position:absolute; top:1px; right:0px;}

#main { margin: 20px 20px 0; }	

	#page-gallery { margin: 0 -20px 20px; padding: 0; list-style: none; }
		#page-gallery li { position: relative; }
		#page-gallery li .page-gallery-overlay { background: url(/madluc_files/layout/page-gallery-overlay-bg.png); color: #fff; padding: 10px 30px; width: 820px; position: absolute; bottom: 0; left: 0; }
		#page-gallery li img { display: block; }
		#page-gallery li a { display: block; }
	
	#columns { margin: 40px 0; }
		#columns-content { width: 540px; float: left; }
			#section-nav { margin: 0; padding: 0; list-style: none; bottom: 0; left: 0; }
			#section-nav li { display: inline; padding-right: 5px; border-right: 1px solid #D2192B; margin-right: 5px; text-transform: uppercase; }
			#section-nav li.last { margin: 0; border: 0; }
			#section-nav li.active a { color: #6d6e71; }
		#sub-nav { margin: 0; padding: 5px 0 0 20px; list-style: none; float: right; width: 260px; border-left: 1px solid #6a6a6a; }
			#sub-nav li { border-bottom: 1px solid #bbb; padding: 0 0 5px; margin: 0 0 10px; text-transform: uppercase; }
			#sub-nav li.last { margin: 0; border: 0; }
				#sub-nav li ul li a, #sub-nav p a { text-transform: none; color: #555; }
				#sub-nav li ul li a:hover, #sub-nav p a:hover { color: #D2192B; }
				#sub-nav li h3 { display: inline; padding-right: 10px; margin: 0; }
				#sub-nav li h3 a { color: #6D6E71; }
				#sub-nav li h3 a:hover { color: #D2192B; }
				#sub-nav li ul, #twitter-feed ul { padding: 0; list-style: none; }
					#sub-nav li ul li, #twitter-feed ul li { border: 0; padding: 2px 0 2px 20px; margin: 0; background: url(/madluc_files/layout/plus-bullet.png) no-repeat left 5px; }

#footer { margin: 20px 0 0; padding: 20px 0 40px; border-top: 1px solid #6a6a6a; }
	#footer-nav { margin: 0; padding: 0; list-style: none; text-align: center; }
		#footer-nav li { display: inline; padding-right: 5px; border-right: 1px solid #929396; margin-right: 5px; }
		#footer-nav li.last { margin: 0; border: 0; }
			#footer-nav li a { color: #929396; text-transform: uppercase; }
			#footer-nav li a:hover { color: #D2192B; }
			

/*
	----------------------------
	MODULAR
	____________________________
*/
.grid-3 ul { padding: 0; list-style: none; }
	.grid-3 ul li { float: left; width: 260px; height:323px; margin: 0 20px 20px 0; border-bottom: 1px solid #bbb; }
	.grid-3 ul li.last { margin-right: 0; }
		.grid-3 ul li img { display: block; height: 290px; background-color: #eee; margin-bottom: 10px; }
		.grid-3 ul li h3 { margin: 10px 0 5px; }
		.grid-3 ul li a h3{ color: #6d6e71; }
			.grid-3 ul li h3 span { display: block; font-size: 10px; font-weight: normal; }
			.grid-3 ul li h3 a, .grid-3 ul li h3 span.view-work { padding-left: 10px; font-size: 12px; color: #D2192B; display: inline; font-weight: bold; }

.content { padding: 20px 0; border-top: 1px solid #bbb; }
.content h2 { margin-top: 0; }
/*
	----------------------------
	PAGE SPECIFIC
	____________________________
*/
/*  HOME  */
body#home #sub-nav #facebook-fanbox { display: none; }

/*  PEOPLE  */
#people-bio { width: 700px; margin: 20px; }
#people ul li { height: 345px; }

/*  WORK  */
#work ul li a { display: none; }
#work ul li a.piece1 { display: block; }
#work ul li h3 { font-size: 12px; }
	#work ul li h3 a { display: inline; }
/*  CLIENTS  */
#clients ul { padding: 0; list-style: none; }
	#clients ul li { float:left; border: 1px solid #bbb; border-width: 0 1px 1px 0; height: 70px; }
	#clients ul li.first { padding: 0 20px 0 0; width: 245px; }
	#clients ul li.second { padding: 0 20px; width: 233px; border-right: 0; }
	#clients ul li.row { border-right: 0; float: none; padding: 0; height: 0; clear: both; border-bottom: 1px solid #bbb; }
	
/*  BLOG  */
.tweet ul li { text-transform: none !important; padding-bottom: 20px; clear: both; }
	.tweet .tweet_avatar { float: left; margin: 0 10px 2px 0; }
	.tweet .tweet_time { display: block; color: #ccc; }
ul#social_bookmarks { list-style: none; padding-left: 0; }
ul#social_bookmarks li { display: inline; padding: 5px; }
h6 img.alignLeft { margin: 0 20px 5px 0; }

/* Disciplines - Services List */
#services .col { float: left; width: 260px; margin: 0 20px 20px 0; }
#services .last { float: left; width: 260px; margin: 0 0 20px 0; }
	#services ul { margin: 0 0 20px; padding: 0; list-style: none; }
		#services ul li { padding: 2px 0 2px 20px; margin: 0; background: url(/madluc_files/layout/plus-bullet.png) no-repeat left 5px; }
			#services ul li ul { margin: 0; }
	#services h2 { margin: 20px 0 5px; }
	
/*
	----------------------------
	MOBILE DEVICES
	____________________________

@media screen and (max-device-width: 480px) {
	
    #share, #facebook-fanbox, #page-gallery, #twitter-feed, #sub-nav, #nav { display: none; }
	
	
	textarea { width: 250px; }
    #wrapper { width: 100%; margin: 0; }
    	#masthead { height: auto; margin: 0; }
    		#logo { background: #ed1b24 url(/madluc_files/layout/m-logo-bg.jpg) repeat-x left bottom; display: block; width: 100%; height: auto; padding: 15px 20px; margin: 0; position: relative; left: auto; }
    			#logo span img { display: none; }
				#logo span { background: url(/madluc_files/layout/m-logo-small.png) no-repeat; display: block; width: 30px; height: 40px; }
				#home #logo span { background: url(/madluc_files/layout/m-logo.png) no-repeat; display: block; width: 154px; height: 106px; }
    		#home #nav { display:block; margin: 0; padding: 0; list-style: none; position: relative; bottom: auto; right: auto; }
				#home #nav li { margin: 0; float: none; padding: 0 20px; border-bottom: 1px solid #959697; }
				#home #nav li a { display: block; color: #959697; background: #fff url(/madluc_files/layout/m-nav-arrow-right.png) no-repeat right center; padding: 15px 0; text-transform: uppercase; font-size: 18px; line-height: 1em;  }
				#home #nav li a:active, #home #nav li a:hover { background-color: transparent; color: #D2192B; }
				
				
		#main { margin: 20px 0 0; }
			#columns { margin: 0 10px; }
				#columns-content { margin: 10px 0; width: auto; float: none; }
					#section-nav { margin: 0; padding: 0; list-style: none; bottom: auto; left: auto; }
					#section-nav li { display: block; padding: 5px 10px; border: 1px solid #959697; border-width: 0 0 1px; margin: 0; text-transform: uppercase; }
					#section-nav li.active a { color: #6d6e71; }
					
				.grid-3 ul { padding: 0; list-style: none; }
					.grid-3 ul li { float: none; width: auto; margin: 0; border: 0; }
						.grid-3 ul li img { display: block; height: 290px; background-color: #eee; margin-bottom: 10px; }
						.grid-3 ul li h3 { display: none; }
						
				.content { padding: 20px 10px; }
						
	#footer { margin: 10px 0 0; padding: 0 0 20px; border-top: 1px solid #6a6a6a; }
	#footer-nav { margin: 0; padding: 0; list-style: none; text-align: left; }
		#footer-nav li { display: block; padding: 5px 10px; border: 1px solid #ccc; border-width: 0 0 1px; margin: 0; }
			#footer-nav li a { display:block; color: #929396; text-transform: uppercase; }
			#footer-nav li a:hover, #footer-nav li a:active { color: #D2192B; }
}
*/

/*
	----------------------------
	UTILITY CLASSES
	____________________________
*/
div.clear { overflow:hidden; height:1px; clear:both; }
img.alignRight { float:right; margin:0 0 15px 15px; }
img.alignLeft { float:left; margin:0 15px 15px 0; }
.error { color: red; }
a.rss { background: url(/madluc_files/layout/rss-12.png) no-repeat; padding-left: 18px; }