/*  
Theme Name: Ad Clerum
*/

body {
 margin:0;
 padding:0;
 border:0;
 font-size:8pt;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 background-color:#161616;
}

a:link, a:visited {
 color:#2c82b8;
 text-decoration:none;
}

a:hover {
color:#2c82b8;
text-decoration:underline;
}

h1 {
font-size:9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

h2 {
font-size:12pt;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #2c82b8;
margin:0 0 10px 0;
padding:0;
}

h1.page-title {
margin:0 0 10px 0;
padding:0;
font-size:12pt;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-bottom:10px;
border-bottom:1px solid #333;
text-align:center;
color:#cd3301;
color:#669900;
padding:5px;
}
h2.page-title {
margin-bottom:10px;
border-bottom:1px solid #333;
text-align:center;
color:#cd3301;
padding:5px;
}

h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12pt;
margin-bottom:2px;
}

hr {
border:none;
border-bottom:1px solid black;
}

/*
** Markup free clearing
** Details: http://www.positioniseverything.net/easyclearing.html
*/
.clear-block:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear-block {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clear-block {
  height: 1%;
}
.clear-block {
  display: block;
}
/* End hide from IE-mac */

#header {
background: url(http://www.beattherecession.com/images/logo2.jpg); 
height:142px;
}

#sitename {
padding-left:20px;
height:40px;
float:left;
width:100%;
}

/**
 * Primary Navigation
 * March 26, 2008
 **/

#primary {
font-family:Arial, Helvetica, sans-serif;
line-height:normal;
font-size:10pt;
font-weight:bold;
margin-top:12px;
}

#primary ul {
list-style:none;
margin-left:16px;
}

#primary li {
display:inline;
margin:0;
padding:0;


}

#primary a {
color:#0b5f8e;
float:left;
background:url("http://www.beattherecession.com/theme-images/tableftJ.gif") no-repeat left top;
margin:0;
padding:0 0 0 9px;
text-decoration:none;
}
/*
#primary a span {
float:left;
display:block;
background:url("http://www.beattherecession.com/theme-images/tabrightJ.gif") no-repeat right top;
padding:6px 13px 3px 1px;
color:#0b5f8e;
}
*/
#primary a span {
float:left;
display:block;
background:url("http://www.beattherecession.com/theme-images/tabrightJ.gif") no-repeat right top;
padding:6px 13px 3px 1px;
color:#0b5f8e;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#primary a span {float:none;}
/* End IE5-Mac hack */

#primary a:hover span {
color:#0b5f8e;
}

#primary a:hover {
color:#0b5f8e;
background-position:0% -42px;
}

#primary a:hover span {
color:#000;
background-position:100% -42px;
}

#primary .active a {
background-position:0% -42px;
}

#primary .active a span {
color:#000;
background-position:100% -42px;
}



/**
 * Secondary Navigation
 * March 26, 2008
 **/

#secondary {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
float:right;
width:100%;
padding-top:10px;
}

#secondary ul {
margin-right:10px;
float:right;
}
#secondary ul li {
margin: 0;
padding: 0;
float:left;
border-left:1px solid #fff;
}

#secondary ul li.first {
border-left:none;
}

#secondary ul li a, #secondary ul li a:visited {
color:#fff;
font-weight:bold;
padding:0 10px;
}


/**
 * Tabs
 * 
 **/
ul.primary {
text-align: right;
font-size:10px;
font-weight:bold;
}

ul.primary li {
margin:0;
}

ul.primary li a {
background: #EBEFF7;
border-color: #CFD5E3;
padding:0 3px;
margin-right:0;
}

ul.primary li a.active {
border-color: #CFD5E3;
border-bottom: 0;
}

ul.primary li a:hover {
background-color: #FBFCFE;
border-color: #BABFC6;
}

ul.secondary {
  padding: 0;
}
ul.secondary li {
  margin: 0;
}
ul.secondary li.active a, ul.secondary li a:hover {
  border-bottom: 3px solid #BABFC6;
}

/*
** Tab navigation
*/
ul.primary {
  border-collapse: collapse;
  padding: 0 0 0 1em;
  white-space: nowrap;
  list-style: none;
  margin: 5px;
  height: auto;
  line-height: normal;
  border-bottom: 1px solid #bbb;
}
ul.primary li {
  display: inline;
}
ul.primary li a {
  background-color: #ddd;
  border-color: #bbb;
  border-width: 1px;
  border-style: solid solid none solid;
  height: auto;
  margin-right: 0.5em;
  padding: 0 1em;
  text-decoration: none;
}
ul.primary li.active a {
  background-color: #fff;
  border: 1px solid #bbb;
  border-bottom: #fff 1px solid;
}
ul.primary li a:hover {
  background-color: #eee;
  border-color: #ccc;
  border-bottom-color: #eee;
}
ul.secondary {
  border-bottom: 1px solid #bbb;
  padding: 0.5em 1em;
  margin: 5px;
}
ul.secondary li {
  display: inline;
  padding: 0 1em;
  border-right: 1px solid #ccc;
}
ul.secondary a {
  padding: 0;
  text-decoration: none;
}
ul.secondary a.active {
  border-bottom: 4px solid #999;
}


/* banner */
#banner {
clear:none;
float:left;
height:74px;
width:480px;
margin:-2px 0 1px 10px;
}

#btr-join-form {
padding:0;
margin:0;
}

#btr-join-form input {
padding:0;
}

#btr-join-box {
padding:32px 0 0 140px;
color:#aaa;
}

#btr-join-box a {
color:#aaa;
text-decoration:underline;
}

#btr-join-box a:hover {
color:#ddd;
text-decoration:underline;
}

#btr-join-mail {
width:180px;
clear:none;
margin:0 0 0 9px;
}

#btr-join-checkbox {
clear:none;
font:9px/70% Arial, Helvetica, sans-serif;
margin:-2px 0 0 5px;
width:190px;
}

#btr-join-submit {
clear:none;
margin-left:92px;
margin-top:4px;
}

#search-signup .block {
background:none;
}

div.read-more {
font-weight:bold;
float:right;
}
p.read-more {
font-weight:bold;
float:right;
}
#-content-admin-field-add-new label {
display:block;
clear:both;
float:none;
width:inherit;
padding:0;
}

#logged-in-as {
clear:right;
float:right;
margin-top:4px;
*margin-top:0;
}

.poll label.option {
width:115px;
margin-bottom:5px;
}

.poll .form-radio {
margin:0;
}

div.center {
text-align:center;
}

.view table th, .view table td {
font-size:100%;
font-weight:normal;
}

.red {
color:red;
}

.cloak {
position: absolute;
left: -1234px; 
}


#wrapper {
margin:0 auto;
width:898px;
background-color:#2c82b8;
padding:16px 18px 16px 18px;
}


#container-front {
margin-top:18px;
padding-left:250px;   /* LC width */
padding-right:315px;  /* RC width */
}

#container .column,
#container-front .column {
position:relative;
float:left;
}

#center {
width:100%;
z-index:100;
}

#left {
width:178px;          /* LC width */
right:178px;          /* LC width */
margin-left: -100%;
}

#left-front {
width:250px;          /* LC width */
right:250px;          /* LC width */
margin-left: -100%;
}

#right {
width:315px;          /* RC width */
margin-right:-315px;  /* RC width */
}

/*** IE6 Fix ***/
* html #left {
left:318px;           /* RC width */
}

* html #left-front {
left:318px;           /* RC width */
}

#container.signup {
width:100%;
padding:0;
background-color:#fff;
}

#container.signup #content {
width:74%;
margin:auto;
}

#content {
background-color:#fff;
padding:10px;
margin-bottom: 15px;
clear:both;
}

#container-front #content {
background-color:#2C82B8;
padding:0;
}

#container.blank {
width:875px;
padding:0;
background-color:#fff;
}

#container.blank #content {
width:100%;
margin:auto;
}

.node {
padding:2px 10px;
}


#logo {
float: left;
padding:11px 0 0 25px;
}

/**
 * Lists, menu items, etc
 **/

ul, .item-list ul {
margin: 0 0 .5em 0;
padding: 0 0 0 0;
}

ul.menu {
padding: 0 0 0 3px;
}

ul li, ul.menu li, .item-list ul li {
margin: 0 0 0 12px;
margin: 0px;
padding: 0;
list-style: circle url(http://www.beattherecession.com/images/menu-leaf.gif);
}

ul li.expanded, ul.menu li.expanded, .item-list ul li.expanded {
list-style: disc url(http://www.beattherecession.com/theme-images/menu-expanded.gif);
}

ul li.collapsed, ul.menu li.collapsed, .item-list ul li.collapsed {
list-style: square url(http://www.beattherecession.com/theme-images/menu-collapsed.gif);
}

/**
 * Search / Sign-up Region
 * March 26, 2008
 **/

#sign-up-button {
margin:5px;
float:right;
background:url(http://www.beattherecession.com/theme-images/sign-up.png) no-repeat;
width:374px;
height:116px;
}

#sign-up-ad-search-box {
float:left
}

#search-signup {
height:130px;
background-color:#fff;
margin-top:18px;
padding:5px;
}

#search {
margin:20px 0 0 12px;
}

#sign-up-ad {
width:468px;
height:63px;
margin:5px 0 0 11px;
}

#sign-up-ad .block {
padding:0;
margin:0;
}

.messages.status {
font-size:16px;
font-weight:bold;
padding:10px;
border:1px solid #000;
}

.messages.error {
font-size:16px;
font-weight:bold;
padding:10px;
border:1px solid #000;
}

div.status, tr.status {
background:#fff none repeat scroll 0%;
color:#2c82b8;
}

div.status a, tr.status a{
color:#2c82b8;
text-decoration:underline;
}

div.status a:hover, tr.status a:hover {
color:#555;
text-decoration:underline;
}

div.error, tr.error {
background:#ff6600 none repeat scroll 0%;
color:#fff;
}

div.error a, tr.error a{
color:#000;
text-decoration:underline;
}

div.error a:hover, tr.error a:hover {
color:#555;
text-decoration:underline;
}
/**
 * Blocks
 * March 27, 2008
 **/
.block {
}

#container-front #center .block {
padding:10px;
}

#left .block, #left-front .block {
margin-right:18px;
}

#right .block {
margin-left:15px;
}

.block {
padding:10px;
background-color:#fff;
margin-bottom:15px;
}

.node, #content h2 {
background-color:#fff;
}


.video-more {
text-align:right;
font-size:110%;
font-weight:bold;
margin-top:20px;
background:url(http://www.beattherecession.com/theme-images/more.png) right center no-repeat;
height:30px;
padding:11px 25px 0 0;
}
/**
 * Views
 * June 03, 2008
 **/
.view-content {
border:1px solid #ddd;
background-color: #eee;
padding:0;
}












/**
 * Image nodes and teasers.
 * June 03, 2008
 */
.node-image-teaser-wrapper {
width:220px;
float:right;
}

.view-content-pictures{
padding:10px 0;
}

.node-image-teaser {
border:10px solid #eee;
background-color:#fff;
padding:5px;
font-weight:bold;
}

.node-image-teaser .title {
text-decoration:underline;
font-weight:bold;
font-size:10pt;
margin:0;
}

.node-image-teaser.even {
background-color: #fff;
}

.node-image-teaser.odd {
background-color: #fff;
}

.node-image-teaser-title {
width:220px;
float:right;
}

.node-image-teaser-info {
}

.node-image-teaser-content {
}

.node-image-teaser-content p {
width:220px;
float:right;
margin:10px 0;
font-weight:normal;
}

.node-image-teaser-content a {
text-decoration:underline;
}

.node-image-teaser-info-reads {
background: url(images/icon_views.gif) no-repeat;
padding-left:25px !important;
height:20px;
font-size:11px;
line-height:20px;
color:maroon;
}

.node-image-teaser-info-laughs {
background: url(images/icon_laughs2.gif) no-repeat;
padding-left:25px !important;
height:20px;
font-size:11px;
line-height:20px;
color:maroon;
}

.block .node-image-teaser-title {
width:140px;
}
.block .node-image-teaser-content p {
width:140px;
}

.block .node-image-teaser-wrapper {
width:140px;
float:right;
}

.image-thumbnail {
float:left;
width:120px;
height:120px;
}

/**
 * Image Module
 **/

img, a img {
border: none;
}

.node .image p {
width:378px;
float:right;
}

#imagepage {
text-align:center;
}

/**
 * Advice nodes and teasers
 * March 27, 2008
 **/

.node-advice-teaser {
margin:0 10px 8px 10px;
background-color:#fff;
padding:5px;
clear:both;
font-weight:normal;
}


.node-advice-teaser .title a {
text-decoration:none;
color:maroon;
font-size:15px;
font-weight:bold;
}
.node-advice-teaser .title a:hover {
text-decoration:underline;
}

/**
 * Random Advice Block
 * March 27, 2008
 **/

.view-content.view-content-random-advice-block {
padding:0;
background:#fff;
border:0;
}
.view-item-random-advice-block .view-data-node-title {
font-weight:bold;
font-size:normal
}

.view-item-random-advice-block .view-data-node-title {
font-weight: bold;
}

.view-content-random-advice-block ul li {
background-color:#eee;
list-style:none;
list-style-image:none;
margin:10px 0;
padding:5px;
}

.view-field.view-data-node-data-field-tagline--teaser-field-tagline--teaser-value {
margin:0;
}




/* this is an ads block, should not have any white margin! */
/* right 300x250 IMU */

#block-block-3, #block-block-25 {
height:250px !important;
padding:0;
margin-top:0;
}

/* left 200x200 IMU */
#block-block-34, #block-block-26 {
height:200px !important;
padding:10px 15px;
}

#block-block-26 p, #block-block-32 p, #block-block-34 p {
margin:0;
}

/**
 * Categories Block
 * March 27, 2008
 **/

#jotd-categories {
margin:0;
padding:0;
}

#jotd-categories li {
font-weight:bold;
list-style:none;
list-style-image:none;
margin-left:0;
padding:4px;
color:#fff;
background-color:#eee;
}

#jotd-categories li.active {
background-color:#aaeaff;
}

li#cat-title {
font-size:14pt;
color:#2c82b8;
margin:0 0 10px 0;
padding:0;
background-color:#fff;
}

/* sidebars */

.blockinner {
padding: 0;
margin: 0;
}

.view-data-node-data-field-tagline--teaser-field-tagline--teaser-value {
margin-bottom:5px;
}

.block .view-content .node {
/* height:84px; */
}

.block-views h2.title {
font-size:16px;
color:#669900;
margin-bottom:10px;
}

h2.title.teaser {
font-size:12px;
}

#content .block .view-content .node h2.title {
text-align:left;
font-size: 12px;
font-weight: bold;
border-top:0;
padding:0;
margin:0;
width:210px;
background-color:#fff;
}

#content .block .view-content .content p {
padding-bottom:0;
padding-top:2px;
margin-top:-2px;
}

#left-front .vote-widget,
#left-front .nodeinfo {
display:none;
}

#left-front .node {
background-color:#eee;
padding:10px;
}


.block .view-content div.user {
display:none;
}

.view-content-front-joke ul li {
list-style:none;
list-style-image:none;
}

/* pager */
.pager {
text-align: center;
margin:15px 0;
font-size:12px;
font-weight:bold;
}


.pager a, .pager a:visited  {
  padding: 1px 1px 1px 1px;
  margin-left: 2px;
  border: 1px solid #DADCE0;
  background-color: #FFFFFF;
  color: #5294C1;
}

.pager strong.pager-current {
  padding: 1px 2px 1px 2px;
  margin-left:2px;
  border: 1px solid #555;
  background-color: #eee;
  color: #555;
}

.pager a:hover {
  border-color: #555;
  color: #000;
	background-color:#eee;
	text-decoration:none;
}

/**
 * Sub Navigation ( Recent, Most Viewed, Top Rated )
 */
#sub-nav {
padding-top:2px;
margin-bottom:5px;
margin-top:3px;
text-align:left;
}

#sub-nav li {
padding:0;
margin:0;
}

#sub-nav li a {
background:#ddd;
color:#2c82b8;
text-decoration:none;
padding:5px 10px;
font-weight:bold;
}

#sub-nav li a:hover {
color: #555;
}

#sub-nav li a.active {
color:#fff;
font-weight:bold;
background-color:#2c82b8;
}


/* sidebars, regions */

.block {
background-color:#fff;
}

.sidebar .block h3, .sidebar .block div.title {
font-size: 12px;
color: #6C7A8D;
font-weight: bold;
}







#footer a {
color:#fff;
padding:0;
margin:0;
padding:0 5px 0 5px;
}

/**
 * Footer menu
 **/

#footer ul {
text-align:center;
}

#footer ul li {
display:inline;
font-size:80%;
margin:0;
padding:0;
list-style:none;
list-style-image:none;
border-right:1px solid #fff;
}

#footer ul li.last {
border-right:none;
}

#as-seen-on {
background-color:#fff;
text-align:center;
font-weight:bold;
}

#footer-message {
color:#fff;
text-align:center;
background-color:#2c82b8;
}

#footer-message .block {
color:#fff;
text-align:center;
background-color:#2c82b8;
}



/* tables */
table {
  margin: 0.5em 0 1em 0;
  width: 100%;
}

table th, table td {
font-size:90%;
}

thead th {
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #eee;
  color: #678;
  font-size: 90%;
  font-weight: bold;
  background: url(images/bg-thead.gif) repeat-x bottom left;
  padding: 2px;
}

tr.even, tr.odd {
  border-color: #ddd;
}

tr.even {
  background-color: #eee;
}

tr.odd {
  background-color: #fff;
}

td.active {
  background: #e4ecf5;
}

td {
  padding: 1px;
}

td.menu-disabled {
  background-color: #E5E5E5;
}

/* forms */
#user-login .form-text,  #user-register .form-text, #user-pass .form-text {
width:80%;
}

form {
margin-bottom: .5em;
}

input, select, textarea {
padding: 1px 3px 1px 3px;
}

input.form-file {
width:80%;
}

.form-text {
margin-bottom:0;
width:80%;
}



fieldset {
  border: solid #DADCE0 1px;
  background-color: #F8F9FA;
  margin: 1em 0 1em 0;
}

fieldset.collapsed {
  background-color: transparent;
  padding: 0;
}

#node-form, #node-form .node-form {
  overflow:auto;
}


/* forms */
#user-login .form-text,  #user-register .form-text, #user-pass .form-text {
width:80%;
}

form {
margin-bottom: .5em;
}

input, select, textarea {
padding: 1px 3px 1px 3px;
}

input.form-file {
width:80%;
}

.form-text {
margin-bottom:0;
width:80%;
}



fieldset {
  border: solid #DADCE0 1px;
  background-color: #F8F9FA;
  margin: 1em 0 1em 0;
}

fieldset.collapsed {
  background-color: transparent;
  padding: 0;
}

#node-form, #node-form .node-form {
  overflow:auto;
}

/* taxonomy super select module */
.form-item .description ul {
clear:left;
padding-left:30px;
}

label {
clear:left;
margin:0;
padding:0;
}

form div.description {
clear:left;
margin-bottom:4px;
color:#000;
font-size:10px;
font-weight:bold;
}

label.option { 
}


fieldset {
clear:both;
}

fieldset label {
font-size:10px;
}

fieldset fieldet fieldset.collapsible {
margin-left:-8px;
font-size:12px;
}

fieldset fieldset fieldset.collapsible label {
font-size:9px;
}

table label.option {
width:20px;
padding:0;
margin:0;
}

.preview .node, .preview .comment {
border: 1px solid #BABFC6;
padding: 10px;
margin: 5px 0 10px 0;
background-color: #FAF4E1;
}

/**
 * Admin Panel 
 * March 26, 2008
 **/
div.admin {
padding:0;
margin:0;
font-size:10pt;
}

div.admin .left, div.admin .right {
margin:2px;
}

div.admin-panel {
background-color:#fff;
margin:5px 0;
padding:0;
}

div.admin-panel h3 {
background-color:#F2F2F2;
padding: 2px 6px;
border-bottom: 1px solid #ccc;
font-size:10pt;
}

/* node links */
.node div.links {
  padding-top: 1px;
  padding-bottom: 2px;
  border-bottom: dashed #DADCE0 1px;
}

.sticky div.links {
  border-bottom: none;
}

.comment .links {
  font-size: 90%;
}

li.comment_add a, li.comment_comments a {
  background: url(images/mini-comment.png) no-repeat 0 1px;
  padding-left: 13px;
}

li.node_read_more a {
  background: url(images/mini-readmore.png) no-repeat 0 2px;
  padding-left: 13px;
}

li.upload_attachments a {
  background: url(images/mini-attachment.png) no-repeat 0 2px;
  padding-left: 13px;
}

li.comment_delete a {
  background: url(images/mini-trash.png) no-repeat 0 0;
  padding-left: 13px;
}

li.comment_edit a {
  background: url(images/mini-edit.png) no-repeat 0 0;
  padding-left: 13px;
}

li.comment_reply a {
  background: url(images/mini-comment.png) no-repeat 0 0;
  padding-left: 13px;
}

/* node, content styles */

.node {

}

.node p {
margin:2px 0 12px 0;
}

.node h2.title a:hover {
color: #345;
}

div.nodeinfo {
clear:both;
padding:5px 0 0 2px;
border-top:1px solid #ddd;
font-size:12px;
}


.content-quote {
font-size:16px;
font-weight:bold;
color:#2c82b8;
}

.node-teaser-quote {
border:10px solid #eee;
background:#fff;
padding:5px;
padding-bottom:10px;
}

.quote-title {
color:maroon;
float:right;
margin-top:-5px;
padding:0 10px 3px 0;
font-weight:bold;
font-size:15px;
}

.block .content-quote {
font-size:12px;
font-weight:normal;
color:#000;
}

.block .node-teaser-quote {
border:0px solid #eee;
background:#fff;
padding:5px;
padding-bottom:10px;
}

.block .quote-title {
color:#2c82b8;
float:right;
margin-top:-5px;
padding:0 10px 3px 0;
font-weight:bold;
font-size:13px;
}


.nodeinfo .info-text {
padding-top:4px;
float:left;
margin-left:4px;
}

.info-text .reads {
margin-left:10px;
}


.user {
display:inline;
background: url(images/user.png) no-repeat;
padding-left: 13px !important;
padding-right: 4px;
}

.reads {
display:inline;
clear:right;
background: url(images/reads.png) no-repeat;
padding-left: 13px !important;
padding-right: 4px;

}

.sticky {
border: 1px solid #DADCE0;
background-color: #F7FAFF;
padding: 8px 5px 8px 5px;
}








/**
 * The all new JOTD customized, categorical, prev/next pagers 
 **/

.forward-pager-wrapper {
margin:10px;
}

.jotd-pager {
padding-top:5px;
float:right;
}

#jotd-pager a.prev, #jotd-pager a.next {
font-size:14px;
font-weight:bold;
text-decoration:underline;
}

/**
 * CSS Styling for installed Drupal Contributed Modules
 * These are generally over-rides for existing style specified by individual modules.
 *
 **/


/**
 * Forward Module - Email this page module
 */
a.forward-page {
font-size:16px;
font-weight:bold;
}

div#forward {
background:#fff url(images/icon_sendmail.jpg) no-repeat;
padding-left:40px !important;
padding-top:4px;
height:30px;
float:left;
}

/**
	 * Vote up/down Module
 */

.vote-widget {
margin:5px 0 10px 8px;
}

.voteupdown-widget-alt {
font-size:12px;
border:1px solid #ddd;
padding:3px;
background:#eee;
width:74px;
text-align:center;
float:left;
margin-right:3px;
}

.vote-points {
font-size:24px;
}

.vote-up-act {
background:#eee url(images/checkbox-on.png) no-repeat 0px 0px;
}

.vote-up-inact, .vote-up-inact:hover {
background:#eee url(images/checkbox-off.png) no-repeat 0px 0px;
}

.vote-up-act, .vote-up-inact, .vote-down-act, .vote-down-inact {
float:left;
}



.form-item .image-thumbnail {
float:none;
clear:both;
width:auto;
height:auto;
}


.block .title {
font-size:10pt;
margin:0;
}


/* theme signup */

.signup #content .form-text {
width:95%;
}

/* profile cck */

#user-register fieldset {
padding:0;
background-color:#fff;

margin:5px 0;
padding:5px 0;
border-color:#fff;
border-bottom:1px solid #ddd;
}

#user-register legend {
display:none;
}

.edit-field-profile-gender-key,
.edit-field-profile-smsme-key {
display:inline;
width:65px;
margin-bottom:0;
font-size:10px;
}

.sms label {
display:none;
}

.edit-field-profile-firstname-0-value,
.edit-field-profile-lastname-0-value {
width:180px;
}

.edit-field-profile-address-0-value,
.edit-field-profile-address2-0-value {
width:250px;
margin:0;
}

.edit-field-profile-country-key {
width:180px;
}

.edit-field-sms-country-key {
padding-left:6px;
}

.sms .form-item {
display:inline;
}

.sms .form-radios {
display:inline;

}

#block-block-6 {
padding:0;
font-size:12px;
}

#block-block-6 p {
margin:0;
margin-bottom:5px;
}

.group-sms .form-text {
width:100px !important;
}

span.red {
color:#CD3301;
font-weight:bold;
}

.form-item.edit-field-profile-postcode-0-value,
.form-item.edit-field-profile-postcode-0-value input,
.form-item.edit-field-profile-postcode-0-value label {
width:40px !important;
display:inline;
}


.form-item.edit-field-profile-state-0-value,
.form-item.edit-field-profile-state-0-value input {
width:155px !important;
display:inline;
}

#edit-field-profile-state-0-value {
margin-right:6px;
}

.edit-field-profile-city-0-value.form-item,
.edit-field-profile-city-0-value.form-item input,
.edit-field-profile-city-0-value.form-item label {
width:90px !important;
display:inline;
}


.form-item.edit-field-birthdate-0-value label,
.form-item.edit-field-profile-country-key label,
.form-item.edit-field-profile-state-0-value label,
.form-item.edit-field-profile-country-key label,
.form-item.edit-field-profile-postcode-0-value label {
display:none;
}

.form-item.edit-field-profile-address2-0-value label {
display:none;
}

#edit-field-profile-country-key {
width:200px;
display:inline;
}

.group-offers .form-item {
margin-bottom:5px;
margin-top:0;
}

.form-item.edit-search-theme-form-keys input {
width:200px;
}

.signup {
margin:0;
}

.signup h3 {
color:#333333;
font-size:14px;
margin-top:10px;
border-top:1px solid #ccc;
padding-top:5px;
margin-bottom:5px;
}

.signup .form-item {
margin:0;
}

#block-block-6 {
margin-bottom:0;
}

.form-item.edit-field-mobile-1-0-private-number {
display:block;
}

/**
 * Sign-up form Subscription checkboxes.
 **/

.subscriptions input {
margin-top:8px;
}

.subscriptions label {
display:none;
}

.subscriptions .form-checkboxes .form-item {
height:31px !important;

margin-top:5px;
}

.subscriptions .form-item,
.subscriptions .form-checkboxes {
margin:0;
}


.edit-field-subscriptions-keys-JOKEOFTHEDAY {
background:url(images/jotd88-X-31static.gif) no-repeat;
padding-left:90px;
}

.edit-field-subscriptions-keys-GARFIELD {
background:url(images/garfield88-X-31static.gif) no-repeat;
padding-left:90px;
}



/* mobile phone 3 part input */
.form-item.edit-field-mob-pt1-0-value,
.form-item.edit-field-mob-pt2-0-value,
.form-item.edit-field-mob-pt3-0-value {
display:inline;
}

.form-item.edit-field-mob-pt1-0-value label,
.form-item.edit-field-mob-pt2-0-value label,
.form-item.edit-field-mob-pt3-0-value label {
display:none;
}

input#edit-field-mob-pt1-0-value.form-text,
input#edit-field-mob-pt2-0-value.form-text {
width:25px !important;
}

input#edit-field-mob-pt3-0-value.form-text {
width:35px !important;
}

.business-tips .form-item {
display:inline;
}











h2.page-title {
margin-bottom:10px;
border-bottom:1px solid #333;
text-align:center;
color:#cd3301;
padding:5px;
}

h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12pt;
margin-bottom:2px;
}

hr {
border:none;
border-bottom:1px solid black;
}



















/**
 * Image nodes and teasers.
 * June 03, 2008
 */
.node-image-teaser-wrapper {
width:220px;
float:right;
}

.view-content-pictures{
padding:10px 0;
}

.node-image-teaser {
border:10px solid #eee;
background-color:#fff;
padding:5px;
font-weight:bold;
}

.node-image-teaser .title {
text-decoration:underline;
font-weight:bold;
font-size:10pt;
margin:0;
}

.node-image-teaser.even {
background-color: #fff;
}

.node-image-teaser.odd {
background-color: #fff;
}

.node-image-teaser-title {
width:220px;
float:right;
}

.node-image-teaser-info {
}

.node-image-teaser-content {
}

.node-image-teaser-content p {
width:220px;
float:right;
margin:10px 0;
font-weight:normal;
}

.node-image-teaser-content a {
text-decoration:underline;
}

.node-image-teaser-info-reads {
background: url(images/icon_views.gif) no-repeat;
padding-left:25px !important;
height:20px;
font-size:11px;
line-height:20px;
color:maroon;
}

.node-image-teaser-info-laughs {
background: url(images/icon_laughs2.gif) no-repeat;
padding-left:25px !important;
height:20px;
font-size:11px;
line-height:20px;
color:maroon;
}

.block .node-image-teaser-title {
width:140px;
}
.block .node-image-teaser-content p {
width:140px;
}

.block .node-image-teaser-wrapper {
width:140px;
float:right;
}

.image-thumbnail {
float:left;
width:120px;
height:120px;
}

/**
 * Image Module
 **/

img, a img {
border: none;
}

.node .image p {
width:378px;
float:right;
}

#imagepage {
text-align:center;
}

/**
 * Advice nodes and teasers
 * March 27, 2008
 **/

.node-advice-teaser {
margin:0 10px 8px 10px;
background-color:#fff;
padding:5px;
clear:both;
font-weight:normal;
}


.node-advice-teaser .title a {
text-decoration:none;
color:maroon;
font-size:15px;
font-weight:bold;
}
.node-advice-teaser .title a:hover {
text-decoration:underline;
}

/**
 * Random Advice Block
 * March 27, 2008
 **/

.view-content.view-content-random-advice-block {
padding:0;
background:#fff;
border:0;
}
.view-item-random-advice-block .view-data-node-title {
font-weight:bold;
font-size:normal
}

.view-item-random-advice-block .view-data-node-title {
font-weight: bold;
}

.view-content-random-advice-block ul li {
background-color:#eee;
list-style:none;
list-style-image:none;
margin:10px 0;
padding:5px;
}

.view-field.view-data-node-data-field-tagline--teaser-field-tagline--teaser-value {
margin:0;
}




/* this is an ads block, should not have any white margin! */
/* right 300x250 IMU */

#block-block-3, #block-block-25 {
height:250px !important;
padding:0;
margin-top:0;
}

/* left 200x200 IMU */
#block-block-34, #block-block-26 {
height:200px !important;
padding:10px 15px;
}

#block-block-26 p, #block-block-32 p, #block-block-34 p {
margin:0;
}

/**
 * Categories Block
 * March 27, 2008
 **/

#jotd-categories {
margin:0;
padding:0;
}

#jotd-categories li {
font-weight:bold;
list-style:none;
list-style-image:none;
margin-left:0;
padding:4px;
color:#fff;
background-color:#eee;
}

#jotd-categories li.active {
background-color:#aaeaff;
}

li#cat-title {
font-size:14pt;
color:#2c82b8;
margin:0 0 10px 0;
padding:0;
background-color:#fff;
}



/**
 * Sub Navigation ( Recent, Most Viewed, Top Rated )
 */
#sub-nav {
padding-top:2px;
margin-bottom:5px;
margin-top:3px;
text-align:left;
}

#sub-nav li {
padding:0;
margin:0;
}

#sub-nav li a {
background:#ddd;
color:#2c82b8;
text-decoration:none;
padding:5px 10px;
font-weight:bold;
}

#sub-nav li a:hover {
color: #555;
}

#sub-nav li a.active {
color:#fff;
font-weight:bold;
background-color:#2c82b8;
}


/* sidebars, regions */

.block {
background-color:#fff;
}

.sidebar .block h3, .sidebar .block div.title {
font-size: 12px;
color: #6C7A8D;
font-weight: bold;
}



#footer {
width:934px;
margin:0 auto;
background:#635b50 url(images/footer-bg.gif) repeat-x;
border-top:1px solid #161616;
text-align:center;
padding:20px 0 20px 0;
}


#footer a {
color:#fff;
padding:0;
margin:0;
padding:0 5px 0 5px;
}

/**
 * Footer menu
 **/

#footer ul {
text-align:center;
}

#footer ul li {
display:inline;
font-size:80%;
margin:0;
padding:0;
list-style:none;
list-style-image:none;
border-right:1px solid #fff;
}

#footer ul li.last {
border-right:none;
}

#as-seen-on {
background-color:#fff;
text-align:center;
font-weight:bold;
}

#footer-message {
color:#fff;
text-align:center;
background-color:#2c82b8;
}

#footer-message .block {
color:#fff;
text-align:center;
background-color:#2c82b8;
}





thead th {
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #eee;
  color: #678;
  font-size: 90%;
  font-weight: bold;
  background: url(images/bg-thead.gif) repeat-x bottom left;
  padding: 2px;
}

tr.even, tr.odd {
  border-color: #ddd;
}

tr.even {
  background-color: #eee;
}

tr.odd {
  background-color: #fff;
}

td.active {
  background: #e4ecf5;
}

td {
  padding: 1px;
}

td.menu-disabled {
  background-color: #E5E5E5;
}

/* forms */
#user-login .form-text,  #user-register .form-text, #user-pass .form-text {
width:80%;
}

form {
margin-bottom: .5em;
}

input, select, textarea {
padding: 1px 3px 1px 3px;
}

input.form-file {
width:80%;
}

.form-text {
margin-bottom:0;
width:80%;
}



fieldset {
  border: solid #DADCE0 1px;
  background-color: #F8F9FA;
  margin: 1em 0 1em 0;
}

fieldset.collapsed {
  background-color: transparent;
  padding: 0;
}

#node-form, #node-form .node-form {
  overflow:auto;
}

/* taxonomy super select module */
.form-item .description ul {
clear:left;
padding-left:30px;
}

label {
clear:left;
margin:0;
padding:0;
}

form div.description {
clear:left;
margin-bottom:4px;
color:#000;
font-size:10px;
font-weight:bold;
}

label.option { 
}


fieldset {
clear:both;
}

fieldset label {
font-size:10px;
}

fieldset fieldet fieldset.collapsible {
margin-left:-8px;
font-size:12px;
}

fieldset fieldset fieldset.collapsible label {
font-size:9px;
}

table label.option {
width:20px;
padding:0;
margin:0;
}

.preview .node, .preview .comment {
border: 1px solid #BABFC6;
padding: 10px;
margin: 5px 0 10px 0;
background-color: #FAF4E1;
}

/**
 * Admin Panel 
 * March 26, 2008
 **/
div.admin {
padding:0;
margin:0;
font-size:10pt;
}

div.admin .left, div.admin .right {
margin:2px;
}

div.admin-panel {
background-color:#fff;
margin:5px 0;
padding:0;
}

div.admin-panel h3 {
background-color:#F2F2F2;
padding: 2px 6px;
border-bottom: 1px solid #ccc;
font-size:10pt;
}

/* node links */
.node div.links {
  padding-top: 1px;
  padding-bottom: 2px;
  border-bottom: dashed #DADCE0 1px;
}

.sticky div.links {
  border-bottom: none;
}

.comment .links {
  font-size: 90%;
}

li.comment_add a, li.comment_comments a {
  background: url(images/mini-comment.png) no-repeat 0 1px;
  padding-left: 13px;
}

li.node_read_more a {
  background: url(images/mini-readmore.png) no-repeat 0 2px;
  padding-left: 13px;
}

li.upload_attachments a {
  background: url(images/mini-attachment.png) no-repeat 0 2px;
  padding-left: 13px;
}

li.comment_delete a {
  background: url(images/mini-trash.png) no-repeat 0 0;
  padding-left: 13px;
}

li.comment_edit a {
  background: url(images/mini-edit.png) no-repeat 0 0;
  padding-left: 13px;
}

li.comment_reply a {
  background: url(images/mini-comment.png) no-repeat 0 0;
  padding-left: 13px;
}

/* node, content styles */

.node {

}

.node p {
margin:2px 0 12px 0;
}

.node h2.title a:hover {
color: #345;
}

div.nodeinfo {
clear:both;
padding:5px 0 0 2px;
border-top:1px solid #ddd;
font-size:12px;
}


.content-quote {
font-size:16px;
font-weight:bold;
color:#2c82b8;
}

.node-teaser-quote {
border:10px solid #eee;
background:#fff;
padding:5px;
padding-bottom:10px;
}

.quote-title {
color:maroon;
float:right;
margin-top:-5px;
padding:0 10px 3px 0;
font-weight:bold;
font-size:15px;
}

.block .content-quote {
font-size:12px;
font-weight:normal;
color:#000;
}

.block .node-teaser-quote {
border:0px solid #eee;
background:#fff;
padding:5px;
padding-bottom:10px;
}

.block .quote-title {
color:#2c82b8;
float:right;
margin-top:-5px;
padding:0 10px 3px 0;
font-weight:bold;
font-size:13px;
}


.nodeinfo .info-text {
padding-top:4px;
float:left;
margin-left:4px;
}

.info-text .reads {
margin-left:10px;
}


.user {
display:inline;
background: url(images/user.png) no-repeat;
padding-left: 13px !important;
padding-right: 4px;
}

.reads {
display:inline;
clear:right;
background: url(images/reads.png) no-repeat;
padding-left: 13px !important;
padding-right: 4px;

}

.sticky {
border: 1px solid #DADCE0;
background-color: #F7FAFF;
padding: 8px 5px 8px 5px;
}








/**
 * The all new JOTD customized, categorical, prev/next pagers 
 **/

.forward-pager-wrapper {
margin:10px;
}

.jotd-pager {
padding-top:5px;
float:right;
}

#jotd-pager a.prev, #jotd-pager a.next {
font-size:14px;
font-weight:bold;
text-decoration:underline;
}

/**
 * CSS Styling for installed Drupal Contributed Modules
 * These are generally over-rides for existing style specified by individual modules.
 *
 **/


/**
 * Forward Module - Email this page module
 */
a.forward-page {
font-size:16px;
font-weight:bold;
}

div#forward {
background:#fff url(images/icon_sendmail.jpg) no-repeat;
padding-left:40px !important;
padding-top:4px;
height:30px;
float:left;
}

/**
	 * Vote up/down Module
 */

.vote-widget {
margin:5px 0 10px 8px;
}

.voteupdown-widget-alt {
font-size:12px;
border:1px solid #ddd;
padding:3px;
background:#eee;
width:74px;
text-align:center;
float:left;
margin-right:3px;
}

.vote-points {
font-size:24px;
}

.vote-up-act {
background:#eee url(images/checkbox-on.png) no-repeat 0px 0px;
}

.vote-up-inact, .vote-up-inact:hover {
background:#eee url(images/checkbox-off.png) no-repeat 0px 0px;
}

.vote-up-act, .vote-up-inact, .vote-down-act, .vote-down-inact {
float:left;
}



.form-item .image-thumbnail {
float:none;
clear:both;
width:auto;
height:auto;
}


.block .title {
font-size:10pt;
margin:0;
}


/* theme signup */

.signup #content .form-text {
width:95%;
}

/* profile cck */

#user-register fieldset {
padding:0;
background-color:#fff;

margin:5px 0;
padding:5px 0;
border-color:#fff;
border-bottom:1px solid #ddd;
}

#user-register legend {
display:none;
}

.edit-field-profile-gender-key,
.edit-field-profile-smsme-key {
display:inline;
width:65px;
margin-bottom:0;
font-size:10px;
}

.sms label {
display:none;
}

.edit-field-profile-firstname-0-value,
.edit-field-profile-lastname-0-value {
width:180px;
}

.edit-field-profile-address-0-value,
.edit-field-profile-address2-0-value {
width:250px;
margin:0;
}

.edit-field-profile-country-key {
width:180px;
}

.edit-field-sms-country-key {
padding-left:6px;
}

.sms .form-item {
display:inline;
}

.sms .form-radios {
display:inline;

}

#block-block-6 {
padding:0;
font-size:12px;
}

#block-block-6 p {
margin:0;
margin-bottom:5px;
}

.group-sms .form-text {
width:100px !important;
}

span.red {
color:#CD3301;
font-weight:bold;
}

.form-item.edit-field-profile-postcode-0-value,
.form-item.edit-field-profile-postcode-0-value input,
.form-item.edit-field-profile-postcode-0-value label {
width:40px !important;
display:inline;
}


.form-item.edit-field-profile-state-0-value,
.form-item.edit-field-profile-state-0-value input {
width:155px !important;
display:inline;
}

#edit-field-profile-state-0-value {
margin-right:6px;
}

.edit-field-profile-city-0-value.form-item,
.edit-field-profile-city-0-value.form-item input,
.edit-field-profile-city-0-value.form-item label {
width:90px !important;
display:inline;
}


.form-item.edit-field-birthdate-0-value label,
.form-item.edit-field-profile-country-key label,
.form-item.edit-field-profile-state-0-value label,
.form-item.edit-field-profile-country-key label,
.form-item.edit-field-profile-postcode-0-value label {
display:none;
}

.form-item.edit-field-profile-address2-0-value label {
display:none;
}

#edit-field-profile-country-key {
width:200px;
display:inline;
}

.group-offers .form-item {
margin-bottom:5px;
margin-top:0;
}

.form-item.edit-search-theme-form-keys input {
width:200px;
}

.signup {
margin:0;
}

.signup h3 {
color:#333333;
font-size:14px;
margin-top:10px;
border-top:1px solid #ccc;
padding-top:5px;
margin-bottom:5px;
}

.signup .form-item {
margin:0;
}

#block-block-6 {
margin-bottom:0;
}

.form-item.edit-field-mobile-1-0-private-number {
display:block;
}

/**
 * Sign-up form Subscription checkboxes.
 **/

.subscriptions input {
margin-top:8px;
}

.subscriptions label {
display:none;
}

.subscriptions .form-checkboxes .form-item {
height:31px !important;

margin-top:5px;
}

.subscriptions .form-item,
.subscriptions .form-checkboxes {
margin:0;
}


.edit-field-subscriptions-keys-JOKEOFTHEDAY {
background:url(http://www.beattherecession.org/images/jotd88-X-31static.gif) no-repeat;
padding-left:90px;
}

.edit-field-subscriptions-keys-GARFIELD {
background:url(images/garfield88-X-31static.gif) no-repeat;
padding-left:90px;
}



/* mobile phone 3 part input */
.form-item.edit-field-mob-pt1-0-value,
.form-item.edit-field-mob-pt2-0-value,
.form-item.edit-field-mob-pt3-0-value {
display:inline;
}

.form-item.edit-field-mob-pt1-0-value label,
.form-item.edit-field-mob-pt2-0-value label,
.form-item.edit-field-mob-pt3-0-value label {
display:none;
}

input#edit-field-mob-pt1-0-value.form-text,
input#edit-field-mob-pt2-0-value.form-text {
width:25px !important;
}

input#edit-field-mob-pt3-0-value.form-text {
width:35px !important;
}

.business-tips .form-item {
display:inline;
}




.cap {font-size: 1.5em; font-weight:bold;}




/*
** HTML elements
*/
fieldset {
  margin-bottom: 1em;
  padding: .5em;
}
form {
  margin: 0;
  padding: 0;
}
hr {
  height: 1px;
  border: 1px solid gray;
}
img {
  border: 0;
}

th {
  text-align: left;
  padding-right: 1em;
  border-bottom: 3px solid #ccc;
}





/*
** HTML elements
*/
th.active img {
  display: inline;
}
tr.even, tr.odd {
  background-color: #eee;
  border-bottom: 1px solid #ccc;
  padding: 0.1em 0.6em;
}
td.active {
  background-color: #ddd;
}
tbody {
  border-top: 1px solid #ccc;
}
tbody th {
  border-bottom: 1px solid #ccc;
}
thead th {
  text-align: left;
  padding-right: 1em;
  border-bottom: 3px solid #ccc;
}

/*
** Other common styles
*/
.breadcrumb {
  padding-bottom: .5em
}
.error {
  color: #f00;
}
div.error {
  border: 1px solid #d77;
}
div.error, tr.error {
  background: #fcc;
  color: #200;
}
div.warning, tr.warning {
  background: #ffd;
}
div.ok, tr.ok {
  background: #dfd;
}
.item-list .icon {
  color: #555;
  float: right;
  padding-left: 0.25em;
  clear: right;
}
.item-list .title {
  font-weight: bold;
}
.item-list ul {
  margin: 0 0 0.75em 0;
  padding: 0;
}
.item-list ul li {
  margin: 0 0 0.25em 1.5em;
  padding: 0;
  list-style: disc;
}
.form-item {
  margin-top: 1em;
  margin-bottom: 1em;
}
tr.odd .form-item, tr.even .form-item {
  margin-top: 0;
  margin-bottom: 0;
  white-space: nowrap;
}
tr.merge-down, tr.merge-down td, tr.merge-down th {
  border-bottom-width: 0 !important;
}
tr.merge-up, tr.merge-up td, tr.merge-up th {
  border-top-width: 0 !important;
}
.form-item input.error, .form-item textarea.error, .form-item select.error {
  border: 2px solid red;
}
.form-item .description {
  font-size: 0.85em;
}
.form-item label {
  display: block;
  font-weight: bold;
}
.form-item label.option {
  display: inline;
  font-weight: normal;
}
.form-checkboxes, .form-radios {
  margin: 1em 0;
}
.form-checkboxes .form-item, .form-radios .form-item {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
}
.marker, .form-required {
  color: #f00;
}
.more-link {
  text-align: right;
font-weight:bold;
float:right;
}
.more-help-link {
  font-size: 0.85em;
  text-align: right;
}
.nowrap {
  white-space: nowrap;
}
.pager {
  clear: both;
  text-align: center;
}
.pager a, .pager strong.pager-current {
  padding: 0.5em;
}
.tips {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 0.9em;
}
dl.multiselect dd.b, dl.multiselect dd.b .form-item, dl.multiselect dd.b select {
  font-family: inherit;
  font-size: inherit;
  width: 14em;
}
dl.multiselect dd.a, dl.multiselect dd.a .form-item {
  width: 8em;
}
dl.multiselect dt, dl.multiselect dd {
  float: left;
  line-height: 1.75em;
  padding: 0;
  margin: 0 1em 0 0;
}
dl.multiselect .form-item {
  height: 1.75em;
  margin: 0;
}

/*
** Inline items (need to override above)
*/
.container-inline div, .container-inline label {
  display: inline;
}

/*
** Menus
*/
ul.menu {
  list-style: none;
  border: none;
  text-align:left;
}
ul.menu li {
  margin: 0 0 0 0.5em;
}
li.expanded {
  list-style-type: circle;
  list-style-image: url(http://www.beattherecession.com/misc/menu-expanded.png);
  padding: 0.2em 0.5em 0 0;
  margin: 0;
}
li.collapsed {
  list-style-type: disc;
  list-style-image: url(http://www.beattherecession.com/misc/menu-collapsed.png);
  padding: 0.2em 0.5em 0 0;
  margin: 0;
}
li.leaf {
  list-style-type: square;
  list-style-image: url(http://www.beattherecession.com/misc/menu-leaf.png);
  padding: 0.2em 0.5em 0 0;
  margin: 0;
}
li a.active {
  color: #000;
}
td.menu-disabled {
  background: #ccc;
}
ul.links {
  margin: 0;
  padding: 0;
}
ul.links.inline {
  display: inline;
}
ul.links li {
  display: inline;
  list-style-type: none;
  padding: 0 0.5em;
}
.block ul {
  margin: 0;
  padding: 0 0 0.25em 1em;
}


/*
** Autocomplete styles
*/
/* Suggestion list */
#autocomplete {
  position: absolute;
  border: 1px solid;
  overflow: hidden;
  z-index: 100;
}
#autocomplete ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#autocomplete li {
  background: #fff;
  color: #000;
  white-space: pre;
  cursor: default;
}
#autocomplete li.selected {
  background: #0072b9;
  color: #fff;
}
/* Animated throbber */
html.js input.form-autocomplete {
  background-image: url(http://www.beattherecession.com/misc/throbber.gif);
  background-repeat: no-repeat;
  background-position: 100% 2px;
}
html.js input.throbbing {
  background-position: 100% -18px;
}

/*
** Collapsing fieldsets
*/
html.js fieldset.collapsed {
  border-bottom-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  margin-bottom: 0;
  height: 1em;
}
html.js fieldset.collapsed * {
  display: none;
}
html.js fieldset.collapsed legend {
  display: block;
}
html.js fieldset.collapsible legend a {
  padding-left: 15px;
  background: url(http://www.beattherecession.com/misc/menu-expanded.png) 5px 75% no-repeat;
}
html.js fieldset.collapsed legend a {
  background-image: url(http://www.beattherecession.com/misc/menu-collapsed.png);
  background-position: 5px 50%;
}
/* Note: IE-only fix due to '* html' (breaks Konqueror otherwise). */
* html.js fieldset.collapsed legend,
* html.js fieldset.collapsed legend *,
* html.js fieldset.collapsed table * {
  display: inline;
}
html.js fieldset.collapsible legend a {
  display: block;
}
/* Avoid jumping around due to margins collapsing into collapsible fieldset border */
html.js fieldset.collapsible .fieldset-wrapper {
  overflow: auto;
}

/*
** Resizable text areas
*/
.resizable-textarea {
  width: 95%;
}
.resizable-textarea .grippie {
  height: 9px;
  overflow: hidden;
  background: #eee url(http://www.beattherecession.com/misc/grippie.png) no-repeat center 2px;
  border: 1px solid #ddd;
  border-top-width: 0;
  cursor: s-resize;
}
html.js .resizable-textarea textarea {
  margin-bottom: 0;
  width: 100%;
  display: block;
}

/*
** Progressbar styles
*/
.progress {
  font-weight: bold;
}
.progress .bar {
  background: #fff url(http://www.beattherecession.com/misc/progress.gif);
  border: 1px solid #00375a;
  height: 1.5em;
  margin-top: 0.2em;
}
.progress .filled {
  background: #0072b9;
  height: 1em;
  border-bottom: 0.5em solid #004a73;
  width: 0%;
}
.progress .percentage {
  float: right;
}

/*
** Formatting for welcome page
*/
#first-time strong {
  display: block;
  padding: 1.5em 0 .5em;
}

/*
** To be used with tableselect.js
*/
tr.selected td {
  background: #ffc;
}



/** 
 * Link Styles 
 * March 26, 2008
 */
a:link, a:visited {
color:#2c82b8;
text-decoration:none;
}

a:hover {
color:#2c82b8;
text-decoration:underline;
}

/**
 * Heading Styles 
 * March 26, 2008
 **/
h1 {
font-size:9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}





h2.page-title {
margin-bottom:10px;
border-bottom:1px solid #333;
text-align:center;
color:#cd3301;
padding:5px;
}

h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12pt;
margin-bottom:2px;
}

hr {
border:none;
border-bottom:1px solid black;
}













/**
 * Image nodes and teasers.
 * June 03, 2008
 */
.node-image-teaser-wrapper {
width:220px;
float:right;
}

.view-content-pictures{
padding:10px 0;
}

.node-image-teaser {
border:10px solid #eee;
background-color:#fff;
padding:5px;
font-weight:bold;
}

.node-image-teaser .title {
text-decoration:underline;
font-weight:bold;
font-size:10pt;
margin:0;
}

.node-image-teaser.even {
background-color: #fff;
}

.node-image-teaser.odd {
background-color: #fff;
}

.node-image-teaser-title {
width:220px;
float:right;
}

.node-image-teaser-info {
}

.node-image-teaser-content {
}

.node-image-teaser-content p {
width:220px;
float:right;
margin:10px 0;
font-weight:normal;
}

.node-image-teaser-content a {
text-decoration:underline;
}

.node-image-teaser-info-reads {
background: url(images/icon_views.gif) no-repeat;
padding-left:25px !important;
height:20px;
font-size:11px;
line-height:20px;
color:maroon;
}

.node-image-teaser-info-laughs {
background: url(images/icon_laughs2.gif) no-repeat;
padding-left:25px !important;
height:20px;
font-size:11px;
line-height:20px;
color:maroon;
}

.block .node-image-teaser-title {
width:140px;
}
.block .node-image-teaser-content p {
width:140px;
}

.block .node-image-teaser-wrapper {
width:140px;
float:right;
}

.image-thumbnail {
float:left;
width:120px;
height:120px;
}

/**
 * Image Module
 **/

img, a img {
border: none;
}

.node .image p {
width:378px;
float:right;
}

#imagepage {
text-align:center;
}

/**
 * Advice nodes and teasers
 * March 27, 2008
 **/

.node-advice-teaser {
margin:0 10px 8px 10px;
background-color:#fff;
padding:5px;
clear:both;
font-weight:normal;
}


.node-advice-teaser .title a {
text-decoration:none;
color:maroon;
font-size:15px;
font-weight:bold;
}
.node-advice-teaser .title a:hover {
text-decoration:underline;
}

/**
 * Random Advice Block
 * March 27, 2008
 **/

.view-content.view-content-random-advice-block {
padding:0;
background:#fff;
border:0;
}
.view-item-random-advice-block .view-data-node-title {
font-weight:bold;
font-size:normal
}

.view-item-random-advice-block .view-data-node-title {
font-weight: bold;
}

.view-content-random-advice-block ul li {
background-color:#eee;
list-style:none;
list-style-image:none;
margin:10px 0;
padding:5px;
}

.view-field.view-data-node-data-field-tagline--teaser-field-tagline--teaser-value {
margin:0;
}




/* this is an ads block, should not have any white margin! */
/* right 300x250 IMU */

#block-block-3, #block-block-25 {
height:250px !important;
padding:0;
margin-top:0;
}

/* left 200x200 IMU */
#block-block-34, #block-block-26 {
height:200px !important;
padding:10px 15px;
}

#block-block-26 p, #block-block-32 p, #block-block-34 p {
margin:0;
}

/**
 * Categories Block
 * March 27, 2008
 **/

#jotd-categories {
margin:0;
padding:0;
}

#jotd-categories li {
font-weight:bold;
list-style:none;
list-style-image:none;
margin-left:0;
padding:4px;
color:#fff;
background-color:#eee;
}

#jotd-categories li.active {
background-color:#aaeaff;
}

li#cat-title {
font-size:14pt;
color:#2c82b8;
margin:0 0 10px 0;
padding:0;
background-color:#fff;
}



/**
 * Sub Navigation ( Recent, Most Viewed, Top Rated )
 */
#sub-nav {
padding-top:2px;
margin-bottom:5px;
margin-top:3px;
text-align:left;
}

#sub-nav li {
padding:0;
margin:0;
}

#sub-nav li a {
background:#ddd;
color:#2c82b8;
text-decoration:none;
padding:5px 10px;
font-weight:bold;
}

#sub-nav li a:hover {
color: #555;
}

#sub-nav li a.active {
color:#fff;
font-weight:bold;
background-color:#2c82b8;
}


/* sidebars, regions */

.block {
background-color:#fff;
}

.sidebar .block h3, .sidebar .block div.title {
font-size: 12px;
color: #6C7A8D;
font-weight: bold;
}







thead th {
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #eee;
  color: #678;
  font-size: 90%;
  font-weight: bold;
  background: url(http://www.beattherecession.com/theme-images/bg-thead.gif) repeat-x bottom left;
  padding: 2px;
}

tr.even, tr.odd {
  border-color: #ddd;
}

tr.even {
  background-color: #eee;
}

tr.odd {
  background-color: #fff;
}

td.active {
  background: #e4ecf5;
}

td {
  padding: 1px;
}

td.menu-disabled {
  background-color: #E5E5E5;
}


/* taxonomy super select module */
.form-item .description ul {
clear:left;
padding-left:30px;
}

label {
clear:left;
margin:0;
padding:0;
}

form div.description {
clear:left;
margin-bottom:4px;
color:#000;
font-size:10px;
font-weight:bold;
}

label.option { 
}


fieldset {
clear:both;
}

fieldset label {
font-size:10px;
}

fieldset fieldet fieldset.collapsible {
margin-left:-8px;
font-size:12px;
}

fieldset fieldset fieldset.collapsible label {
font-size:9px;
}

table label.option {
width:20px;
padding:0;
margin:0;
}

.preview .node, .preview .comment {
border: 1px solid #BABFC6;
padding: 10px;
margin: 5px 0 10px 0;
background-color: #FAF4E1;
}


/* node links */
.node div.links {
  padding-top: 1px;
  padding-bottom: 2px;
  border-bottom: dashed #DADCE0 1px;
}

.sticky div.links {
  border-bottom: none;
}

.comment .links {
  font-size: 90%;
}

li.comment_add a, li.comment_comments a {
  background: url(images/mini-comment.png) no-repeat 0 1px;
  padding-left: 13px;
}

li.node_read_more a {
  background: url(images/mini-readmore.png) no-repeat 0 2px;
  padding-left: 13px;
}

li.upload_attachments a {
  background: url(images/mini-attachment.png) no-repeat 0 2px;
  padding-left: 13px;
}

li.comment_delete a {
  background: url(images/mini-trash.png) no-repeat 0 0;
  padding-left: 13px;
}

li.comment_edit a {
  background: url(images/mini-edit.png) no-repeat 0 0;
  padding-left: 13px;
}

li.comment_reply a {
  background: url(images/mini-comment.png) no-repeat 0 0;
  padding-left: 13px;
}

/* node, content styles */

.node {

}

.node p {
margin:2px 0 12px 0;
}

.node h2.title a:hover {
color: #345;
}

div.nodeinfo {
clear:both;
padding:5px 0 0 2px;
border-top:1px solid #ddd;
font-size:12px;
}


.content-quote {
font-size:16px;
font-weight:bold;
color:#2c82b8;
}

.node-teaser-quote {
border:10px solid #eee;
background:#fff;
padding:5px;
padding-bottom:10px;
}

.quote-title {
color:maroon;
float:right;
margin-top:-5px;
padding:0 10px 3px 0;
font-weight:bold;
font-size:15px;
}

.block .content-quote {
font-size:12px;
font-weight:normal;
color:#000;
}

.block .node-teaser-quote {
border:0px solid #eee;
background:#fff;
padding:5px;
padding-bottom:10px;
}

.block .quote-title {
color:#2c82b8;
float:right;
margin-top:-5px;
padding:0 10px 3px 0;
font-weight:bold;
font-size:13px;
}


.nodeinfo .info-text {
padding-top:4px;
float:left;
margin-left:4px;
}

.info-text .reads {
margin-left:10px;
}


.user {
display:inline;
background: url(images/user.png) no-repeat;
padding-left: 13px !important;
padding-right: 4px;
}

.reads {
display:inline;
clear:right;
background: url(images/reads.png) no-repeat;
padding-left: 13px !important;
padding-right: 4px;

}

.sticky {
border: 1px solid #DADCE0;
background-color: #F7FAFF;
padding: 8px 5px 8px 5px;
}








/**
 * The all new JOTD customized, categorical, prev/next pagers 
 **/

.forward-pager-wrapper {
margin:10px;
}

.jotd-pager {
padding-top:5px;
float:right;
}

#jotd-pager a.prev, #jotd-pager a.next {
font-size:14px;
font-weight:bold;
text-decoration:underline;
}

/**
 * CSS Styling for installed Drupal Contributed Modules
 * These are generally over-rides for existing style specified by individual modules.
 *
 **/


/**
 * Forward Module - Email this page module
 */
a.forward-page {
font-size:16px;
font-weight:bold;
}

div#forward {
background:#fff url(images/icon_sendmail.jpg) no-repeat;
padding-left:40px !important;
padding-top:4px;
height:30px;
float:left;
}

/**
	 * Vote up/down Module
 */

.vote-widget {
margin:5px 0 10px 8px;
}

.voteupdown-widget-alt {
font-size:12px;
border:1px solid #ddd;
padding:3px;
background:#eee;
width:74px;
text-align:center;
float:left;
margin-right:3px;
}

.vote-points {
font-size:24px;
}

.vote-up-act {
background:#eee url(images/checkbox-on.png) no-repeat 0px 0px;
}

.vote-up-inact, .vote-up-inact:hover {
background:#eee url(images/checkbox-off.png) no-repeat 0px 0px;
}

.vote-up-act, .vote-up-inact, .vote-down-act, .vote-down-inact {
float:left;
}



.form-item .image-thumbnail {
float:none;
clear:both;
width:auto;
height:auto;
}


.block .title {
font-size:10pt;
margin:0;
}


/* theme signup */

.signup #content .form-text {
width:95%;
}

/* profile cck */

#user-register fieldset {
padding:0;
background-color:#fff;

margin:5px 0;
padding:5px 0;
border-color:#fff;
border-bottom:1px solid #ddd;
}

#user-register legend {
display:none;
}

.edit-field-profile-gender-key,
.edit-field-profile-smsme-key {
display:inline;
width:65px;
margin-bottom:0;
font-size:10px;
}

.sms label {
display:none;
}

.edit-field-profile-firstname-0-value,
.edit-field-profile-lastname-0-value {
width:180px;
}

.edit-field-profile-address-0-value,
.edit-field-profile-address2-0-value {
width:250px;
margin:0;
}

.edit-field-profile-country-key {
width:180px;
}

.edit-field-sms-country-key {
padding-left:6px;
}

.sms .form-item {
display:inline;
}

.sms .form-radios {
display:inline;

}

#block-block-6 {
padding:0;
font-size:12px;
}

#block-block-6 p {
margin:0;
margin-bottom:5px;
}

.group-sms .form-text {
width:100px !important;
}

span.red {
color:#CD3301;
font-weight:bold;
}

.form-item.edit-field-profile-postcode-0-value,
.form-item.edit-field-profile-postcode-0-value input,
.form-item.edit-field-profile-postcode-0-value label {
width:40px !important;
display:inline;
}


.form-item.edit-field-profile-state-0-value,
.form-item.edit-field-profile-state-0-value input {
width:155px !important;
display:inline;
}

#edit-field-profile-state-0-value {
margin-right:6px;
}

.edit-field-profile-city-0-value.form-item,
.edit-field-profile-city-0-value.form-item input,
.edit-field-profile-city-0-value.form-item label {
width:90px !important;
display:inline;
}


.form-item.edit-field-birthdate-0-value label,
.form-item.edit-field-profile-country-key label,
.form-item.edit-field-profile-state-0-value label,
.form-item.edit-field-profile-country-key label,
.form-item.edit-field-profile-postcode-0-value label {
display:none;
}

.form-item.edit-field-profile-address2-0-value label {
display:none;
}

#edit-field-profile-country-key {
width:200px;
display:inline;
}

.group-offers .form-item {
margin-bottom:5px;
margin-top:0;
}

.form-item.edit-search-theme-form-keys input {
width:200px;
}

.signup {
margin:0;
}

.signup h3 {
color:#333333;
font-size:14px;
margin-top:10px;
border-top:1px solid #ccc;
padding-top:5px;
margin-bottom:5px;
}

.signup .form-item {
margin:0;
}

#block-block-6 {
margin-bottom:0;
}

.form-item.edit-field-mobile-1-0-private-number {
display:block;
}

/**
 * Sign-up form Subscription checkboxes.
 **/

.subscriptions input {
margin-top:8px;
}

.subscriptions label {
display:none;
}

.subscriptions .form-checkboxes .form-item {
height:31px !important;

margin-top:5px;
}

.subscriptions .form-item,
.subscriptions .form-checkboxes {
margin:0;
}


.edit-field-subscriptions-keys-JOKEOFTHEDAY {
background:url(images/jotd88-X-31static.gif) no-repeat;
padding-left:90px;
}

.edit-field-subscriptions-keys-GARFIELD {
background:url(images/garfield88-X-31static.gif) no-repeat;
padding-left:90px;
}



/* mobile phone 3 part input */
.form-item.edit-field-mob-pt1-0-value,
.form-item.edit-field-mob-pt2-0-value,
.form-item.edit-field-mob-pt3-0-value {
display:inline;
}

.form-item.edit-field-mob-pt1-0-value label,
.form-item.edit-field-mob-pt2-0-value label,
.form-item.edit-field-mob-pt3-0-value label {
display:none;
}

input#edit-field-mob-pt1-0-value.form-text,
input#edit-field-mob-pt2-0-value.form-text {
width:25px !important;
}

input#edit-field-mob-pt3-0-value.form-text {
width:35px !important;
}

.business-tips .form-item {
display:inline;
}

#email_newsletters {
color:#cd3301;
font-weight: bold;
}
a.serp_display_url {
 color: #cccccc;
}

h2.moreresults {
font-size:12px;
color:#000000;
font-weight:normal;
padding-top:60px;

}

h2.serp-title {
font-size:18px;

}
#hotspot_item {
 font-size:12pt;
 font-weight:bold;
 list-style-image:none;
 list-style-position:outside;
 list-style-type:none;
 padding-bottom:5px;
}