/*
Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 2 (WP2.6.2)
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";


html{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background : #91b5de ;
 
} 
 
h1, h2, h3, h4, h5, p, ul, ol  { margin : 0 0px; padding : 5px 0; text-align: left;}

strong {color: #111111; 
}


body{ 
 margin:0; 
 padding:0; 
 text-align:left; 
font : 76%/160% verdana, arial, helvetica, sans-serif ;

} 
 
 
#page-wrap{ 
 width:900px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto; 
 background-color: white;
 } 



#header{
 position:relative; 
 height:175px; 
 background: #91b5de url(images/header2.jpg) no-repeat; 
 width:100%;
} 

#title h1  { background : url(images/logo.png) no-repeat; position : absolute; left : 30px; top : 10px; width: 334px; height : 61px; text-indent: -9999px; }

#header h1  { background : url(style/images/logo.jpg) no-repeat; position : absolute; left : 30px; top : -15px; width: 442px; height : 100px; text-indent: -9999px; }



#header p  {  position : absolute; left : 430px; top : 30px; color: white; background : url(images/button1.png) no-repeat; width: 521px; height : 90px; text-indent: -9999px; }

#submenu  { position:absolute; left : 590px; top : 25px; color: #ffffff ; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif ; font-size: 11px ; font-weight: bold ; padding: 0  12px 12px 12px; }
#submenu a { color: #ffffff ;  text-decoration: none; display: inline;padding-left: 6px; padding-right: 6px;}
#submenu a:hover {color: #000000;  }

#hmnav  { position:absolute; left : 55px; top : 325px; color: #666; }

#hmnav a {width: 12px; height: 12px; color: #666 ; border: 1px solid #666; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif ; font-size: 11px ; font-weight: bold ; padding: 2px  5px; margin: 0 5px; }

#hmnav a:hover {background-color: #d0e6e9; width: 12px; height: 12px; color: #666 ; border: 1px solid #666; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif ; font-size: 11px ; font-weight: bold ; padding:2px  5px }

#hmnav a.here {background-color: #d0e6e9; width: 12px; height: 12px; color: #666 ; border: 1px solid #666; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif ; font-size: 11px ; font-weight: bold ; padding: 2px  5px }

 #aftermore {
position : absolute; left : 0px; top : 290px; 
text-align:left;   }

#hmnav2  { position:absolute; left : 55px; top : 315px; color: #666; }

#hmnav2 a {width: 12px; height: 12px; color: #666 ; border: 1px solid #666; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif ; font-size: 11px ; font-weight: bold ; padding: 2px  5px; margin: 0 5px; }

#hmnav2 a:hover {background-color: #d0e6e9; width: 12px; height: 12px; color: #666 ; border: 1px solid #666; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif ; font-size: 11px ; font-weight: bold ; padding:2px  5px }

#hmnav2 a.here {background-color: #d0e6e9; width: 12px; height: 12px; color: #666 ; border: 1px solid #666; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif ; font-size: 11px ; font-weight: bold ; padding: 2px  5px }

#login a { position:absolute; left : 780px; top : 108px; padding: 0  12px 12px 12px; background : url(http://www.cardbrowser.com/images/login.jpg) no-repeat; text-indent: -9999px; width:93px; height:37px;display:block;}


#reseller  { position:absolute; left : 470px; top : 65px; color: #ffffff ; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif ; font-size: 11px ; font-weight: bold ; padding: 0  12px 12px 12px; }
#reseller a { color: #ffffff ;  text-decoration: none; display: inline;padding-left: 6px; padding-right: 6px;}
#reseller a:hover {color: #91b5de;  }

#mailinglist  { position:absolute; left : 0px; top : 45px; width:560px; color: #000000 ; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif ; font-size: 11px ; font-weight: bold ; padding: 12px  12px 12px 12px; border: 1px solid #e1e1e1; }

.floatleft  {float: left; padding-right: 5px;}

#topmenu  { position:absolute; left : 10px; top : 150px; color: #ffffff ; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif ; font-size: 11px ; font-weight: bold ; padding: 0  12px 12px 12px; }

#topmenu a { color: #ffffff ;  text-decoration: none; display: inline;padding-left: 11px; padding-right: 11px;}

.page_item { display:inline; padding-left: 11px; padding-right: 11px; }

#topmenu a:hover {color: #000000;  }
	
#webdata {  position : absolute; left :0px; top : 45px; color: white; width: 263px; height : 166px; padding: 26px 25px; border: 1px solid #6b6b6b;display: block; }

#webdata b {
 text-align:left; color: #000; text-decoration:none;
font : 90%/140% verdana, arial, helvetica, sans-serif ; font-weight: bold ; } 

#webdata2 {  position : relative;  color: white; width: 350px; height : 480px; padding: 26px 25px; border: 1px solid #6b6b6b;display: block; background-color:#ffffff; }

#webdata2 b {
 text-align:left; color: #000; text-decoration:none;
font : 90%/260% verdana, arial, helvetica, sans-serif ; font-weight: bold ; } 

#wdtext {  position : absolute; left :0px; top : 255px; color: black; width: 600px; height : 135px; padding: 10px 0px;  }



#navbar  { border-bottom: 1pt solid #000; }

#navbar a { color: #000000 ; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif ; font-size: 10px ; font-weight: bold ; padding: 0  12px 12px 12px;}
	
#navbar a:hover {  color: #e03e7d;}	
	
 a.facebook { color: #000000 ; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif ; font-size: 10px ; line-height: 11px; font-weight: bold ; }

 
#cc-format {border: 1px solid #000000; padding: 4px 10px;margin-left:auto; 
 margin-right:auto;  }

#cc-format h1{color: #273277 ; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif ; font-size: 18px ; font-weight: bold ;}
#cc-format h2{color: #000000 ; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif ; font-size: 14px ; font-weight: bold ;}

 

 
#wrapper {  
 height: 100% auto;
 
 }
 
 #submit{
 float: right; 
 position: absolute; top: 190px; left: 210px;


 }

#submit2{
 float: right; 
 position: absolute; top: 504px; left: 280px;


 }
 
 div.regleft{
 float: left; 
width:70px;
display:block;
 }
 
 div.regright{
 float: left; 
margin-left: 10px;
display:block;



 }
 
 b.terms a {color: #283891 ;  font-family: verdana, arial, helvetica, sans-serif ; font-size: 10px ; font-weight: bold ;text-align:left;}
 
 #regtitle { color: #464646 ;  font-family: verdana, arial, helvetica, sans-serif ; font-size: 14px ; font-weight: bold ;text-align:center; margin-top: -15px;}
 

 
  #flash{
 float: left; 
 position: absolute; top: 30px; left: 0;
 width:632px;
padding: 20px 10px 10px 0px; 

height:468px;


 }
 
 
  #feed {
 float: left; 
 position: absolute; top: 460px; left:0px;
 width:865px;
height:28px;
 text-align:left; color: #cc0000; 
font : 100%/100% verdana, arial, helvetica, sans-serif ; normal;
padding: 5px 0px 0px 35px ;

 }
 
  #feed a{
  text-align:left; color: #000000; text-decoration:none;
font : 100%/160% verdana, arial, helvetica, sans-serif ; font-weight: bold;text-transform: uppercase; 


 }



 
 #hm-content{
 float: left; 
 position: relative; 
 width:900px;
padding: 0; 
 background: #ffffff ; 
text-align:left;
height:428px;


 }
 
  #hm-content p{
position : absolute; left : 60px; top : 68px; width: 750px; height: 200px;
text-align:right;  color: #000; text-decoration:none;text-align:left;
font : 116%/230% verdana, arial, helvetica, sans-serif ;  padding: 0;

 }
 
 #hm-content h2{
position : absolute; left : 60px; top : 20px; width: 900px; height: 200px;
text-align:right;  color: #000; text-decoration:none;text-align:left;
font : 188%/190% verdana, arial, helvetica, sans-serif ;  padding: 0;

 }
 
 #hm-content2{
 float: left; 
 position: relative; 
 width:900px;
padding: 0; 
 background: #ffffff ; 
text-align:left;
height:478px;


 }
 
  #hm-content2 p{
position : absolute; left : 60px; top : 68px; width: 750px; height: 200px;
text-align:right;  color: #000; text-decoration:none;text-align:left;
font : 116%/230% verdana, arial, helvetica, sans-serif ;  padding: 0;

 }
 
 #hm-content2 h2{
position : absolute; left : 60px; top : 20px; width: 900px; height: 200px;
text-align:right;  color: #000; text-decoration:none;text-align:left;
font : 188%/190% verdana, arial, helvetica, sans-serif ;  padding: 0;

 }

 
 #hmbullets{
position : absolute; left : 5px; top : 168px; width: 550px;; height: 200px;
text-align:right;  color: #000; text-decoration:none;text-align:left;
font : 100%/120% verdana, arial, helvetica, sans-serif ;  padding: 0;

 }

#botnav {
position : absolute; left : -8px; top : 400px; width: 840px; height: 30px;
text-align:left;  color: #707070; text-decoration:none; background-color: #f0c083 ; 
font : 100%/180% verdana, arial, helvetica, sans-serif ;  padding: 4px 30px;

 }
#botnav a {
text-align:left;  color: #24389a; text-decoration:none;
font : 92%/180% verdana, arial, helvetica, sans-serif ; font-weight: bold; padding: 0 12px ;

 }
 
 #botnav a:hover {
text-align:left;  color: #000000; text-decoration:none;
font : 92%/180% verdana, arial, helvetica, sans-serif ; font-weight: bold; 

 }
 
 #botnav a.first {
text-align:left;  color: #24389a; text-decoration:none;
font : 92%/180% verdana, arial, helvetica, sans-serif ; font-weight: bold; padding: 0 12px 0 0;

 }
 
 #botnav a.first:hover {
text-align:left;  color: #000000; text-decoration:none;
font : 92%/180% verdana, arial, helvetica, sans-serif ; font-weight: bold; 

 }
 
#botnav2 {
position : absolute; left : -8px; top : 446px; width: 840px; height: 30px;
text-align:left;  color: #707070; text-decoration:none; background-color: #f0c083 ; 
font : 100%/180% verdana, arial, helvetica, sans-serif ;  padding: 4px 30px;

 }
#botnav2 a {
text-align:left;  color: #24389a; text-decoration:none;
font : 92%/180% verdana, arial, helvetica, sans-serif ; font-weight: bold; padding: 0 12px ;

 }
 
 #botnav2 a:hover {
text-align:left;  color: #000000; text-decoration:none;
font : 92%/180% verdana, arial, helvetica, sans-serif ; font-weight: bold; 

 }
 
 #botnav2 a.first {
text-align:left;  color: #24389a; text-decoration:none;
font : 92%/180% verdana, arial, helvetica, sans-serif ; font-weight: bold; padding: 0 12px 0 0;

 }
 
 #botnav2 a.first:hover {
text-align:left;  color: #000000; text-decoration:none;
font : 92%/180% verdana, arial, helvetica, sans-serif ; font-weight: bold; 

 }
 

#cal-content{
 float: left; 
 position: relative; 
 width:880px;
padding: 10px; 
height:100%;
background-color: white; 


 }
 #cal-content p {text-align: justify;}

#content{
 float: left; 
 position: relative; 
 width:655px;
padding: 10px; 
height:100%;
background-color: white; 


 }
 
 #content p {text-align: justify;}
 
 #constant_contact{
 
 position: relative; 
 width:150px;
padding: 10px; 
height:100%;


 }
 
 
#linkcat-3.linkcat {float: left;}
 
 


 
#footer{
width: 900px;
 height:70px; 
 background-color: #6b6b6b;
 clear:both;
 position: relative;
 } 
 
 #subfooter  { position:absolute; left : 38px; top : 73px; color: #ffffff ; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif ; font-size: 11px ; font-weight: bold ; padding: 0  12px 12px 0px; text-align: right;}
#subfooter a { color: #ffffff ;  text-decoration: none; display: inline;padding-left: 6px; padding-right: 6px;}
#subfooter a:hover {color: #000000;  }

 a.pdf  {color: #9e0b0f ;}
 #maincol p{margin:1em;}

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clear { clear: both;}
.clearfix{display: inline-block; }

#post{ padding: 0 8px; position: relative; 

 }
 
 #post2{ padding: 0 15px;  

 }
 
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; height: 100%; float:none;}
}

 /*font styles*/ 

ul.benefits li{
 text-align:left; color: #000000; list-style: disc;
font : 100%/160% verdana, arial, helvetica, sans-serif ; normal; margin-left: 35px;} 

ul.pricing li{
 text-align:left; color: #000000; list-style: disc; 
font : 100%/160% verdana, arial, helvetica, sans-serif ;  margin-left: 35px; margin-right: 15px; margin-bottom:15px; text-align: justify;} 

ul.pricing li.a{
 text-align:left;  list-style: disc; color:#283891;font-weight: bold ; text-decoration:underline;
font : 100%/160% verdana, arial, helvetica, sans-serif ; } 


ul.home li{
 text-align:left; color: #000000; list-style: disc;
font : 100%/100% verdana, arial, helvetica, sans-serif ; normal; margin-left: 35px; margin-right: 10px; margin-bottom:10px; margin-top: 10px;} 


ol.terms li{
 text-align:left; color: #000000; list-style-type: decimal;
font : 100%/160% verdana, arial, helvetica, sans-serif ; normal;text-align: justify; margin-left: 35px;} 

ol {
 text-align:left; color: #000000; list-style-type: decimal;
font : 100%/160% verdana, arial, helvetica, sans-serif ; normal;text-align: justify; margin-left: 35px;} 



h1 {
 text-align:left; color: #000; text-decoration:none;
font : 125%/160% verdana, arial, helvetica, sans-serif ;font-weight: bold ; } 


h2 {
 text-align:left; color: #283891; text-decoration:none;
font : 139%/120% Verdana, Arial, sans-serif; font-weight: bold ; } 

h2 a {
 text-align:left; color: #283891; text-decoration:none;
font : 139%/120% Verdana, Arial, sans-serif; font-weight: bold ; } 

h2.news a {
 text-align:left; color: #000000; text-decoration:none;
font : 85%/120% Verdana, Arial, sans-serif; font-weight: bold ; } 

h1.channels {
 text-align:left; color: #283891; text-decoration:none;
font : 92%/120% Verdana, Arial, sans-serif; font-weight: bold ; text-transform: uppercase;} 


h3 {
 text-align:left; color: #ec5503; text-decoration:none;
font : 145%/160% verdana, arial, helvetica, sans-serif ;font-weight: bold ; } 

#hmsub h3 {
 background : url(http://www.cardbrowser.com/images/hm-subhead.gif) no-repeat; position : absolute; left : 0px; top : 100px; width: 613px; height : 37px; text-indent: -9999px; margin-bottom: 20px;} 

h4 a {
 text-align:left; color: #ec5503; text-decoration:none;
font : 125%/160% verdana, arial, helvetica, sans-serif ; font-weight: bold ; } 


b {
 text-align:left; color: #000; text-decoration:none;
font : 90%/100% verdana, arial, helvetica, sans-serif ; font-weight: bold ; } 



p.postedin{
 text-align:left; background-color: #f9e4c8; color: #000; text-decoration:none;
font : 90%/120% verdana, arial, helvetica, sans-serif ; font-weight: bold ; padding: 4px 10px; } 
p.cc{
 text-align:left;  color: #000; text-decoration:none;
font : 90%/150% verdana, arial, helvetica, sans-serif ;  padding: 0; } 

p.footer{
 text-align:left;  color: #fff; text-decoration:none;
font : 10px/14px verdana, arial, helvetica, sans-serif ; font-weight: bold ; padding: 10px 15px 0px 32px;} 

p.footer a{
 text-align:left;  color: #fff; text-decoration:none;
 } 

p.cdg a{
 text-align:right;  color: #fff; text-decoration:none;
 } 

p.cdg {
 text-align:right;  color: #fff; text-decoration:none;
font : 80%/160% verdana, arial, helvetica, sans-serif ; font-weight: bold ; padding: 18px 15px 0px 95px;} 

p.catcom{
 text-align:left; background-color: #fff; color: #000; text-decoration:none;
font : 90%/160% verdana, arial, helvetica, sans-serif ;font-weight: bold ; padding: 4px 15px; border-top: 1pt solid #dcdcdc; border-bottom: 1pt solid #dcdcdc; margin-bottom: 4px;}
 
 #caption {font-style: italic; font-size: 10px;}
 
a { color:#283891;font-weight: bold ;}



#comment {background-color: #e1e1e1; padding: 10px;}

img.alignleft  {padding-right: 10px;}	
	
#sidebar{
 width:218px;
 float:right; 
 position:relative;
 text-align:right;
 padding-top: 15px; 
  }
  
 #sidebar2{
 
 position:relative; 
 width:183px; 
 float:left; 
margin: 0px auto;
text-align: center;
 }
 
 #sidebar3{
 width:295px;
 float:right; 
 position:relative;
 text-align:right;
 padding-top: 15px; 
  }
  
 
#widgets{

margin: 0  15px 0 -35px; 

  }
  
  #widgets2{

margin: 0  15px 15px 15px; 

  }

		#sidebar .paddings div {
			margin-bottom: 1.5em;
		}
		
		
		h2.widgettitle {
			font-size: 12px; color:#000;   padding: 5px 5px 0px 5px; width:100%; margin:5px 0; height:20px; width:146px;Border-bottom: 1px dotted #EC8C08;
		}
		
		li.widget_tag_cloud a {
			color:#ec5503;  padding: 0 4px; text-decoration: none;		}
			
			li.widget_recent_entries a {
			color:#ec5503;  text-decoration: none;		}
		
		
		#sidebar ul, .sidebar ol {
			margin: 0;
			list-style-type: none;
		}
			#sidebar ul li {
				padding-left: 4px;
				
			}
			
			#sidebar ul li, .sidebar ol li {
				margin-bottom: 0.5em;
			}
			
			#tag-cloud  {text-decoration: none;}
			
			
			img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

#navlinks ul   {
	list-style-type: none;
	margin: 0;
	padding: 0;
	
	}
	
	#navlinks a   {
	text-decoration: none;
	display: block;
	font-family: verdana, arial, helvetica, sans-serif ;
	line-height: 20px ;
	font-size: 11px ;
	font-weight: bold;
	color: #000000 ;
	width: 170px;
	height: 20px;
	margin: 0px 5px;
	padding: 4px 0px 2px 0px;
	
	
	}
	
	#navlinks a:hover   {
	text-decoration: none;
	display: block;
	color: #ffffff ;
	width: 170px;
	height: 20px;
	background-color:  #999999;
	
	}
	
	.rss  {position:absolute; left:860px; top:-6px; background: url(style/images/rss.png) no-repeat; width:30px; height:30px; padding-left: 30px;text-indent: -9999px; display:block; text-align:center;}