/*
Edoceo Favourite Baseline Style
http://colorschemedesigner.com/#3.31Tn2t.w0w0
*/
a:hover { color: #EC7942; }
a.page { display:none; font-size:80%; margin-left: 8px; }
a.page:hover { color:#c99; }
body { background:#999; font: normal normal normal 18px/32px 'Varela Round',sans-serif; margin:0px; padding:0px; }
blockquote { background:#f3f3f3; border:1px solid #ddd; border-left:4px solid #ddd; font-style: normal; font-weight:400; margin:16px; padding:8px; text-decoration:}
blockquote:before { content: open-quote; font-weight: bold; }
blockquote:after { content: close-quote; font-weight: bold; }
 
dl.h dt { clear:left; float:left; font-weight:700; margin-right:16px; overflow:hidden; text-align:right; text-overflow:ellipsis; white-space:nowrap; width:192px; }
dl.h dd { display:block; }
footer {
    background-image: linear-gradient(bottom, #333 1%, #000 99%);
    background-image: -o-linear-gradient(bottom, #333 1%, #000 99%);
    background-image: -moz-linear-gradient(bottom, #333 1%, #000 99%);
    background-image: -webkit-linear-gradient(bottom, #333 1%, #000 99%);
    background-image: -ms-linear-gradient(bottom, #333 1%, #000 99%);
    border-top:4px solid #0d5cde;
    clear:both;
    color:#fff;
    height:128px;
    font-size:20px;
    padding:16px;
    text-align:center;
}
h2 {  border-left:2px solid #EC7942; border-bottom:2px solid #EC7942; margin:16px 0px 8px 0px; padding:4px 8px; }
h3 { border-bottom:2px solid #113B63; margin:16px 0px; padding:4px 8px; }
h1:hover a.page, h2:hover a.page, h3:hover a.page {
    display: inline;
}
hr { clear:both; }

#head {
    background:#222;
    background-image: linear-gradient(bottom, #333 1%, #000 99%);
    background-image: -o-linear-gradient(bottom, #333 1%, #000 99%);
    background-image: -moz-linear-gradient(bottom, #333 1%, #000 99%);
    background-image: -webkit-linear-gradient(bottom, #333 1%, #000 99%);
    background-image: -ms-linear-gradient(bottom, #333 1%, #000 99%);
    border-bottom:4px solid #369; height:auto; overflow:hidden;
}
#head h1 { color:#eee; float:left; font-size:32px; margin-top:24px; padding:0px; white-space:normal; vertical-align:bottom; }
#logo { float:left; height:64px; margin:8px 0px 0px 8px; width:304px; }

#main { margin-left:0px; padding:0px; position:relative; }
#wrap { position:relative; }

#menu { background:#f8f8f8; height:100%; overflow:hidden; position:absolute; top:0px; width:256px; }
#menu ul { margin: 20px 20px 0px 20px; padding: 0px; }
#menu ul li { background:#ecece4; list-style-type:none; margin: 1px 0px 0px 0px; }
#menu ul li a { border-bottom: 1px solid #d8d4d1; border-left: 8px solid #d8d4d1; display: block; line-height: 20px; padding: 1px 0px 1px 4px; }
#menu ul li a:hover { background: #31669c; border-bottom: 1px solid #F5D671; border-left: 8px solid #EC7942; color:#EC7942; }
#menu ul li a.hi { background: #31669c; border-bottom: 1px solid #ff0000; border-left: 8px solid #ecece4; color:#fff; }
#menu ul li span { float:right; }

#plus-feed { margin:8px; }
#plus-feed .date { font-size:90%; margin-right:8px; }
#plus-feed .post { border-bottom:1px solid #333; }


/* Blog Stuff */
#sidebar h2 { text-align:center; }
/* Tags in List */
#sidebar ul li { font-size:16px; }
#sidebar ul li a { display:inline;  }
#sidebar ul li span { font-size:14px; }
/* Tags in Cloud */
#sidebar .cloud-label-widget-content { margin: 20px 20px 0px 20px; }
.post-footer { border-top:1px solid #333; margin-top:16px; }

#core { background:#fcfcfc; min-height:640px; margin-left:256px; padding:16px; }
#core p { margin-bottom:16px; }

#link { float:left; height:64px; margin:8px 0px; overflow:hidden; text-align:center; width:256px; }
#link #fb-root { float:left; }
#link .fb-like { border:none;height:64px;overflow:hidden;top:-3px;width:50px; }

.fb { display: inline; float: left; }
.fb40 { display: inline; float: left; width: 40%; }
.fb50 { display: inline; float: left; width: 50%; }
.fb60 { display: inline; float: left; width: 60%; }

.g160 { margin:16px auto; overflow:hidden; width:160px; }
.g250 { margin:0px 0px 8px 16px; overflow:hidden; width:250px; }
.g728 { margin:8px auto; overflow:hidden; width:728px; }

/* Doxygen */
#navrow1 { width:100%; }
.tablist { display:table; list-style-type:none; margin:0px; padding:0px; }
.tablist li { float:left; display:table-cell; line-height:24px; }
.tablist a { display:block; padding:0px 20px; }

.header .title { margin:8px; }

@media print {
    #logo { display:none; }
    #head h1 { color:#000; }
}
