/*
Theme Name: Brad Frost Web V4
Theme URI: http://bradfrostweb.com
Description: Brad Frost Web V4 HTML5 Edition
Version: 1
Author: Brad Frost Web
Author URI: http://bradfrostweb.com
Tags: brad frost web, html5
*/

/*
Colorzzz
orange #be6700
blue #03015c
light beige #dedcb9
light beige2 #cdcaa2
light brown #250000
dark brown #110000
*/

/*******************RESET CSS*******************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, cite, font, img, small, 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: middle;background: transparent;} ol, ul {list-style: none;} table {border-collapse: collapse; border-spacing: 0;} legend {display: none;}
/****************END RESET********************/

/****************Global Elements**************/
html,body { font: 13px "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; background: url(images/bg.png) #f6f5de; color: #250000; text-align: center; height: 100%; -webkit-text-size-adjust: none;  }
h1,h2 { font-size: 20px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; text-transform: lowercase; }
h3 { font-size: 18px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; text-transform: lowercase; padding-bottom: 10px; background: url(images/border_header.png) repeat-x 0 100%; margin-bottom: 16px; text-shadow: 2px 2px 0 #cdcaa2; }
h4 { font-size: 14px; margin-bottom: 8px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; text-transform: lowercase; }
h5 { text-transform: uppercase; letter-spacing: 2px; font-weight: normal; border-bottom: 1px dotted rgb(222, 221,188);border-bottom: 1px dotted rgba(36,50,0,0.2); padding-bottom: 1px; margin-bottom: 5px; color: #03015C; }
p { line-height: 150%; }
li { line-height: 150%; }
blockquote { display: block; padding: 20px; font-family: Georgia; font-size: 16px; font-style: italic; color: #03015c; background: rgba(186,211,194,0.35); margin-bottom: 24px;  }
a { color: #be6700; vertical-align: top; }
a:hover { color: #f08200; }

form { padding: 15px 0; float: left; width: 100%; }
fieldset { width: 100%; }
form p { margin-bottom: 15px; float: left; width: 50%; }
input, select, textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans serif; background: url(images/pattern_1.png) #110000; border: 4px double #cdcaa2; color: #cdcaa2; font-size: 12px; letter-spacing: 1px; padding: 6px; width: 274px; }
textarea { overflow: auto;  }
input#submit { background: #be6700; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: 2px solid #955101; text-transform: uppercase; font-weight: bold; font-size: 13px; cursor: pointer; width: auto; margin-bottom: 12px; -moz-box-shadow: 3px 3px 0 #c5ba8d, 6px 6px 0 #cdc49f, 9px 9px 0 #dbd3b3; -webkit-box-shadow: 3px 3px 0 #c5ba8d, 6px 6px 0 #cdc49f, 9px 9px 0 #dbd3b3; box-shadow: 3px 3px 0 #c5ba8d, 6px 6px 0 #cdc49f, 9px 9px 0 #dbd3b3; }
input#submit:hover { -moz-box-shadow: 3px 3px 0 #955101, 6px 6px 0 #925002, 9px 9px 0 #7b4300; -webkit-box-shadow: 3px 3px 0 #955101, 6px 6px 0 #925002, 9px 9px 0 #7b4300; box-shadow: 3px 3px 0 #955101, 6px 6px 0 #925002, 9px 9px 0 #7b4300; color: #fff; }
input#submit:active { margin-top: 3px; margin-left: 3px; -moz-box-shadow: 2px 2px 0 #955101, 4px 4px 0 #925002, 6px 6px 0 #7b4300; }
input:focus, select:focus, textarea:focus { background-color: #1e0000; color: #edebd4; }
label { display: block; font-size: 15px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; text-transform: lowercase; padding-bottom: 3px; text-shadow: 1px 1px 0 #cdcaa2;  }
select {  width: 294px; padding: 5px; }
option { padding: 0 6px; }
td { padding: 4px 0; }
ol  { list-style: decimal; }
::-moz-selection{background:#1d1100; color:#cdcaa2; }
::selection {background:#1d1100; color:#cdcaa2;}
/****************End Global Elements**********/

/****************Classes**************/
.right { float: right; padding: 0 0 24px 24px;}
.left { float: left; padding: 0 24px 24px 0;}
.clear { clear: both; height: 0; }
.hide { display: none; }
.last { margin-right: 0; padding-right: 0; border-right: none; }
.selected { color: #999; }
.clickable { cursor: pointer; }
.intro { font-family: Georgia, "Times New Roman", Times, serif; font-size: 19px; font-style: italic; margin-bottom: 24px; padding-left: 12px; border-left: 2px dotted rgb(222, 221,188);border-left: 2px dotted rgba(36,50,0,0.2); }
.monster { clear: both; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #f6f5de; text-align: center; background: url(images/pattern_1.png) #01002c; padding: 6px; border: 3px double #CDCAA2;  }
.full-width { width: 100%; }
.btn { background: #cdcaa2; padding: 4px 10px; text-transform: uppercase; letter-spacing: 1px; color: #250000; text-decoration: none; }
.btn:hover { background: #be6700; color: #dedcb9;  }
.btn-alt, .leave-comment a {  background: #dedcb9; padding: 4px 10px; text-transform: uppercase; letter-spacing: 1px; color: #250000; text-decoration: none; }
.btn-alt:hover, .leave-comment a:hover { background: #03015c; color: #dedcb9; }
.btn-alt2, .btn-alt3 { background: #cdcaa2; padding: 4px 10px; text-transform: uppercase; letter-spacing: 1px; color: #250000; text-decoration: none; }

/*2 Column Block*/
.col2 { float: left; width: 96%; background: rgba(205,202,162,0.26); padding: 2%; margin-bottom: 24px; }
.col2-left { float: left; width: 48%; margin-bottom: 24px; }
.col2-right { float: right; width: 48%;  margin-bottom: 24px; }

/*3 Column Block*/
.col3 { clear: both; }
.col3 div { width: 30%; margin: 0 3% 24px 0; float: left; }
.col3 div.last { margin-right: 0; }

/*4 Column Block*/
.col4 { width: 23%; margin-right: 2.6%; margin-bottom: 24px; float: left; padding-top: 10px; }
.col4:hover { background: rgba(205,202,162,0.16); }
.col4:active { background: rgba(205,202,162,0.4); }
.col4:hover h3 { color: #be6700; }
.col4.last { margin-right: 0; float: right; }
.col4 a { font-family: Georgia, "Times New Roman", Times, serif; display: block; margin-top: 12px; text-transform: lowercase; font-weight: bold; font-style: italic; text-decoration: none; letter-spacing: 1px; }
.col4:hover a {  color: #f08200; }
/****************End Clasees**************/

/****************Structure*********************/
#top-bar { height: 12px; width: 100%; background: #110000; border-bottom: 4px double #f6f5de; ] }
#container { text-align: left; position: relative;  }
body > #container { }

/*Header*/
#header-container {  }
#header {  padding: 20px 0 20px 0; overflow: auto; margin: 0 auto; text-align: left; width: 980px; position: relative; }
#logo { float: left; }
#logo a { display: block; background: url(images/logo_brown.png) no-repeat; width: 107px; height: 54px; text-indent: -9999em; }
#logo a:hover { background-position: -107px 0; }
nav { float: right; clear: right; margin-top: -10px; }
#nav li { float: left; margin-right: 15px; padding-bottom: 2px; }
#nav li:hover, #web #nav li#n-web, #music #nav li#n-music, #art #nav li#n-art, #about #nav li#n-about, #contact #nav li#n-contact, .blog #nav li#n-blog  { border-bottom: 2px solid #cdcaa2; padding-bottom: 0; }
#nav li:last-child { margin-right: 0; }
#nav li a { display: block; float: left; padding-top: 51px; text-decoration: none; color: #000; text-transform: lowercase; background: url(images/nav.png) no-repeat 0 100%; text-indent: -9999em; }
#nav li#n-web a { background-position: 0 100%; width: 26px; }
#nav li#n-music a { background-position: -42px 100%; width: 38px; }
#nav li#n-art a { background-position: -95px 100%; width: 17px; }
#nav li#n-blog a { background-position: -128px 100%; width: 26px; }
#nav li#n-about a { background-position: -217px 100%; width: 37px; }
#nav li#n-contact a { background-position: -269px 100%; width: 46px; }

/*Leaderboard*/
#leaderboard { display: block; margin-bottom: 34px; background: url(images/pattern_1.png) #be6700; height: 350px; position: relative; overflow: hidden; cursor: crosshair; }
#leaderboard:active { background-position: 50% 50%; background-color: #01002c; }
#leaderboard #lb-bg { position: absolute; top: 0; left: 0; z-index: 1; background: url(images/bg_leaderboard_noise.png) 50% 0; -moz-background-size: 100%; background-size: 100%; display: block; height: 350px; text-align: right; width: 100%; }
#lb-header { width: 980px; height: 350px; margin: 0 auto; position: relative; }
#leaderboard h2, #leaderboard h1 { color: #dedcb9; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-style: italic; font-size: 70px; line-height: 60px; position: absolute; bottom: -12px; right: 87px; }

/*Content*/
#content { margin: 0 auto; width: 980px; clear: both; display: block; padding-bottom: 70px; overflow: hidden;  }
#content p{ margin-bottom: 15px; }
#content p.intro { margin-bottom: 24px; }
#content ul { margin-bottom: 15px; }
#content ul li { background: url(images/li.png) no-repeat 0 3px; padding-left: 14px; margin-bottom: 12px; }
.one-col #main { width: 100%; }
#main{ width: 650px; float: left; margin-right: 20px; }
#sidebar{ width: 280px; float: right; }

/*Footer*/
#footer { clear: both; float: left; height: 17px; width: 100%; /*background: url(images/border_bot.png) repeat-x;*/ background: #110000; border-top: 4px double #f6f5de; padding: 7px 0 9px; font-size: 11px; color:#cdcaa2; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; text-align: center; position: relative; margin-top: -37px; overflow: hidden; }
.page #footer { position: fixed; bottom: 0; left: 0; }
#footer div { width: 980px; text-align: left; margin: 0 auto; }
#footer #fdate { float: left; }
#footer a { color:#cdcaa2; }
#footer a:hover { color: #BE6700; }
#footer #copyright { float: right; }
/****************End Structure******************/

/****************Pages*********************/
/*Homepage*/
#home #leaderboard h2 { font-size: 120px; bottom: 0; text-shadow: 10px 10px 2px rgba(0, 0, 0, 0.5) }

/*Web*/
#web #leaderboard { background: url(images/img_leaderboard_bluetri.jpg); }
#web #leaderboard span { background: none; }
#portfolio { width: 100%; float: left; margin-bottom: 24px; }
#nav-next, #nav-prev { display: block; float: left; width: 136px; height: 15px; padding-top: 5px; text-indent: -9999em; text-align: center; color: #fff; font: italic 9px Georgia, "Times New Roman", Times, serif; text-transform: lowercase; text-decoration: none; }
#nav-prev { background: url(images/arrow_orange_up.png) no-repeat 50% 0; }
#nav-next {  background: url(images/arrow_orange_down.png) no-repeat 50% 0; height: 17px; padding-top: 3px; }
#nav-next:hover, #nav-prev:hover { text-indent: 0; }
#portfolio-nav { float: left; width: 177px; }
#carousel-container { height: 420px; overflow: hidden; width: 177px; position: relative; }
#content #portfolio-nav ul { position: absolute; top: 0; left: 0; }
#content #portfolio-nav ul li { background: none; padding: 0; margin: 0; }
#content #portfolio-nav ul li a{ display: block; background: none; padding: 0 47px 0 0; margin: 0 0 2px 0;  }
#content #portfolio-nav ul li a img { border: 3px solid rgba(37,0,0,0.15); }
#content #portfolio-nav ul li a:hover img { border: 3px solid rgba(37,0,0,0.35); }
#content #portfolio-nav ul li a.active { background: url(images/bg_bubble.png) no-repeat 100% 50%; }
#content #portfolio-nav ul li img { height: 97px; width: 130px;}
#portfolio-content { float: right; width: 763px; min-height: 400px; padding: 20px; background: rgb(222, 221,188); background: rgba(205,202,162,0.56); }
#portfolio-content h4 { font-size: 24px; }
#portfolio-content img{ float: right; margin-left: 24px; width: 400px; height: 299px; padding: 15px; background: rgba(37,0,0,0.15); }
.project { display: none; }
.project:first-child { display: block; }
.project-desc { width: 304px; }

#web .col2-left { width: 46%; }
#web .col2-right { background: url(images/bg_concentric.png) 0 50% no-repeat; padding-left: 12%; width: 38%; font-size: 13px; }

/* Music */
#music #leaderboard { background: url(images/img_leaderboard_concentric.jpg) 50% 0; -moz-background-size: 100%; background-size: 100%; }
#music #leaderboard span { background: none; }
#music #content li { padding-left: 0; background: 0; }
#music #content li img { }
#music-background { -moz-column-count: 3; -moz-column-gap: 4em; -webkit-column-count: 3; -webkit-column-gap: 4em; }

/*Art*/
#art #leaderboard { background: url(images/img_leaderboard_triangle.png) no-repeat 50% 0; }
#art #leaderboard #lb-bg { background: none; }

/*About*/
#about #leaderboard h1 { right: 0; font-size: 129px; bottom: 3px; text-shadow: 10px 10px 2px rgba(0, 0, 0, 0.5); }
#img-about { float: left; display: block; margin: 0 20px 20px 0; border: 4px double #CDCAA2; width: 256px; }
#about-col { float: left; width: 374px; }
#about-places { float: right; width: 295px; }
#social ul li { background: none; padding: 0; margin: 0; }
#social ul li a { display: block; background: url(images/sprite_social.png) no-repeat; padding: 3px 0 5px 29px; margin-bottom: 6px; text-decoration: none; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: bold; }
#social ul li#a-facebook a { background-position: 0 -28px; }
#social ul li#a-lastfm a { background-position: 0 -56px; }
#social ul li#a-delicious a { background-position: 0 -84px; }
#social ul li#a-linkedin a { background-position: 0 -112px; }

/* Contact */
#contact #leaderboard { background-color: #110000; }
#contact #leaderboard h1 { font-size: 66px; }
#contact #sidebar { width: 285px; }
form.wpcf7-form { padding-top: 0; }
form.wpcf7-form textarea { width: 599px; }
div.wpcf7-validation-errors { clear: both; background: rgba(255,0,0,0.4); border: 0 !important; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #760000; padding: 4px !important;  }
span.wpcf7-not-valid-tip-no-ajax { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 11px !important; padding: 2px 0; }
#contact-info { margin-bottom: 43px; }
#content #c-phone { color: #F6F5DE; font-size: 47px; letter-spacing: -2px; font-weight: bold; text-shadow: 2px 2px 0 rgba(115,0,0,0.8), -3px -3px 0 rgba(113,159,166,0.8), -4px 4px 0 rgba(247,170,170,0.8), 4px -4px 0 rgba(221,210,166,0.8); margin-bottom: 3px; line-height: 49px; }
#c-email a{ text-decoration: none; font-size: 25px; letter-spacing: 3px; font-weight: bold; }
#c-email a span { }
#busy-o-meter { background: #aee2ea; padding: 20px 20px 6px 20px; margin: 0 9px 33px 9px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -moz-box-shadow: 5px 5px 0 rgba(115,0,0,0.8), -6px -6px 0 rgba(113,159,166,0.8), -9px 9px 0 rgba(247,170,170,0.8), 9px -9px 0 rgba(221,210,166,0.8); -webkit-box-shadow: 5px 5px 0 rgba(115,0,0,0.8), -6px -6px 0 rgba(113,159,166,0.8), -9px 9px 0 rgba(247,170,170,0.8), 9px -9px 0 rgba(221,210,166,0.8); box-shadow: 5px 5px 0 rgba(115,0,0,0.8), -6px -6px 0 rgba(113,159,166,0.8), -9px 9px 0 rgba(247,170,170,0.8), 9px -9px 0 rgba(221,210,166,0.8); }
#busy-o-meter h3 { font-family: Helvetica, Arial, sans-serif; font-size: 22px; font-style: normal; letter-spacing: -1px; text-transform: uppercase; color: #175963; background: none; padding: 0;  }
#busy-o-meter h4 span { float: left; background: rgba(115,0,0,0.95); color: #fff; padding: 2px; font-size: 11px; font-style: normal; font-weight: normal; display: block; width: 60px; text-align: center; margin-right: 10px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
/****************End Pages*********************/

/***************Blog Styles****************/
/*Blog Home*/
.blog #content { padding-bottom: 20px; }
.cat-featured-post { padding: 20px; background: rgb(222, 221,188); background: rgba(205,202,162,0.26); }
.blog .cat-featured-post article img { width: 500px; float: left; margin-right: 20px; }
.cat-other-posts { clear: left; padding-top: 20px; }
#content .more-posts li { width: 30%; margin-right: 39px; float: left; padding-left: 0; background: 0; }
#content .more-posts li:last-child { margin-right: 0; }

.blog hr { margin: 36px 0; display: block; height: 47px; border: 0; background: url(images/hr.png) no-repeat; outline: none; }
.blog hr:hover { background-position: 0 -47px; }
.blog h2, .blog h1 { font-size: 33px; line-height: 40px; margin-bottom: 24px; padding-left: 42px; }
.blog h2.meta-title { padding-left: 0; }
.blog h2 a { text-decoration: none; }
.blog h2 span { vertical-align: top; background:#1d1100; color:#cdcaa2; }
.blog h3 { clear: left; font-size: 24px; padding-top: 24px; }
.blog #main { width: 658px; }
.blog article { font-size: 15px; position: relative; }
.blog article header a { position: relative; margin-bottom: 24px; display: block; text-decoration: none; width: 100%;  }
.blog #content article li { margin-bottom: 18px; }
.single #content article p:first-child { font-size: 18px; font-weight: bold; }
.blog #content article p { margin-bottom: 24px; }
.blog article header time { position: absolute; top: 5px; left: 0; width: 32px; height: 30px; overflow: hidden; color: #fff; font-size: 9px; line-height: 9px; background: #be6700; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; padding-top: 2px; text-align: center; font-family: "Courier New", Courier, monospace; }
.blog article header time.circle-1 { background: #be6700; }
.blog article header time.circle-2 { background: #03015c; }
.blog article header time.circle-3 { background: #250000; color: #a39f5e; }
.blog article header time span { display: block; }

.blog article #blog-content { width: 660px; margin: 0 auto; }

.blog article img, .post-img img { display: block; border: 4px solid #250000; margin-bottom: 6px; }
.wp-caption p.wp-caption-text { font-style: italic; color: #AFAA78; font-size: 11px; letter-spacing: 4px; font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 24px; }
.blog article object { display: block; border: 4px solid #250000;  }
.blog article ol, .blog article ul { margin: 0 20px 24px 20px; }
.blog article li { margin-bottom: 12px; }

.blog article .codecolorer-container { border: 4px double #cdcaa2 !important; margin-bottom: 24px !important; color: #fff; }
.blog article .codecolorer-container, .blog article .codecolorer { width: 98% !important;  background: url(images/pattern_1.png) #110000 !important; color: #fff;  }

.blog article footer { display: block;  color: #250000; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; width: 660px; margin: 0 auto; }
.blog article footer a { text-decoration: none; color: #250000; }
#social { margin-bottom: 18px; }
#post-actions { clear: both; padding: 20px 0; width: 610px; margin: 0 auto; }
#post-actions .btn { background: #110000; color: #dedcb9; }
#post-actions .btn-alt { background: #03015c; color: #dedcb9; }
#post-actions .btn-alt2 { background: #be6700; color: #dedcb9; }
#post-actions .btn-alt3 { background: #dedcb9; }
#post-actions a:hover { opacity: 0.8; }

#comments-container { width: 660px; margin: 0 auto; }

.blog #content article p.post-comments { float: left; margin: 0 7px 0 0; }
.blog article footer .post-comments a { float: left; margin-right: 7px; display: block; height: 27px; width: 30px; padding-top: 2px; text-align: center; background: url(images/bg_comment_box.png) no-repeat; color: #fff; font: 18px Geogia, Times, _serif; line-height: 18px; font-style: italic; }
.blog article footer .post-category,.blog #content article p.post-category { margin-bottom: 0; line-height: 100%; }
.blog article footer p.post-tags { color: #AFAA78; margin-left: 43px; }
.blog #content article p.post-tags, .blog article footer .post-tags a { color: #AFAA78; font-size: 11px; letter-spacing: 4px; margin-bottom: 0; }
.blog article footer .post-tags a:hover, .blog article footer .post-category a:hover, .blog article footer .post-comments a:hover { color: #be6700; }

/*Blog footer*/
#section-nav { background: url(images/dots.png) no-repeat 50% 50% #DEDCB9; padding: 15px; position: relative; font-family: Georgia; font-style: italic; font-weight: bold; }
#section-nav a { text-decoration: none; color: #110000; }
#old-posts { position: absolute; right: 54%; top: 7px; }
#new-posts { position: absolute; left: 54%; top: 8px; }
#footer-blog-container { background: #110000; padding: 40px 0; }
#footer-blog { color: #cdcaa2; width: 980px; text-align: left; margin: 0 auto; overflow: auto; padding-bottom: 40px; }
#footer-blog h3 { color: #cdcaa2; background: none; text-shadow: none; }
#footer-blog a { color: #cdcaa2; text-decoration:none; }
#footer-blog a:hover { color: #be6700; background: rgba(255,255,255,0.05); }
#footer-blog a:hover { color:  }
.fcol { float: left; width: 30%; margin-right: 5%; }
.blog #footer { border-top: 0; }

#areas ul ul { display: none; }
#areas ul a { display: block; padding: 4px; border-bottom: 1px dashed rgba(205,202,162,0.3); font-size: 16px; font-weight: bold; text-decoration: none; }

#found { width: 33%; }
#found a { padding: 4px 0; display: block; }
#links { margin-right: 0; width: 27%; }
#links li { float: left; width: 50%; }
#links li a { float: left; padding: 4px 0; }



.indexy .post { float: left; width: 100%; margin-bottom: 8px; padding: 20px 0; }
.indexy .post:hover { background: rgb(222, 221,188); background: rgba(205,202,162,0.26);  }
.indexy .post:nth-child(2n):hover { background: rgba(186,211,194,0.35);  }
.indexy .post-img { float: left; }
.indexy .post-right { float: right; width: 433px; }
.indexy .post h3 { background: none; border: 0; font-size: 24px; margin-bottom: 0; font-style: normal; }
.indexy .post h3 a { text-decoration: none; color: #250000; font-family: "Helvetica Neue", Helvetica, Arial, sans serif;  }
.indexy .post h3 a:hover { color: #be6700;  }


/*Comments*/
.commentlist { margin-bottom: 24px; }
.commentlist li { list-style: none; clear: both; overflow: auto; padding: 15px; border-bottom: 1px solid #dedcb9; }
.commentlist .comment-left { float: left; width: 125px; font-family:Georgia, "Times New Roman", Times, serif; font-style: italic; }
.commentlist .comment-right { margin-left: 130px; padding: 10px; background: rgba(174, 226, 234, 0.2); }
.commentlist .comment-left a { color: #110000; text-decoration: none; }
.commentlist .comment-left a:hover { color: #be6700; }
.commentlist .comment-left cite { font-weight: bold; font-size: 14px; display: block; padding: 3px 0; }
.commentlist .comment-left p a { color: #AFAA78; font-size: 11px; letter-spacing: 4px; margin-bottom: 0;  }
#content .commentlist .children li { background: none; padding: 0; margin-left: 50px; }

#commentform p { float: none; }
#commentform label { display: block; }
#commentform textarea { width: 400px; }
#commentform #submit { display: block; cursor: pointer; color: #fff; }
#commentform #submit:hover { background: #000; }
#commentform .subscribe-to-comments label { display: inline; }
/***************End Blog Styles****************/

/****************Plugins*********************/
/*Sociable*/
#content .sociable { width: 100%; float: left; margin-bottom: 24px; }
#content .sociable li { background: none; padding: 0; float: left; }


/*WP Audio*/
.wpa_container {display: inline-block; vertical-align: top; text-align: left; }
.wpa_container a {text-decoration: none; display: block; margin-bottom: 4px; }
.wpa_container a:hover {text-decoration: none;}
.wpa_container, .wpa_container div, .wpa_container span, .wpa_container a {margin: 0; border: 0; padding: 0; font-weight: normal; letter-spacing: normal; line-height: normal;}
.wpa_container img.wpa_play {width: 16px; height: 14px; margin: 0 5px 0 0; border: 0; padding: 0; vertical-align: baseline; background: #888;}
.wpa_container span.wpa_text {font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-weight: normal; font-style: italic; padding-bottom: 4px;}
.wpa_container div.wpa_bar, .wpa_container div.wpa_bar div {height: 15px; font-size: 1px; line-height: 1px; overflow: hidden;}
.wpa_container div.wpa_bar {display: none; position: relative; margin: 5px 0 0 21px; background: url(images/pattern_1.png) #e1e0c2; width: 169px !important; border: 4px double #CDCAA2;}
.wpa_container div.wpa_bar div {position: absolute; top: 0px; left: 0px;}
.wpa_container div.wpa_bar div.wpa_bar_load {width: 0; z-index: 10; background: #250000;}
.wpa_container div.wpa_bar div.wpa_bar_position {width: 0; z-index: 11; background: url(images/pattern_1.png) #BE6700;}
.wpa_container div.wpa_bar div.wpa_bar_click {width: 100%; z-index: 12; background: transparent; cursor: pointer;}
.wpa_container div.wpa_sub {display: none; position: relative; margin: 0 0 0 22px; font-style: italic;}
.wpa_container div.wpa_sub, .wpa_container div.wpa_sub span.wpa_time, .wpa_container div.wpa_sub span.wpa_dl {font-family: Arial, Sans-serif; font-size: 9px;}
.wpa_container div.wpa_sub a.wpa_dl {position: absolute; top: 0; right: -115px;}
.wpa_container div.wpa_sub span.wpa_dl_info {display: none; position: absolute; top: -130%; left: 105%; border: 1px solid #ddf; padding: 5px; background: #f2f2ff;}
/****************End Plugins*********************/

/* Mobile */
@media screen and (max-width: 650px) {
	
	body { width: 100%; }
	h3 { margin-left: 10px; margin-right: 10px; }
	#header { padding: 15px 0; }
	#logo { float: none; }
	#logo a { margin: 0 auto; }
	nav { float: none; margin: 0 auto; display: block; }
	#nav { float: none; margin: 0 auto; width: 280px; }
	#nav li a { padding-top: 10px; }
	#container, #header, #content, #blog-content { width: 100%; }
	#leaderboard, #leaderboard #lb-bg, #leaderboard #lb-header { width: 100%; height: 175px; text-align: left; cursor: default; }
	#leaderboard h1,#leaderboard h2 { font-size: 45px !important; line-height: 35px !important; left: 10px; bottom: 0; }
	#content { padding-bottom: 20px; }
	#content p.intro { margin-bottom: 12px; }
	
	.page #footer { display: block; position: static; left: auto; top: bottom: auto; height: auto; margin: 0; }
	#footer div { width: 100%; overflow: hidden; }
	#footer #fdate { display: none; }
	#footer #copyright { float: none; padding-left: 10px; }
	
	/*Layout*/
	#content .col4 p { margin: 0; }
	.col4 h3 { margin-left:0; margin-right: 0; }
	.col4,.col4.last{ width: auto; float: none; padding: 10px; margin: 0; }
	.col3 div { width: auto; margin: 0; padding: 10px; float: none; }
	.col3 div h3 { margin-left: 0; margin-right: 0; }
	.col2 { float: none; width: auto; background: rgba(205,202,162,0.26); padding: 10px; margin-bottom: 12px; }
	#web .col2-left { float: none; width: auto; margin-bottom: 0; padding: 10px; }
	#web .col2-right { float: none; width: auto;  margin-bottom: 0; padding: 10px; background: none; }
	
	/*Web*/
	#portfolio { display: none; }
	
	/*Music*/
	#music-background { -moz-column-count: 1; -moz-column-gap: 0; }
	
	/*Blog*/
	.blog article img, .post-img img { width: 240px !important; height: auto; }
}

/*Post Styling*/
.postid-608 #leaderboard { height: 720px; }
.postid-608 #leaderboard #lb-bg { background: url("http://bradfrostweb.com/wp-content/uploads/2010/03/monday4_web-650x650.jpg") no-repeat scroll 50% 0 #000; background-size: auto; height: 720px; }
.postid-608 #leaderboard #lb-header { height: 720px; }
.postid-608 #leaderboard h1 { right: 37px; bottom: 0; font-size: 60px; }

/*Animals*/
.postid-306 #content,.postid-306 #container, #post-306, .postid-306 #leaderboard .postid-306 #lb-header  { width: 100%; background: url(images/bg_green.gif) #758942; }
.postid-306 #leaderboard h1, .postid-306 #content h2, .postid-306 #content h3 { font-family: 'blackout', helvetica; font-style: normal; text-transform: uppercase; margin-left: 0; padding-left: 0; background: 0; }
.postid-306 #leaderboard { margin: 0; background: url(images/bg_green.gif) #758942; }
.postid-306 #leaderboard #lb-bg { background: none; }
.postid-306 #leaderboard h1 { font-size: 121px; line-height: 89px; letter-spacing: -2px; }
.postid-306 #blog-content { font-size: 18px; }
.postid-306 #blog-content h2 { text-align: center; font-size: 100px; line-height: 100%; }
.postid-306 #blog-content h3 { clear: none; margin-left: 55%; }
.postid-306 #blog-content ul { margin-left: 55%; } 
.postid-306 article #blog-content { width: 100%; }
.postid-306 article img { border: 0; width: 50%; height: auto; }
.postid-306 article img.alignleft { float: left; margin: 0 30px 0 0; }
.postid-306 article img.alignright { float: right; margin: 0 0 0 30px; }
.postid-306 article div { overflow: hidden; }
.postid-306 #blog-content ul li { background-position: 0 9px; margin-bottom: 0; }
.postid-306 article footer { width: 620px; padding: 20px; background: rgba(0,0,0,0.1); }

#mammals { padding: 20px; background: rgba(0,0,0,0.1); margin-top: 40px; }
#mammals div, #fish div, #birds div, #reptiles div, #arthopods div, #amph div, #gen div, #fictional div, #thestory div { clear: both; width: 60%; min-width: 1000px; margin: 0 auto 30px; }
#mammals div { border-bottom: 5px dashed rgba(85,103,23,0.5); padding: 20px 0; }
#mammals div:last-child { border-bottom: 0; }
#hoof ul li { float: left; width: 42%; }

#fish { background: #2A2E56; background: rgba(3,1,92,0.7); padding-top: 30px; color: #8E8CCF !important; }
#birds { background: #C5B316; background: rgba(223,190,0,0.7); padding-top: 30px; color: #686D14 !important; }
#birds li { width: 200px; float: left; }
#reptiles { background: #BB5F15; background: rgba(213,75,0,0.7); padding-top: 30px; color: #070d5d !important;  }
#arthopods { background: #642612; background: rgba(97,0,0,0.7); padding-top: 30px; color: #ffbebe !important;  }
#amph { background: #C0B0C4; background: rgba(216,185,247,0.7); padding-top: 30px; color: #2f005e !important;  }
#gen { background: #70DEAD; background: rgba(103,251,215,0.7); padding-top: 30px; color: #006e53 !important; }
#fictional { background: #D8CA7B; background: rgba(254,225,146,0.7); padding-top: 30px; color: #795800 !important; }
#thestory { padding-top: 30px; }
#thestory div { width: 660px; min-width: 660px; max-width: 660px; }

@font-face {

	font-family: 'blackout';

	src: url('fonts/Blackout-Midnight.ttf') format('truetype');

	font-weight: normal;

	font-style: normal;

}


/****************A Ble- A Ble- A Ble- A That's All Folks*********************/