UMass EGO

/*EGO theme is based on Wikidot's base theme.*/
@import url(http://www.wikidot.com/common--theme/base/css/style.css);
 
/* GLOBAL */
 
    body{
            background-color:#585858;
            font-size: 13.5px;
        font-family:Verdana, Arial, sans-serif;
        color:#262626;
        line-height:18px;
        }
 
    /*headers*/
    h1, h2, h3, h4{
            border: none;
            padding: 0px;
            color: #881c1c;
            margin: 30px 0px 0px 0px;
        font-family:Georgia, Arial, sans-serif;
        letter-spacing:normal;
        font-weight:normal;
        text-align:left;
        line-height:normal;
        }
 
    h1 {
        font-size: 25px;
        }
 
    h1 a:visited {
        text-decoration:none;
        }
 
    h2 {
        font-size: 22px;
        }
 
    h3 {
        font-size: 19px;
        }
 
    h4 {
        font-size: 16px;
        }
 
    /* LINKS */
 
    /* Body links */
    a {   
        color: #881c1c;
        text-decoration:underline;
 
        }
 
    a:visited {
           color: #636363;
            background-color: transparent;
            text-decoration: underline;
        }
 
    a:hover {
            color: #262626;
            background-color: transparent;
            text-decoration: none;
        }
 
    /* Page Titles and Headings from Sahara */
 
    #page-title {
        border: none;
        padding:0;
            color: #881c1c;
            margin: 20px 0px 50px -50px;
            font-family: Verdana, arial, helvetica,sans-serif;
            font-size:30px;
        }
 
    div > #page-title
        {
           padding-left: 15px;
            background: url('http://lh5.ggpht.com/_gJY3AA8vJAk/S1OTEv8ntsI/AAAAAAAAAX8/NxMul3Nj3Wg/red_dot_15007x7.png') repeat-y left center;
        }
 
/*LAYOUT*/
    #container {
            background-color:#585858;
            width:1000px;
            margin: 0 auto;
           -moz-box-shadow: 0 0 2.5em #202020;
           -webkit-box-shadow: 0 0 2.5em #202020;
         }
 
    /* main content div: regulates main page, does not including header */
    #main-content{
           margin: 0 auto;
        background-color:#fff;
            padding:25px 75px;
        overflow:hidden;
 
        }
 
    #page-content{
        min-height:800px;
 
        }
 
/* HEADER */
    #header{
        background-color:#881c1c;
        background-image:url('http://lh5.ggpht.com/_gJY3AA8vJAk/S1OKpvo_KBI/AAAAAAAAAXc/jb4--HUk4O0/s912/Banner1000x120lightinside.png');
        max-width: 1000px;
        margin: 0 auto;
        height: 120px;
        color:white;
        padding:0px 0 0 20px; 
        }
 
    /* Website Title */
 
    /*title*/
    #header h1 a{
        font-family:Verdana, Arial, sans-serif;
        color: white;
        font-weight: bold;
        letter-spacing: 8px;
        font-size: 45px;
        text-transform:uppercase;
 
         }
 
    /*sub-title*/
    #header h2{
        display:none;
 
        }
 
    /* Header Links */
    #header a{
            color:white;
        text-decoration:none
        }
 
    /* Hides Search Box in the Header */
    #search-top-box{
        display:none;
 
        }
 
/* Side Bar */
    #side-bar {
        display:none;
 
        }
 
/* FOOTER (help.terms of service. etc, but not below that Creative Commons*/
 
    #footer a{
            color:white;
            font-size: 80%;
        }
 
/* ACCOUNT OPTIONS */
    #login-status{
        position: absolute;
        right: 10px;
        top: 10px;
        overflow: visible;
        font-size:12px;
        }
 
    #account-options{
            background-color: white;
            display: none;
            border: 1px solid #888;
 
        }
 
    #account-options ul{
            border: 1px solid #dddddd;
            color:black;
        }
 
    #account-options li{
            color:black;
        }
 
    #account-options li a{
            color:black;
        }
 
    #account-options li a:hover{
            color: white;
            background-color: black;
        }
 
    #account-topbutton{
         text-decoration: none;
            background-color: #881c1c;
        }
 
/* TOP MENU */
    #top-bar{
        padding: 0 0 0 0;
          text-align:right;
        font-size:15px;
            left: 0; right: 0;
            width: 100%;
        background-color:transparent;
        position:absolute;
        bottom: 0px;
        }
 
    #top-bar  a {
        text-decoration: none;
        text-transform: lowercase;
        font-weight: normal;
        color:#fff;
        letter-spacing:1.2px;
 
        }
 
    #top-bar ul {
          float: right;
        }
 
    #top-bar li ul li  a{
            background-color:#FFFFFF;
            border: 1px dotted #262626;
        color:#262626;
        border-top:none;
            text-align:left;
            width:150px;
        letter-spacing:normal;
        }
 
    #top-bar a:hover {
            text-decoration: none;
            color:#ffffff;
            background-color:#262626;
        }
 
    #top-bar li ul li a:hover {
            text-decoration: none;
            color:white;
            background-color:#262626;
        }
 
/*LICENSE*/
    #license-area {
            padding: 1em 0;
            color: white;
            font-size: 80%;
            text-align: center;
        }
 
    #license-area a{
        color:white;
        font-size: 80%;
        }
 
/*Pretty Buttons for Comments Module and More*/
 
    div.buttons input, input.button, button, file, a.button{
            background-image: url(http://www.umassenglishgrad.com/local--files/system:files/graybutton1.png);
            border: 1px solid #DDD;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            height: 26px;
        }
 
    div.buttons input:hover, input.button:hover, button:hover,  a.button:hover{
            background-image: url(http://www.umassenglishgrad.com/local--files/system:files/bluebutton2.png);
            border: 1px solid #DDD;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            color: #000;
            height: 26px;
        }
 
/* Rounded Boxes */
 
        .box {
               padding: 3px 15px;
                -moz-border-radius: 1em;
                -webkit-border-radius: 10px;
                height: auto;
                width: auto;
                background: #DDDDDD;
               margin: 10px;
 
            }
 
/* SIDE BAR DIV */
    .sidebar {
        font-size:12px;
        line-height:normal;
        float:right; 
        width:250px;
        margin:0px 0px 0 20px; 
        padding:15px; 
        border-left:1px dotted #666;
        background-color:#E9DFD4;
        overflow:hidden;
        }
 
    .sidebar h1 {
        font-weight:bold;
        margin:30px 0 3px 0;
        letter-spacing:0.8px;
        font-size:18px;
        line-height:normal;
        }
 
    .sidebar h1 a{
        font-weight:bold;
        margin:30px 0 3px 0;
        letter-spacing:0.8px;
        font-size:18px;
        line-height:normal;
        text-decoration:none;
        }
 
/* MAIN DIV for the main area of a page using the sidebar div (above) */
    .maindiv{
        /*margin-right:320px;*/
        overflow:hidden;
 
        }
 
/* HOMEPAGE NEWS AND EVENTS DIV */
/* HOMESIDE DIV for side bar on home page */
    .homeside {
        font-size:11px;
        line-height:normal;
        float:right; 
        width:250px;
        margin:0px 0px 0 20px; 
        padding:15px; 
        border-left:1px dotted #666;
        background-color:#E9DFD4;
        overflow:hidden;
        text-align:justify;
        }
 
    .homeside h1 {
        font-weight:bold;
        margin:2px 0 3px 0;
        letter-spacing:0.8px;
        font-size:18px;
        text-transform:lowercase;
        text-align:left;
        }
 
    .homeside img {
        margin:35px 0 0 0;
        }
 
/*Home News Div for Homepage main content*/
    .homenews {
        font-size:12px;
        line-height:normal;
        overflow:hidden;
        text-align:justify;
 
        }
 
    .homenews h1 a {
        font-size:30px;
        letter-spacing:1.5px;
        text-decoration:none;
        color:#262626;
        font-weight:normal;
        margin:0px 0 55px 0;
        text-transform:lowercase;
        text-align:left;
 
        }
 
    .homenews h1 a:hover {
        color:#881c1c;
 
        }
 
/* 3 COLUMN TO A PAGE DIV*/
    .narrow {
        width:250px;
        overflow:hidden;
        float:left;
        padding:0 10px;
        margin-right:50px;
        font-size:12px;
 
        }
 
    .narrow h1 {
        text-transform:uppercase;
        font-weight:normal;
        font-size:18px;
        letter-spacing:1px;
        border-bottom:1px dotted #262626;
        margin-bottom:0;
 
        }
 
    .narrow h2 {
        text-transform:uppercase;
        color:#262626;
        letter-spacing:1px;
        font-weight:normal;
        font-size:13px;
        margin-bottom:0;
        }
 
    .narrow ul {
        padding:10px;
        }
 
/* Special Links */
    /*places an RSS icon to the left of a link*/
    .rss a {
            background-image:url(http://lh3.ggpht.com/_gJY3AA8vJAk/Sy_ONJiDw3I/AAAAAAAAAWQ/PoS599pftm0/rsswithspace32x14.jpg);
            background-repeat:no-repeat;
        background-color:transparent;
            padding-left:35px;
            text-decoration:none;
            border-bottom:none;
            }
 
    /*places an editing icon to the left of a link*/
    .postlink a {
            background-image:url(http://lh6.ggpht.com/_gJY3AA8vJAk/S0iP4msTtaI/AAAAAAAAAW0/Z8XY--75Bio/edit16.png);
            background-repeat:no-repeat;
            color:#881c1c;
            padding-left:20px;
            text-decoration:underline;
            border-bottom:none;
            }
 
    .listpages a {
        text-decoration:none;
        font-weight:bold;
        letter-spacing:.8px;
        text-align:left;
        }
 
    .listpages a:hover {
        text-decoration:underline;
        }