/*
Theme Name: The Cutest Blog on the Block
Theme URI: http://www.thecutestblogontheblock.com
Description: Wordpress theme for thecutestblogontheblock.com
Author: Unruly Studios
Author URI: http://www.unrulystudios.com
*/

/* CSS Document */

@charset "utf-8";

body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote { margin: 0; padding: 0; border: 0; }

body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #707070; background:#ffffff; }

a { text-decoration: none; color: #999; }
a:hover { text-decoration: underline; }

#wrapper-top { height: 215px; width: 973px; margin: 20px auto 0 auto; background:url(/images/header-logo-bg.png); }
#wrapper { clear: both; width: 963px; margin: 0 auto; background:url(/images/content-bg.png); padding:10px 5px 40px 5px; }
#wrapper-bottom { clear: both; height: 51px; width: 973px; margin: 0 auto; background: url(/images/bottom-border.png) bottom center; }

/*HEADER*/

#header { position: relative; }
#left-home { float: left; padding: 20px 0 0 20px; }
#left-home img { padding: 0 3px; }
#social { float: right; padding: 20px 20px 0 0; }
#social img { padding: 0 3px; }
#logo { width: 500px; margin: 0 auto 0; padding-top: 10px; }
#logo h1 a { display: block; text-indent: -9999px; width: 500px; height: 200px; }
#icon { float: left; margin: 10px 0 0 110px; width: 740px; text-align:center; }

#access { clear: both; background:#707070; width: 943px; height: 39px; margin: 0 0 10px 10px; position: relative; }
#access ul { list-style: none; }
#access li { position: relative; float: left; text-align: center; }
#access a { background:#707070; display: block; text-transform: uppercase; padding: 12px 9px 12px 9px; font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:12px; }
#access a:hover { text-decoration: none; }
#ie9 #access a { padding: 12px 4px 12px 4px; }
#access a:hover { background: #969696; color:#FFF; }
#access ul ul { display: none; position: absolute; top: 38px; left: 0; float: left; width: 180px; z-index: 99999; }
#access ul ul li { min-width: 180px; display: block; text-align: left; }
#access ul ul ul { left: 100%; top: 0; }
#access ul ul a { background: #969696; padding:8px 15px; width: 160px; height: auto; }
#access li:hover > a { background: #969696; color: #fff; }
#access ul ul :hover > a { background: #707070; color: #fff; }
#access ul li:hover > ul { display: block; }
#access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a, #access ul li.current-post-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a { color: #fff; background: #969696; }
#access li#menu-item-6623 { float: right; }
#access .new { position: absolute; top: 0; right: 0; background: url(/images/new-banner.png) top right no-repeat; height: 25px; width: 25px; text-indent: -9999px; }
/*#access .home { background: url(/images/home.png) center center no-repeat; text-indent: -9999px; }
#access .home a:hover { background: url(/images/home.png) center center no-repeat #969696; }*/

/*CONTENT*/

#content { margin: 0 10px; }
#content p { line-height:18px; margin-bottom:15px; }
#content ol li { list-style:decimal inside; }
#slider { margin: 0 0 25px 0; }
#boxes ul { list-style:none; }
#boxes li { float:left; border-right:1px solid #dadada; padding: 0 30px; display: inline; width: 250px; }
#boxes h2 { font-family: 'Century Gothic', 'CenturyGothic', Arial, Helvetica, sans-serif; font-weight: normal; font-size:18px; display: inline; background:url(/images/arrow.png) center right no-repeat; padding: 5px 35px 10px 0; }
#boxes h2 a { color: #707070; }
#boxes h2 a:hover { color: #555555; }
#boxes p { margin-top:10px; }

#left-sidebar { float: left; width: 109px; padding: 0 20px; }
#left-sidebar h3 { font-family: 'Century Gothic', 'CenturyGothic', Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; text-transform: uppercase; padding: 15px 0 10px 0; margin-bottom: 10px; }
#left-sidebar ul { list-style: none; }
#left-sidebar li { margin-bottom: 10px; }
#left-sidebar img { margin-bottom: 10px; max-width: 100px; }

.posts { float: left; width: 450px; padding: 15px 20px; border-left: 1px solid #dcdcdc; }
.posts h1.page-title { font-weight: bold; text-transform: uppercase; font-family: 'Century Gothic', 'CenturyGothic', Arial, Helvetica, sans-serif; color: #a7c2b9; font-size: 18px; }
.posts h1.entry-title { font-weight: bold; text-transform: uppercase; font-family: 'Century Gothic', 'CenturyGothic', Arial, Helvetica, sans-serif; color: #a7c2b9; font-size: 18px; margin-bottom:5px; line-height:24px; }
.posts h1 a { color: #a7c2b9; }
.posts .entry-meta a { color:#bababa; }
.posts .entry-header { margin-bottom:20px; display:block; }
.comments-link a { font-family: 'Century Gothic', 'CenturyGothic', Arial, Helvetica, sans-serif; font-weight: normal; font-size:14px; color:#999; text-transform:uppercase; float:right; }
.posts article { clear:both; border-bottom:1px solid #e1e1e1; margin-bottom:20px; padding-bottom:20px; display:block; }
#content .posts article p { font-size:14px; line-height:20px; }
.posts .edit-link a { float:right; font-size:11px; color:#a7c2b9; }

#right-sidebar { float: right; width: 300px; }
#right-sidebar img { margin-bottom: 10px; }

.post-list { width:630px; }
.post-list .title-dropdown { background:#a8dacd; padding:10px 20px; }
.post-list .title-dropdown select { font-size:14px; color:#999; border:1px solid #ccc; padding:2px; float:right; }
.post-list .title-dropdown a { font-family: 'Century Gothic', 'CenturyGothic', Arial, Helvetica, sans-serif; font-weight: bold; font-size:12px; color:#FFF; cursor:pointer; display: inline; background:url(/images/arrow.png) center right no-repeat; padding: 0px 35px 0px 0; border:none; text-transform:uppercase; float:right; margin-top:3px; }
.post-list h1 { font-family: 'Century Gothic', 'CenturyGothic', Arial, Helvetica, sans-serif; font-size:16px; text-transform:uppercase; font-weight:normal; color:#FFF; float:left; }

#content .entry-content ol li { margin-bottom:5px; line-height:18px; font-size: 14px; }
#content .entry-content ol { margin:10px 0 30px 0; }
#content .entry-content p { margin: 0 0 10px 0; }
#content .entry-content img { max-width: 450px; height: auto; margin: 10px auto; }

#script, .script { border-left: 5px #DDD solid; background: #F5F5F5; padding: 10px 10px 10px 15px; margin: 10px 0 20px 0; font: 12px Monaco, "Lucida Console", "Courier New", "Courier", monospace; display: block; overflow: auto; }
#script p, .script p { margin:0; }
#script img, .script img { display:none; }

#content .wp-showdown-container { padding: 0; }
#content .wp-showdown-container h2 { padding: 0 0 10px 0; margin: 0 0 10px 0; }
#content .wp-showdown-container .stats { float: left; color: #5c6165; margin: 15px; }
#content .wp-showdown-container .enlarge { color: #a8dac9; display: inline-block; background: #5c6165; font-size: 14px; width: auto; padding: 5px; margin: 10px 10px 20px 0;  border: 1px solid #5c6165; border-radius: 4px; float: right; }
#content .wp-showdown-container .wp-showdown-draw a { color: #5c6165; font-size: 16px; font-weight: bold; }
#content .wp-showdown-container .wp-showdown-draw a:hover {  }
#content .wp-showdown-container .wp-showdown-title a { color: #5c6165; }
#content .wp-showdown-container .wp-showdown-image .wp-showdown-title a { display: block; height: 50px; }
#content .wp-showdown-container .enlarge:hover { background: #d9eee7; color: #5c6165; }
#content .wp-showdown-votehere ul { background: #d9eee7; border-top: 0; margin-bottom: 15px; }
#content .wp-showdown-votehere .wp-showdown-voteherecaption { font-size: 16px; }
#content .wp-showdown-votehere .wp-showdown-youvotedavg { background: #5c6165; }
#content .wp-showdown-votehere .wp-showdown-votenumbers span { background: #5c6165; color: #a8dac9; text-shadow: none; border: 1px solid #5c6165; }
#content .wp-showdown-votehere ul li a { color: #5c6165; border: 1px solid #d9eee7; text-shadow: none; }
#content .wp-showdown-votehere ul li a:hover { background: #a8dac9; color: #ffed94; border: 1px solid #5c6165; }
#content .wp-showdown-stat { float: left; width: 170px; text-align: center; min-height: 180px; line-height: 12px; }
#content .wp-showdown-stat h3 { margin-bottom: 5px; }
#content .top-ten { text-align: center; margin-bottom: 10px; }


#left { width:590px; float:left; padding:20px; word-wrap: break-word; }
#left ul { margin: 0 0 10px 30px; }
#left li { margin-bottom: 5px; }
#left.post-list { width:610px; padding-right:0; }
#left h1 { font-family: 'Century Gothic', 'CenturyGothic', Arial, Helvetica, sans-serif; font-size:24px; text-transform:uppercase; font-weight:normal; margin-bottom:5px; }
#left article { margin:0 0 15px 0; display:block; }
.single-post { width:275px; float:left; margin-right:30px; height: 196px; overflow: hidden; }
.single-post h2 { margin:5px 0 30px 0; }
#left .single-post h2 a { font-size:12px; font-weight:normal; color:#999; line-height: 14px; display: block; }
.single-post img { max-height:136px; width:auto!important; }
.attachment-post-thumbnail { max-width:584px; height:auto; }
#left h2.download a { font-family: 'Century Gothic', 'CenturyGothic', Arial, Helvetica, sans-serif; font-weight: normal; font-size:14px; color:#999; cursor:pointer; display: inline; background:url(/images/arrow.png) center right no-repeat; padding: 5px 35px 10px 0; border:none; text-transform:uppercase; }
.single-post.similar { width: 170px; text-align: center; height: 130px; line-height: 12px; }
.single-post.similar img { width: 170px; height: auto; }
#left .secrets h2 a { color:#a7c2b9; font-weight:bold; font-size:14px; line-height:20px; }
#left .secrets h2 { margin: 0 0 15px 0; border-bottom:1px solid #e1e1e1; padding: 0 0 15px 0; }
#left .bottom-back a { float:right; font-family: 'Century Gothic', 'CenturyGothic', Arial, Helvetica, sans-serif; font-weight: normal; font-size:14px; color:#999; cursor:pointer; display: inline; background:url(/images/arrow.png) center right no-repeat; padding: 5px 35px 10px 0; border:none; text-transform:uppercase; }
#left.secrets time { display:none; }

pre, code { display: block; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }

.pin-it { margin-bottom: 10px; }
.page-nav { clear: both; font-size: 16px; }
.page-nav a { display: inline; margin: 0 5px; }

#searchform input { padding:2px; border:1px solid #e1e1e1; }
input#searchsubmit { font-family: 'Century Gothic', 'CenturyGothic', Arial, Helvetica, sans-serif; font-weight: normal; font-size:14px; color:#999; cursor:pointer; display: inline; background:url(/images/arrow.png) center right no-repeat; padding: 5px 35px 10px 0; border:none; text-transform:uppercase; }
.search-form { margin-bottom: 10px; }

.ratings { height: 75px; }
nav { margin-bottom:30px; display:block; }
.nav-previous a { float:left; color:#bababa; }
.nav-next a { float:right; color:#bababa; }

#comments a { color:#bababa; }
textarea, input[type="text"] { padding:2px; border:1px solid #e1e1e1; width:100%; }
input#submit { font-family: 'Century Gothic', 'CenturyGothic', Arial, Helvetica, sans-serif; font-weight: normal; font-size:14px; color:#999; cursor:pointer; display: inline; background:url(/images/arrow.png) center right no-repeat; padding: 5px 35px 10px 0; border:none; text-transform:uppercase; }
#comments img.avatar { float:left; margin:0 20px 20px 0; }
#comments .reply { clear:both; }
#comments ol li { list-style:none; margin:10px 0; display:block; }
#comments ol li footer { margin-bottom:20px; display:block; }
#comments ol li .comment-content { background:#e7e7e7; padding:15px; width:330px; float:right; }
#comments ol li .comment-content p { margin:0; }
#comments label { vertical-align:top; margin:0 20px 10px 0; display:block; }
#comments h2#comments-title { font-family: 'Century Gothic', 'CenturyGothic', Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; text-transform: uppercase; padding: 0 0 10px 0; margin-bottom: 10px; }
#comments p.form-allowed-tags { display:none; }


#mc_signup label { display: block; margin-bottom: 5px; }
#mc_signup input[type=text] { width: 200px; margin-bottom: 10px; }
#mc_signup input[type=submit] { font-family: 'Century Gothic', 'CenturyGothic', Arial, Helvetica, sans-serif; font-weight: normal; font-size:14px; color:#999; cursor:pointer; display: inline; background:url(/images/arrow.png) center right no-repeat; padding: 5px 35px 10px 0; border:none; text-transform:uppercase; }


.siteslove { margin: 0px 5px 0px 5px; float:left; }
.siteslove img { padding: 5px 5px 5px 5px; }
.sites { margin: 2px 0px 2px 0px; height: 75px; }

.bios { list-style: none; margin: 0; padding: 0; }
.bios li img { float:left; padding: 0 20px 10px 0; }
.bios li { margin: 0 0 20px 0; min-height:341px; }
.bios li h1 { margin: 5px 0px 15px 0px; }

.advertise-form { background: #eaeaea; padding: 15px; margin-bottom: 25px; }
.advertise-form label { display: block; width: 100px; float: left; }
.advertise-form input[type=text] { width: 200px; margin-bottom: 15px; padding: 3px; }
.advertise-form textarea { width: 400px; margin-bottom: 15px; padding: 3px; }
.advertise-form input[type=submit] { background: #5C6165; border: 1px solid #5C6165; border-radius: 4px; color: #A8DAC9; font-size: 14px; padding: 5px 15px; cursor: pointer; }
.advertise-form input[type=submit]:hover { background: #D9EEE7; color: #5C6165; }

/*FOOTER*/

.footer-ad { width: 728px; margin: 10px auto 0 auto; }
#footer p { width: 960px; margin: 30px auto 30px auto; color:#666666; font-size:11px; text-align:center; }
#footer a { color: #707070; }