/* Individual style sheet for moodle.blogs.wesleyan.edu */

#header-image {
background-image: url(http://wesleyan.edu/wordpress/perBlog/moodle/header.gif);
height: 200px;
border-bottom: 1px solid #000;
}

#header h1 {
margin-left: -9000px;
}

#content {
padding-top: 20px;
}

#content-main {
padding-top: 30px;
margin-top: 0px;
overflow: visible;
}

#content .entry a:link, #content .entry a:visited {
color: #333333;
}

#content .post h2 {
letter-spacing: normal;
}

/* to fix an oddity from above */
#sidebar li a {
background-color: transparent;
}

.entry img {
border: 1px solid #333;
margin: 10px;
-moz-box-shadow: 2px 2px 4px #333;
-webkit-box-shadow: 2px 2px 4px #333;
box-shadow: 2px 2px 4px #333;
}

#content-main h4 {
margin-bottom: 1em;
}

/************Collapsing Pages**************/

.sidebar li.collapsing {
font-size: 1.2em;
line-height: 1.5em;
white-space: nowrap;
overflow: hidden;
}

.sidebar li.collapsing li {
font-size: 0.8em;
margin-left: 2em;
}

li.sidebox ul li.collapsing {
padding: 0 0 0 0em;
}

#sidebar ul.collapsing.pages.list li.collapsing a {
display: block;
margin-left: 1em;
}

#sidebar ul li.collapsing.pages a.self {
background: none;
}

#sidebar ul.collapsing.pages.list li.collapsing a:hover,
#sidebar ul.collapsing.pages.list li.collapsing a:active {
text-decoration: none;
background: none;
border-bottom: none;
font-weight: bold;
}

#sidebar ul.collapsing.pages.list ul {
padding-top: 0;
}

body #sidebar ul.collapsing.pages.list li.collapsing.pages .sym {
font-size: 0.9em;
}



/**********Feature Map Styles**************/

#feature-map {
border-collapse: collapse;
}

#feature-map p {
font-size: 0.9em;
line-height: 1.2em;
color: #777;
}

#feature-map tr:first-child td {
padding-bottom: 1em;
}

#feature-map td {
vertical-align: top;
border-top: 1px solid #888;
padding-right: 1em;
}

#feature-map .col-1, #feature-map .col-2 {
width: 110px;
}

/****** Viper's Video Quicktags Styling ***/

.vvqquicktime {
border: 1px solid #000;
}

/***********Timeline Styles************/

#content-main .stl-timeline {
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-webkit-box-shadow: 4px 4px 8px #aaa;
-moz-box-shadow: 4px 4px 8px #aaa;
box-shadow: 4px 4px 8px #aaa;
height: 200px;
}

#content-main #timeline-band-0 {
height: 200px !important;
}

#content-main .timeline-date-label {
color: #000;
font-size: 1.5em;
text-shadow: 2px 2px 4px #777;
}

#content-main .timeline-ether-lines {
border-width: 0 0 0 2px;
border-color: #444;
}

#content-main .timeline-band-1 {
display: none;
}

#content-main .timeline-event-tape,
.timeline-blue-key,
.timeline-green-key {
height: 26px !important;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
margin: 2px;
border: 1px solid #444;
-webkit-box-shadow: 2px 2px 4px #aaa, 1px 1px 2px #fff inset, -1px -1px 2px #444 inset;
-moz-box-shadow: 2px 2px 4px #aaa, 1px 1px 2px #fff inset, -1px -1px 2px #444 inset;
box-shadow: 2px 2px 4px #aaa, 1px 1px 2px #fff inset, -1px -1px 2px #444 inset;
background-color: #58A0DC;
background-image: -webkit-gradient(linear, left top, left bottom, from(#58A0DC), to(#aaccee));
background-image: -webkit-linear-gradient(top, #58A0DC, #aaccee);
background-image:    -moz-linear-gradient(top, #58A0DC, #aaccee);
background-image:     -ms-linear-gradient(top, #58A0DC, #aaccee);
background-image:      -o-linear-gradient(top, #58A0DC, #aaccee);
background-image:         linear-gradient(to bottom, #58A0DC, #aaccee);
}

#content-main #tape0-tl-0-0-e2,
#content-main #tape0-tl-0-0-e3,
#content-main #tape0-tl-0-0-e4,
#content-main #tape0-tl-0-0-e5,
#content-main #tape0-tl-0-0-e6,
#content-main #tape0-tl-0-0-e7,
.timeline-green-key {
background-color: #55aa55;
background-image: -webkit-gradient(linear, left top, left bottom, from(#55aa55), to(#88cc88));
background-image: -webkit-linear-gradient(top, #55aa55, #88cc88);
background-image:    -moz-linear-gradient(top, #55aa55, #88cc88);
background-image:     -ms-linear-gradient(top, #55aa55, #88cc88);
background-image:      -o-linear-gradient(top, #55aa55, #88cc88);
background-image:         linear-gradient(to bottom, #55aa55, #88cc88);
}

#content-main .timeline-event-label,
.timeline-blue-key,
.timeline-green-key {
color: #444;
margin: 2px 10px;
text-shadow: 0px 1px 0px #eee;
}

#content-main .timeline-blue-key,
#content-main .timeline-green-key {
padding: 3px 2em 0;
margin: 20px;
}

.simileAjax-bubble-contentContainer ul {
list-style: inside;
list-style-type: circle;
}

/***************** External VfE *************/

.external-vfe-downloads {
display: none;
}

.entry img.vjs-poster {
margin: 0;
}

/************** Version Labels ***********/

.version-label {
background-color: #FFFFFF;
border: 1px solid #990000;
-webkit-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 3px 3px 6px #555555;
box-shadow: 3px 3px 6px #555555;
opacity: 0.2;
padding: 20px;
position: absolute;
right: 180px;
top: -20px;
-moz-transform: rotate(15deg) scale(1.3);
z-index: 100;
-moz-animation: versionbump 5s;
}

#content .version-label h2,
#content .version-label p {
margin: 0;

@-moz-keyframes versionbump {
from {opacity: 0.8}
to {opacity: 0.2}
}
}