/*
File name:      common.css
Description:    Common CSS for EducOO.tw
Author:         imacat <imacat@mail.imacat.idv.tw>
Original Date:  2010-12-19
Copyright:      (c) 2010 imacat */

/* general */
body {
    margin: 0;
    padding: 0;
    background-image: url("../images/headbg.jpg");
    background-repeat: no-repeat;
}
p {
    text-indent: 2em;
}
li > p {
    text-indent: 0;
}
.media {
    margin-top: 1em;
}
.media .date {
    font-size: 0.833em;
    font-style: italic;
}
#logo {
    width: 150px;
    height: 106px;
}
h1 {
    margin-top: 0;
    margin-bottom: 1em;
    color: #73D216;
    background-color: inherit;
}
h2 {
}

/* content body */
#body {
    margin: 10px 10px 10px 170px;
    padding: 1em;
    color: inherit;
    background-color: white;
    border-top: thin solid silver;
    border-left: thin solid silver;
    border-right: thin solid gray;
    border-bottom: thin solid gray;
}
#body blockquote {
    margin: 0;
    padding: 0.5em 1em;
    border-top: thin solid silver;
    border-left: thin solid silver;
    border-right: thin solid gray;
    border-bottom: thin solid gray;
}

/* nvaigation menu */
#nav {
    width: 150px;
    float: left;
    position: absolute;
    top: 10px;
    left: 10px;
}
#nav ul {
    margin: 0;
    padding: 0;
}
#nav ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}
#nav ul li a {
    display: block;
    padding: 0.5em;
    color: #666666;
    background-color: #DEDEDE;
    border-top: thin solid #EFEFEF;
    border-left: thin solid #EFEFEF;
    border-right: thin solid #CDCDCD;
    border-bottom: thin solid #CDCDCD;
    font-size: 1.2em;
    font-weight: bolder;
    text-decoration: none;
}
#nav ul li a:hover {
    color: #333333;
    background-color: #f2f2f2;
}
#nav ul li a img {
    width: 16px;
    height: 16px;
    border: 0;
}

/* footer */
#footer {
    clear: both;
    margin-top: 1em;
    font-size: 0.833em;
    text-align: center;
    font-style: normal;
}

/* images */
.imgeducoo {
    width: 150px;
    height: 236px;
    float: right;
}
.imgeducoo img {
    width: 150px;
    height: 236px;
}
.imgooo4kids {
    width: 150px;
    height: 150px;
    float: right;
}
.imgooo4kids img {
    width: 150px;
    height: 150px;
}