/*
Theme Name: Expanse
Theme URL: http://expansecms.org/
Description: Courteously provided by your friends at expanse content management system We heart your face.
Version: 1.0
Author: Ian Tearle
Author URL: www.iantearle.com
*/

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

                    `-+oyhdNMMMMMMMNdhyo/-`                    
                .+ymNNmys+:::....-::/oshmNNdy/.                
             :smMmy/-``.-:-:-:----:-::--..-+hNNdo.             
          .smMdo-`.:::.`               `.-::-`:smMd/`          
        .yMNy- -::`                         `-::`:hMmo`        
      `yMNo``:/`                               `-/--yMN+       
     /mMy.`:-                                  ```./--dMd.     
    sMN/ //`                                    `..`-/`sMN/    
   yMm-`s.                                       `.-.`+-/NN+   
  yMm--y. ```.-/ooyoooo/:.                        `---`/::NN/  
 +MN:.h--/sdNNNNMMMNNNmmmhdoo+:.                  `.-::`/:+MN. 
`NMs`hyhNNMMMMMMMMMMMNNNmhyso+syy/:-.`          `.-/+o++:. hMh 
+MN.`:ssdmmmmmmmmmmmmhyyyo++:.``   `.-:::://:::::.```````  -MN-
mMy    ````````....`````````                         ````  `dMo
MM+            ````                                  ````   yMy
MM:                                                  ````   yMd
MM+                                                  ````   yMy
dMy                                                  ````  `dM+
+Mm.       ``-://++oo+///-``    ``-::/ooooyhhddddddmmm+yo. -MN-
`NM+ -/+s.`ommmmmmmmmmmmmmddhyhyo+++oosyhhdddmmmNNNNMddmh+ hMh 
 /MN-oNmds``sdmmmmNNNNNmmmdNmmdddhhyyyyyhhdddmmmNNmmy-+:s`+MN. 
  sMm-sNmd+`.ydmmNNNNNNmmmNNNmdhysso+oosyssssso/:--:`.-o`:NN/  
   yMm-+Nmds..ymmmNNNNNmNNNNNmdhyso++//::--...```..``:+ /NN+   
    sNN/-hmdh+-ommNNNNmNNNNNNmdhyso+//::--..````.` .+:`oMN/    
     /mMy.+mmddhhmNNNmmNMNNNNmdyso+//::--..````` `++`-dMd.     
      `yMN+./hNmmmmmmmmmNNNNmmhyso+//:--..``..`-//`-yMN/       
        .yMNy--odNNNmmmmmNNNmdhyso+/::--..`.://-`:hMmo`        
          .smMdo-.+ydNNmmddmmdysso+/::::////.`:smMd/`          
             :smMmy+---/oysydhhyyyo/+/:-``-+hNNdo.             
                .+yNMNmhs+/::....-::/oshmNNdy/.                
                    .-+oyhdNMMMMMMMNdhyo/-`  
                    
 	ExpanseCMS - Content Management For The Artist, By The Artist
 Written with love by Ian Tearle, Nate Cavanaugh and Jason Morrison 
      www.iantearle.com, www.alterform.com & www.dubtastic.com

****************************************************************/
/*
-------------------------------------------------
Global Settings
=================================================
*/
*{
margin:0;
padding:0;
}
body{
font: 68.5%/1.7em 'Trebuchet MS','Lucida Sans Unicode','Lucida Grande', 'Lucida', Arial, Verdana, sans-serif;
background:#fff url(../images/stripes_tile.gif) repeat-y 25px 0;
padding-left: 122px;
}
a{
}
div.break{clear: both;}
ul{
list-style:none;
}
ol{
list-style:inside decimal;
}
br{
clear:left;
}
p{
margin-bottom: 1.4em;
width: 90%;
}
h1, h2, h3, h4, h5, h6{
color:#004A80;
}
h1{
font-size: 1.5em;
}
h2{
font-size: 1.4em;
margin-bottom:0.5em;
}
strong, b{
color:#fff;
background:#EE1884 url(../images/bold_diag.gif);
padding: 0 5px 0 4px;
}
/*   Page Links   //---------------------------*/
#page_content a, #footer a{
background: #D4F3FF;
line-height: 1.7em;
padding: 0 5px 0 4px;
color:#0084E2;
text-decoration:none;
border-bottom:1px solid #0084E2;
}
#page_content a:hover, #footer a:hover{
background: #fff;
color:#EE1884;
}
/*   Footer Links   //---------------------------*/
#footer a{
background: #D4F3FF;
line-height: 1.7em;
padding: 0 5px 0 4px;
color:#0084E2;
text-decoration:none;
border-bottom:1px solid #0084E2;
}
#footer a:hover{
background: #fff;
color:#EE1884;
}
/*   Success / Error Messages / Alert  //-------------------------------*/
.contenterror{
background: #FFF1ED url(../images/error.gif) no-repeat 0.5em 50%;
padding: 0.5em 0.5em 0.5em 2.2em;
border: 1px solid #900;
width: 60%;
margin: 0.15em auto;
text-align: center;
}
.contentsuccess{
background: #F4FDEF url(../images/success.gif) no-repeat 0.5em 50%;
padding: 0.5em 0.5em 0.5em 2.2em;
border: 1px solid #3F9305;
width: 60%;
margin: 0.15em auto;
text-align: center;
}
.contentalert{
background: #FEFFDF url(../images/alert.gif) no-repeat 0.5em 10%;
padding: 0.5em 0.5em 0.5em 2.2em;
border: 1px solid #EFEFEF;
width: 60%;
margin: 0.15em auto;
text-align: center;
}
/*
-------------------------------------------------
Form fields
=================================================
*/
input, textarea, select{
font: 1em 'Trebuchet MS','Lucida Sans Unicode','Lucida Grande', 'Lucida', Arial, Verdana, sans-serif;
}
label,input{
	display: block;
	float: left;
	width: 150px;
	margin: 1em 0 5px;
}

label { 
	text-align: right;
	width: 10em;
	padding-right: 1em;
	font-weight: bold;
}
label span{
font-size:0.9em;
font-weight:normal;
clear:both;
display:block;
}
input.text, input.password, textarea, select{
background: #fff url(../images/input_shadow.gif) no-repeat;
width: 200px;
padding: 0.2em 0.8em;
border:1px solid #ccc;
border: 3px double #ccc;
border-top-color:#aaa;
border-left-color:#aaa;
margin: 1em 0 0.5em;
}
textarea{
padding: 0.5em 0.8em;
height: 250px;
}
select{
padding: 0.2em 0 0.2em 0.2em;
width: 223px;
}
input.image{
width:auto;
margin-left: 120px;}
input.hidden{display:none;}
input.checkbox{
width:auto;
}
.select{
margin: 1.5em 0;
}
/*
-------------------------------------------------
Header
=================================================
*/
#header a{
display:block;
background: url(../images/header.gif) no-repeat;
text-indent:-9999em;
width: 361px;
height: 85px;
margin: 0 0 30px -25px;
font-size:0;
}
.inner #header a{
background: url(../images/header_inner.gif) no-repeat;
width: 162px;
height: 38px;
margin-bottom: 77px;
}
/*
-------------------------------------------------
Content
=================================================
*/
#content{
width:580px;
background:url(../images/main_bkg.gif) no-repeat;
float:left;
padding: 15px 50px;
}
.inner #content{
background:url(../images/main_bkg_inner.gif) no-repeat;
}
#testimonialsContainer{
margin: 10px 0 10px 0;
height: 150px;
}
.hidden{
display: none;
}
/*
-------------------------------------------------
Headings
=================================================
*/
#page_content h1#infoHead{
background: url(../images/exp_what.gif) no-repeat !important;
width: 404px;
height: 77px;
margin: 0 68px 0 68px;
}
#page_content h1{
background:url(../images/headings.gif) no-repeat;
height:25px;
display:block;
text-indent:-9999em;
margin:0 0 12px -25px;
font-size:0;
}
	#page_features #page_content h1{background-position:0 -27px;}
	#page_demo #page_content h1{background-position:0 -401px;}
	#page_purchase #page_content h1{background-position:0 -56px;}
	#page_faqs #page_content h1{background-position:0 -85px;}
	#page_contact #page_content h1{background-position:0 -114px;}
	#page_hosting #page_content h1{background-position:0 -200px;}
	#page_forgot #page_content h1,
	#page_login #page_content h1{background-position:0 -143px;}
	#page_control-panel #page_content h1{background-position:0 -173px;}
	/*   Question pages   //---------------------------*/
	#page_what #page_content h1{background-position:0 -229px;}
	#page_why #page_content h1{background-position:0 -258px;}
	#page_who #page_content h1{background-position:0 -287px;}
	#page_how #page_content h1{background-position:0 -316px;}
	/*   The others   //---------------------------*/
	#page_legal #page_content h1{background-position:0 -344px;}
	#page_sitemap #page_content h1{background-position:0 -372px;}
	#page_url #page_content h1{background-position:0 -431px;}
	#page_url #page_content h1{background-position:0 -425px;}

/*
-------------------------------------------------
Menu
=================================================
*/
#menu{display: none;}
#page_url #menu,
#page_home #menu,
#page_what #menu,
#page_why #menu,
#page_who #menu,
#page_how #menu{
margin:0 0 85px 0px;
padding:0;
height:53px;
display: block;
}
#menu li{
float:left;
margin: 0 25px;
}
#menu li a{
display:block;
text-indent:-9999em;
height: 53px;
font-size:0;
border:0;
}
#menu li a:hover{
background-position: 0 -53px;
background-color: transparent;
}
#menu li#what{
margin-left:3px;
}
#what a{
background: url(../images/menu_what.gif) 0 -0 no-repeat;
width: 89px;
}
#what a:hover{
background: url(../images/menu_what.gif) 0 -53px no-repeat;
}
#menu li#why{
margin-left:3px;
}
#why a{
background: url(../images/menu_why.gif) 0 0 no-repeat;
width: 84px;
}
#why a:hover{
background: url(../images/menu_why.gif) 0 -53px no-repeat;
}
#who a{
background: url(../images/menu_who.gif) 0 0 no-repeat;
width: 87px;
}
#who a:hover{
background: url(../images/menu_who.gif) 0 -53px no-repeat;
}
#how a{
background: url(../images/menu_how.gif) 0 0 no-repeat;
width: 97px;
}
#how a:hover{
background: url(../images/menu_how.gif) 0 -53px no-repeat;
width: 97px;
}
/*
-------------------------------------------------
Side Nav
=================================================
*/
#sideNav{
width:151px;
position:absolute;
top:0;
left:732px;
background:url(../images/side_nav_bkg.gif) repeat-y;
padding: 85px 0 0 30px;
min-height: 350px;
}
#sideNav li{
margin-bottom:16px;
}
#sideNav li a{
display:block;
text-indent:-9999em;
font-size:0;
line-height:0em;
border:0;
}
	#sideNav li a:hover, #sideNav li a:active, #sideNav li a:focus{
	background-position: 0 51%;
	}
#page_hosting #hosting a,
#page_login #login a,
#page_faqs #faqs a,
#page_purchase #purchase a,
#page_demo #demo a,
#page_features #features a,
#page_home #home a{
background-position: 0 100%;
}
#sideNav #contact,
#sideNav #legal,
#sideNav #how,
#sideNav #who,
#sideNav #why,
#sideNav #what{display: none;}
#home a{
background: url(../images/side_nav_home.gif) no-repeat;
height:14px;
}
#features a{
background: url(../images/side_nav_features.gif) no-repeat;
height:14px;
}
#demo a{
background: url(../images/side_nav_demo.gif) no-repeat;
height:14px;
}
#purchase a{
background: url(../images/side_nav_purchase.gif) no-repeat;
height:17px;
}
#faqs a{
background: url(../images/side_nav_faqs.gif) no-repeat;
height:17px;
}
/*#contact a{
background: url(../images/side_nav_contact.gif) no-repeat;
height:12px;
}*/
#help a{
background: url(../images/side_nav_help.gif) no-repeat;
height:17px;
}
#forums a{
background: url(../images/side_nav_forums.gif) no-repeat;
height:14px;
}
#login a{
background: url(../images/side_nav_login.gif) no-repeat;
height:17px;
}
#signup a{
background: url(../images/side_nav_signup.gif) no-repeat;
height:17px;
}
#control_panel a{
background: url(../images/side_nav_control_panel.gif) no-repeat;
height:17px;
}
#hosting a{
background: url(../images/side_nav_hosting.gif) no-repeat;
height:17px;
}
#the_blog a{
background: url(../images/side_nav_the_blog.gif) no-repeat;
height:17px;
}
/*
-------------------------------------------------
Features
=================================================
*/

/*   Individual features  //---------------------------*/
.feature{
max-width:550px;
margin-bottom:2em;
clear:both;
}
.feature img{
float:left;
clear:left;
padding: 3px;
border: 3px solid #92CAF6;
background:#fff;
margin-right: 10px;
}
.alt_feature img{
float:right;
clear:right;
margin-left: 10px;
}
/*
-------------------------------------------------
Who
=================================================
*/

/*   Bio  //---------------------------*/
.bio{
width:90%;
margin-bottom:2em;
}
.bio h2{
margin-bottom: 15px;
}
.bio img{
float:left;
padding: 3px;
border: 1px solid #92CC0D;
background:#fff;
margin-right: 10px;
}

/*
-------------------------------------------------
Purchase
=================================================
*/
#tallyDomains{
font-size: 1.2em;
background:#EDF9BD;
float:left;
clear:both;
padding:0.2em 0.5em;
margin: -1em 0 2em 120px;
border-bottom:1px solid #BED373;
}
#domainControls{
margin: 1em 0 2em 120px;
}
ul#domainList{
margin: 0 0 25px 75px;
}
ul#domainList li{
border-bottom: solid #cfcfcf 1px;
float: left;
clear: both;
}
ul#domainList li a{
float: left;
display: block;
width: 210px;
background:none;
border: none;
color: 
}
ul#domainList li span a{
width: 16px;
}
span a.host{
border: none!important;
text-indent: -9999em;
display: block;
width: 16px;
height: 16px;
background: transparent url(../images/database_add.png) center no-repeat!important;
}
a.getExpanse{
background: transparent url(../images/add.png) center no-repeat!important;
text-indent: -9999em;
display: block;
width: 16px!important;
height: 16px;
}
/*
-------------------------------------------------
The Legal
=================================================
*/
#page_legal #content ul{
list-style: inside decimal;
width: 90%;
}
#page_legal #content li{
margin-bottom: 2em;
}
/*
-------------------------------------------------
Sitemap
=================================================
*/
#page_sitemap #content li{
margin-bottom: 1em;
}
/*
-------------------------------------------------
Logged In Balloon
=================================================
*/
#loggedIn{
background: url(../images/logged_in_r.png) no-repeat 100% 0;
position:absolute;
top:15px;
left:678px;
height:63px;
z-index:100;
min-width: 250px;
white-space:nowrap;
padding-right: 20px;
}
#loggedIn h1{display:none;}
#loggedIn p{
background: url(../images/logged_in_l.png) no-repeat;
height: 39px;
padding: 24px 0 0 13px;
} 
#loggedIn a{
background: #D4F3FF;
line-height: 1.7em;
padding: 0 5px 0 4px;
color:#0084E2;
text-decoration:none;
}
#loggedIn a:hover{
background: #fff;
color:#EE1884;
}
/*
-------------------------------------------------
Footer
=================================================
*/
#footer{
clear:both;
float:left;
margin: 30px 0 0 50px;
border-top: 1px solid #92CC0D;
display:inline;
width:560px;
padding: 20px 0 10px;
}
/*
-------------------------------------------------
sIFR Styles
=================================================
*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}
/*   Custom   //---------------------------*/
.sIFR-hasFlash h2, .sIFR-hasFlash h2 *{
	visibility: hidden;
	font-size: 24px;
	line-height:24px;
	width: 560px;
	margin:0 0 10px;
}
.sIFR-hasFlash h2 a{
	font-size:14px;
	line-height: 24px;
	width: 540px; 
	margin:0;
}
/*
-------------------------------------------------
Mailer settings
=================================================
*/
#mailBox{
padding:15px 0 0 30px;
}
/*   Links   //---------------------------*/
#mailBox a{
background: #D4F3FF;
line-height: 1.7em;
padding: 0 5px 0 4px;
color:#0084E2;
text-decoration:none;
border-bottom:1px solid #0084E2;
}
#mailBox a:hover{
background: #fff;
color:#EE1884;
}
/*   Header   //---------------------------*/
#mailBox #header a{
background: url(../images/header_inner.gif) no-repeat;
width: 162px;
height: 38px;
margin: 0 0 15px;
border:0;
}
/*   Details   //---------------------------*/
#mailBox dl dt{
background: #EDF9BD;
width:50%;
font-weight:bold;
padding: 0 0 0 5px;
}
#mailBox dl dd{
margin-bottom: 1em;
}
/*
-------------------------------------------------
Misc.
=================================================
*/
/*   Add domain links container   //---------------------------*/
#domainControls{
margin-left: 120px;
font-size: 0.9em;
}
#domainControls a{
border-right: 1px solid #fff;
}
/*   Required fields   //---------------------------*/
label.required{
background: url(../images/required_label.gif) no-repeat 90% 5px;
}
label.required span{
visibility:hidden;
}
p.required{
background: url(../images/required_fields.gif) no-repeat;
text-indent: -9999em;
margin-left: 120px;
}

/*   Random   //---------------------------*/
.note{
margin-left: 120px;
width: 400px;
clear: both;
}
.hr{
height:6px;
background: url(../images/hr_sep.gif) repeat-x;
width:10%;
margin: 2em 0 1.5em;
clear:both;
}
div.sub{
background: url(../images/hr_sep_sub.gif) repeat-x;
margin: 0;
width:5%;
}
#forgot{
margin-left: 120px;
}
#download{float: left; width: 16px; height: 16px;}
#download input{width: 16px; height: 16px; padding: 0; margin: 1px 0 0 0;}
p#disclaimer{
color: #666;
font-size: 0.8em; 
background-color: #f6f6f6; 
border: dashed #cfcfcf 1px;
padding: 5px;}

#adn{
width: 130px;
position: absolute;
top: 450px;
left:745px;
}
#adn a { display:block; font-size: 11px; font-family: 'Lucida Sans', 'Lucida Grande'; width: 130px; color: #444444;}

#adn a img {
float:left; 
margin:0 10px 0 0; 
padding:0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}

#adn p { margin:0 }

#adn br {  }
#adn .powered a{ 
font-size: 10px;
margin: 10px 0 0 0;
color: #888;
}