/*****************************************
 *	Apollonia Theme v2.0 for ExponentCMS 0.96.x
 *	Designed by Patrik Wastlund designer@wastlund.net
 *
 *	This theme was inspired by Michael Heilemann, whose blog you will find at binarybonsai.com and it was ported to ExponentCMS by ergin.altintas.org.
 *
 *	The CSS, XHTML and design is released under GPL:
 *	http://www.opensource.org/licenses/gpl-license.php
 *****************************************/
body {
margin: 0;
padding: 0;
background: #eff5fc url("images/apolloniabg.gif");
text-align: center;
font-size: 70%; /* Resets 1em to 11px */
}

body * {
color: #333;
font-family: "Lucida Grande",Verdana,Arial,Sans-Serif;
font-size: 100%;
line-height: 1.3em;
}

html > body {
margin-bottom: 0; /* Workaround for IE - ignored by IE but not firefox */
}

p
{
margin: 5px auto 10px;
}

p+p
{
/* sophisticated alternative for css-2 agents */
margin: -5px auto 10px auto;
}

h4+p
{
/* sophisticated alternative for css-2 agents */
margin: 15px auto 10px auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;
margin-top: 5px;
margin-bottom: -8px;
}

h1,
h2,
h3,
h4 {
font-weight: bold;
}

#header h1 {
color: #fff;
padding-top: 70px;
margin: 0;
font-size: 4em;
text-align: center;
}

.paddingTop20px {
padding-top: 20px;
}

h2 { margin: 30px 0 10px 0; font-size: 1.6em; }

h3 { padding: 0; margin: 30px 0 0; font-size: 1.3em; }

.description { color: #fff; text-decoration: none; }

h2,
h2 a,
h2 a:visited,
h3,
h3 a,
h3 a:visited { color: #333; }

h2,
h2 a,
h2 a:hover,
h2 a:visited,
h3,
h3 a,
h3 a:hover,
h3 a:visited,
#sidebar h2,
cite { text-decoration: none; }

div#main {
position: relative;
width: 760px;
margin: 0 auto;
padding: 0;
background: #eff5fc url("images/apolloniasides.gif") repeat-y top;
}

#header {
padding: 0;
width: 760px;
background: #8ca0b7 url("images/apolloniaheader.jpg") no-repeat bottom center;
height: 200px;
}

div#nav_holder {
text-align: center;
position: absolute;
width: 720px;
left: 50%;
margin-left:-360px;
top: 100px;
z-index: 2;
opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
filter:alpha(opacity=80);
}

div#nav_holder_70px {
text-align: center;
position: absolute;
width: 720px;
left: 50%;
margin-left:-360px;
top: 70px;
z-index: 2;
opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
filter:alpha(opacity=80);
}

div#header_bottom {
margin: 2px 0 2px 16px;
position: relative;
left: 20px;
text-align: left;
}

div#adminlogin {
position: absolute;
margin-left: 200px;
width: 150px;
top: 30px;
left: 50%;
text-align: left;
z-index: 1;
}

div#adminlogin a,
div#adminlogin a:visited
{
color: #fff;
text-decoration: underline;
}

div#adminlogin a:hover {
background-color: #333;
}

.login_welcom {
color: #fff;
}

#footer {
margin: 0 auto 0 auto;
padding: 0;
width: 760px;
clear: both;
background: #eee url("images/apolloniafooter.jpg") no-repeat bottom;
height: 63px;
}

#footer p { margin: 0; padding: 20px 0 0 0; text-align: center; }

#content {
margin: 0;
padding: 30px 60px 20px;
text-align: left;
}

#content.withsidebar {
clear: none;
margin: 0 0 auto 230px;
padding: 0;
width: 495px;
}

#content.withoutsidebar { width: 640px; }

a.downloadlink:before {
content: url("images/download.png");
}

#sidebar {
float: left;
margin-left: 20px;
/* For less clever browsers - start */
_margin : 10px;
/* For less clever browsers - stop */
width: 200px;
background: #fff;
font-size: 1em;
text-align: left;
}

#sidebar form { margin: 0; }

.shadow {
/* for Internet Explorer */
height: 1em;
filter: Shadow(Color=#333366, 
Direction=135, 
Strength=5);
}

/* End Structure */

.navlink {
text-decoration: none;
}

a.navlink,
a.navlink:visited {
color: #fff;
background: #798b9f;
}

a.navlink:hover {
color: #fff;
background: #336;
text-decoration: none;
}

.button {
padding: 1px 5px 3px;
font-size: 1.2em;
line-height: 2em;
border-right : 1px solid #336;
border-bottom : 1px solid #9baec3;
}

a.button:hover {
border-left : 1px solid #333;
border-top : 1px solid #333;
border-right : 0;
border-bottom : 0;
}

html>body ul {
list-style: none;
text-indent: -12px;
}

ul li:before {
content: "\00BB \0020";
}

ul {
margin: 0 auto auto 0;
padding-left: 12px;
}

li {
margin: 7px 0 8px 10px;
}

h2.pagetitle { text-align: center; }

.goback {
position: absolute;
margin-left: 190px;
width: 150px;
top: 0;
left: 50%;
text-align: left;
z-index: 1;
}

#sidebar h2 {
margin: 5px 0 0 0;
padding: 0;
font-size: 1.2em;
}

a,
a:visited { color: #336; text-decoration: none; }

a:hover
{
background: #cacfd5;
text-decoration: underline;
}

.description { text-align: center; }

acronym,
abbr,
span.caps { font-size: 0.9em; letter-spacing: .07em; }

#login,
#login a,
#login a:visited { color: #73ad42; text-decoration: none; }

#adminlogin input
{
font-weight: bold;
background-color: #d7dde5;
border: 1px solid #7e7260;
padding: 1px 3px;
}

#adminlogin input:focus
{
background-color: #fff;
}

#adminlogin input:hover
{
background-color: #eff5fc;
}

.lined_table {
width: 100%;
}

.lined_table td {
border-bottom : 1px solid #d7dde5;
}

.bullet { font-family: Arial,"Times New Roman"; color: #f00; }

.semiTransp
{
filter: alpha(opacity=10);
opacity: .3;
}

.semiTransp img
{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10);
opacity: .3;
}

.semiTransp:hover img
{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
opacity: 1;
}

.selectedPage,
.selectedPage a,
.selectedPage a:hover,
.selectedPage a:visited {
padding: 2px 10px;
background-color: #9baec3;
color: #fff;
font-weight: bold;
}

.selectedPage:before {
margin: -2px -8px -2px 0px;
content: "\00BB \0020";
}

#byline {
position:absolute;
width: 14px;
height: 148px;
z-index: 1;
right: 2%;
top: 3%;
}

#byline a {
padding : 0;
}

/*
************************************************************************************
*/

hr {
height : 1px;
border : none;
background : #cacfd5;
color : #cacfd5;
padding : 0;
margin : 0;
}

img {
border : 0;
}

input[type="submit"],
#adminlogin input[type="submit"]
{
border: 3px double #9baec3;
border-top-color: #d7dde5;
border-left-color: #d7dde5;
padding: 1px;
background-color: #eff5fc;
color: #333;
} 

input[type="submit"]:active,
input[type="reset"],
input[type="button"],
#adminlogin input[type="submit"]:active,
input[type="submit"]:hover,
#adminlogin input[type="submit"]:hover
{
background-color: #d7dde5;
border: 3px double #eff5fc;
border-top-color: #9baec3;
border-left-color: #9baec3;
}

/* Error Message Style */
div.error {
font-weight: bold;
color: #f00;
padding-bottom: 1em;
}

/** Exponent-internals stylings **/

div.moduletitle {
font-family: 'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;
color: #f00;
font-weight: bold;
font-size: 1.6em;
}

div.search_results_title {
font-weight: bold;
font-size: 1.2em;
}

td.header {
background-color: #eff5fc;
color: #888;
font-weight: bold;
font-size: 13px;
padding: 2px;
}

.search_result_item {
background-color: #eff5fc;
padding: 4px;
margin: 2px 0;
}

.search_result_item_link {
color: #9baec3;
}

/* Container Styles */
div.container_box {
padding: 6px;
margin: 2px;
}

div.container_editbox {
border: 2px dashed #d7dde5;
margin: 2px;
}

div.container_editheader {
padding: 3px;
background-color: #d7dde5;
}

div.container_editheader table tr td.info {
font-size: 8pt;
font-weight: bold;
}


div.itemtitle {
font-weight: bold;
}

/* Themable Forms */
div.form_title {
font-size: 14px;
font-weight: bold;
}

div.form_header {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin-bottom: 1em;
}

tr.even_row {
background-color: #cacfd5;
color: #000;
}

tr.odd_row {
background-color: #d7dde5;
color: #000;
}

tr.row:hover td,
tr.row:hover td a,
tr.row:visited td,
tr.row:visited td a {
background-color: #669;
color: #fff;
}

/** Administration Module Manager form **/

.administration_modmgrheader {
background-color: #eee;
}

.administration_modmgrheader span.active {
color: green;
font-weight: bold;
}

.administration_modmgrheader span.inactive {
color: red;
font-weight: bold;
}

.administration_modmgrbody {
padding-left: 10px;
border: 1px solid #eee;
}

/** Debugger Styles **/
table.debug_null,table.debug_null tr td,
div.debug_null {
background-color: #000;
color: #fff;
font-weight: bold;
}

table.debug_object,
table.debug_object tr td {
background-color: #a00;
color: #fff;
}

table.debug_array,
table.debug_array tr td {
background-color: #0a0;
color: #fff;
}

table.debug_scalar,
table.debug_scalar tr td,
div.debug_scalar {
background-color: #00a;
color: #fff;
}

td.debug_attribute {
font-family: monospace;
font-size: 10px;
}

td.debug_varname {
font-weight: bold;
}

td.debug_type {
background-color: #aaa;
color: #fff;
font-weight: bold;
font-size: 14px;
}

td.debug_value {
font-family: monospace;
font-size: 11px;
color: #fff;
}