/*
Theme Name: Just Made My Day
Theme URI: http://justmademyday.com/
Description: Another way to brighten your day from Unit Interactive.
Version: 1.0
Author: Nathan Ford
Author URI: http://unitinteractive.com/
Tags: clouds, mountains, etc.

*/

/* JMMD CSS ------------------------------------------------------------------------------------

Colors:
Blue	#479AA8


Index
1. Reset
2. Typography
3. Layout
4. Clearfix

---------------------

1. Reset
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
    font-size: 10px;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
:focus {
    outline: none;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
abbr, acronym {
	cursor: help;
	border-bottom: 1px dotted #999;
}

a {
	text-decoration: none;
}

a:hover {
	border-bottom: 1px dotted;
}

body {
	 background: url('images/footer-BG.gif') repeat-x bottom #bbdad5;
}

/*
2. Typography */

/*
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * @vendor:     The League of Moveable Type
 * @vendorurl:  http://www.theleagueofmoveabletype.com
 * @licenseurl: http://www.fontsquirrel.com/license/ChunkFive
 *
 *
 */

@font-face {
	font-family: 'ChunkFiveRegular';
	src: url('fonts/Chunkfive.eot');
	src: local('ChunkFive Regular'), local('ChunkFive'), url('fonts/Chunkfive.woff') format('woff'), url('fonts/Chunkfive.otf') format('opentype'), url('fonts/Chunkfive.svg#ChunkFive') format('svg');
}

p, li, dd, dt, blockquote, input, textarea, h1 em, h2 em, h3 em, button em, a.button em, section.posts article h1, section.posts article button, time, aside h2, label {
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	color: #000;
	font-size: 12px;
	line-height: 22px;
}

h1, h2, h3, button, a.button, footer li a, a#RES_ID_fb_login span {
	font-family: 'ChunkFiveRegular', 'Arial Black', sans-serif;
	letter-spacing: .12em;
	text-transform: uppercase;
	font-weight: normal;
}

#RES_ID_fb_login span {
	font-family: 'ChunkFiveRegular', 'Arial Black', sans-serif !important;
}

h1 em, h2 em, h3 em, button em, a.button em {
	font-style: italic;
	font-size: 0.9em;
	letter-spacing: normal;
	text-transform: lowercase;
	color: inherit;
	margin-right: 0.1em;
}

a {
	color: #479AA8;
}

a:hover {
	border-bottom: 1px dashed #479AA8;
}

header h1, header h2 {
	display: block;
	width: 950px;
	margin: 20px auto 0;
	color: #0085a7;
	text-align: center;
	font-size: 78px;
	position: relative;
}

header h1 a, header h2, fieldset.bot h1 {
	-moz-opacity:0.4; opacity:0.4;
}

header h1 a:hover {
	border: 0;
	-moz-opacity:0.45; opacity:0.45;
}

header h1 span {
	letter-spacing: 0.05em;
}

header h2 {
	font-size: 20px;
	margin: 0 auto 6px;
	top: -6px;
}

header fieldset.bot h1 {
	font-size: 22px;
	color: #000;
	text-align: left;
	width: auto;
	letter-spacing: 0.02em;
	margin-top: 0;
}

header fieldset.top p {
	width: 626px;
	display: block;
	margin: 0 auto;
	text-align: right;
	color: #0085a7;
	font-weight: bold;
	font-size: 15px;
	-moz-opacity:0.6; opacity:0.6;
}

header fieldset.top p.whoa {
	color: #888;
	-moz-opacity:1; opacity:1;
}

header fieldset.top p.stop {
	color: #990100;
	-moz-opacity:1; opacity:1;
}

header fieldset.bot p {
	font-size: 12px;
	color: #666;
	margin-bottom: 10px;
}

section.posts h1 {
	color: #fff;
	text-transform: none;
	font-size: 20px;
	line-height: 20px;
	letter-spacing: 0.01em;
	float: left;
	clear: none;
}

section.posts h2 {
	color: #ccc;
	font-size: 13px;
	line-height: 24px;
	letter-spacing: 0.01em;
	float: right;
	clear: none;
}

section.posts h2 span {
	color: #fff;
}

section.posts article h1 {
	color: #777;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin-bottom: 10px;
	display: block;
	float: none;
	padding-right: 70px;
}

section.posts article h1 a {
	color: #479AA8;
	position: relative;
}

section.posts article h1 a span {
	color: #ccc;
	font-size: 12px;
	text-transform: lowercase;
	font-style: italic;
	position: absolute;
	right: -70px;
	top: 0;
	text-align: left;
	width: 60px;
	display: none;
}

section.posts article h1 a:hover span {
	display: block;
}

section.posts article p {
	margin-bottom: 10px;
}

div.details h1, div.details time {
	display: block;
	width: 448px;
	float: right;
	clear: none;
}

section.posts article div.details h1 {
	line-height: 14px;
	font-size: 14px;
	margin-bottom: 2px;
	padding-right: 0;
}

div.details time {
	font-size: 11px;
	color: #777;
	font-weight: bold;
}

p.readmore {
	font-style: italic;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 0 !important;
}

aside h2 {
	float: left;
	display: block;
	text-align: right;
	width: 303px;
	font-size: 13px;
	overflow: visible;
	text-transform: lowercase;
	margin-bottom: 20px;
	font-style: italic;
	letter-spacing: normal;
	color: #ccc;
	clear: both;
}

aside section h1 {
	font-size: 12px;
	color: #fff;
	margin-bottom: 5px;
}

aside section.nicest h1 {
	color: #888;
}

section.twitter p {
	color: #fff;
	padding-left: 63px;
	background: url('images/twitter-lg.png') no-repeat 0 0;
	height: 50px;
}

section.twitter a {
	color: #fffde4;
}

section.twitter a:hover {
	border-color: #fffde4;
}

footer p {
	color: #fff;
	font-style: italic;
	width: 375px;
	float: left;
	clear: none;
}

footer p a, footer p a:hover {
	background: url('images/unit-logo.png') no-repeat;
	display: block;
	float: right;
	clear: none;
	height: 44px;
	width: 140px;
	text-indent: -5000px;
	position: relative;
	top: -7px;
	border-bottom: 0;
}

footer li {
	font-size: 11px;
}

footer li a {
	margin-right: 3px;
	letter-spacing: normal;
	font-size: 12px;
}

div.prompt h1 {
	font-size: 20px;
	color: #0085a7;
	text-transform: capitalize;
	letter-spacing: normal;
	display: block;
}

div.prompt h1 a {
	font-size: 13px;
	color: #aaa;
	text-transform: uppercase;
	float: right;
	letter-spacing: 0.1em;
}

div.prompt dd.error {
	width: 150px;
	text-align: left;
	padding-top: 25px;
	height: 61px;
}

div.prompt dd.error p.error {
	margin-left: 0;
}

li.submit p.error {
	padding-top: 5px;
	margin-left: 145px;
}

p.error {
	margin-left: 20px;
	color: #ff0000;
	display: none !important;
}

.error p.error {
	display: block !important;
}

/* BUTTONS */

button, a.button, a#RES_ID_fb_login {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #479aa8;
	border: 3px solid #fff;
	color: #fffde4;
	font-size: 17px;
	padding: 10px 0;
	cursor: pointer;
	display: block;
}

a#RES_ID_fb_login span {
	background: none !important;
 	color: #fffde4 !important;
 	border: 0 !important;
 	padding: 0 !important;
 	margin: 0 !important;
 	letter-spacing: 0 !important;
 	line-height: 20px !important;
}

button#tell {
	width: 207px;
	margin: 0 auto;
	display: none;
}

button#tell {
	width: 207px;
	margin: 0 auto;
	display: block;
	height: 50px;
}

button#postit {
	margin: 9px 0 0;
	float: left;
	font-size: 16px;
	letter-spacing: 0.05em;
	padding: 12px 10px 10px;
	width: auto;
	height: 50px;
}

a#about {
	float: right;
	clear: none;
	width: 90px;
	border: 0;
	position: relative;
	top: -4px;
	font-size: 14px;
	font-style: normal;
	text-align: center;
	margin: 0 0 0 10px;
	padding: 3px 3px;
	letter-spacing: normal;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;	
}

section.posts article button {
	float: right;
	background: none;
	border: 0;
	padding: 0 3px;
	color: #ccc;
	margin: 2px 0 0 0;
	font-size: 12px;
	text-transform: none;
	letter-spacing: normal;
	font-weight: bold;
}

button#login, button#notnice, button#close, a#RES_ID_fb_login {
	float: left;
	margin-left: 145px;
	border: 0;
	font-size: 17px;
	letter-spacing: normal;
	padding: 10px 20px 7px !important;
}

button#notnice, button#close {
	margin-left: 0;
}

button#more {
	padding: 10px 40px 8px 20px;
	background-image: url('images/arrow.png');
	background-repeat: no-repeat;
	background-position: 310px 16px;
	margin: 0 auto;
	float: none;
}

button:hover, a.button:hover, button.ready:hover, a#RES_ID_fb_login:hover {
	background: #fffde4;
	border: 3px solid #fff;
	-moz-box-shadow: 0 0 10px #777;
	-webkit-box-shadow: 0 0 10px #777;
	color: #479aa8;
}

a#RES_ID_fb_login:hover span {
	background: none !important;
 	color: #479aa8 !important;
 	border: 0 !important;
}

button#login {
	background-color: #ccc;
	color: #fff;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

button.ready, a#RES_ID_fb_login {
	background: #479aa8 !important;
	color: #fffde4 !important;
}

button.ready:hover, a#RES_ID_fb_login:hover {
	background: #fffde4 !important;
	-moz-box-shadow: 0 0 10px #777 !important;
	-webkit-box-shadow: 0 0 10px #777 !important;
	color: #479aa8 !important;
	border: 0 !important;
}

section.posts article button:hover {
	color: #479aa8;
	background: #fffde4;
	-moz-box-shadow: 0 0 6px #aaa;
	-webkit-box-shadow: 0 0 6px #aaa;
}

button.loading {
	background: url(images/loader.gif) no-repeat center #479aa8 !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

/*
3. Layout */

header {
	display: block;
	height: 392px;
	overflow: hidden;
	position: relative;
	min-width: 1000px;
	background: url('images/site-BG.jpg') no-repeat center top #fff;
	z-index: 1;
	margin: 0;
	padding: 0;
}

header.ext {
	height: 635px;
}

header form {
	padding-top: 40px;
	z-index: 1000;
	position: absolute;
	display: block;
	width: 100%;
}

header fieldset {
	width: 950px;
	margin: 0 auto;
	display: block;
}

header fieldset.bot {
	overflow: hidden;
	margin-top: 45px;
}

header fieldset input, header fieldset textarea {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #fff;
	border: 1px solid #ddd;
}

header fieldset.top input {
	background: #fff;
	width: 598px;
	height: 57px;
	line-height: 57px;
	border: 1px solid #ddd;
	margin: 0 auto;
	display: block;
	color: #ddd;
	padding: 0 14px;
	font-weight: normal;
	font-style: normal;
	z-index: 1;
	font-size: 20px;
}

header fieldset.top div.error input, header fieldset.bot li.error textarea {
	border-color: #990100;
}

header fieldset.top div.error label, header fieldset.bot li.error label {
	color: #990100;
	font-style: normal;
}

header fieldset.bot li.error label {
	font-style: italic;
}

header fieldset input:focus, header fieldset textarea:focus {
	border: 1px solid #333;
	-moz-box-shadow: 0 3px 10px #666;
	-webkit-box-shadow: 0 3px 10px #666;
}

header fieldset.top input:focus {
	color: #479aa8;
}

header fieldset.top input:focus + label {
	display: none !important;
}

header fieldset.top input.done {
	color: #479aa8;
}

header fieldset.top div {
	position: relative;
	width: 626px;
	margin: 0 auto;
	display: block;
}

header fieldset.top label {
	display: block;
	position: absolute;
	z-index: 10;
	top: 27px;
	font-size: 15px;
	color: #ddd;
	font-weight: bold;
	font-style: italic;
	text-transform: lowercase;
	left: 20px;
}

section.explain {
	float: left;
	display: block;
	width: 608px;
	clear: none;
}

section.explain textarea {
	width: 588px;
	height: 165px;
	padding: 10px;
	color: #000;
	display: block;
}

section.share {
	float: right;
	display: block;
	width: 303px;
	clear: none;
}

section.share input {
	margin: 4px 5px 0 0;
	display: block;
	float: left;
	clear: none;
}

section.share li {
	color: #444;
}

li.twitter, li.facebook {
	display: block;
	float: left;
	width: 151px;
	clear: none;
}

li.twitter label, li.facebook label {
	font-size: 11px;
	line-height: 13px;
	padding-left: 35px;
	float: left;
	display: block;
	clear: none;
	width: 82px;
	letter-spacing: -0.05em;
	height: 30px;
	background: url('images/twitter.png') no-repeat;
}

li.facebook label {
	background: url('images/facebook.png') no-repeat;
}

li.twitter input, li.facebook input {
	margin: 0 5px 20px 0;
}

section.share textarea {
	width: 279px;
	height: 65px;
	padding: 10px;
	margin: 5px 0 10px 0;
	font-size: 11px;
	line-height: 14px;
}

img.birds {
	position: absolute;
	right: -105%;
	top: 250px;
}

div.clouds {
	position: absolute;
	top: 0;
	z-index: 1;
 	display: block;
 	padding: 0 200px;
 	height: 392px;
 	width: 100%;
 	overflow: hidden;
 	background: url('images/clouds.png') no-repeat
}

div.main div.clouds {
	background: url('images/clouds-r.png') no-repeat
}

div.clouds.left {
 	right: -6%;
 	left: auto;
 	background-position: left bottom;
}

div.main div.clouds.left {
	background-position: left 40px;
}

div.clouds.right {
	left: -6%;
	right: auto;
	background-position: right bottom;
}

div.main div.clouds.right {
	background-position: right 40px;
}

img.cloud {
 	position: absolute;
 	left: 0;
	bottom: 0;
	width: 600px;
}

div.clouds.right img.cloud {
	right: 0;
	left: auto;
}

div.mountains {
	position: absolute;
 	padding: 0;
	top: 0;
	z-index: 2;
 	display: block;
 	height: 392px;
 	width: 100%;
 	overflow: hidden;
 	background: url('images/mountains.png') no-repeat;
}

div.main div.mountains {
 	background: url('images/mountains-r.png') no-repeat;
}

div.mountains.right {
 	right: -72%;
 	left: auto;
 	background-position: left bottom;
}

div.mountains.left {
	left: -72%;
	right: auto;
	background-position: right bottom;
}

div.main div.mountains.right {
	background-position: left 70px;
}

div.main div.mountains.left {
	background-position: right 70px;
}

img.mountain {
	position: absolute;
 	left: auto;
	width: 1175px;
	bottom: 0;
}

div.horizon {
	background: url('images/horizon.png') repeat-x top center;
	display: block;
	height: 33px;
	width: 100%;
	min-width: 1000px;
	position: relative;
	top: -30px;
	z-index: 10;
}

/* MAIN COLUMN STYLES */

div.main {
	position: relative;
	display: block;
	min-width: 1000px;
	min-height: 600px;
	background: url('images/section-BG.jpg') no-repeat center top;
	z-index: 10;
	overflow: hidden;
	top: -30px;
	z-index: 1;
	margin: 0;
	padding: 0;
}

div.main div.horizon {
	top: 0;
	position: absolute;
	background: url('images/horizon.png') repeat-x center -33px;
	height: 111px;
	z-index: 10;
}

div.maininn {
	width: 950px;
	display: block;
	position: relative;
	margin: 0 auto 0;
	padding: 35px 0 0;
	z-index: 100;
	overflow: hidden;
}

section.posts {
	float: left;
	width: 608px;
	display: block;
	overflow: hidden;
	padding-bottom: 10px;
}

section.posts hgroup {
	display: block;
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 2px dashed #777;
	overflow: hidden;
	height: 21px;
}

section.posts article {
	display: block;
	margin-bottom: 30px;
	overflow: hidden;
}

section.posts article section {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #fff;
	display: block;
	padding: 20px;
	overflow: hidden;
}

div.details {
	background: url('images/point.png') no-repeat 161px 0;
	display: block;
	padding: 18px 0 0 103px;
	overflow: hidden;
}

div.details img {
	float: left;
	margin-right: 20px;
	border: 1px solid #fff;
	display: block;
	width: 35px;
	height: 35px;
	clear: none;
}

/* SIDEBAR STYLES */

aside {
	float: right;
	clear: none;
	width: 303px;
}

aside section {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	display: block;
	float: left;
	margin-bottom: 30px;
	clear: both;
	padding: 20px;
	width: 263px;
	position: relative;
}

section.nicest {
	background: #fffde4;
	-moz-opacity:0.8; opacity:0.8;
}

section.nicest:hover {
	-moz-opacity:1; opacity:1;
}

section.nicest li {
	border-top: 1px dashed #aaa;
	padding: 5px 0;
}

section.nicest li:first-child {
	border: 0;
}

section.nicest li a {
	padding: 5px 0;
	display: block;
	width: 100%;
	border: 0;
}

section.nicest li a:hover {
	background: #fff;
	padding: 5px 10px;
	margin-left: -10px;
}

section.twitter {
	background: #7eb9be;
}

/* FOOTER STYLES */

footer {
	width: 950px;
	display: block;
	margin: 0 auto;
	border-top: 2px dashed #999;
	padding: 20px 0 20px;
	overflow: hidden;
}

footer nav {
	float: right;
	clear: none;
}

footer ul {
	width: 303px;
	float: right;
}

footer li {
	float: left;
	display: block;
	color: #666;
	margin: 0 7px 0 0;
}

footer li:last-child, footer li:last-child a {
	margin: 0;
}

footer li:first-child {
	margin-right: 15px;
}

/* LOGIN STYLES */

div#overlay {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: url('images/overlay.png') repeat;
	z-index: 100;
}

div.prompt {
	position: relative;
	top: 190px;
	margin: 0 auto;
	border: 3px solid #0085a7;
	padding: 20px 20px 30px;
	width: 586px;
	background: #fff;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-box-shadow: 0 0 20px #777;
	-webkit-box-shadow: 0 0 20px #aaa;
}

div.prompt dl, #nnprompt label, #confirmtext {
	margin: 20px 0;
	padding: 20px 0;
	border-bottom: 2px dashed #ccc;
	border-top: 2px dashed #ccc;
	display: block;
	overflow: hidden;
}

#nnprompt label, #confirmtext {
	border-bottom: 0;
	padding-bottom: 10px;
	margin-bottom: 0;
	text-align: left;
	width: auto;
	float: none;
}

#confirmtext {
	padding-bottom: 20px;
}

#nnprompt textarea {
	padding: 10px;
}

div.prompt dt, div.prompt dd, div.prompt label, div.prompt p, div.prompt input {
	display: block;
	float: left;
}

div.prompt dt, div.prompt label {
	padding-top: 25px;
	font-style: italic;
	font-weight: bold;
	color: #999;
	height: 61px;
	width: 125px;
	text-align: right;
	margin-right: 20px;
}

div.prompt label {
	height: auto;
	padding: 0;
}

div.prompt dd {
	width: 68px;
	height: 86px;
	margin-right: 20px;
	position: relative;
	overflow: hidden;
}

div.prompt dd label {
	float: none;
	width: auto;
	background: url('images/loginicons.jpg') no-repeat #fff;
	background-position: 0 0;
	text-align: center;
	font-style: normal;
	font-weight: normal;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
	padding-top: 68px;
	cursor: pointer;
}

div.prompt dd input {
	position: absolute;
	z-index: 0;
}

div.prompt dd input:checked + label {
	background-position: 0 -264px;
	color: #0085a7;
}

div.prompt dd label:hover {
	background-position: 0 -132px;
}

div.prompt dd label.facebook {
	background-position: -68px 0;
}

div.prompt dd label.facebook:hover {
	background-position: -68px -132px;
}

div.prompt dd input:checked + label.facebook {
	background-position: -68px -264px;
	color: #0085a7;
}

div.prompt dd label.twitter {
	background-position: -136px 0;
}

div.prompt dd label.twitter:hover {
	background-position: -136px -132px;
}

div.prompt dd input:checked + label.twitter {
	background-position: -136px -264px;
	color: #0085a7;
}

div.prompt li {
	display: block;
	clear: both;
	margin-bottom: 12px;
}

div.prompt li.submit {
	margin: 0;
}

div.prompt li input {
	width: 128px;
	height: 12px;
	padding: 4px;
	border: 3px solid #ddd;
}

div.prompt li input:focus {
	border: 3px solid #0085a7;
}

/*
4. AJAX Elements
*/ 

#loader {
	display: none;
	position: absolute;
	left: -5000px;
}

span#count {
	display: none;
	position: absolute;
	left: -5000px;
}

/*
5. Float Clearing
*/ 

.clearfix { display: inline-block; }

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

/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
*/