/*   
Theme Name: 02 HTML5 Theme
Theme URI: http://themesumo.com
Description: A kickass, responsive, retro flavored theme with multiple page templates and smooth effects.
Author: ThemeSumo
Author URI: http://themesumo.com
Version: 1.0
*/

/* Custom Chattie Boxes*/
  /* body{background-color:black;}*/
  .chatieleft{color:black;
  min-height:60px;margin:10px;width:90%;margin-left:15px;}
  .chatieright{color:black;
  min-height:60px;margin:10px;width:90%;margin-right:15px;}
  .anleft
  {   height:30px;width:14px;background:url(http://disastercake.com/wp-admin/images/chaties.png);
	  background-position:0px 0px;float:left;}
	  
  .anright{
	  height:30px;width:15px;background:url(http://disastercake.com/wp-admin/images/chaties.png);
	  background-position:-7px -30px;float:right;-webkit-transform:rotate(90deg);
   -moz-transform:rotate(90deg); float:none;}
	  
.chatieboxleft{background-color:white;height:100%;float:left;max-width:60%;padding:3px;margin-top:-15px ;}
  .chatieboxright{background-color:white;height:100%;
  float:right;max-width:70%;padding:3px;}
   .leftimg{float:left;width:90px;  height:90px;background-image:url(http://disastercake.com/wp-admin/images/disaster_face_draft.jpg);background-position:center;}
   .rightimg{float:right;}

/* Defaults */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 20px;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

a, a:visited {color:#df5749;text-decoration:none;}
a:hover {color:#fff;}
/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers. 
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */
img,
object,
embed {max-width: 100%;}
video {
	max-width: 100%;
	height: auto;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;text-decoration:none;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
	font-size:12px;
	line-height:18px;
	color:#666;
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 80%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  

/* Common stuff */
p {padding:0 0 15px 0;}
blockquote { padding:5px 20px;margin:20px 0;font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;font-size:15px;background:url(images/blockquote-border.png) repeat-y top left;color:#2f959c;line-height:22px;text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);}
.alignright, .alignleft, .aligncenter, .alignnone { padding:5px; }
.alignright { float:right;margin:0 0 10px 10px; }
.alignleft {float:left;margin:0 10px 10px 0; }
.aligncenter {margin:0 auto;display:block;}
.alignnone {margin:10px;}

img#wpstats{position:absolute;top:0;width:0px;height:0px;overflow:hidden}


/* Typography */

h1, h2, h3 {color:#fff;font-family:'Candal',Arial;font-weight:normal;text-transform:uppercase;margin:0 0 15px 0;}
h4, h5, h6 {font-family:Georgia, "Times New Roman", Times, serif;color:#fff;font-weight:normal;padding:10px 0;text-transform:uppercase;color:#969696;}
h1 {font-size:20px;}
h2 {font-size:24px;}
h3 {padding:10px 0;}
h4 {font-size:14px;}
h5 {font-size:12px;}
h6 {font-size:11px;}

@font-face {
    font-family: 'MisoLight';
    src: url('fonts/miso-light-webfont.eot');
    src: url('fonts/miso-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/miso-light-webfont.woff') format('woff'),
         url('fonts/miso-light-webfont.ttf') format('truetype'),
         url('fonts/miso-light-webfont.svg#MisoLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MisoRegular';
    src: url('fonts/miso-regular-webfont.eot');
    src: url('fonts/miso-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/miso-regular-webfont.woff') format('woff'),
         url('fonts/miso-regular-webfont.ttf') format('truetype'),
         url('fonts/miso-regular-webfont.svg#MisoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MisoBold';
    src: url('fonts/miso-bold-webfont.eot');
    src: url('fonts/miso-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/miso-bold-webfont.woff') format('woff'),
         url('fonts/miso-bold-webfont.ttf') format('truetype'),
         url('fonts/miso-bold-webfont.svg#MisoBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cubano';
    src: url('fonts/cubano-regular-webfont.eot');
    src: url('fonts/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/cubano-regular-webfont.woff') format('woff'),
         url('fonts/cubano-regular-webfont.ttf') format('truetype'),
         url('fonts/cubano-regular-webfont.svg#MisoBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Weston';
    src: url('fonts/weston-webfont.eot');
    src: url('fonts/weston-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/weston-webfont.woff') format('woff'),
         url('fonts/weston-webfont.ttf') format('truetype'),
         url('fonts/weston-webfont.svg#WestonFreeRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Candal';
    src: url('fonts/Candal-webfont.eot');
    src: url('fonts/Candal-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Candal-webfont.woff') format('woff'),
         url('fonts/Candal-webfont.ttf') format('truetype'),
         url('fonts/Candal-webfont.svg#CandalRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Buttons */
a.button, .submitbutton {padding:6px 8px;font-family:Georgia, "Times New Roman", Times, serif;color:#f5f3e2;text-transform:uppercase;text-decoration:none;font-size:11px;-webkit-box-shadow: 3px 3px 0px rgba(255, 255, 255, 0.15);-moz-box-shadow:3px 3px 0px rgba(255, 255, 255, 0.15);box-shadow: 3px 3px 0px rgba(255, 255, 255, 0.15);white-space:nowrap;display:inline-block;margin-top:15px;}
.submitbutton {border:0;}
a.button:visited {color:#f5f3e2;}

/* The Fun Stuff */
body {font-family:'MisoRegular', Arial, sans-serif;color:#fff;}
#preheader {height:10px;background:url(images/header-border.png);}
header { text-align:center; }
#logo {margin:30px auto 20px;}
#logo a {}
#description {font-family:'Cubano',Arial, sans-serif;font-weight:normal;font-size:36px;color:#383711;}
#subdescription {font-family:Georgia, "Times New Roman", Times, serif;font-size:18px;color:#383711;padding-top:8px;margin-bottom:20px; }
/* Nav */
#menu-item-784 a, #menu-item-2735 a, #menu-item-800 a, #menu-item-769 a, #menu-item-770 a {padding-top:68px;width:74px;}
#menu-item-784 a {background:url(http://www.disastercake.com/wp-content/themes/02/images/button_home_medium.png) no-repeat;}
#menu-item-2735 a {background:url(http://www.disastercake.com/wp-content/themes/02/images/button_games_medium.png) no-repeat;}
#menu-item-800 a {background:url(http://www.disastercake.com/wp-content/themes/02/images/button_blog_medium.png) no-repeat;}
#menu-item-769 a {background:url(http://www.disastercake.com/wp-content/themes/02/images/button_media_medium.png) no-repeat;}
#menu-item-770 a {background:url(http://www.disastercake.com/wp-content/themes/02/images/button_faq_medium.png) no-repeat;}
#nav {display:block;overflow:auto;margin:0 auto;;height:103px;}
#nav ul {padding:5px 0 0 20px;list-style:none inside none;margin:0 auto;}
#nav ul li {float:left;padding:3px 8px;margin-right:5px;}
#nav ul li:hover {color:#fff;}
#nav ul li a { color:#fff;font-family: 'Weston';text-decoration:none;font-size:14px;padding-right:8px;text-shadow:1px 1px 1px #92261e;display:block;}
#nav ul li a:hover {color:#fff;text-shadow:1px 1px 1px #92261e;}
#nav ul ul {display:none; }
#nav ul ul:after {content: '\00a0';position: absolute;z-index: 50;top: -11px;left: 0;width: 100%;background: transparent;display: block;}
#nav ul li:hover > ul {display:block;width:225px;position:absolute;top:47px;background:none;height:auto;padding:0px;margin:0px;border:0;z-index:200;/*top:1em;/*left:0;*/
-webkit-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    2px 2px 5px rgba(50, 50, 50, 0.75);
box-shadow:         2px 2px 5px rgba(50, 50, 50, 0.75);}
#nav ul li:hover > ul li {background:url(images/nav-bg.png);display:block;padding:3px 3px;border-left:2px solid #fff;border-right:2px solid #fff;width:220px;border-bottom:1px solid #a3231a;border-top:1px solid #d8564d;}
#nav ul li:hover > ul li:last-child { border-bottom:2px solid #fff;}
#nav ul li:hover > ul li a {font-size:12px;}



#fullwidth { width:95%;margin:0 auto;padding:0 0 20px 0;}
.border { border:3px solid #F5F5F5;color:#FFF;-webkit-box-shadow: 1px 1px 0px rgba(0, 0, 255, 0.15);-moz-box-shadow:1px 1px 0px rgba(0, 0, 255, 0.15);box-shadow:1px 1px 0px rgba(0, 0, 255, 0.15);overflow:auto; }
.postlist {width:320px;margin:5px;font-size:14px;float:left;padding-bottom:10px;}
.postlist .thumb, #allposts .thumb { position: relative; width: 100%; /* for IE 6 */}
.postlist .thumb .date, #allposts .thumb .date {width:120px;height:23px;background:url(images/post-date.png) no-repeat;z-index:999;padding:3px 0 0 25px;font-family:Georgia, "Times New Roman", Times, serif;font-size:13px;position: absolute;bottom: 20px;left: 0; }
.postlist .date2, .date2 {width:120px;height:23px;background:url(images/post-date.png) no-repeat;z-index:999;padding:3px 0 0 25px;font-family:Georgia, "Times New Roman", Times, serif;font-size:13px;left: 0;margin-top:20px; }
.postlist h2 {font-size:14px;}
.postlist h2 a {color:#fff;text-decoration:none;}
.postlist h2 a:hover {color:#df5749;}
.postlist .postcontent {padding:15px;}

h1.entry-title {font-size:16px;color:#fff;font-family:'Candal',Arial;font-weight:normal;text-transform:uppercase;margin:15px 0 0px 20px;padding:0;}
.entry-content {padding:20px;}
.entry-content h1 {font-size:28px;color:#fff;text-shadow:1px 1px 1px #000;}
.entry-meta { font-family:Georgia, "Times New Roman", Times, serif;font-size:12px;color:#6d6d6d;font-style:italic;padding:0 20px 20px 20px;}
.entry-meta a {text-transform:uppercase;text-decoration:none;color:#ccc;font-style:normal;}
.entry-meta a:hover {color:#df5749;}
.entry-video {}
.entry-video p {padding:5px 20px;}
.entry-video p a {text-decoration:none;}

.entry ul, .entry-content ul {list-style:circle inside;}
.entry ul li, .entry ol li, .entry-content ul li, .entry-content ol li {padding:5px 0;}
.entry ol, .entry-content ol {list-style:inside decimal;}

#post-image {margin:0;padding:0;}
#post-image img {padding:0;margin:0;}
.quotetext {font-family:Georgia, "Times New Roman", Times, serif;font-size:24px;font-style:italic;}
.lefty { width:540px;float:left; }

/* Post related and post formats */
#allposts {padding:20px;}
.post .entry-title {padding:0;margin-bottom:10px;font-size:18px;}
.entry-excerpt {padding:5px 0;}
.post {padding-bottom:20px;margin-bottom:20px; }
.type-post {border-bottom:1px dashed #969696;}
.format-status .date {display:none; }

/* Pagination */
#morenav {width:300px;margin:20px auto 40px;text-align:center;}
#morenav .next-posts, #morenav .prev-posts {padding:5px 10px;display:inline-block;
-webkit-box-shadow: 4px 4px 0px rgba(50, 50, 50, 0.27);
-moz-box-shadow:    4px 4px 0px rgba(50, 50, 50, 0.27);
box-shadow:         4px 4px 0px rgba(50, 50, 50, 0.27);}
#morenav a {color:#fff;}

/* Sidebar */
#sidebar { float:right;width:300px;padding:20px;color:#cccccc;margin-top:10px; }
#sidebar section {margin-bottom:30px;}
#sidebar section h2 {background:url(images/sidebar-h2bg.png) top left no-repeat;color:#fff;padding:5px 10px;font-size:16px; }
#sidebar section h2 a { color:#fff;}
#sidebar section h2 a:hover {}
#sidebar section ul { padding:0 10px;list-style:none inside none; }
#sidebar section div {padding:0 10px;}

/* Comments */
#comments {}
#comments ol {list-style:none inside none;padding:20px;}
#comments ol li {border-bottom:1px dashed #969696;display:block;overflow:auto;padding-top:20px; }
#comments ol li .comment {float:left;}
#comments ol li header {display:block;text-align:left;padding-bottom:10px;}
#comments ol li .comment a {color:#df5749;}
#comments ol li .commentreply { float:right;text-align:center;}
#comments ol li .commentreply .button {width:100px;}
#respond {padding:20px;}
#respond form div {padding:5px 0;}
#respond form #replycomment {}
#respond form textarea { width:100%; }
#respond form #replysubmit {padding-bottom:20px; }
.comment-subscription-form {margin-bottom:3px;}
#leavevoice {padding:20px 0 0 20px;margin:0;font-size:20px;}
#leavereply, #commentstitle { font-size:18px; }

/* Footer */ 
#prefooter { background:url(images/footer-border.png) repeat-x;height:11px; }
footer { color:#fff;padding:40px 0;overflow:auto;font-size:14px; }
#footerwidgets {margin:0 auto;}
#footerwidgets .left {width:200px;float:left;text-align:center;color:#505050;line-height:22px;}
#footerwidgets .left a, #footerwidgets .left a:visited { color:#fff;text-decoration:none;font-family:'MisoBold', Arial;}
#footerwidgets .right {width:800px;margin: 0px auto;text-align:center;}
#footerwidgets .right ul { list-style:none inside none;border-top:1px dashed #969696;margin:20px 0;padding:0;}
#footerwidgets .right ul li {border-bottom:1px dashed #969696;padding:5px 0 5px 15px;font-family:Georgia, "Times New Roman", Times, serif;font-size:12px;color:#6d6d6d;font-style:italic;background:url(images/li-star.png) no-repeat left center;}
#footerwidgets .right ul li a {font-size:14px;text-decoration:none;color:#ccc;}
#footerwidgets .right ul li a:hover {color:#df5749; }

/* Form styles */

#sidebar button, input, select, textarea {width:100%;}
input[type="submit"] {width:auto;}
#searchform {}
#searchform label {visibility:hidden;width:0;height:0;overflow:hidden;position:absolute;top:0; }
#searchsubmit {width:21px;height:22px;background:url(images/search.png) no-repeat center 1px;border:none;margin-left:5px;padding-top:2px;}
#searchsubmit:hover {background:url(images/search_ro.png) no-repeat center 1px;}
#s {width:70%;float:left;}

/* Tables */
table { width:100%;border-left:1px solid #282b31;border-right:1px solid #282b31;border-top:1px solid #282b31; }
table caption {padding:10px 0; }
th { text-align:center;padding:5px;border-bottom:1px solid #282b31;background:#282b31;text-shadow:1px 1px 1px #1b1d1f; }
td { border-bottom: 1px solid #282b31;border-top:1px solid #1b1d1f;padding:5px;text-align:center;background:#1b1d1f; }

/* Toggle Boxes */
.toggle_container {
	padding: 10px 0 15px;
	margin-bottom: 1px;
	font-family:Georgia, Arial, Helvetica, sans-serif;
	font-weight:normal;
    font-size:12px;
	border-bottom: 1px dashed #969696;
}
p.trigger {
	display: block;	
	padding:  8px 8px 8px 16px;
	margin: 0;
	cursor: pointer;
	line-height: 175%;
	font-size:14px;
	font-weight:normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}

/* Up Toggle State */
p.trigger {background: url(images/toggle_plus.png) no-repeat right center;border-bottom: 1px dashed #969696;padding-left: 0;}
p.trigger a {color: #fff;text-decoration: none;}

/* Hover Toggle State */
p.trigger:hover { background: url(images/toggle_plus.png) no-repeat right center;}
p.trigger a:hover,p.trigger.active a:hover { color: #fff;}

/* Active Toggle State */
p.trigger.active {background: url(images/toggle_minus.png) no-repeat right center;border-bottom:0;}
p.trigger.active a {color: #fff;}

/* Toggle Wrapper */
.togglewrap {border-top:1px dashed #969696;margin:10px 0 20px; }



#pagesize, #comments { width:920px;margin:0 auto 40px;}

#content-wrap {float:left;width:35%;}
#post-image {float:right;width:65%;
padding:0;margin:0;}

#nav {display:block;overflow:auto;margin:0 auto;;height:103px;}
#nav ul {padding:5px 0 0 20px;margin:0 auto;list-style:none inside none;width:920px;}
#nav ul li {float:left;padding:3px 8px;margin-right:5px;}
#nav ul li:hover {color:#fff;}
#nav ul li a { color:#fff;font-family: 'Weston';text-decoration:none;font-size:14px;}
#nav ul li a:hover {color:#fff;}

#nav ul { width:590px;}
#nav ul { width:530px;}

#comments ol li .comment {float:left;width:80%;padding-bottom:20px;}
#comments ol li .commentreply { float:right;width:20%;text-align:center;}
#respond form #replycomment {width:70%}


#footerwidgets {width:800px;margin:0 auto;}
#footerwidgets .right {width:800px;float:right;text-align:center;}
#footerwidgets .right ul { width:100%; }
#footerwidgets .left {width:200px;float:left;text-align:center;color:#505050;line-height:22px;}