/* 
ManicMelon v1 by Mike Jolley

Attribution:
	museo-slab - A font by Jos Buivenga (exljbris) -> http://www.exljbris.nl
*/
@import "reset.css";
@import "museo-slab/stylesheet.css";

/*~~~~~( body / universal )~~~~~~*/
body {
	text-align: center;
	font: 62.5% Georgia, Times, "Times New Roman", serif;
	background:#F3F1EB;
	color: #555;
	}
a {
	color: #139CF3;
	text-decoration: none;
	}
a:hover, a:focus {
	text-decoration: none;
	background: #F69500;
	color: #fff;
	outline: 2px solid #F69500;
}

/*~~~~~( Layout )~~~~~~*/

div#header_wrapper {
	margin: 0 auto;
	text-align: left;
	background: #E0DACD url(../images/header.jpg) repeat bottom;
	overflow: hidden;
	font-size: 1.4em;
	}
#header {
	text-align: left;
	margin: 0 auto;
	width: 872px;
	padding: 30px 0 20px;
	background: url(../images/burst.png) no-repeat center top;
}
#header h1#logo {
	margin: 0;
	padding: 0;
	float: left;
}
#header h1#logo a {
	margin: 0;
	padding: 0 0 0 320px;
	width: 0;
	height: 56px;
	line-height: 56px;
	background: url(../images/manicmelon.gif) no-repeat left top;
	overflow: hidden;
	float: left;
}
#header h1#logo a:hover, #header h1#logo a:focus {
	outline: 0;
	background-color: transparent;
}
#header .about {
	font-style: italic;
	text-align: center;
	text-shadow: 0 1px 1px #DCD6CA;
	padding-bottom: 28px;
	margin: 30px 0 0 0 !important;
	background: url(../images/decor.png) no-repeat center bottom;
}

#main_nav {
	float: right;
	background-color: #E6E2D8;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	padding: 0 0 2px;
	margin: 12px 0 0 0;
	display: inline;
}
#main_nav ul {
	float: right;
	background-color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	margin: 0;
	padding: 0;
	list-style: none;
}
#main_nav li {
	border-left: 1px solid #E6E0D6;
	float: left;
	padding: 12px 12px 10px;
	position: relative;
}
#main_nav li a {
	border-bottom: 1px dashed #777;
	padding-bottom: 1px;
	color: #555;
	float: left;
	font-size: 1em;
}
#main_nav li a:hover, #main_nav li a:focus {
	color: #F69906;
	background: transparent none;
	outline: 0;
	border: 0;
	padding-bottom: 2px;
}
#main_nav li.home {
	border-left: 0;
}
#main_nav li.current {
	color: #F69906;
}
#main_nav li.current a {
	color: #F69906;
}
#main_nav li.current span {
	background: url(../images/arrow.png) no-repeat bottom left;
	width: 15px;
	height: 8px;
	position: absolute;
	float: left;
	bottom: 0;
	left: 50%;
	z-index: 10;
	margin: 0 0 -8px -6px !important;
}

#nav_wrapper {
	background: #E0DACD url(../images/header.jpg) repeat top;
}
#nav, #breadcrumb {
	background: url(../images/nav_bg.png) repeat-x bottom;
	font-size: 1.2em;
}
#nav ul, #breadcrumb ul {
	border-left: 2px solid #E7E1D7;
	border-right: 2px solid #E7E1D7;
	border-top: 2px solid #E7E1D7;
	margin: 0 auto;
	text-align: left;
	background: #fff;
	overflow: hidden;
	width: 840px;
	padding: 20px 12px 8px 20px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-khtml-border-top-left-radius: 5px;
	-khtml-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}
#nav ul li {
	float: left;
	display: inline;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background: #fbfbfb;
	padding-bottom: 2px;
	margin: 0 6px 8px 0;
}
#nav ul li.melon {
	margin-right: 0 !important;
}
#nav ul li a {
	background: #fff url(../images/nav.png) repeat-x bottom;
	float: left;
	display: inline;
	color: #555;
	outline: 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #EBEBEB;
	padding: 6px 8px 4px 6px;
}
#nav ul li a span {
	position: relative;
	padding: 0 0 18px;
	margin-bottom: -16px;
	display: block;
	float: left;
	text-align: center;
	outline: 0;
	line-height: 32px;
	background: url(../images/nav_arrow.png) no-repeat center bottom;
	cursor: pointer;
	white-space: nowrap;
}
#nav ul li#current a {
	background: #F69908 url(../images/nav_active.png) repeat-x top;
	border-color: #F79F19;
	color: #fff !important;
}
#nav ul li#current a span {
	background: url(../images/nav_arrow_active.png) no-repeat center bottom;
}

#nav ul li a span span {
	padding: 0 0 0 36px;
	margin: 0;
	float: left;
	background-image: url(../images/icons.png) !important;
}
/* Normal State */
#nav ul li.melon a span span {	background-position: 0 0;	}
#nav ul li.american a span span {	background-position: -152px 0;	}
#nav ul li.cyclist a span span {	background-position: -304px 0;	}
#nav ul li.entrepreneur a span span {	background-position: -456px 0;	}
#nav ul li.father a span span {	background-position: -912px 0;	}
#nav ul li.moto a span span {	background-position: -608px 0;	}
#nav ul li.geek a span span {	background-position: -760px 0;	}
/* Hover State */
#nav ul li.melon a:hover span span, #nav ul li.melon a:focus span span {	background-position: 0 -82px;	}
#nav ul li.american a:hover span span, #nav ul li.american a:focus span span {	background-position: -152px -82px;	}
#nav ul li.cyclist a:hover span span, #nav ul li.cyclist a:focus span span {	background-position: -304px -82px;	}
#nav ul li.entrepreneur a:hover span span, #nav ul li.entrepreneur a:focus span span {	background-position: -456px -82px;	}
#nav ul li.father a:hover span span, #nav ul li.father a:focus span span {	background-position: -912px -82px;	}
#nav ul li.moto a:hover span span, #nav ul li.moto a:focus span span {	background-position: -608px -82px;	}
#nav ul li.geek a:hover span span, #nav ul li.geek a:focus span span {	background-position: -760px -82px;	}
/* Active State */
#nav ul li#current.melon a span span {	background-position: 0 -164px;	}
#nav ul li#current.american a span span {	background-position: -152px -164px;	}
#nav ul li#current.cyclist a span span {	background-position: -304px -164px;	}
#nav ul li#current.entrepreneur a span span {	background-position: -456px -164px;	}
#nav ul li#current.father a span span {	background-position: -912px -164px;	}
#nav ul li#current.moto a span span {	background-position: -608px -164px;	}
#nav ul li#current.geek a span span {	background-position: -760px -164px;	}

#breadcrumb ul {
	border-bottom: 2px dotted #E8E4DB;
}
#breadcrumb li {
	float: left;
	margin-right: 4px;
	padding-bottom: 8px;
}
#breadcrumb li {
	color: #777 !important;
}


#content_wrapper {
	background: #fff url(../images/content.png) repeat-x top left;
}
#content {
	padding: 0 2px;
	text-align: left;
	margin: 0 auto;
	width: 872px;
	background: url(../images/content_fade.png) repeat-x top left;
	font-size: 1.3em;
}
#content_inner {
	background: #fff;
	padding: 0 20px 20px;
	width: 832px;
	overflow: hidden;
}


#banner {
	background: #F5F5F5;
	padding: 1px;
	width: 830px;
	height: 165px;
	position: relative;
}
#banner div {
	border-left: 1px solid #FAFAFA;
	border-top: 1px solid #FAFAFA;
	border-bottom: 1px solid #F5F5F5;
	border-right: 1px solid #F5F5F5;
	padding: 3px;
}
#banner img {
	border-left: 1px solid #F5F5F5;
	border-top: 1px solid #F5F5F5;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	display: block;
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;
	margin: 5px;
}
#banner ul {
	z-index: 10;
}
#banner .rotatenav {
	position: absolute;
	top: 0;
	left: 50%;
	margin: 10px 0 0 0 !important;
	list-style: none outside !important;
	display: none;
	z-index: 20;
	display: block;
}
#banner .rotatenav li {
	float: left;
	margin-right: 6px;
	display: inline;
}
#banner .rotatenav li a {
	width:  8px;
	height: 8px;
	text-indent: 8px;
	line-height: 8px;
	background: #fff;
	float: left;
	overflow: hidden;
	display: inline;
}
#banner .rotatenav li a.active {
	background: #F8AD39;
}

div#footer {
	background: #F3F1EB;
	padding: 20px;
	border-top: 1px solid #E7E3D8;
	text-align: center;
	font-size: 1.3em;
	clear: both;
	}
div#footer p {
	margin: 0 !important;
}
	
/*~~~~~( Headings & paragraphs )~~~~~~*/
p {
	line-height: 1.8em;
	margin:  0 0 8px 0;
}
h1, h2, h3, h4, h5, h6, #main_nav, #header .about, #nav {
	font-family: MuseoSlab, Rockwell, Georgia, Times, "Times New Roman", serif;
	font-weight: normal !important;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	line-height: 1em;
	color: #333333;
	margin: 20px 0 16px 0;
	}
#content p {
	font-size: 1.1em;
	margin: 0 20px 8px;
}
#content h1 {
	font-size: 1.8em;
}
#content h2 {
	font-size:1.6em !important;
	}
#content h3 {
	font-size: 1.4em;
	color: #555;
}
#content h4 {
	font-size:1.2em;
	color: #555;
	}
hr {
	background: #ebebeb;
	border: 0;
	padding: 3px 0 0 0;
	margin: 20px 20px 30px;
}
strong {
	font-weight:bold;
	}
em {
	color: #C6121F;
	font-style: normal;
}
.center {
	text-align: center !important;
}
blockquote {
	padding: 20px;
	margin: 20px 20px 20px 40px;
	background: #FEFBE0;
	border: 1px solid #F4E3CF;
}
blockquote p {
	margin:0 !important;
	font-size:1.4em;
	font-style: italic;
}

/*~~~~~( IMG )~~~~~~*/

.aligncenter, .alignleft, .alignright {
	outline: 6px solid #fff;
	padding: 4px;
	border: 1px solid #E3E1E1;
	background: #fff;
}
.alignleft {
	float: left;
	margin-right: 8px;
	margin-top: 4px;
	margin-bottom: 4px;
}
.alignright {
	float: right;
	margin-left: 8px;
	margin-top: 4px;
	margin-bottom: 4px;
}

.avatar {
	float: left;
	padding: 4px;
	border: 1px solid #E3E1E1;
	background: #fff;
	margin: 0 8px 0 0;
}

/*~~~~~( Buttons )~~~~~~*/

#banner .buttons {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 12px 12px 6px;
	padding: 0;
	border: 0;
	list-style: none outside;
	float: right;
	width: 806px;
}
#banner .buttons li {
	position: relative;
	float: right;
	clear: both;
}
#banner .buttons li a {
	text-align: left;
	width: 200px;
	display: block;
	padding: 8px;
	outline: 0 !important;
	background: #fff url(../images/nav.png) repeat-x bottom;
	border: 2px solid #EBEBEB;
	color: #555;
	line-height: 24px !important;
	-moz-border-radius:3px; 
	-webkit-border-radius:3px; 
	border-radius: 3px;
	margin: 0 0 6px 0;
	height: 48px;
	font-size: 1.1em;
}
#banner .buttons li small {
	display: block;
	font-size: 0.7em;
	line-height: 24px !important;
	color: #999;
}
#banner .buttons li a:hover, #banner .buttons li a:focus {
	border: 2px solid #F79F19;
}
#banner .buttons li a span {
	padding-left: 34px;
	display: block;
}
#banner .buttons li.flickr a span {
	background: url(../images/icons/flickr.png) no-repeat left;
}
#banner .buttons li.twitter a span {
	background: url(../images/icons/twitter.png) no-repeat left;
}
#banner .buttons li.youtube a span {
	background: url(../images/icons/youtube.png) no-repeat left;
}
#banner .buttons li.linkedin a span {
	background: url(../images/icons/linkedin.png) no-repeat left;
}
#banner .buttons li.uop a span {
	background: url(../images/icons/uop.png) no-repeat left;
}
#banner .buttons li.nps a span {
	background: url(../images/icons/nps.png) no-repeat left;
}

/*~~~~~( Lists )~~~~~~*/

#content ul, #content ol {
	line-height: 1.8em;
	font-size: 1.1em;
	margin: 0 20px 8px 40px;
}
#content ul {
	list-style: circle inside;
}
#content ol {
	list-style: decimal inside;
}
ol.posts {
	margin: 0 !important;
	font-size: 1em !important;
	list-style: none outside !important;
}
ol.posts .post {
	padding: 12px 0 12px 0;
	margin: 0;
	background: url(../images/post.png) no-repeat bottom;
}
.post p.tweet {
	font-size: 1.3em;
}
.post p.meta {
	font-size: 0.9em;
	color: #999999;
	margin: 0 !important;
}
  
ol.pagination {
	overflow: hidden;
	margin: 20px 0 0 !important;
	font-size: 1em !important;
	list-style: none outside !important;
}  
ol.pagination li {
	float: left;
	margin-right: 3px;
	padding: 6px 0;
}
ol.pagination li a, ol.pagination li span {
	border: 1px solid #E3E1E1;
	background: #fff;
	padding: 4px 8px;
	outline: 0 !important;
}
ol.pagination li a:hover, ol.pagination li a:focus {
	background: #F69908 url(../images/nav_active.png) repeat-x top;
	border: 1px solid #F79F19;
	color: #fff;
}
ol.pagination li .current {
	background: #F69908 url(../images/nav_active.png) repeat-x top;
	border: 1px solid #F79F19;
	color: #fff;
}
ol.pagination li .disabled {
	color: #ccc;
}
  			
/*~~~~~( Float clearing )~~~~~~*/

.clear {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	margin: 0;
	padding: 0;
	border: 0;
	}