.ie {display: none;}
body {
background: #C0DEED;
 margin: 0;
 padding: 0 0 1em 0;
 font-size: 18px;
 line-height: 25px;
 font-family: Georgia, Times, serif;}


div#load-more, a{
	outline: none;
	cursor: pointer;
	}

:focus{
	-moz-outline-style: none;}


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

p {
margin: 0 0 1em 0;}

.small {font-size: 15px; line-height: 22px;}

.error {color: #B72908;}

.meta {color: #DDEEF6; }
blockquote .meta {color: #aaa; font-size: 12px; margin: 0; padding: 0;}

h2 {
margin: 0 0 .5em 0;
 line-height: 28px;}

h2#home {font-size: 45px; line-height: 46px;}

#content hr {height: 1px; border: none; color:#DDEEF6; background: #DDEEF6; margin: 1em 0;}

#header-header { margin-top:1em; width: 100%; height: 10px; background: url('../img/header-top-background.gif') center top no-repeat;}

#wrapper-wrapper{
	background:#ddeef6 url('../img/wrapper-edge.gif') center bottom repeat-x;
	 margin: 0;
	 display: block;
}
#wrapper {
background: url('../img/wrapper-edge.gif') center top repeat-x;
 margin: 0;
 display: block;}

#header{
 margin: 0 auto;
 width: 416px;
 background: #88BBD4 ;
 padding: 0px 22px 12px;
display: block;}

#header-bottom {
	margin: 0 auto;
width: 460px;
 background: url('../img/header-bottom-background.gif') center bottom no-repeat;
 padding-bottom: 20px;
display: block;}


#navigation {
width: 460px;
 margin: 8px auto 0;
 font-family: Arial, sans-serif;
clear: both;
}

#navigation-bottom {
	margin: 0 auto;
	width: 460px;
	 padding-bottom: 28px;
	display: block;
	clear: both;
}


#navigation #branding {
width: 240px;
 float: left;
 text-align: center;}

#navigation #branding h1 {
 margin: 0;}

#navigation #branding h1 a {
height: 110px;
 width: 240px;
 display: block;
 background: url('../img/tweetmytime.gif') no-repeat;}

#navigation #branding h1 a span{
display: none;}

#navigation #branding h3 {
font-size: 14px;
 margin: 3px;
 text-transform: lowercase;
 font-weight: normal;}

#navigation #branding h3 a {
color: #5599BB;
 text-decoration: none;}

#navigation #nav {
float: right;
 width: 195px;}

#navigation #nav ul {
margin: 15px 0 0 0;
 padding: 0;
 list-style-type: none;
 font-size: 15px;
 line-height: 17px;}

#navigation #nav ul li {
margin: 0 0 .4em 0;
 padding: 0;
 list-style-type: none;
 text-transform: lowercase;}

#navigation #nav li a {
color: #002233;
 text-decoration: none;}


#content {
	margin: 0 auto;
	width: 416px;
	 background: #88BBD4 url('../img/content-top-background.gif') center top no-repeat;
 display: block;
 padding: 12px 22px 1px;
 color: #002233;
clear: both;
}

#content-bottom{
margin: 0 auto;
 background: url('../img/content-bottom-background.gif') center bottom no-repeat;
 padding-bottom: 10px;
display: block;}

#content a {
color: #fff;
 text-decoration: none;}

#content a img {border: none;}

#content blockquote, .fanbox, #content .followbox {
font-family: Arial, sans-serif;

background: #DDEEF6;
 font-size: 14px;
 line-height: 20px;
padding: 10px 25px;
margin: 0 0 1em 0;
border-top: 1px dashed #002233;
border-bottom: 1px dashed #002233;
color: #303537;
}

.fanbox {
	padding: 0px 5px;
}

#content .followbox {
	padding: 5px 5px 0px 5px ;
	height: 50px;
}

#content .followbox a {
	clear: right;
	color: #55a1c6;
}

#content .followbox a.name {
	font-weight: bold;
	display: block;
}

#content .followbox a.follow {
	display: block;
	background:url('../img/twitter-follow.gif') no-repeat;
	padding: 3px 5px 2px 24px;
	margin-left: 50px;
	font-size: 12px;
	color: #555;
	text-shadow: #ffffff 2px 2px 2px;
}

#content .followbox span.followed{
	display: block;
}

#content .followbox img{
	float: left;
	width: 45px;
	height: 45px;
	padding: 0 5px 0 0;
	clear: left;
	display: block;
}

#content blockquote p{margin: 8px 0 ; }
#content blockquote a{color: #55a1c6; font-weight: bold;}
#content blockquote a img {border-width: 1px; }

/*blog*/
#content h2.blog {margin-bottom: 0;}
#content p.blog-meta {
	margin: 0 0 1.5em 0; 
	font-family: Arial, sans-serif;
	color: #fff;
	font-size: 13px;
	text-transform: uppercase;}
#content p.blog-meta a{text-decoration: underline;}

#content h3.blog-title{text-align: center; margin: 0 0 0em 0;  background: url('../img/blog-header.gif') no-repeat;}

#content h3.blog-title a{display: block; width: 417px; height: 102px;}

#content h3.blog-title span {display: none;}

#footer, #disclaimer{
	margin: 10px auto 0;
	width: 416px;
	background:#fff url('../img/footer-top-background.gif') center top no-repeat;
	padding: 10px 22px 0;
	display: block;
	font-size: 13px;
	font-family: Arial, sans-serif;
	line-height: 19px;
	color: #55a1c6
}


#footer p, #disclaimer p {margin: 10px 0 0;}
#footer a {color: #55a1c6; text-decoration: underline;}


#footer-bottom, #disclaimer-bottom {
	margin: 0 auto;
	width: 460px;
	background: url('../img/footer-bottom-background.gif') center bottom no-repeat;
	padding-bottom: 10px;
	display: block;
}


/*forms*/
form {
}

blockquote#announce {margin-bottom: 1.5em;}
#content form label.text, #content form label.select{
 display: none;}

#content form input.text {
display: block;
 width: 400px;
 padding: 12px 0 12px 10px;
 font-size: 18px;
  color: #002233;
border: none;
 background: transparent url('../img/form-input-text-right-side.gif') right center no-repeat;
 margin: 0;}

#content form span.text {
background: url('../img/form-input-text-left-side.gif') left center no-repeat;
 display: block;
 width: 410px;
 padding: 0;}


form textarea {
	font-family: Arial, sans-serif;
	border: none; 
	width: 386px; 
	padding: 12px 12px 7px 12px;
	font-size: 18px;
	color: #002233;
	background: #fff url('../img/form-textarea-top.gif') center top no-repeat;
	margin-bottom: 5px;}
	
	form label#selective_fb {}
	
form span.textarea {
	background: #fff url('../img/form-textarea-bottom.gif') center bottom no-repeat;}


#content form select {
font-size: 18px;}


button.green{
color: #333333;
font-size: 22px;
font-family: Arial, sans-serif;
font-weight: bold;
padding: 0px 0px;
line-height: 40px;

background: url('../img/button-green-background.gif') right center no-repeat;
text-shadow: #D9FB63 1px 1px 1px;

	border: none;
 }
button.green span{
background: url('../img/button-green-left-side.gif') left center no-repeat;
padding: 15px 35px 15px 20px;

display: block;}

@-moz-document url-prefix()
{
button.green span { margin-left: -3px;} /*firefox only*/
}

form .checkbox {height: 20px; width: 20px; }

/*crazy custom select boxes via http://v2.easy-designs.net/articles/replaceSelect2/*/
select {
  display: block;
  margin: 0 0 10px;
  width: 300px;
}
select.replaced {
  width: 1px;
  position: absolute;
  left: -999em;
}
form ul.selectReplacement {
  font-size: 18px;
 color: #C0DEED;
  background: url('../img/form-select-normal.gif') left top  no-repeat;
  margin: 0 0 10px;
  padding: 0;
  height: 45px;
  width: 410px;
  position: relative;
  z-index: 1000;
}

form ul li span {display: none;}
form ul.selectFocused {
  background-image: url(top-focus.jpg);

}
form ul.selectReplacement li {
	color: #C0DEED;
  background: #002233;
  cursor: pointer;
  display: none;
  list-style: none;
  margin: 0;
  padding: 10px 50px 10px 12px ;
 font-family: Arial, sans-serif;
border-bottom: solid 1px #C0DEED;
}
form ul.selectOpen li {
  display: block;
}


form ul.selectReplacement li.selected {
  background: #002233 url('../img/form-select-normal.gif') left top  no-repeat;
  color: #C0DEED;
  display: block;
border-bottom:none;
height: 20px;
overflow: hidden;

}
form ul.selectOpen li.selected {
  background: #00131E;
  border: 0;
  display: block;
border-bottom: solid 1px #C0DEED;

}
form ul.selectOpen li:hover,
form ul.selectOpen li.hover,
form ul.selectOpen li.selected:hover {
  background: #fff;
  color: #002233;
}

div.button {display: inline; margin-bottom: 1em;}

a.button, div.button{
color: #333333 !important;
 font-size: 22px;
 font-family: Arial, sans-serif;
 font-weight: bold;
padding: 15px 0px;
 line-height: 40px;}


a.button.green, div.button.green{
background: url('../img/button-green-background.gif') right center no-repeat;
 text-shadow: #D9FB63 1px 1px 1px;}

a.button.green span, div.button.green span{
background: url('../img/button-green-left-side.gif') left center no-repeat;
 padding: 15px 35px 15px 20px;}

a.button.green.wide span{
padding: 15px 45px 15px 30px;
 }

a.button.orange{
background: url('../img/button-orange-background.gif') left center no-repeat;
 text-shadow: #f9ae40 1px 1px 1px;}

a.button.orange span{
background: url('../img/button-orange-right-side.gif') right center no-repeat;
 padding: 15px 15px 15px 20px;}

a.button.orange.wide span{
padding: 15px 15px 15px 30px;}

p.button-negative {margin: .75em 0 0 0; font-size: 14px; font-family: Arial, sans-serif;}

#content span.emphasize {font-weight: bold; text-shadow: #fff 0px 0px 20px;}



/* iPhone-specific styles */
@media only screen and (max-device-width: 480px) { 
	button.green span{
margin-left:-22px;
	}
	#content form span.text {
	 width: 405px;
	}
}

/*comments*/

#dsq-content{ color:#002233;}
#dsq-content .dsq-comment-header td {background: transparent !important; border-top: 1px solid #fff;}
.dsq-options {display: none;}

/*suggestions*/



ul#suggestions{
font-family: Arial, sans-serif;
background: #DDEEF6;
 font-size: 14px;
 line-height: 20px;
padding: 0;
margin: 0 0 1em 0;
color: #303537;}

ul#suggestions{list-style-type: none;}

ul#suggestions li img{ width: 40px; height: 40px; margin: 0 10px 0px 5px; float: left;}
ul#suggestions li {clear: both; border-bottom: solid 1px #88BBD4; padding: 5px;}
ul#suggestions li.even{background: #f1fbff;}
ul#suggestions li p {margin: 0 0 2px 55px;}

ul#suggestions a{color: #55a1c6; font-weight: bold;}
ul#suggestions a img {border-width: 1px;}


/*tables*/
table {font-family: Arial, sans-serif; margin: 0; padding: 0;}
table#pricing{font-size: 14px; line-height: 19px; text-align: center;}

table#pricing tr.even, table#pricing tr.a {background: #9ecce3;}

table#pricing th{border-left: solid 1px #002233;  vertical-align: bottom; padding-bottom: 2px;}
table#pricing td {padding: 2px 3px; border-left: solid 1px #002233; border-top: solid 1px #002233; height: 35px;}
table#pricing tr.pricing td.feature{font-weight: bold;}

table#pricing td.feature, table#pricing th.feature {text-align: left; padding-left: 3px; border-left: none;}

table#pricing tr.a td {border-top: solid 1px #002233; background: #c5e4f3;}
table#pricing tr.b td {background: #bbdced;}

table#pricing td.x span, table#pricing td.check span{display: none;}
table#pricing td.check { background: url('../img/checkmark.gif') center center no-repeat; }


#footer, #footer-bottom {display: none;}