@import url("inc_reset.css");
@import url("inc_fonts.css");
@import url("inc_fancybox.css");
@import url("inc_form.css");
@import url("inc_mailthank.css");
/* @import "elements.less"; */

@Miso: 'MisoRegular', Tahoma, Geneva, Arial, Verdana, Helvetica, sans-serif;
@MisoBold: 'MisoBold', Tahoma, Geneva, Arial, Verdana, Helvetica, sans-serif;
@League: 'LeagueGothicRegular', "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
@Bebas: 'BebasNeueRegular', "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
@HoneyScript: 'HoneyScriptLight', Georgia, Arial, Helvetica, serif;

.rounded-corners (@radius) {border-radius: @radius; -webkit-border-radius: @radius; -moz-border-radius: @radius;}


/*--- COMMON ----------------------------------*/
html { overflow-y: auto; }

body,td,th { font-family: @Miso; font-size: 16px; color: #000; }
/*body { background: #fff url('../img/Grunge 08.jpg') fixed center top; margin: 0 auto; }*/
body { background: #e7e7e7 url('../img/clouds.jpg') repeat center top; top: 0; left: 0; bottom: 0; right: 1px; overflow-y: scroll; overflow-x: hidden; overflow-y: scroll; overflow-x: hidden; }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment  { height: 15px; display: block; background-color: #e7e7e7; }
::-webkit-scrollbar-track-piece  { background-color: #e7e7e7; -webkit-border-radius: 6px; }
::-webkit-scrollbar-thumb:vertical { height: 50px; background-color: #ccc; border: 1px solid #e7e7e7; -webkit-border-radius: 6px; }
::-webkit-scrollbar-thumb:vertical:hover { background-color: #999; }

h1,h2,h3,h4,h5,h6 { margin-bottom: 5px; color: #000; }
h1,h4,h5,h6 { font-family: @Bebas; font-weight: 100; }
h1 { font-size: 26px; line-height: 32px; }
h2,h3 { font-size: 22px; font-family: @League; }
h2.photo,h2.web,h2.print,h2.brand,h2.cdrom { color: #fff; padding: 0.4em; display: inline-block; text-transform: uppercase; }
h2.photo { background-color: #369; }
h2.web { background-color: #690; }
h2.web a { color: #fff; text-decoration: none; }
h2.print { background-color: #639; }
h2.brand { background-color: #C60; }
h2.cdrom { background-color: #C00; }
h4 { font-size: 18px; line-height: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
img { border: 0; }
a:link,a:visited,a:active { color: #000; text-decoration: none; }
a:hover { text-decoration: underline; }
a.top { width: 100px; font-family: @League; font-size: 12x; text-transform: uppercase; text-decoration: none; .rounded-corners(50px); padding: .4em; }
hr { color: #999; background-color: #999; height: 1px; border: solid; }

.wrapper { float: left; clear: left; width: 100%; }
.p10 { padding: 10px; }
.p10lr { padding: 0 10px; }
.p10td { padding: 10px 0; }

/*--- CSSDA Nominee ---------------------------*/
#topright { position: absolute; right: 0; top: 40px; display: block; height: 164px; width: 69px; }

/*--- LAYOUT ----------------------------------*/
article { float: left; clear: left; left: 50%; width: 960px; background: url('../img/wcolor01.png') no-repeat left top; position: absolute; margin: 20px 0 20px -480px; border: 0; padding: 0; }

/*--- LAYOUT: HEADER --------------------------*/
#hd1 { float: left; clear: left; width: 960px; }
#hd1 { 
	hgroup { float: left; width: 360px; height: 120px; }
	hgroup {
		h1 { font-size: 64px; color: #fff; text-shadow: #000 1px 1px 1px; margin-bottom: 10px; }
		h2 { font-size: 30px; color: #fff; text-indent: 1px; text-shadow: #000 1px 1px 1px; }
	}
	nav { float: right; width: 425px; margin: 10px 10px 0 0; }
	nav {
		ul {
			li { float: left; }
			li {
				a { font-size: 18px; font-family: @League; background-color: rgba(0,0,0,0.1); color: #333; text-decoration: none; text-transform: uppercase; .rounded-corners(40px); padding: 0.3em 1em; margin-left: 6px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
				a:hover { background-color: rgba(0,0,0,0.7); color: #fff; text-decoration: none; }
			}	
		}
	}
}


/*--- LAYOUT: SECTIONS-------------------------*/
section { float: left; clear: left; width: 960px; margin-top: 10px; padding-top: 40px; }
#featured,#works,#about,#moreworks { background: url('../img/hrshadow.png') no-repeat center top; }

#featured a.top,#works a.top,#about a.top,#moreworks a.top { 
	background-color: rgba(255,255,255,0.1); color: rgba(0,0,0,0.2); border: 1px solid rgba(0,0,0,0.1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#featured a.top:hover,#works a.top:hover,#about a.top:hover,#moreworks a.top:hover {
	background-color: rgba(255,255,255,0.5); color: rgba(0,0,0,0.5); border: 1px solid rgba(0,0,0,0.5); }
#contact a.top { 
	background-color: rgba(255,204,0,0.1); color: rgba(255,204,0,0.1); border: 1px solid rgba(255,255,255,0.1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#contact a.top:hover { 
	background-color: rgba(255,204,0,0.3); color: rgba(255,204,0,0.6); border: 1px solid rgba(255,255,255,0.5); }

/*---------------------------------------------*/
#featured { margin-bottom: 12px; }
#featured {
	header { float: left; width: 250px; margin-right: 40px; }
	#feat { float: right; width: 640px; margin-right: 30px; }
	#feat {
		h2 { font-size: 28px; line-height: 24px; margin-top: -3px; text-shadow: #333 1px 1px 1px; }
	}
	#slider { position:relative; width:640px; height:480px; background:url(../img/loading.gif) no-repeat 50% 50%; -moz-box-shadow: 0 -1px 7px rgba(0,0,0,0.5); -webkit-box-shadow: 0 -1px 7px rgba(0,0,0,0.5); box-shadow: 0 -1px 7px rgba(0,0,0,0.5); }
	#slider {
		img { position:absolute; top:0px; left:0px; display:none; }
		a { border:0; display:block; }
	}
	#mobileonly { display: none; }
	.details { float: left; clear: left; width: 640px; margin-top: 8px; }
	footer { float: left; margin: 465px 0 0 20px; }
}
/*---------------------------------------------*/
#works,#moreworks {}
	#works header,#moreworks header { float: left; width: 250px; margin-right: 40px; }
	#works .row,#moreworks .row { float: right; width: 660px; margin-right: 10px; margin-bottom: 20px; }
		#works .row h2,#moreworks .row h2 { font-size: 20px; line-height: 18px; margin-top: -3px; text-shadow: #333 1px 1px 1px; }
		#works .row ul,#moreworks .row ul {}
			#works .row ul li,#moreworks .row ul li { float: left; width: 200px; height: 310px; margin-right: 20px; }
				.overlay { position: relative; display: inline-block; }
				.overlay img { display: block; width: 198px; height: 148px; clip: rect(1px,1px,0,0); border: 1px solid #9bacb4; }
				.overlay .description { position: absolute; left: 0px; width: 100%;
				/* Setting a zero opacity so we have a nice fading effect on mouse hover */
				filter: alpha(opacity=0); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
				/* Semi-transparent background for modern browsers, black for older browsers */
				background:#000; background: rgba(0,0,0,0.8);
				/* CSS3 transition, makes the fading effect */ 
				-webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; }
				.description p { padding: 10px; color: #fff; }
				.overlay:hover .description { filter: alpha(opacity=100); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }	/* Setting a 100% opacity on mouse hover */
				.bottom { bottom: 0px; }	/* Aligning to the bottom of the image */
				.top { top: 0px; }			/* Aligning to the top of the image */
	#works .details,#moreworks .details { float: left; clear: left; width: 200px; margin-top: 8px; }
		#works .details cite,#moreworks .details cite { width: auto; width: auto; text-align: center; }
			#works .details cite span,#moreworks .details cite span { background: #9bacb4; color: #fff; font-family: 'MisoBold', Tahoma, Geneva, Arial, Verdana, Helvetica, sans-serif; text-shadow: none; line-height: normal; font-weight: 100; padding: 4px 5px 2px; text-shadow: 0 1px 1px #666; -moz-box-shadow: inset 0 1px 2px #666; -webkit-box-shadow: inset 0 1px 2px #666; box-shadow: inset 0 1px 1px #666; .rounded-corners(3px) }
			#works .details cite img,#moreworks .details cite img { width: 24px; height: 24px; vertical-align: baseline; display: inline; margin-bottom: -6px; border: 0; }
	#works footer { float: left; margin: 1090px 0 0 20px; }
	#moreworks footer { float: left; margin: 1380px 0 0 20px; }
/*---------------------------------------------*/
#about {
	header { float: left; width: 250px; margin-right: 40px; }
	h2 { font-size: 24px; line-height: 21px; text-shadow: #666 1px 1px 1px; }
	#col1 { float: left; width: 300px; margin-right: 40px; }
	#col1 {
		ul li { margin: 6px 0; }
	}
	#col2 { float: left; width: 300px; }
	#col2 {
		ul li { margin: 6px 0 12px 0; }
		.years { font-family: @MisoBold; font-size: 16px; font-weight: 600; color: #000; background-color: rgba(0,0,0,0.1); padding: .2em .3em; display: inline-block; }
		.agency { font-family: @MisoBold; font-size: 16px; color: #000; font-weight: 600; margin-top: 5px; }
		}
	footer { float: left; clear: left; margin: -32px 0 0 20px; }
}
/*---------------------------------------------*/
#contact { background: #033 url('../img/bg-footer-top.jpg') repeat left top; padding-bottom: 40px; border: 1px dashed #069; .rounded-corners(20px); }
#contact {
	header { float: left; width: 250px; margin: 0 25px 0 15px; }
	h2 { font-size: 24px; color: #fc0; line-height: 21px; text-shadow: #000 1px 1px 1px; }
	p { color: #fff; }
	#col3 { float: left; width: 300px; margin-right: 40px; }
	#col4 { float: left; width: 300px; background: transparent url(../img/worldmap.png) no-repeat right top; }
	#col4 {
		#me { float: left; clear: left; width: 300px; margin: 15px 0 30px 0; }
		#me {
			ul {
				li { float: left; color : #fff; padding: 0 20px 0 0; }
			}
		}
		ul li.icons { float: left; padding: 0 10px 0 0; }
		a { color: #fff; text-decoration: none; }
		a:hover { color: #fc0; }
	}
	footer { float: left; clear: left; margin: -12px 0 0 20px; }
}

/*--- LAYOUT: FOOTER --------------------------*/
aside { float: left; clear: both; width: 740px; margin: 40px 100px 20px 120px; }
aside {
	#footquote {}
	img { float: right; margin: 0 0 0 10px; }
}

#f1 { float: left; clear: left; width: 960px; text-align: center; color: #999; margin: 20px 0; }

/*--- EXTRAS ----------------------------------*/
.clearfix:after { content:"."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display:inline-block; }
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%; }

.nivoSlider { position:relative; }
.nivoSlider img { position:absolute; top:0px; left:0px; }
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none; }
/* The slices in the Slider */
.nivo-slice { display:block; position:absolute; z-index:50; height:100%; }
/* Caption styles */
.nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; text-align: right; color:#fff; opacity:0.8; /* Overridden by captionOpacity setting */ width:100%; z-index:89; }
.nivo-caption p { padding:10px; margin:0; }
.nivo-caption a { display:inline !important; }
.nivo-html-caption { display:none; }
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a { position:absolute; top:45%; z-index:99; cursor:pointer; }
.nivo-prevNav { left:0px; }
.nivo-nextNav { right:0px; }
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a { position:relative; z-index:99; cursor:pointer; }
.nivo-controlNav a.active { font-weight:bold; }
/* additions to Nivo defaults */
.nivoSlider img { display: none; position: absolute; width: 640px; height: 480px; z-index: 1; }
.nivo-controlNav { position: absolute; right: 0; bottom: -25px; width: 80px; height: 7px; padding: 10px 0 10px 10px; /* background: url(../img/snav.png) top center no-repeat; */ z-index: 90; }
.nivo-controlNav a { display: block; width: 12px; height: 12px; background: url(../img/bullets.png) 0 0 no-repeat; text-indent: -9999px; border: 0; margin: 0 4px; float: left; }
.nivo-controlNav a.active { background-position: -12px 0; }
.nivo-directionNav a { display: block; width: 50px; height: 50px; text-indent: -9999px; border: 0; -moz-opacity: .70; opacity: .70; z-index: 99; }
a.nivo-nextNav { background: url(../img/next.png) no-repeat; right: 20px; }
a.nivo-prevNav { background: url(../img/prev.png) no-repeat; left: 20px; }
.nivo-directionNav a:hover { -moz-opacity: 1; opacity: 1; }



.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(../img/tipsy.gif); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; font-size: 12px; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { .rounded-corners(3px); }
.tipsy-south { background-position: bottom center; }
.tipsy-west { background-position: left center; }

.awesome, .awesome:visited { background: #222 url(../img/alert-overlay.png) repeat-x; display: inline-block; padding: 5px 10px 6px; float: right; font-family: @League; color: #fff; text-decoration: none; text-transform: uppercase; border: 0; .rounded-corners(8px); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 1px 1px rgba(0,0,0,0.5); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; }
.awesome:hover { background-color: #111; color: #fff; }
.awesome:active { top: 1px; }
.small.awesome, .small.awesome:visited { font-size: 1em; padding: ; }
.awesome, .awesome:visited, .yellow.awesome, .yellow.awesome:visited { background-color: #ffb515; }
.yellow.awesome:hover { background-color: #fc9200; }
		
.tweet, .query { font-family: @HoneyScript; font-size: 32px; color: #000; }
.tweet {
	.tweet_list, .query .tweet_list { -webkit-border-radius: .5em; list-style-type: none; margin: 0; padding: 0; background-color: transparent; }
	.tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic { text-transform: uppercase; }
	.tweet_list li, .query .tweet_list li { overflow-y: hidden; overflow-x: hidden; padding: .5em; }
	.tweet_list li a, .query .tweet_list li a { color: #0C717A; }
	.tweet_list .tweet_even, .query .tweet_list .tweet_even { background-color: #91E5E7; }
	.tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar { padding-right: .5em; float: left; }
	.tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img { vertical-align: middle; }
	span.tweet_time a { float: left; clear: left; background-color: rgba(0,166,255,0.1); font-size: 24px; color: #333; text-decoration: none; .rounded-corners(40px); padding: 0.3em 1em; margin: 0 10px 60px 0; }
}

#mailok { float: left; clear: left; left: 50%; width: 318px; background-color: #fff; text-align: center; position: absolute; padding: 3em; margin: 20px 0 20px -160px; border: 1px dashed #069; .rounded-corners(8px); -webkit-box-shadow: #333 2px 2px 4px; -moz-box-shadow: #333 2px 2px 4px; box-shadow: #333 2px 2px 4px; }


/*--- MEDIA QUERIES -------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-device-width: 480px) {
body { background: #e7e7e7; top: 0; left: 0; bottom: 0; right: 1px; overflow-y: scroll; overflow-x: hidden; overflow-y: scroll; overflow-x: hidden; }
article { float: left; clear: left; left: 0; width: 100%; background: url(none) no-repeat left top; position: absolute; margin: 10px 0; border: 0; padding: 0; }

/*--- LAYOUT: HEADER --------------------------*/
#hd1 { float: left; clear: left; width: 100%; }
	#hd1 hgroup { float: left; width: 100%; height: 70px; margin: auto; }
		#hd1 hgroup h1 { font-size: 3.5em; color: rgba(0,0,0,0.8); text-shadow: rgba(0,0,0,0.0) 1px 1px 1px; margin-bottom: 6px; }
		#hd1 hgroup h2 { font-size: 1.6em; color: rgba(0,0,0,0.4); text-indent: 1px; text-shadow: rgba(0,0,0,0.0) 1px 1px 1px; }
	#hd1 nav { float: left; width: 100%; height: 40px; background-color: rgba(0,0,0,0.1); margin: 0 auto; }
		#hd1 nav ul {}
		#hd1 nav ul li { float: left; width: 20%; text-align: center; }
		#hd1 nav ul li a { font-size: 1.2em; font-family: @League; background-color: rgba(0,0,0,0.0); color: #333; text-decoration: none; text-transform: uppercase; line-height: 40px; .rounded-corners(0px); padding: 0; margin-left: 0; }
		#hd1 nav ul li a:hover { background-color: rgba(0,0,0,0.0); color: #333; text-decoration: none; }

/*--- LAYOUT: SECTIONS-------------------------*/
section { float: left; clear: left; width: 100%; margin-top: 6px; padding-top: 12px; }
#featured,#works,#about,#moreworks { background: url(none) no-repeat center top; }
#featured a.top,#works a.top,#about a.top,#moreworks a.top { display: none; }

/*---------------------------------------------*/
#featured { margin-bottom: 12px; }
#featured {
	header { display:none; }
	#feat { float: right; width: 100%; margin-right: 0; }
		#slider { position:relative; width: 100%; height: auto; background:url(../img/loading.gif) no-repeat 50% 50%; -moz-box-shadow: 0 -1px 7px rgba(0,0,0,0.5); -webkit-box-shadow: 0 -1px 7px rgba(0,0,0,0.5); box-shadow: 0 -1px 7px rgba(0,0,0,0.5); display:none; }
		#slider {
			img { position:absolute; top:0px; left:0px; display:none; }
			a { border:0; display:block; }
		}
	#mobileonly { display: block; }
		#mobileonly img { width: 320px; height: auto; }
		#feat h2 { font-size: 1.6em; line-height: 1em; margin-top: -4px; text-shadow: #333 1px 1px 1px; }
		p { padding: 0 6px; }
	.details { float: left; clear: left; width: 100%; margin-top: 8px; }
		.details cite { padding: 0 6px; }
	footer { display:none; }
}
/*---------------------------------------------*/
#works,#moreworks {}
	#works header,#moreworks header { display:none; }
	#works .row,#moreworks .row { float: right; width: 100%; margin-right: 0; }
		#works .row h2,#moreworks .row h2 { font-size: 1.4em; line-height: 1em; margin-top: -3px; text-shadow: #333 1px 1px 1px; }
		#works .row ul,#moreworks .row ul {}
			#works .row ul li,#moreworks .row ul li { float: left; width: 100%; height: auto; margin-right: 20px; margin-bottom: 1.5em; }
				.overlay { position: relative; display: inline-block; }
				.overlay img { display: block; width: 198px; height: 148px; clip: rect(1px,1px,0,0); border: 1px solid #9bacb4; }
				.overlay .description { position: absolute; left: 0px; width: 100%;
				/* Setting a zero opacity so we have a nice fading effect on mouse hover */
				filter: alpha(opacity=0); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
				/* Semi-transparent background for modern browsers, black for older browsers */
				background:#000; background: rgba(0,0,0,0.8);
				/* CSS3 transition, makes the fading effect */ 
				-webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; display: none; }
				.description p { padding: 10px; color: #fff; }
				.overlay:hover .description { filter: alpha(opacity=100); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }	/* Setting a 100% opacity on mouse hover */
				.bottom { bottom: 0px; }	/* Aligning to the bottom of the image */
				.top { top: 0px; }			/* Aligning to the top of the image */
	#works p,#moreworks p { padding: 0 6px; }
	#works .details,#moreworks .details { float: left; clear: left; width: 100%; margin-top: 8px; padding: 0 6px; }
		#works .details cite,#moreworks .details cite { width: auto; width: auto; text-align: center; }
			#works .details cite span,#moreworks .details cite span { background: #9bacb4; color: #fff; font-family: 'MisoBold', Tahoma, Geneva, Arial, Verdana, Helvetica, sans-serif; text-shadow: none; line-height: normal; font-weight: 100; padding: 4px 5px 2px; text-shadow: 0 1px 1px #666; -moz-box-shadow: inset 0 1px 2px #666; -webkit-box-shadow: inset 0 1px 2px #666; box-shadow: inset 0 1px 1px #666; .rounded-corners(3px); }
			#works .details cite img,#moreworks .details cite img { width: 24px; height: 24px; vertical-align: baseline; display: inline; margin-bottom: -6px; border: 0; }
	#works footer { display:none; }
	#moreworks footer { display:none; }
/*---------------------------------------------*/
#about {
	header { float: left; clear:left; width: 100%; margin-right: 0; margin-top: -30px; }
	h2 { font-size: 1.4em; line-height: 1em; text-shadow: rgba(0,0,0,0.0) 1px 1px 1px; text-indent: 6px; }
	#col1 { float: left; width: 47%; margin-right: 6%; margin-bottom: 18px; }
		#col1 ul li { margin: 6px 0; padding: 0 6px; }
	#col2 { float: left; width: 47%; margin-bottom: 18px;  }
		#col2 ul li { margin: 6px 0 12px 0; padding: 0 6px; }
			.years { font-family: @MisoBold; font-size: 16px; font-weight: 600; color: #000; background-color: rgba(0,0,0,0.1); padding: .2em .3em; display: inline-block; }
			.agency { font-family: @MisoBold; font-size: 16px; color: #000; font-weight: 600; margin-top: 5px; }
	footer { display:none; }
}
/*---------------------------------------------*/
#contact { background: #033 url('../img/bg-footer-top.jpg') repeat left top; padding-bottom: 40px; border: 1px dashed #069; .rounded-corners(16px); margin-left: 8px; }
#contact {
	header { display:none; }
	h2 { font-size: 1.4em; color: #fc0; line-height: 1em; text-shadow: rgba(0,0,0,0.0) 1px 1px 1px; }
	p { color: #fff; }
	#col3 { display:none; }
	#col4 { float: left; width: 94%; background: transparent url(../img/worldmap.png) no-repeat right top; margin-left: 4%; }
		#col4 #me { float: left; clear: left; width: 100%; margin: 15px 0 30px 0; }
			#col4 #me ul {}
			#col4 #me ul li { float: left; font-size: 1em; color : #fff; padding: 0 20px 0 0; }
		#col4 ul li.icons { float: left; padding: 0 10px 0 0; }
		#col4 a { color: #fff; text-decoration: none; }
		#col4 a:hover { color: #fc0; }
	footer { display:none; }
}

/*--- LAYOUT: FOOTER --------------------------*/
aside { float: left; clear: both; width: 100%; margin: 40px 0 20px 0; }
aside {
	#footquote {}
	img { float: right; width: 100px; height: auto; margin: 0 0 0 10px; }
}

.tweet, .query { font-family: @HoneyScript; font-size: 1.5em; color: #000; padding: 0 6px; }
.tweet span.tweet_time a { float: left; clear: left; background-color: rgba(0,166,255,0.1); font-size: 1em; color: #333; text-decoration: none; .rounded-corners(10px); padding: 0.3em 0.4em; margin: 0 8px 8px 0; }


#f1 { float: left; clear: left; width: 100%; text-align: center; color: #999; margin: 20px 0; padding: 0 6px; }
}