/*
	TalesFromTheRim.com Screen Styles

	Table of Contents:
		layout
		typography
		Page
		Title
		Menu
		GoogleSearch
		GoogleAds
		DecimalClock
		RightColumn
		Wrapper
		Main
		PageList
		Footer
*/

/* layout
----------------------------------------------- */
* 
{
	font-family: Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0;
}

html
{
    height:100%;
}

body
{
	background: #fff;
	color: #000;
	margin-top: 0;
	margin-left: 0;
	font-size:9pt;
}

body.main
{
	text-align: center;	
}

p
{
    margin-bottom: 5px;
}

/* typography
----------------------------------------------- */
h1
{
    border-top: 3px solid #f90;
	font-size: 1.8em;
    margin: 10px 0;
}

h2
{
	font-size: 1.5em;
}

h3
{
	font-size: 1.3em;
}

h4
{
    color: #c93;
	font-size: 1.2em;
}

.note
{
    font-size: 0.95em;
}

a
{
    color: #c60;
}
/* Page
----------------------------------------------- */
#Page
{
	margin: 5px auto;
	text-align: left;
    width: 782px;
}

/* Title
----------------------------------------------- */
div#Title
{
    height: 81px;
    width: 782px;
}

div#Title img
{
    height: 81px;
    width: 782px;
}

.Default
{
    background-image: url('/images/title.gif');
}

.Geek_Quotient
{
    background-image: url('/images/title_geekquotient.gif');
}
/* Menu
----------------------------------------------- */
div#Menu
{
    float:left;
    margin: 5px 5px 5px 0;
    padding: 5px 5px 15px 5px;
    position: relative; 
    text-align: center;
    width:150px;
}

div#Menu div
{
    margin-bottom: 10px;
}

#MenuImage
{
    margin: 0 auto;
}

.moduletableVertMenu
{
    list-style: none;
} 

.moduletableVertMenu ul
{ 
    list-style: none;
    position:absolute; 
    overflow:visible; 
    z-index:99;
    width:140px;
} 

.moduletableVertMenu li
{ 
    border-bottom: 1px solid #ff0;
    display:block;
    margin:0; 
    position: relative; 
    width: 150px;
}

.moduletableVertMenu a
{ 
    border-left: 5px solid #f60;
    border-right: 5px solid #f90;
    background-color: #f00;
    color: #fff;
    display: block;
    padding: 5px 5px 5px 0.5em;
    text-decoration: none;
    width: 150px;
} 

.moduletableVertMenu ul li a
{
    background-color: #f00;
}

.moduletableVertMenu ul li ul li a
{
    background-color: #f60;
}

.moduletableVertMenu a:hover, 
.moduletableVertMenu li:hover
{ 
    background-color:#ff0; 
    color: #000;
} 

.moduletableVertMenu a:hover
{
    border-left: 5px solid #fc0;
    border-right: 5px solid #f60;
}
.xmoduletableVertMenu ul, 
.moduletableVertMenu ul ul, 
.moduletableVertMenu ul ul ul
{ 
    display:none; 
    position:absolute; 
    top:0; 
    left:150px;
} 

.moduletableVertMenu li:hover ul ul, 
.moduletableVertMenu li:hover ul ul ul, 
.moduletableVertMenu li:hover ul ul ul ul, 
.moduletableVertMenu li:hover ul ul ul ul ul
{ 
    display:none; 
} 

.moduletableVertMenu li:hover ul, 
.moduletableVertMenu ul li:hover ul, 
.moduletableVertMenu ul ul li:hover ul, 
.moduletableVertMenu ul ul ul li:hover ul, 
.moduletableVertMenu ul ul ul ul li:hover ul
{ 
    display:block; 
} 

li>ul { 
    top: auto; 
    left: auto; 
} 

html>body .moduletableVertMenu li a
{
    width: auto;
}

/* Win IE only \*/ 
* html .moduletableVertMenu li{float:left;} 

/* GoogleSearch
----------------------------------------------- */
div#GoogleSearch
{

}

#GoogleLogo
{
    float: left;
}

#GoogleFields
{
    padding-top: 5px;
}

#GoogleFields input.Button
{
    margin-bottom: 2px;
    width: 110px;
}

#GoogleFields input.Text
{
    margin-bottom: 2px;
    width: 200px;
}

/* GoogleAds
----------------------------------------------- */

/* DecimalClock
----------------------------------------------- */
div#DecimalClock
{
    background-color: #f00;
    padding: 5px;
    text-align: center;
}

div#DecimalTime
{
    background-color: #fff;
}

#DecimalClock a
{
    color: #ff0;
}

/* RightColumn
----------------------------------------------- */
div#RightColumn
{
    float: right;
    margin: 10px auto;
    width: 120px;
}

/* LatestList
----------------------------------------------- */
#LatestList
{
    border: 1px solid #9f0;
    width: 118px;
}

#LatestList h3
{
    background-color: #3f0;
    color: #060;
    font-size: 1.2em;
    padding: 2px;
}

#LatestList ul
{
    list-style: none;
    padding: 1px 3px;
}

#LatestList ul a
{
    color: #090;
    display: block;
    margin: 2px 0;
    text-decoration: none;
}

#LatestList ul a:hover
{
    text-decoration: underline;
}

#LatestList ul a img
{
    background-color: #fff;
    border: 0;
    vertical-align: middle;
}
/* Main
----------------------------------------------- */
div#Main
{
    clear: both;
}

#Main p
{
    margin-bottom: 10px;
    text-align: justify;
}
/* Wrapper
----------------------------------------------- */
div#Wrapper
{
    float: left;
    margin: 5px 5px 5px 0;
    padding: 5px 5px 15px 5px;
    width: 480px;
}

/* Footer
----------------------------------------------- */
div#Footer
{
    background-color: #35e200;
    clear: both;
    font-size: .95em;
    margin: 5px 0 5px 0;
    padding: 5px;
    text-align: center;
}

#Footer hr
{
    border: 1px solid #ff0;
    margin: 3px;
}

#FooterLinks
{
    background-color: #fff;
    padding: 1px;
    margin: auto;
    width: 400px;
}

#FooterLinks a
{
    color: #00f;
    text-decoration: underline;
}

/* PageList
----------------------------------------------- */
#PageList ul
{
    list-style: none;
    margin-left: 10px;
    clear: both;
}

#PageList a
{
    display: block;
    float: left;
}

#PageList .order,
#PageList .icon
{
    float: right;
}

#PageList .action,
#PageList .activate
{
    cursor: pointer;
}

#PageList a.page
{
    border-left: 5px solid #f60;
    padding: 5px 5px 5px 0.5em;
    border-left: 5px solid #fff;
    width: 150px;
}

#PageList a.page:hover
{
    border-left: 5px solid #f60;
}

#AdminActions,
#PageList li
{
    clear: both;
}

#AdminActions
{
}

#AdminActions .icon
{
    margin-right: 5px;
    vertical-align: middle;
}


/* Comments
----------------------------------------------- */
#Comments
{
    border-top: 2px solid #f90;
    margin-top: 10px;
	position: relative;
}

#Comments .comment
{
    background-color: #ffc;
    border: 1px solid #ff6;
    bloat:bottom;
    color: #666;
    margin-bottom: 5px;
    padding: 5px;
	position: relative;
}

#Comments .commentor
{
    color: #f60;
    font-weight: bold;
}

#Comments .date
{
    margin-top: -10px;
    right: 5px;
	position: absolute;
	color: #fd9;
	font-weight: bold;
	font-size: 2em;
	text-align: right;
	z-index: 1;
}

#Comments .comment p
{
	position: relative;
	top: 5px;
	z-index: 2;
}

#Comments .field
{
    margin: 3px 0;
}
#Comments textarea
{
    background-color: #ffd;
    border: 1px solid #f60;
    color: #666;
    font-size: 1em;
    height: 60px;
    margin-left: 60px;
    width: 400px;
}

#Comments .button
{
    margin-left: 60px;
}

#Comments .text
{
    background-color: #ffd;
    border: 1px solid #f60;
    color: #666;
    margin-left: 20px;
    width: 200px;
}
/* Misc
----------------------------------------------- */
.icon
{
    border: 0px;
    height: 16px;
    width: 16px;
}

.tableform
{
    border: 1px solid #f00;;
}

.tableform th
{
    background-color: #f00;
    padding: 3px;
}

.tableform .key
{
    background-color: #fc0;
    padding: 3px;
    vertical-align: top;
    width: 100px;
}

.tableform .value
{
    padding: 3px;
    vertical-align: top;
    width: 400px;
}

.tableform textarea,
.tableform input
{
    font-size: 1em;
    width: 380px;
}

.tableform input.checkbox
{
    width: 20px;
}

.tableform input.button
{
    width: 80px;
}

.tableform textarea
{
    height: 40px;
}

.tableform textarea.rte
{
    height: 400px;
    width: 100%;
}

.systemnote
{
    float: right;
    font-size: .80em;
    margin: 5px 0;
    padding-top: 10px;
}

.modDate
{
    font-size: .80em;
    text-align: right;
}

#Quiz,
#Total
{
    background-color: #f00;
    clear: left;
    margin-bottom: 10px;
    z-index: 0;
}

#Quiz .yes,
#Quiz .no,
#Quiz .maybe,
#Quiz .icon
{
    margin: 2px 5px 2px 0;
    height: 50px;
    width: 50px;
}

#Quiz .icon2
{
    height: 75px !important;
    width: 75px !important;
}

#Quiz table
{
    margin-top: 3px;
    margin-bottom: 3px;
    width: 100%;
    z-index: 0;
}

#Quiz td,
#Total td
{
    font-size: 9pt;
    padding: 2px;
    vertical-align: top;
    z-index: 0;
}

#Quiz .heading,
#Total .heading,
{
    font-size: 10pt;
    font-weight: bold;
}

#Total table tr td
{
    font-size: 10pt;
}

#Total table tr td,
.quizpanel,
#Quiz table tr td
{
    color: #fff;
}

#Quiz .hint
{
    cursor: pointer;
    font-size: 8pt;
    text-decoration: underline;
}

#Quiz .correct
{
    background-color: transparent;
    color: #fff;
}

#Quiz .unhint
{
    cursor: default;
    font-size: 8pt;
    text-decoration: none;
}

#Quiz .yes
{
    background: transparent url('../images/yes_no_maybe.gif') 0 -50px no-repeat;
}

#Quiz .no
{
    background: transparent url('../images/yes_no_maybe.gif') 0 -100px no-repeat;
}

#Quiz .maybe
{
    background: transparent url('../images/yes_no_maybe.gif') 0 0 no-repeat;
}

#Quiz .correct,
#Quiz input.text
{
    border: 1px solid #fff;
    width: 200px;
}

#Quiz .quizpanel
{
    border: 1px solid #fff;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 110px;
    z-index: 0;
}

#Quiz .quizpanel img
{
    border: 1px solid #fff;
    z-index: 0;
}

#IconPanel 
{
    float: left;
    height: 108px;
    margin-right: 10px;
    margin-bottom: 5px;
    position: relative;
    width: 108px;
    z-index: 100;
}

#IconPanel img
{
    left: 0;
    position: absolute;
    top: 0;
    z-index: 100;
}

.digg
{
    text-align: right;
}