html, body {
font:12px Arial, Helvetica, sans-serif;
margin:0;
}

body {
background:#000 url(images/bg.png) repeat-x fixed;
}

/** 
 * Page Layout 
 **/
#page {
margin:0 auto;
width:960px;
background-color:#fff;
border:1px #aaa solid;
}

#main-wrapper {
float:left;
width:100%;
}

#main {
margin:0 307px 0 129px;
padding:5px;
}

#sidebar-left {
width:125px;
padding:0 0 0 5px;
overflow:hidden;
float:left;
margin-left:-100%;
}

#sidebar-left h2.title{
background: url(images/left-title.png) no-repeat;
}

#sidebar-right {
width:302px;
padding:0 4px 0 5px;
overflow:hidden;
float:right;
margin-left: -100%;
}

#sidebar-right h2.title{
background: url(images/right-title.png) no-repeat;
}

#sidebar-right h2.image{
background:none;
clear:none;
}


#sidebar-right {
.margin-left: -311px; /* IE7 Fix !!! NOT VALID */
}

* html #sidebar-right {
margin-left: -311px; /* IE6 Fix !!! NOT VALID */
}

/**
 * Heading Styles 
 **/
h1 {
font-size:9px;
}

h2, h3 {
margin:0;
padding:0;
}

h2 {
font-size:14px;
}

h2.page-title {
font-size:16px;
text-align:center;
margin:10px 0 8px 0;
}

h3 {
font-size:14px;
margin-bottom:2px;
}

h4 {
font-size:12px;
color:#333;
margin:1px 0 2px 0;
}

/** 
 * Link Styles 
 */
a:link, a:visited {
color: #274578;
text-decoration: none;
}

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

a:active {
outline: none;
}

a:focus {
-moz-outline-style: none; /* !! NOT VALID CSS */
}

/**
 * Lists, menu items, etc
 **/
ul, ul.menu, .item-list ul {
margin: 0 0 .5em 0;
padding: 0 0 0 3px;
}

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

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

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

/* header */

#header {
background-color:#fff;
padding-right:4px;
background: url(images/header.png) no-repeat;
border-top:1px #888 solid;
}

#logo {
float: left;
margin: 0 0 0 5px;
}

/* footer */
#footer {
border-top:1px #ccc solid;
margin:0;
background-color:#fff;
}

#footer .block {
display:block;
float:left;
padding:4px 4px 0 8px;
border-right:1px #ccc solid;
width:147px;
height:150px;
background: url(images/footer-block.png) no-repeat;
}

#footer .block h2 {
font-size:12px;
font-weight:bold;
padding:0;
margin:0 0 3px 0;
}

#footer p {
padding:0;
margin:0;
}

#footer ul {
padding:4px;
}

/**
 * Primary Navigation Menus
 **/

#primary {
background-color:#ccc;
clear:both;
border:1px solid #eee;
border-bottom:none;
}

#primary ul {
padding:0;
}

#primary ul li {
background: url(images/primary-bg.png) repeat-x;
list-style-type: none;
list-style-image: none;
display:inline;
margin:0;
padding:4px 0 4px 0;
color: #000;
float: left;
font-size: 14px;
line-height:88%;
border-left:1px #ddd solid;
border-right:1px #aaa solid;
border-top:1px #ddd solid;
border-bottom:1px #aaa solid;
font-weight: bold;
}

#primary ul li a {
color:#000;
text-decoration: none;
padding: 2px 20px 2px 20px;
}

#primary ul li a:hover {
color:#000;
text-decoration: none;
background: #ddd url(images/primary-hover-bg.png) repeat-x;
}

#primary ul li.active {
background-color:#000;
border:1px #888 solid;
}

#primary ul li.active a {
color:#000;
}

#primary ul li.active a:hover {
color:#000;
background-color:#000;
}


/**
 * Sub Navigation ( Recent, Most Viewed, Top Rated )
 */
#sub-nav {
background-color:#eee;
padding-top:2px;
margin-bottom:5px;
border-bottom:1px solid #555;
text-align:left;
}

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

#sub-nav li a {
color: #555;
text-decoration:none;
padding:0 6px;
}

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

#sub-nav li a.active {
color: #000;
font-weight:bold;
border-top:1px solid #999;
border-right:1px solid #000;
border-left:1px solid #999;
background-color:#fff;
}


/**
 * Secondary Links ( Sign-in, About, Inbox FAQ )
 **/

#secondary ul li {
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
float: left;
*margin-top:5px;
}

#secondary ul li a, #secondary ul li a:visited {
color:#fff;
font-weight:bold;
display: block;
margin:0 0 0 1px;
padding:1px 5px 2px 5px;
float: left;
background: url(images/secondary.png) repeat-x;
text-decoration:none;
}

#secondary ul li a:hover {
background: url(images/secondary-hover.png) repeat-x;
}

#secondary ul li {
float: right;
}

#secondary ul li a:hover {
background-color: #fff;
}


/* sidebars, regions */
.sidebar .block {
margin-top:5px;
}

.sidebar .block h2 {
text-align:center;
font-weight: bold;
color: #fff;
font-size:100%;
margin-bottom:4px;
padding:0 0 1px 0;
background-color:#f00;
}

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


/* tabs */
ul.primary {
  text-align: right;
}

ul.primary li a {
  background: #EBEFF7;
  border-color: #CFD5E3;
}

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;
}

/* 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 */
form {
margin-bottom: .5em;
}

input, select, textarea {
font-family:Calibri, Arial, sans-serif;
font-size:100%;
padding: 1px 3px 1px 3px;
}

#main input.form-text {
margin-bottom:0;
}

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 { 
clear:none;
float:left;
display:inline;
width:155px;
padding:0;
}


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;
}

/* search */
#search {
clear:right;
margin:8px 0 0 0;
*margin:6px 0 0 0;
padding:0;
float:right;
height: 22px;
width:250px;
text-align:right;
}

#sidebar-left #user-register div.form-item {
padding:0;
margin:0;
}

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

#sidebar-left #user-register input.form-checkbox {
padding:0;
margin:5px 0 0 0;
}


#sidebar-left #user-register input.form-text {
width:115px;
padding:0;
margin:3px 0 0 0;
}

#sidebar-left #user-register input.form-submit {
font-size:110%;
font-weight:bold;
width:120px;
padding:0;
margin:3px 0 0 0;
}

#sidebar-left #user-register span.form-required {
display:none;
}

#user-login-form {
  text-align:left;
}

#user-login-form .form-item {
  margin: 0 0 .5em 0;
}

#user-login-form .item-list {
  margin-top: .5em;
  font-size: 90%;
}

#user-login-form input.form-text {
  border: 1px solid #D1DBEC;
  text-align: left;
}

#user-login-form input.form-submit {
  border: 1px solid #D1DBEC;
}

#user-login-form label {
  font-size: 90%;
  font-weight: normal;
}

#user-login-form .form-required {
  display: none;
}

/* progress bar */
.progress .bar {
  background: #fff url(images/progressbar.gif) repeat;
  border: 1px solid #00375a;
}

/* messages */
.messages {
  min-height: 32px;                 /* icon height */
  padding: 1.3em 1em .3em 52px;
  border: 2px solid #DADCE0;
  background: #fbfcfe;
  margin: 10px 0;
}

.messages ul {
  padding: 0 0 0 20px;
  margin: 0;
}

div.status {
  background: url(images/icon-info.png) .5em 50% no-repeat;
}

div.error {
  border: 2px solid #E1471D;
  background: #FCD295 url(images/icon-alert.png) .5em 50% no-repeat;
}

div.error ul li, div.status ul li {
  list-style-type: square;
  list-style-image: none;
}

/* mixed elements */
#main .content p {
text-align:left;
}

.description {
font-size: 92%;
color: #494949;
}

pre {
background: #fbfcfe;
border: 1px solid #DADCE0;
padding: 0.75em 1.5em;
}

blockquote {
border: 1px #DADCE0 solid;
margin: 0.5em 1em;
padding: 0.3em;
font-style: italic;
}

code {
font-size: 1em;
font-family: Profont, 'lucida console', 'Courier New', Monaco, monospace;
}

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

.new {
float: right;
color: red;
vertical-align: super;
font-size: 80%;
font-weight: bold;
}

/* admin panel */
div.admin {
padding:0;
margin:0;
}

div.admin dd {
margin:0 0 5px 0;
font-size:10px;
}

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

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

/* node links */
ul.links {
  text-align: right;
}

ul.links li.first {
  padding-left:0px;
}

.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 {
padding:2px;
border:#ddd 1px solid;
margin-bottom:6px;
clear:both;
}

.node-joke-teaser {
padding:2px;
margin-bottom:6px;
clear:both;
font-weight:bold;
}

.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;
}

.image-nodeinfo {
clear:both;
color: #494949;
height:14px;
padding:4px 0 2px 2px;
float:right;
width:378px;
margin-top:-20px;
border-top:1px solid #ddd;
font-size:10px;
}

.quote p {
font-size:12px;
font-weight:bold;
}

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

.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;
}


/* sidebars */

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

.view-item-advice-teasers .view-data-node-title {
font-weight: bold;
font-size:14px
}

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

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

#sidebar-right .block .view-content .image-nodeinfo, .block .view-top-rated-images .image-nodeinfo {
float:right;
width:210px;
font-size:9px;
clear:both;
background-color:#fff;
height:11px;
font-size:10px;
padding-top:4px;
}

#sidebar-right .block .view-content .node {
height:84px;
}

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

#sidebar-right .block .view-content .content p {
float:right;
width:210px;
padding-bottom:0;
padding-top:2px;
margin-top:-2px;
}

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

#sidebar-right .block .view-content .image-thumbnail {
margin:0;
padding-right:6px;
width:80px;
height:80px;
}


/* pager */
.pager {
  text-align: center;
  font-size: 90%;
}

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

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

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

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

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

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

#jotd-join-box {
padding:27px 0 0 0;
}

#jotd-join-box a {
color:#777;
}

#jotd-join-box a:hover {
color:#555;
text-decoration:underline;
}

#jotd-join-mail {
width:140px;
clear:none;
float:left;
margin:0 0 0 9px;
border:1px solid #555;
}

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

#jotd-join-submit {
clear:none;
float:left;
margin:-1px 0 0 0;
width:100px;
}

#ticker {
color:#777;
clear:both;
list-style:none;
list-style-image:none;
margin:0 20px 0 -1px;
padding:0;
width:480px;
}

#ticker li {
color:#000;
line-height:14px;
list-style:none;
list-style-image:none;
margin-left:9px;
}

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

#jotd-categories li {
font-size:12px;
font-weight:bold;
list-style:none;
list-style-image:none;
margin-left:0;
padding:2px;
border-top:1px solid #ccc;
color:#fff;
text-align:center;
}

#jotd-categories li a {
color:#000;
}

#jotd-categories li a:hover {
color:#446;
text-decoration:none;
}

#jotd-categories li.active {
background: #f8b377 url(images/category-bg.png) no-repeat;
}

li#cat-title {
border-top:none;
color:#888;
}

div.read-more {
padding:0 0 4px 4px;
margin:-10px 0 0 0;
}

#-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; 
}

.node-joke-teaser .title{
font-weight:bold;
}


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

#jotd-pager {
clear:both;
text-align:center;
padding-bottom:10px;
margin-top:20px;
}

#jotd-pager a.prev, #jotd-pager a.next {
font-size:14px;
font-weight:bold;
color:#fff;
}

#jotd-pager a.prev {
background: #f8b377 url(images/prev.png) no-repeat;
padding:4px 15px 6px 22px;
margin-right:10px;
}

#jotd-pager a.next {
padding:4px 24px 6px 15px;
background: #f8b377 url(images/next.png) no-repeat;
margin-left:10px;
}

#jotd-pager a.prev:hover {
color:#fff;
background: #f8b377 url(images/prev-hover.png) no-repeat;
text-decoration:none;
}

#jotd-pager a.next:hover {
color:#fff;
background: #f8b377 url(images/next-hover.png) no-repeat;
text-decoration:none;
}

/**
 * Joke Teaser Zebra
 */

.node-joke-teaser.even {
background-color: #eee;
}

.node-joke-teaser.odd {
background-color: #fff;
border: 1px #eee solid;
}

/**
 * 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 {
background:#fff url(images/email_go.png) no-repeat;
padding-left:18px !important;
font-size:14px;
font-weight:bold;
}

div.forward {
padding-top:4px;
}

/**
 * Vote up/down Module
 */
.vote-up-down-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;
}

/**
 * Image Module
 **/
h2.image {
float:right;
width:378px;
font-weight:bold;
font-size:14px;
padding-bottom:4px;
}

img, a img {
border: none;
}

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

.image-thumbnail {
float:left;
margin:2px 0 2px 0;
padding-right:0;
width:120px;
height:120px;
}

#imagepage {
text-align:center;
}

#imagepage p {
text-align:center;
width:460px;
padding:5px 0 5px 22px;
}

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