@import url("ie.css");
@import url("reset.css");

/*------------------------------------
Human Giant Tumblr Theme

Version /  0.1 - 20080224
Author / Ali Bosworth
email / 
website / www.metalabdesign.com
-------------------------------------*/

/* Setup
----------------------------*/

body {
	text-align: center;
	background-color: #161616;
	color: #fff;
	font-size: 12px;
	font-family: helvetica, arial, sans-serif;
	height:100%;
}

#wrap {
	text-align: left;
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clear {
	clear: both;
	height:1px;
	margin-top:-1px;
	height:1%;
}

/* Header
----------------------------*/

#header #mainlogo {
	width:322px;
	height:208px;
	background: url(../images/logo.png) no-repeat top right;
	text-indent: -9999px;
	float:left;
	margin-left:50px;
	margin-top:11px;
}

#header #headerimg{
	margin-top:24px;
	margin-left:25px;
}

ul#ourshorts{
	margin-left:53px;
	background: url(../images/background-ourshorts.png) no-repeat top right;
	width:891px;
	height:174px;
	margin-top:14px;
	font-size:12px;	
	position:relative;
}

ul#ourshorts li{
	float:left;
	width:134px;
	text-align:center;
	margin-left:35px;
	margin-top:28px;
}

ul#ourshorts li#label{
	font-weight:bold;
	font-size:15px;
	color:#edebeb;
	margin-left:17px;
	width:auto;
	margin-left:17px;
	margin-top:78px;
	margin-right:10px;
}

ul#ourshorts li#morelink{
	font-size:18px;
	font-weight:bold;
	width:auto;
	margin-top:70px;
	margin-left:0px;
	margin-right:0px;
	float:right;
}

ul#ourshorts li#morelink a{
	position:absolute;
	width:93px;
	height:45px;
	right:0px;
	top:63px;
	text-align:left;
	color: #edebeb;
	padding-top:18px;
}

ul#ourshorts li a{
	text-decoration:none;
	color:#fff;
}

ul#ourshorts  li a img{
	border: #dbdbdb 2px solid;
	display:block;
}

ul#ourshorts  li a span{
	padding-top:12px;
	background: url(../images/background-ourshorts-triangle.png) no-repeat 50% 0%;
	display:block;
	}

/* Main col
----------------------------*/


#main{
	width:552px;
	float:left;
	margin-left:48px;
	margin-top:22px;
	background: url(../images/background-main-column.png) repeat-y top left;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:13px;
	line-height:19px;
	position:relative;
	margin-bottom:20px;
	padding-bottom:20px;	
}

#main hr{
	border:0;
	border-top:1px solid #121212;
	border-bottom:1px solid #484848;
}

#main .post h2{
	font-family: Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	height:30px;
	padding-top:12px;
	margin-bottom:15px;
}

#main .post h2 a{
	text-decoration:none;
	color:#fff;
}

#main .post h3{
	font-family: Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	height:30px;
}

#main .post img{
	border: 3px solid #dfdfdf;
	margin-bottom:10px;
	clear:both;
}

#main .post{
	background: url(../images/background-post-header.png) no-repeat top left;
	padding-left:24px;
	padding-right:24px;
	padding-bottom:10px;
}

#main .first {
	background: url(../images/background-post-header-first.png) no-repeat top left;
}

#main span#end{
	position:absolute;
	bottom:0px;
	left:0px;
	width:552px;
	height:5px;
	background: url(../images/background-main-column-bottom.png) no-repeat bottom left;
}

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

#main p{
	margin-bottom:1.5em;
}


/* tumblr post types
----------------------------*/


#main div.link a.link{
	color:#fff;
	text-decoration:underline;
	font-weight:bold;
	clear:both
}

#main span.description , #main span.caption{
	clear:both;
	display:block;
}

#main div.post blockquote{
	margin-left:2em;
}

#main div.post span.quotesource{
	text-align:right;
	font-style: italic;
	display:block;
}

/* Sidebar
----------------------------*/
#sidebar{
	float:left;
	margin-left:30px;
	margin-top:15px;
	width:284px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:13px;
	color:#d2d2d2;
}

#sidebar h3{
	width:186px;
	width:100%;
	height:21px;
	text-indent: -9999px;
	border-bottom:2px solid #505050;
	margin-top:28px;
	margin-bottom:12px;
}

#sidebar #tour h3{
	background: url(../images/heading-tour.png) no-repeat top left;
}

#sidebar #tour ul#tourlisting{
	margin-top:23px;
}

#sidebar #tour ul#tourlisting li.touritem{
	width:100%;
	margin-bottom:15px;
	position:relative;
	clear:both;
}

#sidebar #tour ul#tourlisting li ul.caldate{
	width:36px;
	height:38px;
	background: url(../images/graphic-calendar-background.png) no-repeat top left;
	float:left;
	margin-right:10px;
	position:relative;
	margin-bottom:15px;
}

#sidebar #tour ul#tourlisting li ul.caldate li{
	font-family: helvetica, arial, sans-serif;
	text-align:center;
	width:100%;
}

#sidebar #tour ul#tourlisting li ul.caldate li.month{
	font-size:10px;
	color: #fff;
	position:absolute;
	top:1px;
}

#sidebar #tour ul#tourlisting li ul.caldate li.day{
	font-size:14px;
	color: #575757;
	font-weight:bold;
	position:absolute;
	top:18px;
}

#sidebar #tour ul#tourlisting li ul.tourinfo{
	margin-top:4px;	
}

#sidebar #tour ul#tourlisting li ul.tourinfo li{
	float:none;
	color:#fff;
}

#sidebar #tour ul#tourlisting li ul.tourinfo li.city{
	padding-top:.px;
	font-size:13px;
	color:#fff;
	font-weight:bold;
	width:170px;
}

#sidebar #tour ul#tourlisting li ul.tourinfo li.venue{
	font-size:11px;
	margin-top:2px;
	width:170px;
}

#sidebar #tour ul#tourlisting li a{
	position:absolute;
	right:0px;
	top:10px;
	clear:both;
}

#sidebar #photos h3{
	background: url(../images/heading-photos.png) no-repeat top left;
}

#sidebar #friends h3{
	background: url(../images/heading-ourfriends.png) no-repeat top left;
}

#sidebar #friends ul li{
	margin-top:15px;
}

#sidebar #friends ul li a{
	background: url(../images/graphic-link-star.png) no-repeat 0% 50%;
	font-family: helvetica, arial, sans-serif;
	font-size:15px;
	color:#d2d2d2;
	text-decoration: underline;
	padding-left: 21px;
	margin-left:6px;
}


#sidebar #stalk h3{
	background: url(../images/heading-stalkus.png) no-repeat top left;
}

#sidebar #photos img{
	padding:2px;
	background-color:#e0e0e0;
	border: 1px solid #757575;
	float:left;
	margin-right:11px;
	margin-bottom:11px;
}

#sidebar #stalk ul li{
	margin-bottom:15px;
}