/*
Theme Name:ACM ICPC (Tehran Site)
Theme URI:http://icpc.sharif.edu
Description:A simple WordPress theme created for ACM ICPC Reginal Contest, Tehran Site
Version:1.0
Author:Sadjad Fouladi (revised by: Hamid Zarrabi-Zadeh)
Author URI:http://sadjad.me/
Tags:right-sidebar

License:GNU General Public License, v2 (or newer)
License URI:http://www.gnu.org/licenses/old-licenses/gpl-2.0.html

*/

body {
    direction: ltr;
    background-color: #D6D6D6;
    margin: 0;
    padding: 0;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 13px;
}

a,
a:visited {
    color: #039;
    text-decoration: none;
}

a:hover {
    color: red;
}

a.button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    padding: 5px 10px;
    text-decoration: none;
    color: initial;
    background-color: lightblue;
}

a.button:hover {
    background-color: #8aacd4;
}

#wrapper {
    width: 960px;
    margin: 20px auto;
}

#header {
    width: inherit;
    height: 200px;
    background: url(images/header.png) no-repeat top center;
    background-size: 960px 200px;
}

#navigation {
    position: relative;
    top: 135px;
    height: 46px;
    margin-left: 4px;
    margin-right: 4px;
}

#navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#navigation ul li {
    float: left;
}

#navigation ul li a {
    display: block;
    width: 120px;
    height: 46px;
    outline: none;
}

#navigation ul li a:hover,
#navigation ul li a.active {
    background: url(images/arrow.png) no-repeat;
}

#content {
    width: 758px;
}

#content #top {
    width: 758px;
    background: url(images/content-top.png) no-repeat;
    height: 15px;
}

#content #main {
    width: 702px;
    background: url(images/content-center.png) repeat-y;
    padding: 12px 28px;
}

#content #bottom {
    width: 758px;
    background: url(images/content-bottom.png) no-repeat;
    height: 15px;
}

#sidebar {
    float: right;
    width: 180px;
    margin-right: 4px;
    text-align: center;
}

#footer {
    width: 960px;
    margin-top: 20px;
    padding: 12px 20px;
    background-color: #ECECEC;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}

.push {
    height: 50px;
}

.header {
    width: 728px;
    height: 52px;
    margin-left: -3px;
}

.shadow {
    -o-box-shadow: 3px 5px 25px #555;
    -icab-box-shadow: 3px 5px 25px #555;
    -khtml-box-shadow: 3px 5px 25px #555;
    -moz-box-shadow: 3px 5px 25px #555;
    -webkit-box-shadow: 3px 5px 25px #555;
    box-shadow: 3px 5px 25px #555;
}

.h-home,
.h-welcome {
    background: url(images/header/welcome.png) no-repeat;
}

.h-news {
    background: url(images/header/news.png) no-repeat;
}

.h-registration {
    background: url(images/header/registration.png) no-repeat;
}

.h-info,
.h-internet-contest {
    background: url(images/header/contestinfo.png) no-repeat;
}

.h-schedule {
    background: url(images/header/schedule.png) no-repeat;
}

.h-people {
    background: url(images/header/people.png) no-repeat;
}

.h-contact {
    background: url(images/header/contactus.png) no-repeat;
}

.h-archive {
    background: url(images/header/archives.png) no-repeat;
}

h1 {
    font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
    border-bottom: 1px solid #ccc;
    font-size: 15px;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

h2 {
    font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
    font-size: 13px;
    margin: 0 0 -3px;
    padding: 0;
}

p {
    margin-bottom: 20px;
    line-height: 140%;
    margin-top: 5px;
}

p.title {
    margin-bottom: 0;
    margin-top: 10px;
}

#sidebar h1 {
    padding-bottom: 1px;
    border-bottom: 1px #999 solid;
}

#sidebar ul {
    padding-left: 0;
    margin-left: 14px;
    margin-top: 5px;
    list-style: circle;
}

#sidebar #pblog {
    width: 175px;
    background: url(images/pblog.png) no-repeat;
    height: 35px;
}

#footer a,
footer a:visited {
    color: #666;
}

.sponsors {
    margin-right: 2px;
}

.blog-icon {
    width: 40px;
    display: inline-block;
    margin-left: 65px;
    height: 40px;
}

img.poster {
    box-shadow: 0 0 10px #888;
    margin-top: 5px;
    width: 180px;
}