@charset "iso-8859-1";

/* All Elements */

*
{
    margin: 0;
    padding: 0;
}


/* Body For Inheriting */

body 
{
    background-color: #AAAAAA;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    text-align: left;
}

/* Page Containers */

#outerpage
{
    width: 1260px;
    margin: 0 auto;
    background-color: #FFFFFF;
    border: solid 1px #E8E8E8;
}

#innerpage 
{
    width: 1250px;
    margin: 0 auto;

}

/* Header */

#header 
{
    height: 100px;
    background: #6699CC url(../images/head.png) repeat-x;
    margin-top: 5px;
    border-bottom: solid 1px #0000FF;
}

/* Site Title */

#sitename
{
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-size: 28px;
    text-align: left;
    color: #FFFFFF;
    font-weight: bold;
    letter-spacing: 6px;
    padding-top: 25px;
    padding-left: 10px;
}

/* Navigation Bar */

#navigation
{
    height: 35px;
    background-color: #34689A;  
}

#navigationbar
{
    height: 35px;
    
}

#navigationbar ul
{
    float: left;
    list-style : none;
    padding-top: 6px;
}

#navigationbar ul li
{
    display: inline;
}

#navigationbar ul li a
{
    display: block;
    float: left;
    padding: 0 10px;
    color: #CCCCCC;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
}

#navigationbar ul li a:hover
{
    color: #FFFFFF;
    
    
}

/* Page And Content Containers */

#main
{
    
}

#mcontent
{
    width: 934px;
    border-right: 1px solid #CCCCCC;
    min-height: 601px;

}

#sidebar
{
    width: 310px;
    float: right;
    padding-left: 5px;
    min-height: 600px;  
}


/* Footer */
#clearspace
{
    height: 20px;
    background-color: #FFFFFF;
    clear: both;
}

#footer
{
    height: 24px;
    background-color: #34689A;
    color: #FFFFFF;
    text-align: center;
    padding-top: 4px;
    margin-bottom: 4px;
    font-size: 14px;
}

#footer a
{
    color: #CCCCCC;
    text-decoration: underline;
    font-weight: bold;
}

#footer a:hover
{
    color: #FFFFFF;
}

/* Sidebar Formatting */

#sidebar h1
{
    font-size: 16px;
    color: #000000;
    margin-top: 5px;
    margin-bottom: 5px;
}

#sidebar ul.linkmenu
{
    list-style: none;
}
#sidebar ul.linkmenu li
{
    line-height: 18px;  
    background-image: url(../images/blob.png);
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 15px;
}
#sidebar ul.linkmenu li a
{
    color: #000080;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    
}
#sidebar ul.linkmenu li a:hover
{
    color: #0000FF;
    text-decoration: underline;
}

#sidebar a img 
{
    border: none;
    margin-top: 4px;
    margin-bottom: 4px;
}

/* Main Content Area Formatting */

#mcontent h1
{
    text-align: center;
    color: #000080;
    font-size: 20px;
    margin-top: 2px;
    margin-bottom: 12px;
}

#mcontent h2
{
    text-align: left;
    color: #000080;
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 10px;
}
#mcontent h3
{
    text-align: left;
    color: #000000;
    font-size: 16px;
    margin-bottom: 6px;
    margin-top: 6px;
}
#mcontent h4
{
    text-align: left;
    color: #000000;
    font-size: 16px;
    margin-bottom: 6px;
    margin-top: 6px;
    font-style: italic;
}
#mcontent p
{
    width: 924px;
    text-align: justify;
    color: #000000;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 8px;
    margin-top: 6px;
}
#mcontent p.mid
{
    margin-top: 20px;
    text-align: center;
}
#mcontent blockquote>p {
width: 98%;
}


#mcontent code
{
    margin : 4px 8px;
    padding : 8px;
    text-align : left;
    display : block;
    overflow : auto;
    font : 13px 'Lucida Console', 'courier new', monospace;
    background: #f8f4f1;
    border : 1px dashed #D7C3C3;
}

#mcontent code.arduino
{
    font : 14px  monospace;
}
#mcontent code.ruby
{
    font : 14px  'courier new', monospace;
    
}

#mcontent blockquote
{
    margin : 4px 8px;
    padding : 8px;
    text-align : left;
    display : block;
    overflow : auto;
    font : 14px Verdana, sans-serif;
    background: #f8f4f1;
}
#mcontent ul, #mcontent ol
{
    margin: 5px 20px;
    padding: 0 20px;
    color: #202040;
    
}
#mcontent li 
{
font-size: 14px;
margin-top: 2px;
}
#mcontent table 
{
    border-collapse: collapse;
    width: 920px;
    margin: 8px 2px 8px 2px;
    
}
#mcontent table th
{
    text-align: center;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    background-color: #5588AA;
    border: 1px solid #000080;
    line-height: 18px;
}
#mcontent table td
{
    height: 30px;
    vertical-align: middle;
    padding: 2px;
    text-align: left;
    color: #000000;
    font-size: 14px;
    font-weight: normal;
    background-color: #FFFFFF;
    border: 1px solid #000080;
}
#mcontent table.autofit
{
    width: auto;
    margin: 8px auto 8px 2px;
}
#mcontent a:link,#mcontent a:visited
{
    color: #0000ff;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
outline: none;
}
#mcontent a:hover[href]
{
    color: #5588AA;
    text-decoration: underline;
}
#mcontent a img 
{
border: none;
}
#mcontent table.places
{
border: none;
}
#mcontent table.places td
{
border: none;
text-align: center;
}
#mcontent table.fourcol td {
width: 25%;
vertical-align: top;
}
#mcontent table.hmlink,#mcontent table.hmlinkt {
width: auto;
border: none;
background-color: #FFFFFF;
margin: 0 auto;
}
#mcontent table.hmlink td {
width: 116px;
text-align: center;
border: none;
vertical-align: middle;
height: 40px;
}
#mcontent table.hmlinkt td {
width: 116px;
text-align: center;
border: none;
vertical-align: top;
height: 30px;
}
#mcontent table.hmlinkt td a:link, #mcontent table.hmlinkt td a:visited  {
font-size: 14px;
}
#mcontent hr {
height: 2px;
width: 98%;
text-align: center;
color: #5588AA;
}
#mcontent div.sep
{
width: 98%;
margin: 14px auto;
height: 3px;
background-color: #CDCDCD;

}
#mcontent div.puzzle
{
float: left;
width: 48%;
padding: 4px;
margin-right: 2px;
}
#mcontent div.puzzle h2, #mcontent h2.puzzle
{
text-align: center;
width: 100%;
margin-bottom: 10px;
background-color: #5588AA;
color: white;
font-size: 14px;
height: 16px;
}
#mcontent table.turnmask
{
border: none;
width: auto;
}
#mcontent table.turnmask td
{
font-weight: bold;
border: none;
text-align: center;
font-size: 8pt;
width: 11.1%;
}
#mcontent table.puzzletable th, #mcontent table.puzzletable td  {
width: 25%;
text-align: center;
vertical-align: middle;
background: none;
border: none;
}
#mcontent table tr.centre td {
text-align: center;
}
#mcontent table.centre td {
text-align: center;
}
pre {
font-size: 14px;
}