/*
 * CSS file for default theme on ronoaldo.net
 *
 * Copyright 2009 (C) Ronoaldo JLP. All rights reserved.
 */

*
{
    font-family: Arial, Verdana, sans-serif;
}


/* Page Body */
body
{
    background-image: url('default/body_background.png');
    background-repeat: no-repeat;
    background-position: 100% 0px;
    background-color: #000;

    padding: 0px;

    margin: 0px;
    margin-left: 24px;
    margin-right: 24px;

    color: white;
}
body a:link, body a:visited
{
    color: white;
}

/* Page Head / Title */
#header h1
{
    background-image: url('default/logo.png');
    background-repeat: no-repeat;

    margin-top: 12px;
    margin-bottom: 12px;

    padding: 8px;
    padding-left: 58px;

    text-transform: lowercase;
    font-size: 24pt;
}
#header_shadow
{
    background-image: url('default/top_background.png');
    background-repeat: repeat-x;

    height: 64px;
    width: 100%;
}

#header_tools
{
    float: right;
}

/* Left Sidebar */
#sidebar, #ads
{
    float: left;
    width: 20%;

    background-color: #000;
}

#sidebar ul
{
    margin: 0px;
    padding: 0px;
}

#sidebar li
{
    list-style: none;

    margin: 0px;
    padding: 0px;
    padding: 2px;
}

#sidebar > ul a
{
    border-left: 6px solid #000;
    border-bottom: 1px solid #000;
    background-color: #000;

    color: #fff;

    display: block;
    padding: 2px;
    padding-left: 4px;

    position: relative;
    width: 90%;

    text-decoration: none;
}

#sidebar a:hover
{
    background-color: #303030;
    border-left: 6px solid #fff;
    border-bottom: 1px solid #fff;
}

#sidebar h2
{
    border-bottom: 1px dashed #fff;

    text-transform: lowercase;
}

#ads
{
    padding-left: 24px;
}

#ads a, 
#ads a:link, 
#ads a:visited, 
#ads a:hover {
    background-color: none;
    border: none;
    text-decoration: underline;
}

/* Page Content */

#content
{
    float: left;
    width: 80%;

    background-color: #000;
}

/* Page Footer */

#footer
{

    padding-top: 4px;

    border-top: 1px solid #fff;

    text-align: center;
    font-size: 8pt;
}


/* Website home page content blocks */

div#mainContent, div#rightPanel
{
    padding: 5px;
}

div#mainContent
{
    float: left;
    width: 65%;
    
    overflow: hidden;
}

div#rightPanel
{
    float: right;
    width: 25%;
}

/* News block */

.newsPanel h3
{
    text-align: right;
    border-bottom: 1px solid #fff;
}
.newsPanel p
{
    font-size: 10pt;
}

.newsPanel a
{
    text-decoration: none;
}
    
.newsPanel a:hover
{
    text-decoration: underline;
}

div.newsContent
{
    text-align: left;
    padding: 10px;

    border-top: 6px solid  #303030;
    background-color:#4E4E4E;
}

p.publisherInfo
{
    font-size: 10pt;
    font-style: italic;
}

p.newsFooter
{
    text-align: right;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 10pt;
    font-style: italic;
    background-color: #1E1E1E;
    padding-right: 12px;
    margin-top: 0px;
}

/* Default syles for common markup */
h1
{
    font-size: 150%;
}

h2
{
    margin-top: 2px;
    padding-top: 2px;
}

/* Erros, dialogs and other divs/classes */
.loginError
{
    font-style: italic;
    background-color: #303030;
}

#msg
{
    border-bottom: 2px solid yellow;
    border-top: 2px solid yellow;
    background-color: #FEFED9;
    width: 100%;
    margin-top: 4px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 4px;
    padding-bottom: 4px;
    color: black;
    font-size: 8pt;
}

#msg a, #msg a:link, #msg a:hover, #msg a:visited, #msg a:active
{
    color: blue;
}

#beta
{
	font-size: 10pt;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-style: italic;
}

/* Gizmo Phonebox */
.phonebox
{
    background-color: white;

    width: 240px;
    height: 430px;
}

/* Route */
.routeToolbox
{
	padding-bottom: 12px;
}

.routeToolbox label
{
	display: block;
	float: left;
	width: 100px;
}

.routeToolbox input
{
	display: block;
	width: 300px;
}

.routeFrame
{
	border: 0px;
	border-right: 12px solid black;
}

.routeFrame *
{
	padding: 4px;
	display: block;
	margin-bottom: 1px;
}

.routeFrame error,
.routeFrame .error
{
	color: #FFD2CF;
	font-weight: bold;
}

.routeFrame walk,
.routeFrame .walk
{
	color: black;
	background-color: #afafaf;
}

.routeFrame bus,
.routeFrame .bus
{
	color: black;
	background-color: #DFE8FF; 
}

.routeFrame train,
.routeFrame metro,
.routeFrame .train,
.routeFrame .metro
{
	color: black;
	background-color: #FFE1DF;
}

/*
.routeFrame iframe
{
	border: 0px solid white;
	background-color: white;
	
	width: 99%;
	height: 400px;
	
	margin: 4px;
} */