/* contact details */

.contact {
    font-size: 1.5em;
    text-decoration: none;
    vertical-align:middle;
}

/* center list of services */
div#services {
    position: absolute;
	width:300px;
    margin-left: -150px;
    left: 50%;
    text-align:center;
    overflow: none; 
}

code {
    white-space: pre;
    padding: 0em 1em;
}
code.filename,
code.sh,
code.inline {
    display: inline;
}

/* data center fire */
div.fire {
    background: transparent url(/images/electrical-fire.png) no-repeat 0% 10%;
    border-top: 3px solid #F00;
    border-bottom: 3px solid #F00;
    margin-bottom: 1em;
    padding-left: 90px;
}
span.date {
    font-size: smaller; 
    margin-left: 1em;
    float: right;
}
p.fire { 
}

#news li p { 
    margin-top: 1.5em;
}
#news li p span.date{ 
    margin-top: -1.5em;
}

* { /* most cross browser issues caught here */
    margin: 0;
    padding: 0; 
}

div#content ul,
div#content ol {
    margin-left: 1em;
}

div#content li {
    margin-left: 2em;
}

em.policy,
.http {
    position: absolute;
    bottom: 0.5em;
    right: 0.5em;
    
    margin: 0;
    padding: 0;
    font-size: 10em;
    color: #6A8DA0;
}
.http_msg {
    margin: 1em 0em;
}

/* random things */

div.featurebox {
    float:right;
    width: 20%; 
    padding-left: 1em;
}

    div.featurebox p{
        border: 1pt solid black;
    }

span.python-icon {
    background: transparent url(/images/python.favicon.png) no-repeat;
    padding-left:20px;
}
span.php-icon {
    background: transparent url(/images/php.favicon.ico) no-repeat;
    padding-left:20px;
}
span.perl-icon {
    background: transparent url(/images/perl.favicon.ico) no-repeat;
    padding-left:20px;
}

.twitter-icon{
    background: transparent url(/images/twitter.favicon.ico) no-repeat;
    padding-left:20px;
}
.facebook-icon{
    background: transparent url(/images/facebook.favicon.ico) no-repeat;
    padding-left:20px;
}
/* demo junk */
#demo_list { }
#demo_list li { }

#demo_back, #demo_video { 
    text-align: center;
}

/* 2co shopping forms */ 
form.twoco input{
    text-align:center;
    padding: 0em 1em;
}

/* plans table in /hosting */
table#plans {
    padding: 0em 1em;
}
    table#plans col#gold {
        background-color: #ff0;
    }
    table#plans col#silver {
        background-color: #aaa;
    }
    table#plans col#bronze {
        background-color: #ff9;
    } 
    table#plans col#reseller {
        background-color: #ccc;
        width: 20%;
    } 

    table#plans td {
        text-align:center;
        width: 15%;
    }
    table#plans td p,
    table#plans td input{
        text-align:center;
        padding: 0em 1em;
    }
    table#plans th {
        text-align:right;
    }
    table#plans th.plan { 
        text-align:center; 
    }

/* the contact us form */
div#contactform{
    float:right;
    padding-left: 1em;
    margin-left: 1em;
    background-color: #FFF;
    color:#000;
    width:50%;
} 
 form#contactform input.button{
        text-align:center;
        padding: 0em 1em;
    }

/* the sidebar in the signup template */

div#sidebar {
    float:right;
    background-color: #fff;
    color: #000;
    padding: 0;
    margin: 0;
    top: 0;
    width: 33%;
} 


/* the menu in the faq/support section */

div#faq-menu {
    float: right;
    background-color: #fff;
    color: #000;
    padding: 0;
    margin: 0;
}
div#faq-menu ul {
    list-style: none inside;
    padding:0pt;
    background-color: #ddd;
    color: #000;
    margin-right: 1em;
    border-right: 1pt solid #AAA;
}
div#faq-menu li {
    border-bottom: 1pt solid #AAA;
}
div#faq-menu ul img { 
    padding: 0;
    margin: 0; 
    vertical-align: middle;
    padding-right: 0.5em;
}

/* the header is an image ... #FIXME */
h1 img { vertical-align: middle; }
div#header,
div#header h1,
div#header img { 
    margin:0;
    padding: 0;
}


/* the navigation - an unordered list */
div#header ul {
    background: #a1b7c2 url(/bizhosting-blue/navbar-body.gif);
    height: 48px;
    list-style: disc url(/bizhosting-blue/navbar-bullet.gif) inside;
    padding: 0;
    margin: 0;
    white-space:nowrap;
    overflow:hidden;
}

    div#header ul li {
        background: #a1b7c2 url(/bizhosting-blue/navbar-background.jpg);

        height: 48px;
        float:left;
        color: #000;
        padding: 1em 1.5em 0em 1.5em ; 
    }
    div#header ul li.active { 
        background: #808080 url(/bizhosting-blue/navbar-background-active.jpg);

        height: 48px;
        float:left;
        color: #000;
        padding: 1em 1.5em 0em 1.5em ; 
    }
        div#header ul li a{
            height: 100%;
            text-decoration: none;
            color: #000;
        }

/* until i have something useful to put there, the footer is also an unordered list */
div#footer {
    text-align:center;
    color: #808080;
}
    div#footer a {
        color: #808080;
    }
    div#footer ul li {
        display: inline;
    }

/* the plans list on the homepage */
div#content div#plans { 
    float:left;
    width: 33%;
    margin-right: 1em;
    margin-bottom: 1em;
    background-color: #ddd;
}
    div#content div#plans p span.price {
        float:left;
        font:2em georgia,serif; 
        padding-top: 0.25em;
        padding-right: 0.25em;
        color: #7b0018;
    }

    div#content div#news ul {
        list-style: none inside;
    }

    div#content p#unix {
        background: transparent url(/images/linuxpenguin.jpg) no-repeat center right; 
        padding-right: 65px;
        height: 77px;
        min-height: 77px;
    }
    div#content p#moneyback {}

    div#content p#spam .d2s{
        color: #737373;
        font-weight: bold;
        font-family: serif;
    }
    div#content p#spam .two {
        color: #A50000;
    }
    

a img {
    /* stupid... why would i want a border on a linked image ... */
    border: 0;
}

/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 * from http://www.xs4all.nl/~peterned/examples/csslayout1.html
 */
html {
    overflow-y: scroll;
}

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background:#6A8DA0;
	
	font-family:arial,sans-serif;
	font-size:small;
	color:#111; /* was 666 */
}

h1 { 
	font:1.5em georgia,serif; 
	margin:0.5em 0;
}

h2 {
	font:1.25em georgia,serif; 
	margin:0 0 0.5em;
}
h3 {
	font:1em georgia,serif; 
	margin:0 0 0.5em;
}
	h1, h2, h3 {
		/* color:#63828c; */
        font-weight: bold;
	}

p { 
	line-height:1.5; 
	margin:0 0 1em;
}

div#container {
    border: 1px solid #000;
    border-width: 0 1px;

	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:766px;
	background:#f0f0f0;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}

div#header {
	padding:0em;
	background:#ddd;
	border-bottom:3px solid gray;
}
	div#header p {
		font-style:italic;
		font-size:1.1em;
		margin:0;
	}

div#content {
	padding:1em 1em 5em; /* bottom padding for footer */
}
	div#content p {
		text-align:justify;
		padding:0 1em;
	}

div#footer {
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	background:#ddd;
	border-top:6px double gray;
}
	div#footer p {
		padding:1em;
		margin:0;
	}