/*
 * CSS document for www.drupaldojo.com
 * Designed by Squidster
 */


body {
background-color:#2A2761;
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

img {
border:0;
}

#container {
border-left:10px solid #73816E;
border-right:10px solid #73816E;
border-bottom:4px solid #73816E;
background-color:#FFFFFF;
width:780px;
text-align:center;
margin:0 auto;
padding:0px 10px;
}

#header {
text-align:left;
padding-top:10px;
background-image:url(images/header.jpg);
background-repeat:no-repeat;
background-position:left 10px;

}

#hr {
background-image:url(images/hr.jpg);
background-repeat:repeat-x;
background-position:bottom;
height:143px;
position:relative;
}

#content {
padding:10px 0px;
text-align:left;}

#footer {
background-color:#C6D3E4;
padding:5px;
margin:0px -10px;}



/******************
** LINKS
******************/
a {
color:#376591;
text-decoration:none;
}



/******************
** TEXT
******************/
h1 {
margin:0px 0px 0.5em 0px;
padding:0px;
font-size:18px;
}

.node {
line-height:1.5em;
}

p {
margin:0px 0px 5px 0px;
}

.node a:hover {
text-decoration:underline;
}

.node_rightbar a:hover {
text-decoration:none;
}



/**
 * Alerts, Status, Help Messages
 */
div.messages {
  min-height: 2em;
  padding: 1.2em 1em 1.2em 2em;
  border: 2px solid #ddd;
  background: #eee;
  margin: 10px 0;
}

div.error {
  border: 2px solid #F00;
}

div.messages ul {
  margin: 0;
  padding: 0 0 0 20px;
  list-style: disk;
}



/******************
** LESSON FORMATTING 
******************/
#lesson_carousel {
display:none;
}

.node {
border-bottom:8px solid #ccc;
background-color:#fff;
margin-bottom:30px;
position:relative;
}

.taxonomy {
float:right;
position:absolute;
bottom:-22px;
padding:0 3px 3px 3px;
background-color:#ccc;
}

.taxonomy a {
padding:3px;
}
.taxonomy a:hover {
background-color:#fff;
text-decoration:none;
}

.node_lesson {
background-image:url(images/node_bg.jpg);
}

.node_leftbar {
float:left;
width:552px;
}

.node_leftbar_illo {
background-color:#003366;
width:552px;
height:81px;
overflow:hidden;
}
.node_leftbar_content {
padding:5px 10px 5px 0px;
background-color:#fff;
}

.node_rightbar {
background-color:#0066CC;
float:right;
width:228px;
}

.node_leftbar_date {
float:left;
background-color:#ccc;
text-align:center;
margin-right:5px;
}

.month {
width:40px;
display:block;
padding:0 2px;
color:#fff;
background-color:#666;
letter-spacing:2px;
font-size:10px;
}

.day {
display:block;
padding:8px 5px 5px 5px;
color:#fff;
font-size:24px;
font-weight:bold;
}

.node_rightbar_feedback {
background-color:#666;
padding:10px;
color:#fff;
text-align:center;
}

.node_rightbar_feedback a {
display:block;
color:#fff;
font-size:10px;
padding:5px;
margin-top: 3px;
}
.node_rightbar_feedback a:hover {
background-color:#fff;
color:#333;
}

.stackleft {
float:left;
display:inline;
}



/******************
** MENUS 
******************/
ul {
list-style:none;
padding:0;
margin:0;
}

#primary_menu {
position:absolute;
bottom:11px;
right:0;
}

#primary_menu li {
display:inline;
}

#primary_menu li a {
display:block;
color:#666666;
float:right;
text-decoration:none;
margin-left:10px;
}

#primary_menu li a:hover {
color:#0071BA;
}

.node_rightbar_mainbutton li a {
width:228px; 
height:81px;
display:block;
overflow:hidden;
}

.node_rightbar_mainbutton a:hover {
background-color:#00CCFF;
background-position:left 81px;
}

.node_rightbar_getscreencast a {
background-image:url(images/get_screencast.jpg);
}

.node_rightbar_lessonlive a {
background-image:url(images/live_now.jpg);
}

.node_rightbar_no_screencast a {
background-image:url(images/no_screencast.jpg);
}

.node_rightbar_upcoming {
background-image:url(images/upcoming.jpg);
width:228px;
color:#000;
height:57px; /*Don't think this one is needed 06-08-2007*/
display:block;
text-align:center;
padding-top:24px;
}

.node_rightbar_attach {
background-color:#DCD6EF;
padding:10px 0;
font-size:10px;
}
.node_rightbar_attach li {
margin:0;
padding:0;
display:inline;
}
.node_rightbar_attach li a {
color:#2763A5;
text-align:center;
padding:8px 0; 
margin:0 10px;
display:block;
}
.node_rightbar_attach li a:hover {
background-color:#fff;
color:#000;
}

.node_rightbar_upcoming .countdowntimer {
color:red;
}
/* Controls the clickable Countdown Timer text */
a.worldclockLink, 
a.worldclockLink:visited, 
a.worldclockLink:hover, 
a.worldclockLink:active {
height:auto;
text-decoration:underline;
color:#000;
background-color:transparent;
}
.node_rightbar_mainbutton li a.worldclockLink {
height:auto;
}



/************
** FEEDBACK NODES
************/
.feedback_container {
border:1px solid #ccc; 
background-image:url(images/spacer_grey.gif);
background-repeat:repeat-y;
background-position:389px;
border-bottom:8px solid #ccc;
}

.feedback_bar_left {
padding:3px;
}
.feedback_bar_right {
padding:3px;
}

.feedback_title_left {
padding:3px;
color:#fff;
background-color:#006699;
text-align:center;
}
.feedback_title_right {
padding:3px;
color:#fff;
background-color:#CC3300;
text-align:center;
}

.feedback_title_footer {
background-color:#F4F4F4;
padding:3px;
}

.feedback_footer {
padding:3px;
background-color:#fff;
}


/*
** 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 */