/*
 *  Theme Name: Easy Company
 *   Theme URI: http://www.easy-guild.com
 * Description: Theme for our guild website.
 *      Author: Leeta of Aggramar
 *     Version: 0.1
 */

/*
 * Common page structure.
 *
 * When setting the font size, we assume that the browser's medium font
 * setting is 16px.  This is resized down to 10px for the entire document
 * and then each element is sized appropriately (See this link for more
 * details http://www.clagnut.com/blog/348).
 */
body {
    font-size:                  62.5%;
    font-family:                Verdana, Arial, Sans-Serif;
    background-color:     	#44484F;
}
div#page {
    width:                 	850px;
    margin:            	        20px auto 20px auto;
    background-image:   	url('images/image_back.png');
}
div#header {
    width:                 	850px;
    height:               	170px;

    background-color:           #44484F;
    background-image:      	url('images/image_header.png');
}
div#footer {
    width:                 	850px;
    height:            		50px;

    clear:              	both;
    background-color:           #44484F;
    background-image:		url('images/image_footer.png');
}
div#header div#image {
    width:                 	850px;
    height:              	170px;
    position:          		relative;
}
div#header div#title {
    color:                      white;
    font-size:                  3.0em;
    font-weight:                bold;

    padding-top:                20px;
    padding-left:               30px;
}
div#header div#desc {
    color:                      white;
    font-size:                  2.0em;
    font-weight:                none;
    padding-left:               30px;
}

/*
 * Header link styles.
 */
.links {
    left:                       -15px;
    bottom:                     5px;

    display:                    inline;
    position:                   absolute;
    text-align:                 left;
    white-space:                nowrap;
}
.links ul {
    display:                    inline;
}

.links li {
    margin:                     5px;
    display:                    inline;
}
.links a:link,
.links a:active,
.links a:visited {
    color:                      white;
    font-size:                  1.2em;
    font-weight:                bold;
    text-decoration:            none;
}
.links a:hover {
    color:                      white;
    text-decoration:            underline;
}

/*
 * Header page styles.
 */
.pages {
    right:                      25px;
    bottom:                     5px;

    display:                    inline;
    position:                   absolute;
    text-align:                 right;
    white-space:                nowrap;
}
.pages li {
    margin:                     5px;
    display:                    inline;
}
.pages a:link,
.pages a:active,
.pages a:visited {
    color:                      white;
    font-size:                  1.2em;
    font-weight:                bold;
    text-decoration:            none;
}
.pages a:hover {
    color:                      white;
    text-decoration:            underline;
}

/*
 * Common link styles.
 */
a:link,
a:active,
a:visited {
    color:                      #E58802;
    text-decoration:            none;
}
a:hover	{
    color:                      #E58802;
    text-decoration:		underline;
}


/*****************************************************************************
 * PHPBB2 Specific Styles
 ****************************************************************************/
/*
 * Thread title.
 */
h1.title {
    font-size:                  1.5em;
    font-weight:                bold;
    padding-left:               25px;
}

/*
 * Common table definitions.
 */
td.header {
    padding:                    5px;
    background-color:           #EEEEEE;
}
td.row {
    padding:                    5px;
}
td.spacer {
    height:                     10px;
}
td.W, td.E, td.N, td.S, td.SW, td.SE, td.NW, td.NE {
    padding:                    5px;
    border-style:               solid;
    border-color:               #EEEEEE;
}
td.W {
    border-width:               0px 0px 1px 1px;
}
td.E {
    border-width:               0px 1px 1px 1px;
}
td.N {
    border-width:               1px 0px 0px 0px;
}
td.S {
    border-width:               0px 0px 1px 0px;
}
td.SW {
    border-width:               0px 0px 1px 1px;
}
td.SE {
    border-width:               0px 1px 1px 1px;
}
td.NW {
    border-width:               1px 0px 0px 1px;
}
td.NE {
    border-width:               1px 1px 0px 1px;
}

/*
 * Text styles.
 */
span.title {
    font-size:                  0.8em;
    font-weight:                bold;
}
span.small {
    font-size:                  0.7em;
    line-height:                1.4em;
}
span.medium {
    font-size:                  0.8em;
    line-height:                1.4em;
}
span.large {
    font-size:                  1.2em;
}

/*
 * Styles for the main menu.
 */
.mainmenu {
    color:                      black;
    font-weight:                bold;
}
a.mainmenu {
    color:                      black;
    text-decoration:            none;
}
a.mainmenu:hover {
    color:                      black;
    text-decoration:            underline;
}

/*
 * Styles for the forum headers.
 */
.forumlink {
    color:                      #4F4F4F;
    font-size:                  0.8em;
    font-weight:                bold;
}
a.forumlink {
    color:                      #4F4F4F;
    text-decoration:            none;
}
a.forumlink:hover {
    color:                      #4F4F4F;
    text-decoration:            underline;
}

/*
 * Styles for the input controls.
 */
input {
    background-color:           white;
}
input.button {
    color:                      black;
    background-color:           #EEEEEE;
}
input.mainoption {
    font-weight:                bold;
    background-color:           #EEEEEE;
}
input.liteoption {
    font-weight:                normal;
    background-color:           #EEEEEE;
}

/*****************************************************************************
 * Wordpress Specific Styles
 ****************************************************************************/
/*
 * Page structure.
 */
.column {
    float:                      left;
    width:                      620px;
    padding:                    10px;
    margin-left:                10px;
}
.sidebar {
    width:                      160px;
    padding:                    5px;
    margin-top:                 10px;
    margin-left:                660px;
}

/*
 * The components of a post.
 */
div.post div.title {
    height:                     20px;
    padding:                    5px;
    font-size:                  2.0em;
}
div.post div.byline {
    height:                     20px;
    padding:                    5px;
    font-size:                  1.2em;
    font-style:                 italic;
}
div.post div.body {
    padding:                    5px;
    font-size:                  1.2em;
    line-height:                1.5em;
}
div.post div.body img {
    display:                    block;
    margin-left:                auto;
    margin-right:               auto;
}

/*
 * Fancy date display in the post.
 */
.cal_body {
    color:                      black;
    padding:                    5px;
    text-align:                 center;

    background-image:           url('images/calendar.jpg');
    background-repeat:          repeat-x;
}
.cal_border {
    float:                      left;
    border:                     1px solid #E58802;
    margin:                     5px;
    padding:                    1px;
}
.cal_body span {
    display:                    block;
}
.cal_day {
    font-size:                  1.0em;
    line-height:                1.0em;
}
.cal_mon {
    font-size:                  1.5em;
    line-height:                0.8em;
}
.cal_yer {
    font-size:                  1.2em;
    line-height:                1.0em;
}

/*
 * Sidebar styles.
 */
ul.sidebar {
    font-size:                  1.0em;
    list-style-type:            none;
}
ul.sidebar h2 {
    font-size:                  1.0em;
    font-weight:                bold;
}
ul.sidebar li {
    padding-bottom:             5px;
}
ul.sidebar li ul {
    margin-left:                -15px;
    list-style-type:            circle;
    list-style-position:        outside;
}

/*
 * Page title.
 */
h1.pagetitle {
    font-size:		        1.5em;
    font-weight:		bold;
    margin-left:                10px;
}

/*
 * Page navigation.
 */
.pagenav {
    height:                     20px;
    margin:                     0px 0px 10px 0px;
    padding:                    5px;
    font-size:                  1.5em;
    font-weight:                italic;
}
.alignright {
    float:                      right;
    text-align:                 right;
}
.alignleft {
    text-align:                 left;
}

/*
 * Calendar styles.
 */
#wp-calendar caption {
    display:                    none;
    text-align:                 center;
    font-weight:                bold;
}
#wp-calendar th {
    font-style:                 normal;
    text-transform:             capitalize;
}
#wp-calendar {
    width:                      155px;
    empty-cells:                show;
}
#wp-calendar a {
    display:                    block;
}
#wp-calendar #next a {
    text-align:                 right;
    padding-right:              10px;
}
#wp-calendar #prev a {
    text-align:                 left;
    padding-left:               10px;
}
#wp-calendar #today {
    background:                 white;
}
#wp-calendar caption {
    width:                      100%;
    text-align:                 center;
}
#wp-calendar th {
    padding:                    3px 0;
    text-align:                 center;
}
#wp-calendar td {
    padding:                    3px 0;
    text-align:                 center;
}