/* CSS Mini Reset */

html, body, div, form, fieldset, legend, label
{
 margin: 0;
 padding: 0; 
}

table
{
 border-collapse: collapse;
 border-spacing: 0;
}

th, td
{
 text-align: left;
 vertical-align: top;
}

h1, h2, h3, h4, h5, h6, th, td, caption { font-weight:normal; }

img { border: 0; }

/* End of CSS Reset */


html {
font-family:arial,sans-serif;
margin-left:10em;
margin-right:10em;
margin-top:25px;
color:#333333;
}

h1 {
color: #20BF9F;
margin-bottom:50px;
}

.date {
color: #1A997F;
}

.comment {
width:500px;
padding:7px;
line-height:150%;
}

.player {
padding-left:7px;
display:inline;
}

.preamble {
padding-bottom:15px;
margin-bottom:10px;
border-bottom:1px solid #1A997F;
font-weight:bold;
}

.photo {
position:absolute;
bottom:10px;
right:10px;
opacity:0.5;
border:2px solid #20BF9F;
}

.photo:hover {
opacity:1.0;
}

.photo img {
width:100px;
height:75px;
}

.item {
min-height:75px;
}

.entry {
width:800px;
padding:10px;
border-bottom:1px dashed #20BF9F;
position:relative;
}

a {
color:#555577;
text-decoration:none;
}

a:visited {
color:#555577;
}

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

.subtitle {
color:white;
padding:6px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
border: 0px solid #ffffff;
box-shadow: 5px 5px 5px #ccc;
-moz-box-shadow: 5px 5px 5px #ccc;
-webkit-box-shadow: 5px 5px 5px #ccc;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#cccccc, offX=5, offY=5, positive=true);
background-color: #1B7A2D;
background-image: -webkit-gradient(linear, left top, left bottom, from(#2ABD46), to(#1B7A2D));
background-image: -moz-linear-gradient(90deg,#2ABD46,#1B7A2D);
/* IE below 8 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#2ABD46FF, endColorstr=#1B7A2DFF);
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#2ABD46FF, endColorstr=#1B7A2DFF)";
}

.dullsubtitle {
color:white;
padding:6px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
border: 0px solid #ffffff;
box-shadow: 2px 2px 5px #ccc;
-moz-box-shadow: 2px 2px 5px #ccc;
-webkit-box-shadow: 2px 2px 5px #ccc;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#cccccc, offX=2, offY=2, positive=true);
background-color: #8A998C;
background-image: -webkit-gradient(linear, left top, left bottom, from(#B8CCBB), to(#8A998C));
background-image: -moz-linear-gradient(90deg,#B8CCBB,#8A998C);
/* IE below 8 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B8CCBBFF, endColorstr=#8A998CFF);
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B8CCBBFF, endColorstr=#8A998CFF)";
}

.button {
color:#14521F;
padding-left:4px;
padding-right:4px;
padding-top:1px;
padding-bottom:1px;
border:1px solid #BFDEC5;
margin:0px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

.button:hover {
text-decoration:none;
color:red;
background:#ffeeff;
}

.indented {
margin-left:2em;
}

.header {
margin-top:10px;
margin-bottom:10px;
padding:5px;
background:#ffffff url('/static/banner-small-light.jpg') repeat-x 0px 5px;
box-shadow: 4px 4px 5px #ccc;
-moz-box-shadow: 4px 4px 5px #ccc;
-webkit-box-shadow: 4px 4px 5px #ccc;
border:4px solid #bfbfbf;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

.footer {
color:#999999;
margin-top:50px;
text-align:right;
font-size:80%;
padding-top:4px;
border-top:1px solid #bfbfbf;
}

.withborder {
border:5px solid #F0FFF1;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

.withlargeborder {
border:10px solid #bfbfbf;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

.withdropshadow {
box-shadow: 0px 0px 10px #aaa;
-moz-box-shadow: 0px 0px 10px #aaa;
-webkit-box-shadow: 0px 0px 10px #aaa;
}

.note {
padding-top:10px;
padding-bottom:10px;
border-bottom:1px solid #eeeeff;

/*width:70%;
background: #f5f5ff;
border:5px solid #f5f5ff;
-moz-border-radius:10px;
-webkit-border-radius:10px;*/
}

.session {
/*width:70%;
background: #f5f5ff;
border:5px solid #f5f5ff;
-moz-border-radius:10px;
-webkit-border-radius:10px;*/
}

.metadata {
font-size:70%;
color:#777777;
}

.small {
font-size:80%;
}

.alert {
text-align:center;
background:#ffff55;
padding:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

.alert a {
color:blue;
}