/*   
Theme Name: Open Tappiness
Theme URI: http://www.opentappiness.org
Description: WordPress Theme for OpenTappiness.org
Author: UpTrending
Author URI: http://www.uptrending.com
Template: thematic
Version: 1.0
*/

/* Reset the browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply default typography */
@import url('../thematic/library/styles/typography.css');

/* Add WordPress image styles */
@import url('../thematic/library/styles/images.css');

/* Add a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Start with some default styles */
@import url('../thematic/library/styles/18px.css');


/* Layout */
body {color: #fff; font-size: 12px; font-family: arial; background: #bef3fe url('./images/bg.jpg') no-repeat top center; height: 1000px;}
#wrapper {width: 883px; height: 885px; padding: 0 25px; margin: 0 auto; position: relative;}
#main {width: 437px; margin-left: 456px; padding: 10px 0;}
#content .page, #content .post {width: 400px; margin: 0 auto; overflow: visible !important;}
#container, #content, .entry-content {padding: 0; width: 100%;}
.clear {clear: both;}
p {margin: 15px 0;}
a {color: #fff; text-decoration: underline;}
a:visited {}
a:hover {color: #ddf;}
.edit-link {position: absolute; top: 0px; right: 10px; display: none;}

/* Header */
#header {display: none;}

/* Navigation */
.menu {display: none;}

/* Logos */
#water {position: absolute; bottom: 10px; left: 60px;}
#cai {position: absolute; bottom: 30px; left: 300px;}

/* Headings */
h1 {font-size: 24px;}

/* Main Content */
#content .post, #content .page {background: url('./images/bg-message.png') no-repeat; height: 430px; width: 377px; padding: 34px 30px 0 30px; position: relative; top: -10px;}
#content .post h1, #content .page h1 {text-align:center;}

/* Form */
input, label, span.help {display: inline-block; margin: 0 0 5px 0;}
label {margin-right: 5px;}
input {width: 210px; margin-right: 10px;}
span.help {font-size: 11px;}
.group label {float: left; width: 65px; text-align: right; margin: 0 6px 0 10px;}
.group input {float: left; width: 103px; margin-right: 0;}
.group label:first-child {margin-left: 0px !important;}
input.alerts {width: 12px; height: 12px; position: relative; top: 1px;}
input#submit {width: 219px; height: 40px; background: url('./images/button-create.png'); border: none; padding: 0; margin: 10px 0 0 78px;}
input#submit:hover {cursor: pointer;}
input.error {border: 2px solid red;}

/* Billboard */
#billboard {position: absolute; top: 236px; left: 36px;}

/* Featured */
#featured {background: url('./images/bg-submissions.png') no-repeat; height: 108px; width: 377px; padding: 51px 30px 0 30px; position: relative; top: -10px; text-align: center;}
#featured a {display: inline-block; margin: 0 10px;}

/* Action */
#action {background: url('./images/bg-talking-points.png') no-repeat; height: 106px; width: 377px; padding: 15px 30px; font-size: 13px; font-weight: bold; position: relative; top: -10px;}

/* Public Page */
#comments {display: none;}

/* Steps */
.step {margin-top: 10px;}
.step a.social {display: inline-block; float: left;}
.step p {margin: 0; padding: 0; float: left; width: 340px;}
.step p span {float: left; margin-right: 10px; position: relative; top: 4px;}
.step img {float: left; padding-right: 10px;}

/* Footer */
#footer {padding: 0; margin: 0; position: absolute; bottom: 12px; right: 18px;}
#siteinfo {width: 395px; height: 90px; color: #fff; font-size: 10px; text-align: right; float: right;}
#legal {color: #111; float: right; font-size: 13px; position: absolute; bottom: 10px; right: 10px; text-decoration: none;}
#legal:hover {text-decoration: underline;}

/* Social Links */
#footer .social {display: inline-block; margin: 0 15px; float: right;}
#footer #mail {margin-right: 85px;}

/* Posts */
.post-listing {text-align: center;}
.img-post {margin-bottom: 5px;}
.nav-previous {position: absolute; top: 420px; left: 40px;}
.nav-next {position: absolute; top: 420px; right: 20px;}

/* Disclaimer */
body.slug-disclaimer {background: #fff; padding: 0 !important; margin: 0 !important; color: #000; background-image: none !important; width: 530px !important; height: auto !important;}
.slug-disclaimer #wrapper, .slug-disclaimer #main, .slug-disclaimer #container, .slug-disclaimer #content, .slug-disclaimer .page, .slug-disclaimer .entry-content {background: #fff; background-image: none !important; width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; float: none !important;}
.slug-disclaimer #page-bottom, .slug-disclaimer #footer, .slug-disclaimer #water, .slug-disclaimer #cai, .slug-disclaimer #billboard {display: none !important;}