/*  
Theme Name: EuroFastHost.com Theme
Theme URI: http://www.eurofasthost.com
Description: Eurofasthost Wordpress Theme <a href="http://www.eurofasthost.com/">EuroFastHost</a>.
Version: 0.0.0.0.99
Author: Sarah Milsom
Author URI: http://eurofasthost.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Default Stylesheet */

/* >>> ELEMENTS <<< */
img, #header h1 a, #header h1 a:hover  { behavior: url(iepngfix.htc); }

* {
  margin: 0;
  padding: 0;
}

hr {
clear:both;
border:none;
margin:10px 0 10px 0;
border-top:1px dotted #ccc;
}

a img {
  border:none;
}
.reset {
display:block;
clear:both;
}

h1 span
{
position: absolute;
left: -9999px;
width: 0px;
overflow: hidden;
}

p a:link, table a:link {text-decoration:none;color:#235F8C;font-weight:bold;}
p a:visited, table a:visited {text-decoration:none;color:#235F8C;font-weight:bold;}
p a:hover, table a:hover {text-decoration:none;background:#235F8C;color:#fff;font-weight:bold;}
p a:active, table a:active {text-decoration:none;background:#235F8C;color:#fff;font-weight:bold;}

h2 a:link, table a:link {text-decoration:none;color:#235F8C;font-weight:bold;}
h2 a:visited, table a:visited {text-decoration:none;color:#235F8C;font-weight:bold;}
h2 a:hover, table a:hover {text-decoration:none;background:#235F8C;color:#fff;font-weight:bold;}
h2 a:active, table a:active {text-decoration:none;background:#235F8C;color:#fff;font-weight:bold;}

h2 {
  padding: 0 0 2px 0;
  margin:10px 0;
}

body {
  color: #666;  
  font: normal 62.5%/100% Verdana, Arial, Lucida, Helvetica, Sans-Serif;
  text-align: center;
  background:#fff url("Stat/bg_body.png") top repeat-x;
}

div#container {
  width: 780px;
  margin: 0 auto;
  text-align: left;
  }

div#header {
  height:116px;
  padding:12px 0 0 28px;
  margin-bottom:15px;
  background: url("/Stat/bg_header.jpg") no-repeat;
  }
  
#header h1 a {
  display: block;
  width:279px;
  height:55px;  
  background: url("Stat/logo.png") no-repeat;  
}
#header h1 a:hover {
  background: url("Stat/logo.png") no-repeat; 
}

div#contentArea {
  float: left;
  width: 600px;
  margin: 0 0 0 0;
  padding:0 10px 0 8px
}
#sub div#contentArea {
  width: 430px;
  padding:0 10px 20px 10px;
}

.narrowcolumn {
  max-width:610px;
  width:560px !important;
  float:left;
}

#sidebar {
  width:150px;
  float:right;
}
#sidebar h3 {
  margin:0;
  color:#fff;
  background:#2C639F;
  padding:4px 6px;
}

div#right {
  width:160px;
  margin:0 0 0 616px;
}

#sidebar ul {
  list-style:none;
  font: normal Verdana, Arial, Lucida, Helvetica, Sans-Serif;
  line-height:15px;
  margin-left:10px;
  padding:7px;
  width:150px;
}

div#footer {
  clear: both;
  width:100%;
  padding:5px 0;
  margin-top:10px;
  border-top:1px solid #E4E4E4;
}
#sub div#footer {
  margin-top:40px;
}

/* Root = Horizontal, Secondary = Vertical */

ul#mainMenu {
  margin-top:21px;
  width: 800px; /*For KHTML*/
  list-style: none;
  height: 36px;
}

ul#mainMenu li {
  margin: 0;
  border: 0 none;
  padding: 4px 1px 0 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 34px;
  background: url("Stat/bg_ul_li.png") right no-repeat;
}

/* Root Menu */
ul#mainMenu a {
  padding: 0 10px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;  
  color: #fff;
  font: bold 12px/28px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}
ul#mainMenu li.last {background:none;}

ul#mainMenu a:hover {
  color: #14017D;
  background: url("Stat/bg_ul_a.png") repeat-x;
  }

.domains ul#mainMenu a:hover {background: url("Stat/bg_ul_a_domains.png") repeat-x;}
.email ul#mainMenu a:hover {background: url("Stat/bg_ul_a_email.png") repeat-x;}
.voip ul#mainMenu a:hover {background: url("Stat/bg_ul_a_voip.png") repeat-x;}
.dedicated ul#mainMenu a:hover {background: url("Stat/bg_ul_a_dedicated.png") repeat-x;}


/* >>> Content <<< */

img.shoutOut {
  margin-bottom:4px; 
}
img.shoutOutSmall {
  margin-right:3px; 
  margin-bottom:10px;
}

div.shoutOut {
  width:140px;   /* --- Changed from 170px to accomodate IE --- */
  margin:0 0 20px 600px;
   line-height:13px;
  padding-bottom:10px;
 background:#F8F8F8;

}
div.shoutOut h3 {
  margin:0;
  color:#fff;
  background:#2C639F;
  padding:4px 6px;
}
div.shoutOut h3 a {
  color:#fff;
  background:#2C639F;
}

div.shoutOut ul {
  margin:10px 10px 10px 20px;
  list-style-type:circle;
  list-style-type:circle;
}
div.shoutOut ul li {
  font-size:11px;
  line-height:13px;
  padding:4px 0;
  list-style-type:circle;
  border-bottom:1px dotted #ccc;
  width:120px;
}

#left ul {
  margin:10px 15px;  
}
	
#left li {
  list-style-type: disc;
  padding:2px 0 2px 0;
  font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif ;
  font-size: 11px;
  color: #666;	
  line-height:14px;
}
#left li a {
 color: #666;
}


p.price {margin:4px 3px 6px 18px;}
p.price strong {color:#B12D2D;
font-size:16px;line-height:18px;}
p.price img {margin-top:5px;}

div#contentArea ol li{
	font-size:1.2em;
	padding:10px ;
	line-height:1.2em;
	margin-left:20px
}
div#contentArea ol ul li{
	font-size:0.9em;
	margin-left:-25px;
	list-style:none;
}
div#contentArea ol li img {
  margin-top:0.5em;
}

/* >>> TYPOGRAPHY <<< */
*.x {display:none;}

#sidebar h2 {
  font-size:12px;
  padding:0;
  margin-bottom:0;
  text-transform:uppercase;
}

h3 {
  font-weight:normal;
  font-size:12px;
  line-height:14px;
  color: #160379;
  margin:15px 0 5px 0;}
form h3 {font-weight:bold;margin:0 0 2px 0;}

#left h3 {
  margin:0 0 5px 0;
}


div#contentArea p, #right p, address {
  margin:10px 0 10px 0;
  font: normal 1.3em/1.6em  Arial, Verdana, Lucida, Helvetica, Sans-Serif;
}
#right p {font-size:1.1em;line-height:1.4em;}
address {line-height:1.4em;}
#right form p {margin:2px 0;}

div#contentArea p.support {
  font: normal 1.1em/1.3em  Arial, Verdana, Lucida, Helvetica, Sans-Serif;
  margin:0 0 4px 0;
}

#footer p {
margin:5px 0;
font: normal 1.0em/1.3em  Arial, Verdana, Lucida, Helvetica, Sans-Serif;}

div#contentArea ul {
  margin:0 30px;
  font: normal 1.3em/1.6em "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, Sans-Serif;
}
div#contentArea ul ul {
  font-size:1.0em;
  line-height:1.4em;
}

.shoutOut address {
font-size:10px;
}

div#contentArea dt {
margin-top:10px;
padding:8px;
font-size:14px;
color:#fff;
background:#2C639F;
}
div#contentArea dd {
font-size:1.1em;
line-height:2.0em;
padding:6px;
border:1px solid #666;
border-top:none;
background: url("Stat/icon_tick.gif") bottom right no-repeat;
}
div#contentArea Feat {
font-size:1.1em;
line-height:2.0em;
padding:6px;
border:1px solid #666;
border-top:none;
background: none;
}

/* >>> login <<< */
fieldset {border:none;}
input {
margin:10px;
padding:2px;
height:11px;
font-size:1.0em;
line-height:1.0em;
border-top:1px solid #A7A7A7;
border-right:1px solid #DDDDDF;
border-bottom:1px solid #E5E5E5;
border-left:1px solid #B8B8B8;
}

button {
border:none;
background:none;}

form#login fieldset {
height:120px;
padding:4px 8px;
margin-bottom:10px;
background: url("Stat/bg_login.png") no-repeat;
}
form#login legend {
color:#170283;}

form#login label {
display:block;
color:#170283;
padding:0 0 3px 0;}

form#login input {
width:104px;margin-bottom:4px;}

/* form */
div#contentArea form {
  width:420px;
}
div#contentArea fieldset {
   padding:15px 12px ;
   border:1px solid #DDD;
}
div#contentArea fieldset p 
{
  font: italic 12px/12px verdana, helvetica, arial, sans-serif;
  padding:0;margin:8px 0 2px 0;
  color:#666;
}
div#contentArea label {
 margin-bottom:4px;
 display:block;
 font: bold 13px/12px verdana, helvetica, arial, sans-serif;
 color:#000; 
}

div#contentArea input, div#contentArea select {
    height:20px;
    vertical-align:middle;
    width: 350px;
    margin-bottom:8px;    
}
div#contentArea select {height:20px;padding:0;}
div#contentArea input.checkbox {
	width:20px;
	height:20px;
}
div#contentArea textarea, div#contentArea textarea.shortTextbox {
    width:100%;
    height:250px;
    margin-bottom:8px;
}
div#contentArea textarea.shortTextbox {
    height:100px;
 }
div#contentArea .shortText {
width:175px;
}

div#contentArea #domainCheck label {
  margin-top:6px;
  float:left;
  width:50px;
}
div#contentArea #domainCheck input {
  float:left;
  width:250px;
}
div#contentArea #domainCheck select {
  width:80px;
  height:24px;
  margin-left:4px;
} 
 
div#contentArea button {

    float:right;
    width:auto;
    padding:2px;
    height:auto;  
    margin:0; 
  }

div#contentArea legend {  
  margin:12px 0;
  font-size:120%;  
  font-weight: bold;
  padding: 0 5px;
}
div#contentArea .hint, 
div#contentArea .warning  {
  padding:8px;
  background:#DEFFD5;
  border:1px solid #358D32;
  font-style:normal;
  color:#000;
  margin:10px 0;
}
 
div#contentArea .errMsg {
  padding:5px 10px;
  margin:20px 0;
  border:1px solid #FC6;
  background:#FFC;    
}
div#contentArea .errMsg p {
  color: #c00;
  font-weight:bold;
  font-style:normal;
}
div#contentArea .errMsg ul {
  color:#000;
  margin:0 30px 10px 30px;
}
div#contentArea .errMsg ul li {
  list-style-type:disc;
}

#footer p a {
padding:2px;
margin:0 20px 0 0;
}

/* --- added by dan for ie6 & 7 --- */
.post h2 a {
  font-size:90%;
  line-height:100%;
}