@CHARSET "UTF-8";

a {
        /* text-decoration:        none; */
        color:                  #3333AA;
}

a:visited {
        color:                  #222255;
}

a:hover {
        text-decoration:        underline;
}

.tab a, .tab a:visited {
        color:          #777777;
        text-decoration: none;
}

.active-tab a, .active-tab a:visited {
        color:          black;
}

ul {
        list-style-type:        square;
}

body {
	margin:	        0px;
	padding:        0px;

	/* centers the page in IE */
	text-align:		center;

        background-color:       #DDDDDD;

        font-family:    sans, sans-serif;

        /* this isn't really used, it's just because
         * google wants to see 16px for "mobile usability"
         * or something. 16px looks bad.
         */
        font-size:      16px;
}

#PageDropShadowId {
        position:               relative;
        width:                  704px;
        padding-bottom:         2px;
        background-color:       #AAAAAA;

	/* override centering for children */
	text-align:		left;

	/* centers the page in Firefox */
	margin-left:	auto;
	margin-right:	auto;
        margin-bottom:          25px;
}

#PageBorderId {
	position:		relative;
	margin-top:		0px;
        margin-left:            2px;
        width:                  700px;

        background-color:       #FFFFFF;
        /* top/bottom padding is harmless, and top/bottom margin on
         * PageId doesn't work right in some firefox
         */
        padding-top:            12px;
        padding-bottom:         12px;
}

#PageId {
        position:       relative;
        margin-left:    12px;
        margin-right:   12px;
        width:          676px;
}

#PageContentId {
        position:       relative;
        width:          460px;
        margin-left:    100px;
        margin-top:     12px;
        font-size:      14px;
        text-align:     justify;
}

#PageContentId h3 {
        font-size:      medium;
}

#NavigationId {
        position:       relative;
        width:          676px;
        font-size:      large;
}

.left-column-width {
        width:          100px;
        overflow:       hidden;
}

.all-except-left-column-width {
        width:          576px;
}

#NavigationId .left-column-width {
        position:       relative;
        font-size:      x-large;
}

#NavigationId .left-column-width #TitleId {
        float:                  left;
        background-color:       black;
}

#TitleBorderId {
        background-color:       white;
        margin:                 2px;
        padding:                12px;
}

#NavigationId .left-column-width #TitleSeparatorId {
        position:       absolute;
        bottom:         0px;
        right:          20px;
}

#NavigationId .all-except-left-column-width {
        position:       absolute;
        left:           100px;
        bottom:         0px;
}

#NavigationId .all-except-left-column-width .tab {
        float:          left;
        margin-right:   24px;
}

#NavigationId .all-except-left-column-width .active-tab {
        font-weight:    bold;
}

.clear-both {
        clear:  both;
        width:  10px;
}

#PageContentId h2 {
        font-weight:    bold;
        font-size:      medium;
        margin-top:     12px;
        margin-bottom:  3px;
        text-align:     left;
        text-transform: uppercase;
}

#PageContentId .entry-date {
        font-size:      small;
        margin-top:     3px;
        margin-bottom:  5px;
        text-align:     left;
        color:          #777777;
}

#RightAdBoxId {
        position:               absolute;
        width:                  120px;
        height:                 600px;
        left:                   716px;
        top:                    0px;
        background-color:       white;
}

#BottomAdBoxPositionerId {
        position:       relative;
        width:          1px;
        heigh:          1px;
}

#BottomAdBoxId {
        position:               absolute;
        width:                  468px;
        height:                 60px;
        background-color:       white;
        top:                    10px;
}

#JunkId {
        position:               absolute;
        left:                   716px;
        top:                    612px;
        width:                  120px;
        font-size:              x-small;
}

#twitter_div {
        margin: 1px;
        margin-color: black;
}

#twitter_update_list {
        margin: 10px;
}

@media screen and (max-width: 479px) {
    #PageDropShadowId { width: 304px; }
    #PageBorderId { width: 300px; }
    #PageId { width: 276px; }
    #NavigationId {
        width: 276px;
        font-size: medium;
    }
    #PageContentId {
        width:          220px;
        margin-left:    30px;
    }
    .all-except-left-column-width {
        width:          236px;
    }
    #NavigationId .all-except-left-column-width {
        left:           70px;
    }
}