/*
Theme Name: Fairground
Theme URI: http://www.fairgroundmedia.com
Description: A custom Wordpress theme designed by and for Fairground Media.
Author: Stephanie Peterson
Version: 1.0.0
*/

/* 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, 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; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: '';content: none; }
:focus { outline: 0;}
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse;border-spacing: 0; }


/* --------------- TEXT ------------- */

body { font-family:Arial, sans-serif; font-style:normal; font-weight:normal; color:#333; font-size:13px;}

p { font-size:1.1em; line-height:150%; margin:0 0 1.6667em 0; }

h1, h2, h3, h4, h5, h6, .post .date { font-weight:normal; }

a:link, a:visited { text-decoration:underline; color:#333; }
a:hover { text-decoration:underline; color:#e06a36; cursor:hand;}

em { font-style:italic; }
strong { font-weight:bold; }
code, pre { font-size:1em; font-family:"Courier New", Courier New, Courier, monospace; background:#ffffff; }
pre { margin-bottom:1em; padding:5px 15px; }
sup { font-size:0.83em; vertical-align:super; }
sub { font-size:0.83em; vertical-align:sub; }
ins { text-decoration:underline; }
del { text-decoration:line-through; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#333; text-decoration:underline; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color:#e06a36; text-decoration:underline; }

h1 { font-size:25px !important; margin:35px 0 20px 0; text-transform:lowercase;}
h2, h3 { font-size:22px; margin:35px 0 20px 0; text-transform:lowercase; line-height:120%;}
h2.bigger, .turnfontoff { font-size:22px; }
h2.highlight, h1.highlight, span.highlight, strong.highlight, .highlight, a:link span.highlight, a:visited span.highlight { color:#e06a36; }
span.highlighter {background:#87b02e; font-weight:bold; color:#FFF;}
h4 { font-size:16px; line-height:20px; margin-bottom:0em; }
h5 { font-size:1.25em; line-height:1.3333em; margin-bottom:0em; }
h6 { font-size:1em; line-height:1.6667em; margin-bottom:0em; }

.sidebar-widget .widget-title {font-size:16px; margin:0 0 10px 0;}
.widget-content { font-size:0.9167em; line-height:1.8182em; }
.widget-content p { line-height:1.8182em; }

.sidebar-widget ul { font-size:0.9091em; font-style:italic; line-height:2.0em; }
.sidebar-widget ul.single-column li.current { }
.sidebar-widget ul.single-column li a:hover { text-decoration:none; }

.post .credit, .credit { font-size:10px; }
.post .date, .date { font-size:10px; }
.post-meta .metadata { font-size:8px; font-style:italic; }
.post-meta .metadata .uppercase {}
.post-portfolio .metadata, .post-blog .metadata { }
.post-portfolio .metadata .lowercase, .post-blog .metadata .lowercase { }
.post-blog .metadata .comment-count {  }
div.post-home h3 {margin:0; display:block; clear:both; font-weight:normal; font-size:18px;}

#main ul li, #main ol li, blockquote { color:#333; }
#main ul li, #main ol li { font-size:1.1em; line-height:150%; }
blockquote {  }

#main #page-head #list-container #subpages li { font-size:1em; line-height:1.6667em; }

#pagination { font-size:1.0833em; }

.bottombar-widget .tagline { color:#333333; font-style:italic; font-size:0.9167em; }
.bottombar-widget .widget-title a { color:#333333; }
.bottombar-widget .widget-title a:hover { color:#4d4d4d; }

#footer { color:#EEECEC; }
#footer a { color:#cfcfcf; text-decoration:none; }
#footer a:hover { color:#e8e8e8; }
.footer-widget .widget-title { color:#f5f5f5; }
#footer .copyright { color:#cfcfcf; }
#footer .copyright a { color:#8c8c8c; }
#footer .copyright a:hover { color:#9e9e9e; }

#footer #footer-text { font-size:11px; line-height:14px; color:#6f6f6f;}
#footer .widget-title { font-size:16px;}


/* --------------- BACKGROUND IMAGES, COLORS, and BORDERS ------------- */


body { background:#fafafa url(images/grunge_bg.jpg) center top no-repeat; }
/*body#lppage { background:#fafafa url(images/grunge_bg.jpg) center -95px no-repeat; }*/

#main ul li { background:transparent url(images/bullet-side-left.png) no-repeat left 5px; }
#main ol { list-style:decimal; list-style-position:inside; }
blockquote { border-left:3px solid #dddddd; }
blockquote.two { border-left:3px solid #99CC33; }
blockquote.three { border-left:3px solid #99CCFF; }
blockquote.four { border-left:3px solid #CC9933; }

#main #page-head { border-top:3px solid #dddddd; border-bottom:3px solid #dddddd; }
.post-portfolio .read-more { border-top:3px solid #dddddd; }
#main #comment-form-container, #main #comments { border-top:3px solid #dddddd; }

.sidebar-widget .widget-content { border-top:3px solid #dddddd; }
.column-left .widget-content ul li {display:block; clear:both; }
#home .sidebar-widget .widget-content { border:none; }
.sidebar-widget ul li { border-bottom:1px solid #dddddd; background:transparent url(images/bullet-side-right.png) no-repeat right 8px; }
.page-sidebar .sidebar-widget ul li { border:none; }
.sidebar-widget ul.single-column li.current { background:transparent url(images/bullet-side-left.png) no-repeat right 8px; }
#sidebar .sidebar-widget ul.single-column li.loading { background:transparent url(images/ajax-loader.gif) no-repeat 2px 6px; }
.sidebar-widget ul.single-column li a { background:none; }
.sidebar-widget ul.single-column li a:hover { background:#f0f0f0 url(images/bullet-side-right.png) no-repeat right 8px; }
.sidebar-widget ul.single-column li.current a:hover { background:#f0f0f0 url(images/bullet-side-left.png) no-repeat right 8px; }
.sidebar-widget ul.single-column li.loading a:hover { background:#f0f0f0 url(images/ajax-loader.gif) no-repeat 2px 6px; }

#footer { background:#1f1f1f url(images/footer-bg.png) no-repeat center top;}
#footer .wrap960 {  }

.footer-widget .widget-content { border-top:3px solid #333333; font-size:13px;}
#widgets .footer-widget ul li { border-bottom:1px solid #333333; background:transparent url(http://www.fairgroundmedia.com/wp-content/themes/Fairground/images/bullet-foot-left.png) no-repeat left 8px; }
#widgets .footer-widget ul li a { background:none; }
#widgets .footer-widget ul li a:hover { background:#242424 url(images/bullet-foot-left.png) no-repeat left 8px; text-decoration:none; }

/* --------------- LAYOUT ------------- */

html { width:100%; height:100%;}
body { width:100%; }
#header, #content, #footer, #featured { width:100%; }
.wrap960 { width:900px; padding:0 30px; margin:0 auto; }

#navigation_bar {width:100%; height:30px; padding-top:7px; padding-bottom:5px; background:#E8E8E8; border-bottom:1px solid #A5A5A5;}

#navigation_bar.nav_bar_longer { padding-bottom:30px; }

#nav { width:920px; margin:0 auto; }
#nav li {float:left; padding:0 23px 0 13px; margin:0 2px 0 2px; position:relative;}
#nav li ul { position:absolute; display:none; }
#nav li { font-size:16px; font-weight:normal; background:none; line-height:30px;}
#nav.lpnote li {font-family:Georgia; font-size:14px; font-weight:normal; background:none; line-height:18px;}

#nav li.rightnav {float:right;}

#nav li a { text-decoration:none; color:#000; text-transform:lowercase; font-size:18px;}
#nav li a:hover { text-decoration:none;}
#nav li.current_page_item a {font-weight:bold;}
#nav li ul li { font-size:11px; }


#categories_bar {width:100%;}
#cats {width:920px; margin:0 auto;}
#cats li {float:left; padding:0 13px 0 23px; margin:0 2px 0 2px; position:relative;}
#cats li:first-child {padding-left:13px;}
#cats li a {color:#EEECEC; text-decoration:none;}
#cats li a:hover {color:#FFF;}

#header { position:relative; z-index:10; }
#header .wrap960 { padding-top:5px; margin-bottom:-1px; position:relative; }

#logo a { background: url(http://www.fairgroundmedia.com/wp-content/themes/Fairground/images/fairground_media_logo.png) no-repeat left top transparent; width: 305px; height: 59px; padding: 0 0 15px 0; margin-top:20px; text-indent:-9999em; display:block; overflow:hidden; float:left;}

#indexlogo a { background: url(http://www.fairgroundmedia.com/wp-content/themes/Fairground/images/logo-tagline.png) no-repeat left top transparent; width: 900px; height: 59px; padding: 0 0 15px 0; margin-top:20px; text-indent:-9999em; display:block; overflow:hidden; float:left; position:relative; z-index:10;}

#hywlogo a { background: url(http://www.fairgroundmedia.com/wp-content/themes/Fairground/images/hack-your-website.png) no-repeat left top transparent; width: 900px; height: 59px; padding: 0 0 15px 0; margin-top:20px; text-indent:-9999em; display:block; overflow:hidden; float:left;}

#logo_lp a { background: url(http://www.fairgroundmedia.com/wp-content/themes/Fairground/images/fairground_media_logo_love_potion.png) no-repeat left top transparent; width: 305px; height: 59px; padding: 0 0 15px 0; margin-top:20px; text-indent:-9999em; display:block; overflow:hidden; float:left;}

div.tableofcontents { height:60px; display:block; clear:both;}
div.firstrow {height:60px; float:left;}
div.secondrow {height:60px; float:left; margin-left:60px;}
div.thirdrow {height:60px; float:left; margin-left:60px;}

#front_featured_image { width:900px; height:605px; margin:0 auto; clear:both;}

div.front_page_description { background:transparent; width:550px; font-size:13px; line-height:25px; margin:50px auto 0 auto;}
div.front_page_description a {text-decoration:underline;}
div.from_the_blog {font-size:16px; margin:0 0 30px 0; border-bottom: 2px solid #EFEFEF; width:278px;}
div.front_left {float:left; display:block;}
div.front_right {float:right; display:block; margin-left:20px; width:278px;}
.post, .post-home { margin-bottom:25px; }
.post-teaser {float:left; display:inline; width:160px; margin-left:15px; padding-top:0; height:auto; }
.post-teaser h3 a, .post-teaser h3 a:visited {text-decoration:none;}
.post-teaser h3 {margin:0 0 20px 0; font-size:18px; font-weight:normal;}
.post-home .post-teaser { float:left; display:inline; width:178px; margin-left:0;}
.post-home .post-teaser h3 {margin-right:15px;}

#content .wrap960 { padding-top:10px; }
/*#content .nopadding { padding-top:10px; }*/

#main.column { width:557px;}
#main.full-width { width:900px; float:none; }
#main.lpwidth { width:700px; padding:10px 100px 0 100px; font-family:Georgia; font-size:17px;}
#sidebar { width:278px; }

#sidebar.column-left { text-align:left; background:transparent; padding:20px 0 20px 0;}
#sidebar.column-right {background:transparent; padding:20px 0 20px 0; float:right; display:block; margin-left:20px; width:278px;}

.column-left { float:left; margin:0 45px 0 0; text-align:left; }
.column-right { text-align:left; float:left; margin-right:0; }

.sidebar-widget { margin-bottom:33px; }
.sidebar-widget ul { width:100%; overflow:hidden; }
.sidebar-widget ul.single-column li { width:100%; }
.sidebar-widget ul.single-column li a { padding-top:3px; padding-bottom:3px; display:block; width:88%; padding-right:6%; padding-left:6%; }
/*.page-sidebar .sidebar-widget ul li { width:200px; float:left; }
.page-sidebar h5.widget-title {text-align:center;}*/

.post .post-meta { margin-bottom:20px; }
.post.post-with-image .post-meta { margin-bottom:0; }
#post-content { padding-bottom:10px; }
.post-content { padding-bottom:10px; }
.metadata .comment-count { float:right; margin-left:50px; }
div.post-blog {margin-bottom:70px;}
div.nobottommargin {margin-bottom:10px;}
div.post-blog img {max-width:550px;}
div.post-blog:last {margin-bottom:20px;}
.post-blog .title, .title a:link, .title a:visited { display:block; margin-bottom:0; padding-bottom:0; text-align:center; color:#e06a36; text-decoration:none; }
.post-blog .date, .date { display:block; margin: 10px 0 20px 0; }

#main ul, #main ol, #main blockquote { margin:1em 30px 2em; }
#main ul li, #main ol li { margin-bottom:0.75em; padding-left:15px; }
blockquote { padding-left:12px; }

.preload { display:block; background:transparent url(images/ajax-loader2.gif) no-repeat center center; }

#pagination { margin:0 0 30px; padding-top:4px; width:100%; }

#main #comment-form-container, #main #comments { padding:15px 0; }
#main #comments { margin-bottom:15px; }

#footer {margin-top:10px;}
#footer-top { width:100%; height:12px; margin-bottom:-1px; }
#footer .wrap960 { padding-top:25px; padding-bottom:10px; }
#footer.lp_footer {padding-bottom:20px; padding-top:3px;}

#widgets { float:left; width:899px; }
#widgets .footer-widget { float:left; width:183px; margin-right:30px; }
.footer-widget .widget-title { margin-bottom:0.4em; }
#widgets .footer-widget ul { width:100%; }
#widgets .footer-widget ul li { width:100%; }
#widgets .footer-widget ul li a { padding-top:3px; padding-bottom:3px; width:90%; padding-left:10%; display:block; font-family:Arial; text-transform:lowercase; }

#footer #footer-text { margin:15px auto 0; text-align:center; }


/* -------------- FORMS ------------- */

#main div.rssreminder form { margin-top:-30px; padding-top:0; }
#main div.rssreminder form input { width:300px; height:26px; float:left; -moz-border-radius:0px; -webkit-border-radius:0px; padding:5px 9px; font-size:15px; font-weight:bold;}
#main div.rssreminder form input.btn { display:block; background:#e06a36; width:100px; height:38px; text-align:center; cursor:pointer; color:#FFF; border:0;}

div.front_left div.rssreminder form { margin-top:-30px; padding-top:0; }
div.front_left div.rssreminder form input { width:300px; height:26px; float:left; -moz-border-radius:0px; -webkit- border-radius:0px; padding:5px 9px; font-size:15px; font-weight:bold;}
div.front_left div.rssreminder form input.btn { display:block; background:#e06a36; width:100px; height:38px; text-align:center; cursor:pointer; color:#FFF; border:0;}

#main div.lp form { margin-top:-30px; padding-top:0; }
#main div.lp form input { width:300px; height:26px; float:left; -moz-border-radius:0px; -webkit-border-radius:0px; padding:5px 9px; font-size:15px; font-weight:bold;}
#main div.lp form input.btn { display:block; background:#e06a36; width:100px; height:38px; text-align:center; cursor:pointer; color:#FFF; border:0;}

#loader-icon { display:block; width:16px; height:30px; position:absolute; right:105px; bottom:0; background:transparent url(images/ajax-loader.gif) no-repeat 0 center; }
#ajaxResponse span { display:block; padding-left:40px; line-height:29px; margin-bottom:0.5em; }
#ajaxResponse span.error { background:transparent url(images/no.png) no-repeat left top; }
#ajaxResponse span.success { background:transparent url(images/yes.png) no-repeat left top; }

#mc_embed_signup {}
#mc-embedded-subscribe-form {}
div.mc-field-group label {float:left;}
div.mc-field-group input {float:left;}

div.mc-field-group input {float:left; height:24px; width:150px; background:#fafafa; padding:0 9px; font-size:12px; color:#333; border: 1px solid #BBB; margin-top:3px;}

fieldset input.btn {background:#e06a36; border:1px none #fff; height:26px; margin-top:3px; color:#fff; cursor:pointer; font-weight:bold;}
div.mce_inline_error {display:block; float:right; margin-right:100px; font-size:10px; color:#e06a36;}

div#front_featured_image { position:relative; }
div#mc_embed_signup.signupindex { position:absolute; top:300px; left:436px; width:290px;}

.sp-poll { margin:50px 0 !important; width:99% !important; }
.sp-question { width:520px !important; padding:10px !important; }
#main ul li.sp-item { background:none !important; margin-bottom: 20px !important; padding-left:0px !important; }
.sp-input-radio { margin:3px !important; }
.sp-label { width:470px !important; }
p.sp-total {display:none;}

/* ------------- COMMENTS ----------- */


#comments ul li, #comments ol li { font-size:12px; color:#4d4d4d; }
#comments ol.commentlist { padding:0; margin:-10px 0 0; list-style-type:none; }
#comments ol ul { padding:0; margin:0; }
#comments ol.commentlist li { padding:0 0 0 110px; margin:0; position:relative; }
#comments ol.commentlist img.avatar { display:block; border:1px solid #dddddd; position:absolute; left:0; top:0; }
#comments ol.commentlist li { margin-top:40px; }
#comments ol.commentlist .comment-body .fn { font-size:16px; line-height:20px; text-transform:none; font-style:normal; }
#comments ol.commentlist .comment-body p { margin-bottom:10px; }
#comments ol.commentlist .comment-body .vcard p { margin-bottom:30px; }
#comments ol.commentlist .comment-body .comment-reply-link { font-size:10px; line-height:20px; }
#comments ol.commentlist .comment-body {  }
#comments ol.commentlist .comment-body .commentmetadata { position:absolute; top:20px; left:110px; color:#6e6e6e; font-style:italic; font-size:10px; }
#comments ol.commentlist .comment-body .commentmetadata a { color:#6e6e6e; }
#comments ol.commentlist .comment-body .commentmetadata a:hover { color:#4d4d4d; }

div.fb-comments { margin: 16px; }
div#dsq-content ul li { background:none; }
div#disqus_thread {  }

/* --------------- MISC ------------- */


.clear { clear:both; width:0; height:0; line-height:0; visibility:hidden; }
.alignleft { float:left; }
.alignright { float:right;}
.aligncenter { float:none; display:block; margin:0 auto; }
img.leftmargin { margin-left:15px; }
img.rightmargin { margin-right:15px; }
img.bottommargin, div.bottommargin { margin-bottom:15px; }
img.topmargin { margin-top:15px; }
img.allborder { border:1px solid #ddd; }

.center { margin:auto !important; }
h1.textaligncenter, h2.textaligncenter, h3.textaligncenter, span.textaligncenter, .textaligncenter { text-align:center; }
.portraitmargin { margin: 8px 25px 15px 0; }
.portraitmargin2 { margin: 0 0 25px 25px; }
.dressformmargin { margin: 25px 3px 20px 25px; }
.thumbnails { margin:10px 10px 20px 0; }
.thumbnails img {margin-right:5px; border:2px solid #EFEFF0;}
#main ul.services_list li { color:#333; }
#main ul.services_list { margin:auto 0;}

span.tinytext {font-size:8px; line-height:8px; color:#555;}
span.relatedlink a:link, span.relatedlink a:visited {font-size:13px; line-height:10px;}
strong { font-size:110%; }
.bold {font-weight:bold;}

img.happy_photo {margin:0 0 20px 20px;}
#footer .widget-title { text-transform:lowercase; font-size:16px; }

#footer div.aktt_tweets ul li a, #footer div.aktt_tweets ul li a:hover {clear:none; background:none; display:inline; margin:0; padding:0;}
#footer div.aktt_tweets ul li {background:none; padding:10px;}

#footer ul.twitter-hash-tag-widget li a, #footer ul.twitter-hash-tag-widget li a:hover {clear:none; background:none; display:inline; margin:0; padding:0;}
#footer ul.twitter-hash-tag-widget li {background:none; padding:10px;}

div.rssreminder {background: #EFEFEF; padding:20px 65px 10px 65px; margin-top:40px; line-height:18px; border: 1px solid #333; }

div.front_left div.rssreminder { margin-top:0px; }
div.front_left .post-blog .date { display:block; margin: 10px 0 20px 0; }
div.front_left div.post-blog, div.archive-blog {border-bottom:3px solid #EFEFEF; padding-bottom:35px; margin-bottom:55px;}

div.lp {padding:20px 40px; margin-bottom:50px; line-height:18px;}
div.floatleft {float:left; display:inline; clear:none; margin:0 !important; padding:5px;}
div.floatleft img {width:260px; height:146px;}

span.red { color:#fd0202; }

img.bottomportrait {float:right;}

p.socialicons img {margin-left:5px;}
h2.nomargin, h1.nomargin, h3.nomargin, span.nomargin {margin:0 0 20px 0; padding:0;}

div.author_box {background-color:#EFEFEF; padding:25px; min-height:100px; margin-bottom:15px; line-height:170%;}
div.author_box p:last-child {margin-bottom:0;}
div.sidebar_subscribe {background:url(http://www.fairgroundmedia.com/wp-content/themes/Fairground/images/optin2.jpg); width:166px; height:122px; padding:297px 62px 0 50px; margin:30px 0 20px 0;}

div.resource_page a, div.resource_page a:visited { color:#e06a36; }

/* --------------- STORE ------------- */

p.etsy-pro-showcase { width:616px; margin:0 auto; }
li.boldnav a {font-weight:bold;}

img.bunting {position:absolute; top:-17px; left:53px;}

h1.nooptin a {margin-top:50px !important;}

div#store-container {font-size:1.15em;}
div#store-container ul li.product {background:none; float:left; margin: 0 0 5px 0;}
div#store-container ul.products li.product { width:330px !important; text-align:center;}
div#store-container ul li.rightspace {margin-right:70px;}
div#store-container ul.products li.product a img { width: 330px !important; height:254px !important;}
div#store-container div.related ul.products li.product {width:210px !important;}
div#store-container ul.products li.product .price {margin-left:10px; display:inline !important;}
div#store-container ul, #store-container ol, #store-container blockquote {margin:0 !important;}
div#store-container.products-column { width:730px; margin:0 85px; }
.products-column { float:left; margin:0; text-align:left; }
div.product_thumbnails {display:block; width:730px; margin-bottom:30px;}
div.product_thumbnails img {float:left; margin-right:10px; margin-bottom:10px; border:1px solid #ddd;}
div#store-container h1 {text-align:center;}
div#store-container h1, div#store-container h2 {text-transform:none; color:#e06a36;}
div#store-container h2 { margin:65px 0 35px 0; }
div#store-container h3 {text-transform:none;}
div#store-container a {text-decoration:none;}

div#store-container.platform-guide {width:100%; margin:0 auto; }
div#store-container.platform-guide a { text-decoration:underline; }

div#store-container ul.need-bullets li { background:transparent url(images/bullet-side-left.png) no-repeat left 2px; padding-left:20px; margin:15px; line-height:150%;}

/* --------------- EPC ------------- */

table.e-p-c { margin-top:35px; font-size:12px; }
table.e-p-c p {font-size:12px; line-height:120%; margin:10px 0 10px;}
table.e-p-c td { width:100px; padding:20px 10px 20px 10px; line-height:120%; border-left:1px solid #EFEFEF; border-right:1px solid #EFEFEF;}
table.e-p-c th {padding:15px 0 15px 10px; font-weight:normal;line-height:120%; border-bottom:1px solid #D5D5D5;}
table.e-p-c tr.keytr td {padding:15px 0 0 0; color:#333; text-align:center; font-style:italic; font-weight:bold;}
.hide {display:none;}

table.copyandpaste {background:#F4F9FA;}
table.embedded {background:#FFF9EC;}
table.hosted {background:#FCFCF2;}
table.plugins {background:#F4FCF0;}

table.copyandpaste th {background:#E1F1F5;}
table.embedded th {background:#FCEDD7;}
table.hosted th {background:#FCFCE2;}
table.plugins th {background:#EAFAE1;}

div.hidereview, div.showreview {cursor:pointer; text-align:right; margin-right:10px; font-size:10px; font-weight:bold;}