/* GENERAL */
* {
 border: 0;
 padding: 0;
 margin: 0;
}
html { 
 height: 100%;
 margin-bottom: 1px; 
}
body {
 background: url( '../../_media/img/bg.png' );
 background-repeat: repeat-x;
 margin: 24px 0;
 font-family: 'trebuchet ms', helvetica, sans-serif;
}

code {
 margin: 0 12px;
}
acronym {
 border-bottom:1px dashed #000;
 cursor:help;
}
sup { 
 margin-top:-8px; 
 line-height:6px;
 font-size:70%;
 vertical-align:2px;
}

a, a:link {
 text-decoration: none;
 border-bottom: 1px dotted #aaa;
 color: #22c;
}

a:hover, a:link:hover {
 border-bottom: 1px solid #000;
}

/* STRUCTURE */
#page {
 width: 784px;
 margin-right: auto;
 margin-left: auto;
 background-color: #fefef8;
 padding-bottom:24px;
}
.content {
 width: 782px;
 border-right: 1px solid #777;
 border-left: 1px solid #777;
 padding-bottom: 12px;
}
#header, #footer {
 width: 784px;
}

.block_2, .block_3 {
 float: left;
 display: inline;
}

.block_1 { width: 428px; margin-left: 160px; }
.block_2 { width: 180px; float: right; }
.block_3 { width: 142px; margin-left: 6px; }

#footer {
 border-top: 1px dotted #777;
 background: url( '../../_media/img/bg.png' );
 background-repeat: repeat-x;
 background-position: 0% 50%;
 background-color: #ddd;
 font-size: 11px;
}
#header {
 height: 120px;
 border-bottom: 1px solid #777;
}
#footer div.content {
 padding-top: 12px;
}
#footer div.block_2 {
 display: inline;
 width: 120px;
 float: right;
 line-height: 16px;
 text-transform: uppercase;
 font-size: 11px;
}
#footer div.block_2 a { border: 0; }

/* NAVIGATION */
ul#nav {
 background: url( '../../_media/img/bg_small.png' );
 background-repeat: repeat-x;
 background-color: #eee;
 padding: 3px 0 3px 160px;
 display: block;
 border-bottom: 1px solid #777;
 font-size: 14px;
 margin-bottom: 12px;
}
ul#nav li {
 display: inline;
}
ul#nav li.inactive {
 padding: 3px 18px;
 background: url( '../../_media/img/bg.png' );
 background-repeat: repeat-x;
 border-left: 1px solid #777;
 border-right: 1px solid #777;
 margin-right: -1px;
}
ul#nav li a, ul#nav li a:visited, ul#nav li a:link:visited {
 background: url( '../../_media/img/bg_small.png' );
 background-repeat: repeat-x;
 border: 0;
 background-color: #fd4;
 padding: 3px 18px;
 border-right: 1px solid #777;
 margin-right: -1px;
 border-left: 1px solid #777;
 text-decoration: none;
 color: #000;
}
ul#nav li a:hover {
 color: #000;
 background-color: #cef;
}

/* BLOCK 3 */
.block_3 {
 font-family: georgia, times, serif;
 font-size: 22px;
 font-weight: normal;
 line-height: 20px;
 padding-bottom: 8px;
 color: #555;
 width: 80px;
}
.block_3 ul {
 margin-top: 4px;
 list-style: none;
 font-family: 'trebuchet ms', helvetica, sans-serif;
 font-size: 13px;
 width: 140px;
 border-top: 1px dotted #aaa;
}
.block_3 li a {
 display: block;
 margin-bottom: 2px;
 color: #555;
 padding-left: 6px;
}
.block_3 li a:hover {
 background-color: #fff;
 color: #000;
}

/* ENTRY */
.entry {
 font-size: 14px;
 color: #888;
 line-height: 18px;
}
.entry strong {
 color: #555;
}
.entry p {
 padding-bottom: 8px;
}
.entry h4, .entry_title, h4 {
 font-family: georgia, times, serif;
 font-size: 22px;
 font-weight: normal;
 line-height: 20px;
 padding-bottom: 8px;
 color: #444;
}

/* CALLOUT */
div#index blockquote {
 font-size: 15px;
 padding-bottom: 4px;
 margin-bottom: 8px;
 background-color: #fafaf2;
 background: url( '../../_media/img/bg.png' );
 background-repeat: repeat-x;
 background-position: 0% 60%;
 color: #666;
}
div#index blockquote img {
 padding: 0 10px;
}
div#index blockquote strong {
 text-transform: uppercase;
 font-size: 90%;
}
.callout { 
 display: block;
 padding: 2px 4px 4px 0;
}

/* INDEX */
#index img {
 float: left;
 padding-right: 12px;
}

#index img {
/*
 width:97px;
 height:97px;
*/
 margin-top:-2px;
 padding-right:14px;
 margin-bottom:-2px;
}

#index img {
 height:100px;
 width:97px;
}

img.bullet, #index img.bullet {
 width: 19px;
 height: 21px;
 margin-bottom: -8px;
 padding-right: 6px;
}

/* ABOUT US */
#team, #mog, #site, #mogwerks {
 border-bottom: 1px dashed #444;
 margin-bottom: 12px;
}
img.snapshot {
 float: left;
 padding: 0 8px 4px 0;
}
#site ul {
 list-style: inside;
 margin-top: -8px;
}
#site ul li {
 margin-left:14px;
 text-indent:-14px;
}
#site p {
 margin-top: 8px;
}

/* SERVICES */
#our_services, #why_open_source, #working_with_us {
 border-bottom: 1px dashed #444;
 margin-bottom: 12px;
}
#our_services ul {
 list-style: inside;
 margin-bottom: 12px;
}
#working_with_us img, #why_open_source img {
 float: left;
 padding-right: 12px;
}

/* NEWS */
.calendar {
 width: 80px;
 float: left;
 margin: 6px 12px 6px 0;
 color: #036;
 text-align: center;
 background-color: #f42;
 text-transform: uppercase;
 font-size: 10px;
 font-weight: bold;
 font-family: verdana,helvetica,arial,sans-serif;
 border-right: 2px solid #ccc;
 border-bottom: 2px solid #ccc;
}
.calendar .calendar_top, .calendar .calendar_mid, .calendar .calendar_btm {
 display: block;
 border-right: 1px solid #444;
}
.calendar .calendar_top {
 background: url( '../../_media/img/bg_small.png' );
 background-repeat: repeat-x;
 color: #fff;
}
.calendar .calendar_mid {
 background-color: beige;
 font-family: impact,'helvetica neue condensed bold','arial narrow',helvetica,sans-serif;
 font-weight: normal;
 color: #8d7b69;
 font-size: 48px;
 line-height: 50px;
 height: 48px;
}
.calendar .calendar_btm {
 font-size: 12px;
 background-color: beige;
 border-bottom: 1px solid #444;
}
h6 { 
 margin:-8px 12px 0 0;
 color:#000;
 font-family:georgia,times,serif;
 font-style:italic;
 font-size:12px;
}
div.news div.entry {
 border-bottom: 1px dashed #444;
 margin-bottom:12px;
}
div.news div.entry div.sig {
 font-size:11px;
 text-transform:uppercase;
 color:#444;
 border-top: 1px dashed #444;
 margin-top:8px;
}

/* CONTACT */
form#simpleContact {
 font-size: 14px;
 color: #888;
 line-height: 18px;
}
div.formElement {
 padding: 10px 0;
}
form#simpleContact div.formElement div.caption {
 text-transform: uppercase;
 color: #444;
 font-size: 11px;
}
.fld {
 border-left: 2px solid #444;
 border-bottom: 1px dotted #444;
 padding: 2px;
 font-family: verdana;
 width: 420px;
}
div.formElement textarea.fld {
 height: 96px;
}
form#simpleContact div.submitElement {
 text-align: right;
}
form#simpleContact div.submitElement input.submit {
 padding: 1px 4px;
 border: 1px solid #444;
 background: url( '../../_media/img/bg_small.png' );
 background-repeat: repeat-x;
 background-color: #fd4;
}
form#simpleContact div.submitElement input.submit:hover {
 background-color: #cef;
 cursor: pointer;
}
#privacy {
 width: 130px;
}
.block_2 div#contact_2 div.entry_header {
 font-family: georgia, times, serif;
 padding-right:8px;
}

img.mini { width:88px; height:72px; float:left; padding-right:8px; }