body
{
    margin: 0px;
    background-color: Black;
    color:#bbb; 
    font-family: Verdana, Arial, Helvetica, Sans-Serif; 
    font-size:12px;
    height:100%;
}

h1, h2, h3, h4, .title
{
    color: #fac01d;
}

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited
{
    color: #fac01d;
    text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover
{
    color: #fac01d;
    text-decoration: underline;
}

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

a:hover
{
    color: #ff8c00;
    text-decoration: underline;
}

.Container
{
    margin: 20px auto 0px auto;
    width: 800px;
}

.Header
{
    border-top: 3px solid Orange;
    background-color: #212121;
    width: 100%;
    vertical-align: top;
}

.Menu
{
    background-position: left bottom;
    background-image: url('../img/menu_bg.bmp');
    background-repeat: repeat-x;
    height: 45px;
    width: 100%;
    border-top: 5px solid #D25A0B;
}

.Widget
{
    height: 25px;
    width: 46px;
    text-align: right;
    vertical-align: top;
    padding-right: 20px;
}

.Logo
{
    height: 150px;
    width: 100%;
    vertical-align: top;
}

.Logo .C2P
{
    position: relative; 
    left: 34px; 
    top: -100px; 
    width: 199px;
    height: 50px; 
    display: block;
}

.Logo .C2P a:active, a:hover
{
     outline: none;
}

.Content
{
    width: 760px;
}

.ContentMiddle
{
    padding: 12px;
    text-align: left;
    vertical-align: top;
    background-color: #212121;
}

.ContentLeft, .ContentRight
{
    width: 8px;
    background-image: url('../img/content.png');
    background-repeat: repeat-y;
    background-position: left top;
}

.ContentLeftBottom
{
    width: 8px;
    height: 8px;
    background-image: url('../img/contentb.png');
    background-repeat: no-repeat;
    background-position: left top;
}

.ContentMiddleBottom
{
    height: 8px;
    background-image: url('../img/contentc.png');
    background-repeat: repeat-x;
    background-position: left top;
}

.ContentRightBottom
{
    width: 8px;
    height: 8px;
    background-image: url('../img/contentd.png');
    background-repeat: no-repeat;
    background-position: left top;
}

.Footer
{
    margin: 8px;
    text-align: left;
    vertical-align: middle;
    font-size: 11px;
}

.Footer a:link, .Footer a:visited, .Footer a:active
{
    color: #BBBBBB;
    text-decoration: none;
}

.Footer a:hover
{
    color: #fff;
    text-decoration: underline;
}

.Editor
{
    Height: 500px;
    Width: 99%;
}

.Button
{
    background-position: left bottom;
    background-image: url('../img/btn_bg.bmp');
    background-repeat: repeat-x;
    color:#bbb;
}

.aDate
{
    font-style: italic;
    font-weight: bold;
    font-size: 11px;
}

.Code
{
    display:block;
    max-width: 700px;
    max-height: 500px;
    margin-left: auto;
    margin-right: auto;
    padding: 3px;
    text-align: left; 
    overflow: auto;
    font-size: 10pt;
    border: inset 1px #212121;
    background-color: #DFDFDF;
    color: Black;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#modernbricksmenu2{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu2 ul{
margin:0;
margin-left: 20px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

#modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

#modernbricksmenu2 #current a{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

/* Weather Tab */
#WeatherTab 
{
    display: block;
    height: 380px;
    width: 400px;
    position: relative;
}

#WeatherTab ul.tabs 
{
	float: left;
	display: block;
	width: 47%;
	margin: 0;
	padding: 0;
	position: relative;
}

#WeatherTab ul.tabs li 
{
    list-style: none;
	margin: 0;
	padding: 0;
	font-family: Comic Sans MS,Verdana,Arial,Helvetica,Sans-Serif;
	font-size: 14px;
	color: #FAC01D;
}

#WeatherTab ul.tabs li span
{
    cursor: pointer;
}

#WeatherTab ul.tabs li span:hover
{
    text-decoration: underline;
}

#WeatherTab ul.tabs li.selected 
{
    font-size: large;
    text-decoration: underline;
}

#WeatherTab div.tabContainer
{
    float: right;
    position: relative;
    width: 53%;
}
    
#WeatherTab .WeatherContent 
{
    position: absolute;
    z-index:8;
    opacity:0.0;
    background-color: #212121;
    height: 380px;
    width: 100%;
}

#WeatherTab div.active 
{
    z-index: 10;
    opacity: 1.0;
}

#WeatherTab div.last-active 
{
    z-index: 9;
}