/*  
Theme Name: LifeOnMedia 1.3
Theme URI: http://www.heraghty.net
Description: LifeOnMedia Wordpress Theme - including jQuery and code for the Overlay
Author: Heraghty Internet Consultants
Author URI: www.heraghty.net
Last updated: 05 December 2008

################### CSS contents ###################
* 1 Common
* 2 Layout
* 3 Nav
* 4 Headings
* 5 Lists
* 6 Images
* 7 Links
* 8 Forms
* 9 Tables
* 10 Typography 
* 11 Other

/* 
################### Colour reference ###################
#4b7998 background blue
#2a5b79 dark blue
#cedee9 light blue
*/
 
 
/*
################### Common ################### 
*/

*{
margin:0;
padding:0;
text-decoration:none;
}

.clear{
clear:both;
}

html {
overflow: -moz-scrollbars-vertical;
}

#skipto{
display:none;
}

/*
################### Layout ################### 
*/

body{
background:url(images/layout/bg.png) #4b7998 repeat-x;
font:72.5%/1.5 Arial, Helvetica, sans-serif;
}

#container{
width:980px;
margin:0 auto;
padding-bottom:20px;
}

#header-container{
width:980px;
margin:0 auto;
}

#header{
position:relative;
height:109px;
padding:20px 0 0 0;
background:url(images/layout/headerbg.gif) repeat-y right;
}

#banner{
width:940px;
height:265px;
background:url(images/layout/bannerbg.gif) no-repeat;
margin:20px auto 20px;
padding:20px;
position:relative;
color:#fff;
}

#main{
padding:20px;
background: transparent url(images/layout/mainbg.gif);
margin-top:20px;
}

#main.home{
background: transparent url(images/layout/mainbg-home.gif);
}

#footer{
background:url(images/layout/footer-bg.gif) no-repeat top;
padding-top:30px;
}

#footer p{
	text-align: center;
	margin-top: 10px;
	font-size: 1em;
	color: #eee;
}

#subnav{
width:180px;
float:left;
margin-right:30px;
}

#content{
width:730px;
float:left;
height: auto;
}

#text{
width:390px;
margin-right:20px;
float:left;
}

#sidelinks{
width:320px;
float:left;
}
/*
################### Nav ################### 
*/

#nav{
list-style:none;
position:absolute;
bottom:-1px;
width:100%;
}

#nav li{
float:left;
}

#nav li a{
padding-left:15px;
background:url(images/layout/nav-left.gif) top left no-repeat;
margin-right:3px;
border:none;
font-size:1.5em;
font-weight:bold;
color:#626262;
float:left;
}

#nav li a span{
padding:8px 15px 0 0;
background:url(images/layout/nav-right.gif) top right no-repeat;
height:31px;
float:left;
}

#nav li a:hover{
background-position:0% -39px;
cursor:pointer;
}

#nav li a:hover span{
background-position:100% -39px;
}

#nav li a.current{
background-position:0% -78px;
}

#nav li a.current span{
background-position:100% -78px;
}

#footer ul{
list-style:none;
text-align:center;
}

#footer ul li{
display:inline;
padding:0 10px;
border-right:1px solid #fff;
}

#footer ul li.last{
border:none;
}

.sidenav{
list-style:none;
}

.sidenav li a{
display:block;
background:url(images/layout/subnavbg.gif) top left;
height:25px;
border:none;
font-weight:bold;
color:#626262;
padding:10px 2px 0 5px;
margin-bottom:3px;
width:173px;
}

.sidenav li a:hover, .sidenav li a.current{
background-position:0% -35px;
cursor:pointer;
}

.subsidenav-container{
background:url(images/layout/subsidenavtop.gif) no-repeat top #2a5b79;
margin-bottom:3px;
padding-top:5px;
}

.subsidenav{
background:url(images/layout/subsidenavbottom.gif) no-repeat bottom #2a5b79;
padding:5px 5px 10px 5px;
list-style:none;
}

.subsidenav li a{
color:#fff;
border:none;
font-weight:normal;
background:none;
padding:0 0 5px 0;
height:auto;
width:100%;
margin:0;
}

.subsidenav li a span{
display:block;
padding:4px 2px 0 4px;
width:164px;
}

.subsidenav li a:hover, .subsidenav li a.current{
background:url(images/layout/subsidenavbgb.gif) no-repeat bottom #557c94;
}

.subsidenav li a:hover span, .subsidenav li a.current span{
background:url(images/layout/subsidenavbgt.gif) no-repeat top #557c94;
}

/*
################### Headings ################### 
*/

h1{
width:400px;
height:50px;
background:url(images/layout/h1.gif) no-repeat;
float:left;
margin-bottom:20px;
}

h1 span{
position:absolute;
left:-9999px;
}

h2{
font-size:1.6em;
}

#banner h2{
color:#fff;
}

h3{
font-size:1.6em;
font-weight:bold;
color:#2a5b79;
margin-bottom:10px;
}

/*
################### Lists ################### 
*/

#banner-steps{
position:absolute;
top:75px;
list-style:none;
}

#banner-steps li{
float:left;
width:120px;
margin-left:55px;
margin-right:35px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#fff;
font-size:1.4em;
display:inline; /*IE6 FIX*/
}

#text ul{
margin-left:20px;
color:#2a5b79;
font-size:1.2em;
}

ul.faqs{
	padding: 0 0 0 15px;
	margin: -15px 0 10px 0;
}

/*
################### Images ################### 
*/

img{
border:none;
}

/*
################### Links ################### 
*/

h1 a{
display:block;
width:100%;
height:100%;
border:none;
}

a{
color:#2a5b79;
border-bottom:2px solid #2a5b79;
}

a:hover{
border:none;
}

#banner a{
color:#cedee9;
border-color:#cedee9;
}

#banner-get-link a{
background:url(images/layout/link-get.gif);
font-weight:bold;
border:none;
height:37px;
width:181px;
display:block;
color:#fff;
text-align:center;
padding-top:10px;
}

#banner-get-link a span{
border-bottom:2px solid #fff;
}

#banner-get-link a:hover span{
border-bottom:none;
}

#footer a{
color:#fff;
border-color:#fff;
border-width:1px;
}

.sidelink{
background:#d4eab9;
border:1px solid #98c655;
color:#2d6912;
font-size:1.3em;
font-weight: bold;
}

.sidelink span{
padding:10px;
display:block;
}

.sidelink a{
padding:5px 10px;
border:none;
color:#fff;
background:#98c655;
display:block;
text-align:right;
}

.sidelink a:hover{
background:#2d6912;
}

/*
################### Forms ################### 
*/

fieldset{
border:1px solid #cedee9;
padding:10px;
}

legend{
padding:2px;
font-size:1.4em;
font-weight:bold;
}

.admin-form p{
margin-bottom:20px;
}

.admin-form label{
width:100px;
float:left;
display:block;
position:relative;
margin-right:20px;
font-weight:bold;
}

.admin-form label span.info{
position:absolute;
color:#999999;
font-style:italic;
left:340px;
font-weight:normal;
width:200px;
}

.admin-form label span.error{
position:absolute;
left:340px;
width:200px;
background:#ffffcc;
border:1px solid #cc0000;
color:#cc0000;
font-weight:bold;
padding:10px;
text-align:left;
}

.admin-form input, .admin-form textarea, .admin-form select{
width:200px;
border:1px solid #4b7998;
padding:3px;
background:url(images/layout/inputbg.gif) repeat-x #fff top;
margin-bottom:10px;
}

.admin-form textarea{
height:100px;
}

fieldset .admin-form fieldset legend{
font-size:1em;
}

fieldset .admin-form fieldset{
width:300px;
padding-bottom:0;
}

fieldset .admin-form fieldset label{
}

fieldset .admin-form fieldset input{
width:auto;
}

fieldset .admin-form fieldset p{
margin-bottom:5px;
}

.admin-form #submit, .admin-form input.button{
margin:20px 0 0 120px;
background:#d4eab9;
border:1px solid #98c655;
color:#437a28;
font-weight:bold;
padding:10px 5px;
cursor:pointer;
}

.admin-form input.button{
margin: 0;
width: 320px;
}

.asterix{
	color: #CC0000;
}

#btndiv1, #btndiv2{
	margin: 10px 0;
}

/*
################### Tables ################### 
*/

table{
margin-bottom:30px;
}


/*
################### Typography ################### 
*/

p{
margin-bottom:20px;
}

blockquote{
margin:20px 10px;
background:url(images/layout/qt.gif) no-repeat top left;
}

blockquote p{
background:url(images/layout/qb.gif) no-repeat bottom right;
padding:10px;
color:#2a5b79;
font-weight:bold;
font-size:1.6em;
text-align:center;
}

/*
################### Other ################### 
*/

#login{
float:right;
}

#banner-get{
position:absolute;
bottom:0;
font-size:1.4em;
width:600px;
}

#banner-get-blurb{
width:389px;
float:left;
margin-right:30px;
}

#banner-get-link{
float:right;
}

#video-container{
position:absolute;
right:20px;
top:20px;
}

/*
################### Packages Table ################### 
*/
table#packages{
	margin: 10px;
	width: 700px;
	border: 1px solid #000;
}

table#packages td{
	padding: 5px;
	width: 25%;
	vertical-align: top;
}

table#packages tr.important{
	font-weight: bold;
}

table#packages tr.odd{
	background: #F0F8FF;
}

table#packages tr.even{
	background: #FFF5EE;
}

/*################# Overlay ########################*/

b.btop, b.btop b, b.bbot, b.bbot b{
    display: block;height: 10px;font-size: 1px;
    background-image:url(http://lifeonmedia.com/overlay/rc.png);
    background-repeat: no-repeat}
b.btop b{
background-position: 100% -10px;
}
b.bbot{
background-position: 0 -20px;
}
b.bbot b{background-position: 100% -30px;} 

div#left, div#middle, div#right, div#top, div#box, div#bottom{
float:left;
}

div#left, div#right, div#top, div#bottom{
background:url(http://lifeonmedia.com/overlay/bg.png);
}