/* /css/style.css */

/*@import "buttonsMy.css";*/

/*body { color: black; background: white; }*/
body { color: black; background: #77d3ff;}

/*table.stat {background: #aad3ff; border:gray; border-color:grey; border-width:1px;}*/
/* top right bottom left */
.stat {background: #aad3ff; border: none; padding: 0.1em 0.2em 0.1em 0.2em; }
/*.stat { padding: 0; margin:0; outline: 0; table-layout:auto; position:static; }*/
table.stat {background: #000000; border: none; border-spacing: 1px; text-align:right; }
/*td.stat {padding: 0px;}*/
td.stat {text-align:right;}
img.stat {vertical-align:middle; }
td.stat1 {text-align:left;}
/*.stat_sum {font-weight:bold; border-top-width:medium; }*/
.stat_header {background: #ccd3ff; font-weight:bold; border-spacing: 1px; }
/*img.stat_header {border-width:3px; border-color:#000000; }*/
.stat_sum {background: #ccd3ff; font-weight:bold; border-spacing: 1px; }
.stat_sum1 {text-align:left; font-weight:bold;}
/*a.stat {border: none; }*/


div.menu {
        width:4em;
        position:absolute;
        top:0;
        font-size:80%;
        padding-left:1%;
        padding-right:1%;
        margin-left:0;
        margin-right:0;
}
/* we leave some place on the side using the margin-* properties */
#main {
        margin-left:0em;
        margin-right:10.2em;
        padding-left:1em;
        padding-right:1em;
}
/* and then we put each list on its place */
#menu {
        right:0;
}

/* Fonts in the title */
h1.title { font-family: "Comic Sans MS",Helvetica,sans-serif; font-size: 200%; font-weight: bold; text-align: center; }
h2.daterange { font-family: Arial,Helvetica,sans-serif; font-size: 125%; text-align: center; }
h2.header { font-family: Arial,Helvetica,sans-serif; font-size: 125%; text-align: center; color:#0058c0}
h3 { font-family: Arial,Helvetica,sans-serif; font-size: 90%; text-align: center; }

/* Photo captions & Directory titles */
div.caption { font-family: Arial,Helvetica,sans-serif; font-size: 100%; font-weight: bold; margin: 1em; }

/* Overall fonts on the index and details page */
div.index { font-family: Arial,Helvetica,sans-serif; font-size: 80%; }
div.detail { font-family: Arial,Helvetica,sans-serif; font-size: 80%; }
div.credits { font-family: Arial,Helvetica,sans-serif; font-size: 80%; text-align: right; margin: 10px }

div.dir { font-size: 50%; }
div.tn { font-size: 50%; }

/* Table attributes */
table.index { background: #77d3ff; border: none; border-spacing: 8px;}
td.index { border: none; padding: 3px; text-align:center;}
table.frame { background: #77d3ff; border: none }
td.frame { border: none; padding: 0px }

/* Image attributes */
img.index { border: none; }
img.slide { border: none; }
img.frame { border: none; }
img.dir { border-width:3px; border-color:#3b6977;}
img.pic { border: none; }
img.tn { border: none; background: url("../themes/img/loading.gif") no-repeat center center;}
img.button { border: none; vertical-align:middle; }

/* Link attributes */
a:link { color: blue; }
a:visited { color: green; }
a:hover { color: red; }
a:active { color: red; }

/* a:hover div { font-size: 36px; } */
/* a:hover div { font-size: 100%; } */

.permalink {
	margin: 0 1.8em 0 0;
	padding: 0 0 0 14px;
	background: url(../img/permalink.gif) no-repeat center left;
}

.comment_link {
	padding: 0 0 0 17px;
	background: url(../img/comment_link.gif) no-repeat center left;
}