/* ======== AllAboutGo.com Screen Stylesheet ::
Author:    Nikolas Stimpson
Created:    01/04/2010
Updated:    17/04/2011
TOC:        Resets; HTML & Body; Links; Typography; Lists; Tables;
        Classes; Template; Navigation; Page Styles; Forms; Other;
----------------------------------------------------------------- */

/* ======== Resets ::
----------------------------------------------------------------- */
body, address, blockquote, h1, h2, h3, h4, h5, h6, p, pre, dl, ol,
ul, dd, dt, li, fieldset, form {margin:0;padding:0;}

/* ======== HTML & Body ::
----------------------------------------------------------------- */
html {font-size:100.01%;height:101%;}
body { 
    height:100%;
    font:62.5%/1.4 Arial,Tahoma,Geneva,Helvetica,sans-serif;
//    background: url(../images/backgrounds/bg_body.jpg) repeat-x top;
//   background: url(../images/backgrounds/bg_body_wood_white.jpg) repeat-x top;
//    background: url(../images/backgrounds/bg_body_wood_texture.jpg) repeat-x top;
//    background: url(../images/backgrounds/bg_body_wood_map.jpg) repeat-x top;
    background: url(../images/backgrounds/bg_body_wood_canvas.jpg) repeat-x top;
//    background: url(../images/backgrounds/bg_body_wood_ornate.jpg) repeat-x top;
//    background: url(../images/backgrounds/bg_body_wood_frame.jpg) repeat-x top;
//    background: url(../images/backgrounds/bg_body_wood_bamboo.jpg) repeat-x top;
    width:100%;
    color:#333 
    }
/* ======== Links ::
----------------------------------------------------------------- */
a,a:visited {text-decoration:underline;}
a:active, a:focus, a:hover {text-decoration:none;outline:none;}
a img {border:none;}

/* ======== Typography ::
----------------------------------------------------------------- */
/* ==== Resets for Nested elements 
- Helpful for Relative Font Size Sites (Not Needed for Fixed Font Size Sites) ==== */
blockquote p, p blockquote, div div, div li, div p,div dt,div dd,
li li, li li li,ul ul, p address, p pre, pre p,
td address, td h1, td h2, td h3, td h4, td li, td dd, td dt, td p, td pre {font-size: 100%;}

abbr,acronym {text-decoration: none;border:0}
address, h1, h2, h3, h4, h5, h6, dd, dt, li, p, pre {padding:.6em 0;}
h1 { font: bold 2em Arial,Tahoma,Geneva,Helvetica,sans-serif; padding: 25px 0 25px 0; color: #555; background: transparent }
h2 {font-size:1.5em;}
h3 {font-size:1.4em}
h4 {font-size:1.4em;}
h5 {font-size:1.2em;}
h6 {font-size:1.1em;}
address,blockquote,div,dd,dt,li,p,th,td {font-size:1.2em;}
dt {font-weight:bold;}
pre {font-size: 12px;}
q:before,q:after {content:'';}
/* ======== Lists ::
----------------------------------------------------------------- */
dl, ol {margin-left: 20px;}
ol, dd, dt {vertical-align:middle;list-style-position: inside;}
ul {  padding: 0; margin: 0 }
li { list-style-type: none }
.checkbox {list-style-image:url(../images/checkmark.png)}

/* ======== Tables ::
----------------------------------------------------------------- */
table {
    border:none;
    border-collapse:collapse;
    border-spacing:0;
    overflow:hidden;
    width:100%;
}
.timeline thead td{text-align:left;vertical-align:top;font-weight:bold;}
td {text-align:left; vertical-align:middle; border-bottom: 1px solid #BBB;}
tr .contact {border: 0px !important}



/* ======== General Purpose Classes ::
----------------------------------------------------------------- */
.alignleft {text-align:left;}
.alignright {text-align:right;}
.center {text-align:center!important;}
.clear {clear:both;padding:0;margin:0;line-height:0;}
.clearleft {clear:left}
.clearright {clear:right;}
.floatleft {float:left;}
.floatright {float:right;}
.hidden {display:none;}
.inline {display:inline;}
.large {font-size:20px;font-weight:bold;}
.light {color:#999;}
.medium {font-size:1.1em !important;}
.small {font-size:10px !important;font-weight:normal;}
.top {font-size:10px; text-decoration:none;}
/* ======== Template ::
----------------------------------------------------------------- */
#wrap {width:960px;margin:0 auto;}
#header {
    height:111px;
    width:960px;
    margin:0;
    padding:0;
}

#header-inner {
    height: 54px;
    width: 960px;
    padding: 10px 0 10px 0;
}
#header-inner h1{font: bold 2em Arial,Tahoma,Geneva,Helvetica,sans-serif;
color: #555;
background: transparent;
float: left;
width: 150px;
padding-bottom:10px;
}
#banner {background: #FFF url(../images/banner3.jpg) no-repeat left; margin-top:1px; height:50px; width:600px; float:left;}
#content {
    background: transparent;
    width:960px;
    margin: 0 auto;
}
#main {
    float:right;
    width: 720px;
    color: #555;
    background: #FFF
}

#main p { text-align: justify; font-size:1.2em; margin: 7px 0 7px 0; padding: 0; background: inherit }
#main img { margin: 0px 10px 3px 10px; position: relative; padding: 1px; background: #FFF }
#main .border {margin: 7px 10px 3px 10px; position: relative; border: 1px solid  #000 !important; padding: 0px !important;background: #FFF}
#main h2 { color: #999; width: 100%; border-bottom: 1px solid #BBB;clear:both; padding: 0; background: inherit;}
#main h2 a {text-decoration: none !important}
#main h3 { color: #555; font-size: 1.2em; padding: 7px 0 0 0; font-weight: bold;background: transparent}
#main ul {line-height:10px;}
ul#main ul { list-style-position: inside; margin-left: 2px }
#main ul li { list-style-type: square; margin-left: 15px }
#main ul li a {text-decoration: none}
#main ul ul li { list-style: none; margin-left: 10px; list-style-type: lower-alpha; list-style-position: inside; }
#main .sitemap {list-style-type: circle !important;}
#main .citation { background: #FFF url(../images/citation1.gif) no-repeat top left; font-style: italic; padding: 10px 0 0 32px; font-size: 0.9em}
#main .citation p{background: none; padding-bottom: 5px !important; padding-right:32px;}
#main .citation-end{ background: #FFF url(../images/citation2.gif) no-repeat bottom right !important;}
#main blockquote { text-align: justify; font-size: inherit; border-left: 8px solid #f0f0f0; padding-left: 8px; margin-right: 15px; margin-top: 5px; background: inherit }
#main br { margin: 0px 0 5px 0; background: inherit }
#main .topborder {clear: both; width: 100%; border-top: 1px solid #BBB; margin: 7px 0 0 0; background: inherit;}
#main .flash {margin: 0 85px 0 85px !important; padding-top:7px;}

.diagram {float: right; width: 120px; margin: 0 0 10px 10px; text-align: center; font-size: 0.83em; line-height:8px; vertical-align: top;}
.diagram p {float:none; width:120px; margin: 0 !important; text-align:center !important; font-size: 1em !important; line-height:1em; vertical-align: top;}
.description p { text-align: justify; font-size:1.2em; margin: 7px 0 7px 0; padding: 0; background: inherit }
.largeimg {margin: 0 0 3px 0 !important}

#topleftcorner { float: left; margin: 10px 10px 0 0; border: 1px solid #ddd; padding: 5px; background: #f5f5f5;}
#topleftcorner a { text-decoration:none}
#topleftcorner li {line-height: 1px; list-style:none !important}
#topleftcorner h2 {border:none; color:#555;font:1em/1.4 Arial,Tahoma,Geneva,Helvetica,sans-serif;}

#middle {text-align: center; position: relative; padding: 1px}

#sidebar {float: left; width: 200px; margin: 0 auto; background: #FFF }
#sidebar h2 { 
	color: #FFF; 
	border-bottom: 1px solid #f0f0f0; 
	font-size: 1em;
	padding-left: 8px;
	line-height: 10px;  
	background: url(../images/menus/sideh2.jpg) no-repeat top left;
	margin-bottom: 5px
}
#sidebar .box { border: none; padding: 0px 0 20px 0; margin: 0 0 1em 0; line-height: 0.14em; background: #f5f5f5 url(../images/menus/sidebottom.jpg) no-repeat bottom center }
#sidebar .box ul { padding-left: 8px }
#sidebar .box ul li ul {padding-top:7px;}
#sidebar .box li a { text-decoration: none; font-size: 1em }
#sidebar .current {font-weight: bold !important;}

.extra {
	text-align: left;
	padding:8px;
	font-size:1.8em;
	font-family: "Times New Roman", times;
	margin:0px;
	color: #AAA;
	line-height: 25px;
	background: #FFF;
}
.extra h3 { color: #CCD8E1;  margin-bottom: 5px; font-size: 1.2em; background: #FFF }
.extra a { color: #8FB9DB; text-decoration: none; font-style: italic; background: #FFF }
.extra p { margin-top: 15px; background: #FFF }

#footer { clear: both; border-top: 2px solid #e5e5e5; padding: 7px 0 7px 0; color: #777; font-size: 0.9em; background: #FFF }
#footer .right  { float: right; text-align: right; background: #FFF; }



/* ======== Navigation ::
----------------------------------------------------------------- */
/* ==== Main Menu ==== */
#menu { float: right; margin: 0; padding: 0; background: transparent; height: 31px; width: 960px }
#menu  ul { list-style: none; padding: 0; margin: 0; float: left; background-color: transparent }
#menu li {
   width: auto !important;
   width: 0%;
   float: left;
   margin: 0;
   font-size: 10px;
   line-height: 31px;
   white-space: nowrap;
   background: url(../images/menus/leftmenu.jpg) center left no-repeat;
   background-color: transparent; 
   list-style: none;
   padding-right: 2px;
   padding-bottom: 5px;
   padding-top: 5px;
}
#menu li:hover { font-weight: bold; }

#menu a {
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 1.2em;
   display: block;
   padding-left: 0px;
   padding-right: 10px;
   text-decoration: none;
   color: #FFF;
   background: url(../images/menus/rightmenu.jpg) top right no-repeat;
   margin-top: 0px;
   margin-left: 9px
}

#menu a.current { font-weight: bold }
    
/* ==== Breadcrumbs Menu ==== */
#breadcrumbs {
    height: 28px;
    background: transparent;
    width: 960px;
    margin: 10px 0;
    color: #333;
    padding-left: 0px;
    font:bold 1em Arial,Tahoma,Geneva,Helvetica,sans-serif;
}
#breadcrumbs a {text-decoration: none}

/* ==== Footer Menu ==== */
#footer ul { list-style: none; float:right; text-align:right; background:#FFF}
#footer li {display: inline }
#footer li a { text-decoration: none; background: #FFF }

/* ==== Collapsible Menu ==== */
#collapsible {width:720px; margin:5px 0 5px 0}
#collapsible p {font-size:1em;}
#collapsible ul li {margin-left:10px; line-height: 1px !important}
.menuHeader {color:#60c; cursor:pointer;  font-weight:bold; border-top:1px solid #300;}
.menuList {display:none; margin-bottom:10px;}
.menuOption {margin-left:10px; display:block;}

/* ======== Page Styles ::
----------------------------------------------------------------- */


/* ======== Forms ::
----------------------------------------------------------------- */
label {cursor:pointer;}
fieldset {border:0;}
input,label,select,textarea {
line-height:1.2;
vertical-align:baseline;
font-size:inherit;
font-family:inherit;
}
input[type="radio"], input[type="checkbox"] {position:relative;top:1.5px;}
input[type="text"],textarea {padding:.2em;}
textarea {overflow:auto;}

/* ======== Other :: 
----------------------------------------------------------------- */
/* ==== WordPress ==== */
.postmetadata {font-weight: bold;}
.postmetadata a { text-decoration: none;}
.post h2 a {color:#999999}

/* ==== Advertising Placeholders ==== */
#sidebarbox {
    height: 200px;
    width: 200px;
    margin-bottom:7px;
    float: left;
}
#sidebarskyscraper {
    height:600px;
    width:160px;
    margin-left:20px;
    margin-bottom:14px;
}

#bottomleaderboard {
    height:90px;
    width: 728px;
    margin: 0 auto;
    background-color:#808080;
    display:none;
}

/* ==== Search === */
#search {
    padding: 0px 30px 0px 10px;
    width:200px;
    float: left;
}

/* ==== EidoGo rules === */
.eidogo-player ul, .eidogo-player ol, .eidogo-player dl, .eidogo-player dd, 
.eidogo-player dt, .eidogo-player li {
	list-style: none !important;
}

.eidogo-player .controls .control {
	margin: 5px 0 5px 3px !important;
}

.eidogo-player .controls .pass {
	margin-right: 5px !important;
}
.eidogo-player.theme-problem .control {
    margin: 0 !important;
}