/*
Theme Name: Hopeless Records
Theme URI: http://www.takeaction.com
Description: Hopeless Records/Take Action Custom WordPress Theme by Jeremy@Papertree Design based on WPZOOM, created by Pavel Ciorici
Version: 1.0
Author: Pavel Ciorici Modified & Designed by Jeremy @ Papertree Design
*/
/*--{ 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, sup, tt, var, 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-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline}
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */
div {position: relative}
/*-- Start Doc --*/
body {background:#f5eede url(images/beige-bg.jpg) top left;color:#444;font:13px Arial,Helvetica,sans-serif;line-height:18px}
/*-------------------------------------------------
* MAIN STRUCTURE
*-------------------------------------------------*/
#page-top {background:transparent url(images/page-bg1.png) top left no-repeat;height:20px;margin:10px auto 0 auto;padding-top:10px;width:980px;}
#page-wrap {background:#fff;margin:0px auto 0 auto;width:980px;padding-bottom:20px;}
#header {padding:20px;}
#main-wrap {clear:both;font-size:12px;padding:0 0 10px 0;width:980px;}
#content-wrap {padding:20px;}
#articles {float:left;width:580px;}
#featured-item {background:#000;height:250px;margin-bottom:21px}
#sidebar {float:right;padding-top:1.2em;width:340px;overflow:hidden}
.home #sidebar {padding-top:0}
#footer {background: url(images/footer.png) no-repeat;height:150px;margin:0 auto 20px auto;padding-top:120px;width:980px;}
/*-----------------------------------------------
* TYPOGRAPHY
* ----------------------------------------------*/
/*--: links :--*/
a, a:visited {color:#6e879d;outline:none;text-decoration:none;}
a:hover, a:active {color:#a2bdcd}
h1, h2, h3, h4, h5 {font-weight:bold}
h1 {font-size:2.1em;line-height:1em;margin:0.857143em 0;}
h2 {font-size:2em;line-height:1em;margin:0.9em 0}
h3 {font-size:1.8em;line-height:1em;margin:1em 0}
h4 {font-size:1.6em; line-height:1.125em;margin:1.125em 0}
h5 {font-size:1.4em;line-height:1.285714em;margin:1.285714em 0}
h1 a, h1 a:visited, h2 a, h2 a:visited {color:#0d4361;}
h1 a:hover, h2 a:hover {color:#c5d4d7;}
p {font-size:1.1em;line-height: 1.384615em;margin:1.384615em 0}
/* ------------------------------------------ */
/* TOOLBOX CSS */
/* ------------------------------------------ */
.aligncenter,
div.aligncenter {display:block;margin-left:auto;margin-right:auto;}
.alignleft {float:left;margin:10px 15px 5px 0;}
.alignright {float:right;margin:10px 0 8px 20px;}
.clear {clear:both;}
.floatleft,.more_left {float:left;}
.floatright {float:right;}
.hr {border-top:3px solid #ECE8D7;}
.post {line-height:20px;padding:0 20px 0 0}
.post small {text-transform:uppercase;font-size:10px;font-weight:bold;padding:0px 0 0px 0;}
.post a {border-bottom:1px solid #ccc;font-weight:700;}
.post a:hover {border:none;text-decoration:none;}
.post blockquote {border-left:3px solid #ccc;color:#777;font-family:Georgia,"Times New Roman",Times,serif;font-size:16px;font-style:italic;line-height:1.8em;margin:10px 20px 10px 30px;padding-left:10px;}
.post li ol {border-bottom:1px dotted #ccc;line-height:25px;padding-left:15px;}
.post ol li {list-style:decimal;}
.post ul li {line-height:25px;list-style:square;}
.post ul,.post ul,ol {padding:10px 0 10px 25px;}
.transpBlack {background:url(transpBlack.png);}
.wp-caption {background-color:#EFEFEF;border:1px solid #B6B6B6;font-size:11px;margin-bottom:5px;padding:5px 5px 5px;text-align:center;}
.wp-caption img {border:1px solid #B6B6B6;}
ul,#socialicons ul {list-style:none;padding-left:0}
/*---------------------------------------------------
* HEADER
*---------------------------------------------------*/
#logo {margin:0 auto;text-align:center}
/*--------------------------------------------------
* NAVIGATION
*--------------------------------------------------*/
#menu {background-color:#0d4361;height:26px;margin-bottom:5px;padding:3px 0;z-index:10}
#menu li {padding:7px 10px 7px 25px;}
#menu li li {padding:10px 0px 10px 5px;text-align:left}
#menu a {color:#fff;text-transform:uppercase;font-size:13px;font-weight:bold;}
/*--: drop downs css :--*/
.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;}
.sf-menu {margin-left:420px;line-height:1.0;}
.sf-menu ul {position:absolute;left:-999em;width:14em;}
/*.sf-menu li {background:#a2bdcd url(images/sep-nav.jpg) left center no-repeat;}*/
.sf-menu ul li {width:100%;}
.sf-menu li ul {border:solid #fff;border-width:5px 5px 2px 5px;overflow:hidden}
.sf-menu li:hover {visibility:inherit;}
.sf-menu li {float:left;position:relative;}
.sf-menu a {display:block;position:relative;}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {left:15px;top:2.24em;z-index:99;}
.sf-menu li li {background:#a2bdcd;border-bottom:2px solid #fff;opacity:0.95}
.sf-menu li li:hover {background-color:#d1d1d3}
/*--------------------------------------------------
* Featured Content Slider Styling
*--------------------------------------------------*/
#feature {background-color:#000;float:left;height:275px;margin-bottom:20px;width:100%;z-index:2}
/*--: slider set-up :--*/
#slider1 {width: 940px;height: 275px;position: relative;overflow: hidden;}
#slider1Content {width: 940px;position: absolute;top: 0;margin-left: 0;}
.slider1Image {float: left;position: relative;display: none;}
.slider1Image span.left {position: absolute;font: 10px/15px Arial, Helvetica, sans-serif;padding: 10px 13px;width: 694px;background-color: #000;filter: alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;opacity: 0.7;color: #fff;display: none;font-size: 16px;line-height: 16px;}
.slider1Image span a {font-weight:bold;}
.slider1Image span strong {font-size: 24px;line-height: 24px;}
span.excerpt {display:block;margin:20px 0}
.left {height:275px;left:33px;top:0;width:338px !important;}
.right {right: 0;bottom: 0;width: 90px !important;height: 290px;}
#slider1 ul { list-style-type: none;}
#S1controls {color:#FFFFFF;font-size:18px;font-weight:bold;left:832px;position:relative;top:249px;z-index:10;}
#S1controls a {color:#c5d4d7}
#feature p {margin-bottom:5px}
.feat-read-more {display:block;margin-top:10px}
/*-----------------------------------------------
* HOME PAGE ARTICLES
*-----------------------------------------------*/
.article {border-bottom:3px solid #d1d1d3;margin:15px 0 18px 0;overflow:hidden;padding:10px 5px 30px 10px;}
.article img {border:1px solid;float:left;margin:0 10px 0 0px;}
.article small {color:#154A7F;text-transform:uppercase;font-weight:bold;padding-top:5px;}
.entry-right {float:right;width:360px}
.entry-right h2 {margin:0 0 10px 0}
#articles h3 {background-color:#0d4361;color:#fff;font-size:16px;margin-top:0;padding:4px 0 4px 10px;text-transform:uppercase;}
.author {float:left;width:110px;}
.author img {border:1px solid #ccc;display:block;}
#categ {background-color:#FFF9F9;border-bottom:1px solid #BFB8B8;border-top:1px solid #BFB8B8;float:left;padding:7px 0;text-align:center;width:980px;}
/*-----------------------------------------*
* More Stories
*-----------------------------------------*/
#more {clear:both;height:1%;padding:10px 0;margin:0}
#more .more_box {border-bottom:1px dotted #ccc;;width:280px;margin-bottom:40px}
#more a {color:#444;display:block;font-size:14px;font-weight:bold;margin-bottom:10px}
.teaser-image-xsmall {float:left;margin-right:10px}
.archive #articles,
.search #articles {padding-top:1.2em}
.fl {float:left;clear:left}
.fr {float:right}
/*-----------------------------------------------
* COMMENTS
*-----------------------------------------------*/
#comments {font-size:16px;}
#respond {clear:both;padding-right:15px}
#respond h3 {color:#444;font-size:16px;background-color:#fff}
#commentform #author,
#commentform #email,
#commentform #url,
#commentform textarea {border: 1px solid #808080;padding: .2em;}
#commentform textarea {width:90%;}
/*--: comment list :--*/
#commentlist h2 {padding-bottom:10px; }
#commentlist {width:90%;font-size:11px;color:#000;margin-bottom:20px;padding-top:10px;}
#commentlist li {background:#F8F5E8;border:1px solid #dcdcdc;margin-bottom:20px;list-style-type:none;padding:5px 10px 5px 65px;}
#commentlist li p {margin:15px 0}
#commentlist ul {margin:0; padding:0;}
#commentlist a {text-decoration:none;font-weight:bold;border:none;}
#commentlist a:hover {text-decoration:underline;font-weight:bold;}
#commentlist li div.meta {text-transform:uppercase; padding:0; margin:0; text-align:center;border-bottom:1px dotted #333;}
#commentlist li .avatar {float:left;padding:0;margin-left:-58px;width:50px;height:50px;border:2px solid #E6E3D3;}
#commentlist li ul li {margin-right: -5px;margin-left: -50px;margin-bottom: 7px;margin-top: 11px;background:#E6E3D3;border:1px solid #ADACA8;}
.children {padding: 0;}
.authorcomm {float:left;margin:0;padding:0;width:70px;text-align:center;line-height:12px;font-size:10px;}
.authorcomm a {text-decoration:none; font-weight:bold;}
.reply {text-align:right; padding:5px;}
.navigation {clear:both;width:100%; height:20px;}
.cancel-comment-reply {text-align:right;font-size:12px;}
.comment-meta a {border-bottom:1px dotted #333;text-transform:uppercase; font-size:9px; color:#808080;}
.fn {font-size:13px; font-weight:bold;}
.says {display:none;}
/*-------------------------------------------------
* SOCIAL NETWORKING BUTTONS
*-------------------------------------------------*/
#socialicons {border:1px dotted #A0BDD4;border-width:1px 0;color:#4c4d50;margin:10px 0;padding:1px 0 10px 0;width:530px;}
#socialicons img {margin-right:5px;padding-bottom:3px;height:16px;}
#socialicons li {border:none;display:inline;float:left;padding-right:11px;}
#socialicons small {color:#4c4d50;font-family:arial, "lucida console", sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;}
#socialicons small a {border-bottom:none;color:#4c4d50;text-decoration:none;}
#socialicons small a:hover {border-bottom:none;color:#030a1f;}
#socialicons small img {border:none;vertical-align:middle;}
#s, #semail {background:#f6f6f6;border-bottom:1px solid #eee;border-left:1px solid #ccc;border-right:1px solid #eee;border-top:1px solid #bbb;color:#666;float:left;font-size:12px;padding:5px;width:135px;}
input {background:#f6f6f6;border-bottom:1px solid #eee;border-left:1px solid #ccc;border-right:1px solid #eee;border-top:1px solid #bbb;color:#666;font-size:13px;}
#commentform input {height:24px;margin-bottom:10px}
#commenform small {margin-left:10px;}
textarea {border:1px solid #eee;color:#666;font-size:12px;padding:5px;}
/*--: Search :--*/
#searchform {margin-left:10px}
#search {float:right;text-align:right;}
#s {width:180px;padding:4px}
#submit {background:#a2bdcd;border:1px solid #504F4F;color:#F1ECEC;float:left;font-size:10px;padding:5px;height:26px;text-transform:uppercase;}
#searchsubmit {background:#fff;border:none;color:#f469ba;float:left;font-size:10px;margin-left:5px;padding:5px;text-transform:uppercase;}
/* -------------------------------------------------
* SIDEBAR
* ------------------------------------------------- */
#sidebar h3 {background-color:#0d4361;color:#fff;font-size:16px;margin:1em 0 0.5em 0;padding:4px 0 4px 10px;text-transform:uppercase;}
/*--: Shop :--*/
#shop-box {background:#d1d1d3 url(images/store-arrow.jpg) bottom left no-repeat;color:#fff;font-size:56px;font-weight:bold;line-height:0.9em;height:185px;margin-bottom:20px;padding:15px 15px 0px;}
#shop-box li, #shop-box a {color:#fff;display:block;height:70px}
.shop-arrow {left:230px;width:100px;position:absolute}
/*--: Subscriptions :--*/
#signUp {background:#9dafba;border:1px solid #eee;padding:15px}
#signUp label {color:#fff}
#sub {background:#628bae;color:#fff;margin-top:10px}
.widget {margin:10px 0 15px 0;width:340px;}
.widget a {font-size:13px;}
.widget img {border:0;background:#fff;}
.widget li {padding:4px 0px;}
/*--: label boxes :--*/
#subcity {background:#d1d1d3 url(images/subcity.jpg) top left no-repeat;padding-top:40px}
#takeaction {background:#d1d1d3 url(images/hopeless-rss.jpg) top left no-repeat;padding-top:95px}
#panda {background:#d1d1d3 url(images/panda.jpg) top left no-repeat;padding-top:85px}
.label-box {border-bottom:10px solid #d1d1d3;min-height:85px;margin-bottom:15px;overflow:hidden;padding:0 20px 0px 20px;}
.label-box li {border-bottom:1px dotted #fff}
.label-box a, .label-box a:visited {color:#000}
a.learn-more, a.learn-more:visited {color:#fff;font-weight:bold;float:right;margin-top:10px;padding:0 4px}
/*--: flickr :--*/
.flickr-display {padding:0 26px}
#flickrrss img {border:2px solid #D3DDE5;margin:10px 10px 10px 0;}
#flickrrss img:hover {border:2px solid #0C2B41;background:#fff;}
#flickrrss a,
#flickrrss li {border:none;display:block;float:left;padding:0 7px 5px 7px;text-align:left;width:82px;}
#flickrrss a:hover,
#flickrrss li:hover,
#ads li:hover {background-color:#fff;}
#flickrrss ul {display:block;list-style-type:none;margin:5px 0 0;padding:5px 0;}
/*--: twitter :--*/
#twitter_div li {margin-bottom:20px}
a.follow-me {background:#a2bdcd;color:#fff;float:right;padding:0 4px}
a.follow-me:hover {background:#a2bdcd}
/* --------------------------------------------
* FOOTER
* -------------------------------------------- */
#networking {background:url(images/networking.jpg) no-repeat;width:500px;height:200px;top:0px;left:20px}
#networking li {position:absolute;}
#networking li, #networking a {display:block;height:20px}
.last-fm {left:10px;width:115px;top:10px;}
.facebook {left:175px;width:120px;top:10px;}
.twitter {left:348px;width:120px;top:10px;}
.tube {left:10px;width:115px;top:80px;}
.myspace {left:175px;width:120px;top:80px;}
.volume {left:348px;width:120px;top:80px;}
.pages {background-color:#000;color:#fff}
/*---------------------------------------------
* Contact Form
*---------------------------------------------*/
.tbmain {background:#d1d1d3;border:5px solid #eee}
.tbmain tr {margin-bottom:10px}
.tbmain td {padding:10px 0 10px 20px}
/*--: CLEAR IF NEEDED :--*/
.clearfix:after, .widget:after, #commentform:after, #page-wrap:after, #socialicons:after, #menu:after, #content-wrap:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}.clearfix {display: inline-block;}html[xmlns] .clearfix {display: block;}* html .clearfix {height: 1%;}