/*
Theme Name: MUMPtastic
Theme URI: http://mumptastic.com
Description: Mumptastic site for Michael Nichols
Version: 1.5
Author: John Michael Nichols
Author URI: http://mumptastic.com
Tags: mump, mumptastic, orange, grey, white
*/

/*
RESET
This reset is based off of Chris Coyier's Reset
http://chriscoyier.net
*/
* 				{ margin: 0; padding: 0;}

body			{font-size:62.5%; font-family:Arial, sans-serif; color:#333; background:#fff;}

ul				{list-style:square inside;}
ol				{list-style:decimal inside;}
a				{outline:none; text-decoration:none; color:#f30;}
a img			{border:none;}
img				{vertical-align:middle;}
table			{border-collapse:collapse;}

/*
UTILITY
*/
.floatLeft			{float:left;}
.floatRight			{float:right;}
.clear				{clear:both;}
.button				{border:none; background:#ccc; padding:3px 8px; color:#f30;}
.button:hover		{background:#f30; color:#333;}
.button-link		{border:none; color:#f30;}
.button-link:hover	{background:#f30; color:#333;}
a.link				{border-bottom:thin dashed;}
pre					{width:250px;}

/*
STRUCTURE
*/
#page-wrap{
	width:960px;
	margin: 25px auto -250px;
/*	margin:auto 0 -250px;*/
	min-height:100%;
	height:auto !important;
	height:100%;
}

#push{
	height:250px;
}

#main-col{
	width:640px;
	float:left;
}

.bottom-padding{
	margin-bottom:50px;
	background:#f7f7f7;
	padding-right:20px;
}

#linksidebar{
	width:250px;
	float:right;
	background:#f7f7f7;
	padding:10px;
}

#linksidebar li{
display:inline;
padding:10px;
}
/*
HEADER
*/

h1#logo{
	width:321px;
	height:49px;
	background:url(images/mump-head.png) top left no-repeat;
	text-indent:-9999px;
	margin:0 10px 8px 0;
	float:left;
}

#top-bar{
	padding:20px 0 0 0;
}

#top-bar p{
	color:#f30;
	width:150px;
	float:left;
	padding-top:5px;
}

/*
NAVIGATION
*/

#menu-bar{
	padding-top:11px;
	margin-bottom:50px;
}

ul#main-nav{
	width:360px;
	float:left;
	margin:-10px 0 0 0;
}

ul#extra-nav{
	width:360px;
	float:right;
	text-align:right;
	margin:-10px 0 0 0;

}

ul#main-nav li, ul#extra-nav li{
	display:inline;
}

ul#main-nav li a, ul#extra-nav li a{
	text-transform:uppercase;
	font-size:1.2em;
	padding:3px 8px;
	color:#333;
}

/*
FOOTER
*/

#footer{
	height:250px auto;
	background:#333;
	border-top:4px solid #f30;
	margin-top:15px;
	padding-top:20px;
}

#footer-inside{
	width:960px;
	margin:0 auto;
	background:#333;
	color:#f30;
}

#footer-inside img{
	width:75px;
	padding:.3em;
}

/*
TYPGROGRAPHY
*/
p, li{
	font-size:1.2em;
	line-height:1.2em;
	margin:0 0 10px 0;
}

h1{
	font-size:3.6em;
	font-family:Arial, serif;
	font-weight:normal;
}

h2{
	font-size:2.8em;
	font-family:Arial, serif;
	font-weight:normal;
	margin:0 0 10px 0;
}

h2 a{
	color:#f30;
}

h3{
	font-size:2.6em;
	font-family:Arial, serif;
	font-weight:normal;
}

/*
DATE
*/
.datebox{
	width:36px;
	float:left;
	padding:5px;
	background:#f30;
	color:#333;
	text-align:center;
	margin:0 15px 0 0;
}

.day{
	font-size:3.4em;
	font-weight:bold;
	margin:0;
}
.month{
	font-size:1.8em;
	font-weight:bold;
	margin:0;
}
.year{
	font-size:1.6em;
	font-weight:bold;
	margin:0;
}

/*
OTHER
*/

::-moz-selection { background:#f30; color:#333; /* Firefox */ }
::selection { background:#f30; color:#333; /* Safari and Opera */ }

ol.commentlist{
	list-style-type:none;	
}
ol.commentlist li{
	margin-bottom:25px;
	margin-top:10px;
}
cite.fn a{
	outline:none; 
	text-decoration:none;
}

#flickr{
	width:250px;
	float:left;
	background:#333;
}

#lastfm{
	width:250px;
	float:right;
	background:#333;
}

#lastfm img{
	width:75px;
}
span#social{
	padding-bottom:25px;
}
span#social h3{
	background:#f30;
	color:#333;
         width:100%; 
	margin-top:20px;
/*	width:115.5%;*/
}

span#social img.social-icon{
	width:20px;
}

span.bottom-social{
	margin-bottom:25px;
}

#about{
	margin-bottom:15px;
}

ul#friends li{
        display:block;
        margin:-15px;
        margin-top:-3px;
}