/*
Theme Name: CDG theme
Theme URI: http://clifton.com
Description: The totally nude Wordpress theme. 
Version: 2 (WP2.6.2)
Author: Susan Clifton
Author URI: http://clifton.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; 
 
 
} 
 
h2, h3, h4, h5, p, ul, ol  { margin : 0 0px; padding : 5px 0; text-align: left;}


body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
font : 76%/160% verdana, arial, helvetica, sans-serif;
background-image: url(images/bk2.gif) ;  
 background-repeat: repeat-x;
 background-color: #cccccc; 
 

} 

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

#topads{
 position:relative; 
 height:100px; 
 background: #ec4399 ; 
 width:100%;
 text-align:center;
} 

#header{
 position:relative; 
 height:170px; 
 width:100%;
} 

#domains a {background : url(http://www.clifton.com/images/domains.gif) no-repeat; position : absolute; left : 784px; top : -1px; width: 117px; height : 27px; text-indent: -9999px; display:block;}

#facebook a {background : url(http://www.clifton.com/images/facebook.png) no-repeat; position : absolute; left : 575px; top : -40px; width: 32px; height : 32px; text-indent: -9999px; display:block; }


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

#header h1  { background : url(images/logo.png) no-repeat; position : absolute; left : 0px; top : 2px; width: 386px; height : 136px; text-indent: -9999px; }

#header p  {  font-family: verdana, arial, helvetica, sans-serif ; font-size: 24px ;  color: #aa2c21;  font-weight: normal ; position : absolute; left : 0px; top : 140px; width: 600px; height : 222px; letter-spacing: 5px; }

#header b  {  font-family: verdana, arial, helvetica, sans-serif ; font-size: 14px ;  color: #aa2c21;  font-weight: normal ; position : absolute; left : 530px; top : 38px; width: 600px; height : 222px; letter-spacing: 5px; }

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

#topmenu ul li a { color: #666 ;  text-decoration: none;}

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

#topmenu ul li a:hover {color: #black;  }	


#navbar  { position:absolute; left : -10px; top : 225px; color: #ffffff ; display: block; width: 320px; background-color: #aa2c21;margin-top: 20px;}

#navbar a { color: #ffffff ; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif ; font-size: 10px ; font-weight: bold ; padding: 6px;}
	
#navbar a:hover {  color: #000000;}	

#navbar2  { color: #ffffff ; display: block; width: 280px; background-color: #aa2c21; margin-top: 20px;}

#navbar2 a { color: #ffffff ; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif ; font-size: 10px ; font-weight: bold ; padding: 6px;}
	
#navbar2 a:hover {  color: #000000;}	

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

 

 

 
#wrapper {  
 height: 100% auto;
 position: absolute; top: 208px; left:0px;
 width: 900px;

 
 }
 
 #wrapper2 {  
 height: 100% auto;
 position: absolute; top: 138px; left:0px;
 width: 900px;
 
 }
 
 #hm-content{
 float: left; 
 position: relative; 
 width:550px;
padding:  10px 0 0 0px; 
margin: 30px 0 0 0;
height:265px;


 }
 
#slider{
position: relative; 
width:601px;
padding: 0 ; 
margin: 20px 0 11px 0;
height:100%;
float: left;

 }
 
 #form2  {position: absolute; left: 510px; top: 0px;
 width:250px;
 height: 100%
padding: 0 ; 
margin: 0px 0 11px 0;


 }
 
 #form  {position: absolute; left: 650px; top: 100px;
 width:250px;
 height: 100%
padding: 0 ; 
margin: 20px 0 11px 0;
font : 16px/25px Tahoma, Verdana, Arial, sans-serif;  font-weight: bold ;
float:right;
text-align: right;
color: #594f4f;
 }
 
 label, label span  {display: block; padding-bottom: 5px;}
label  {float: left; width: 230px;}
label span  {float: left; width: 55px; text-align: right; color: #333;}
fieldset input  {float:left; width:150px;margin: 0 10px; border: 1px solid #333;}
#form h3  { color: #333; padding: 0 15px 15px 15px; }

#form2 h3  { color: #333; padding: 0 15px 15px 15px; }


form div.submit input { padding : 0 .55em; 
background-color : #aa2c21;
border : 1px double #666; 

font : bold 92% Tahoma, Verdana, Arial, sans-serif; 
color : #fff;
text-transform : uppercase;
position: absolute;left: 153px; top: 5px;
}



form div input { padding : 0 .55em; 
background-color : #aa2c21;
border : 1px double #666; 

font : bold 92% Tahoma, Verdana, Arial, sans-serif; 
color : #fff;
text-transform : uppercase;
position: absolute;left: 160px; top: -20px;
}

form div input:hover{ background-color : #666;
}

#domain-form  { border: 0px solid #333; width: 255px; margin: 0 0 10px 0}

#call h2  {background : url(images/quote-ad-new.png) no-repeat; position : absolute; left : 695px; top : 10px; width: 340px; height : 120px; text-indent: -9999px; z-index: 3000;
 }


#hm-sidebar{
width:220px;
float:left; 
position:relative; padding: 0px 5px 0 25px; 
margin: 30px 0;


  }
  
  #hm-sidebar2{
width:170px;
float:right; 
padding: 0px ; 
margin: 40px  60px 0 0px;


  }

#content{
 float: left; 
 position: relative; 
 width:540px;
 height:  100%;
padding:  10px 0px; 
margin: 0 5px;

 }
 
 #content2{
 float: left; 
 position: relative; 
 width:650px;
 height:  100%;
padding:  0px 0px; 
margin: 0 5px;

 }
 
 #blog-content{
 float: left; 
 position: relative; 
 width:650px;
 height:  100%;
padding:  0 15px; 
margin: 0  ;
background-color: #ffffff;
border: 1px solid #999;
 }
 
 #des-content{
 float: left; 
 position: relative; 
 width:720px;
padding:  10px 20px; 
margin: 10px 0 0 90px;
height:100%;
background-color: #ffffff;
border: 1px solid #999;

 }



 
 #prchecker{
  position: relative; 
 width:400px;
 height: 150px;
 border: 1px solid #cc0000;
padding: 5px ; 
margin: 0 0 11px 0;
height:100%;

 }

 
 
 #featured h1{
 text-align:left; color: #666; text-decoration:none;
font : 165%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ;  } 

 
#flickrcontent{
 float: left; 
 position: relative; 
 width:500px;
padding: 0 10px 0 25px; 
height:100%;


 }

 
#footer{
width: 980px;
 height:70px; 
  
 clear:both;
text-align: center; padding-top: 10px;
margin-top: 15px;
 position: absolute; top: 468px; left:11px;
 
 }
 
 #footer2{
width: 980px;
 height:70px; 
clear:both;
text-align: left; padding-top: 30px;
margin-top: 35px;
 position: relative;
 
 }  
 
 #box  {position: absolute; top: -22px; left: 650px;}
 #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;  

 }
 
 #post2{ padding: 0 ;  

 }
 
/* 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*/ 

ol li{
 text-align:left; color: #000; list-style-type: decimal;
font : 100%/160% Tahoma, Verdana, Arial, sans-serif; margin-left: 20px;} 

 
ul a{
 text-align:left; color: #333; text-decoration:none;
font : 90%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ;} 

ul.hosting li{
 text-align:left; color: #000000; list-style-type: disc;
font : 90%/160% Tahoma, Verdana, Arial, sans-serif;  margin-left: 20px;} 



ul a:hover{
 text-align:left; color: #000; text-decoration:underline;
}

h4 {
 text-align:left; color: #aa2c21; text-decoration:none;
font : 122%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; border-bottom: 1px dotted #666666; } 

h5 {
 text-align:left; color: #525252; text-decoration:none;
font : 16px/18px Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; padding: 0 10px; } 

b {
 text-align:left; color: #525252; text-decoration:none;
font : 11px/22px Tahoma, Verdana, Arial, sans-serif; font-weight: bold ;  padding: 0 10px;} 

#sub-head h2 {position: absolute; top: 0px; left: 0px; text-align:left; color: #333; text-decoration:none; width:550px; height:25px;padding-bottom: 10px;
font : 145%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; }



h2 {
 text-align:left; color: #aa2c21; text-decoration:none;
font : 145%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ;  }   

h2 a{
 text-align:left; color: #000; text-decoration:none;
} 

b.black{
 text-align:left;  color: #333; text-decoration:none;
font : 80%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; padding: 4px 0px; } 

p.date{
 text-align:left;  color: #999; text-decoration:none;
font : 100%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; padding: 4px 0px; } 

p.footer{
 text-align:left;  color: #333; text-decoration:none;
font : 90%/160% Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; padding: 4px 15px 0 0;} 

p.catcom{
 text-align:left; background-color: #fff; color: #000; text-decoration:none;
font : 90%/160% Tahoma, Verdana, Arial, 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:#aa2c21;}
a:hover { color:#000;}

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

img.alignleft  {padding-right: 10px;}	
	

  #sidebar{
 width:190px;
 float:right; 
 position:relative; padding: 0px ; 
margin: 10px 0px;
  }
  
 #sidebar2{
 
 position:relative; 
 width:182px; 
 float:left; 
margin: 0px auto;
margin-top: 30px;
text-align: center;
 }
 
 #sidebar3{
 width:200px;
 float:left; 
 position:relative; padding: 0px ; 
margin: 20px 0 0 130px;


  }
 
  
#widgets{

margin: 0  ; 

  }

		#sidebar .paddings div {
			margin-bottom: 1.5em;
		}
		h2.widgettitle {
			font-size: 14px; color:#333;   padding: 0px 5px 5px 5px; width:100%; margin:10px 0; height:20px; width:146px;
		}
		#sidebar ul, .sidebar ol {
			margin: 0;
			list-style-type: none;
		}
			#sidebar ul li {
				padding-left: 20px;
				background: transparent url(style/images/bullet.gif) no-repeat 2px 4px;
			}
			#sidebar ul li, .sidebar ol li {
				margin-bottom: 0.5em;
			}
			
			#hm-sidebar ul li {
				padding-left: 20px;
				background: transparent url(style/images/bullet.gif) no-repeat 2px 4px;
			}

			
			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}

	#hosting   { background-color: #e1e1e1; float: left; width: 150px; height: 180px; margin: 0 10px 0 0; padding: 10px;}
	
	#hosting2   { background-color: #e1e1e1; float: right; width: 160px; height: 180px; margin: 0 0px 0 0; padding: 10px;}
	
	#linkcat-9 li {border-bottom: 1px solid #e1e1e1; padding: 3px 0;}
	
	#linkcat-9 li a{color: #990000;}


/* =Menu
-------------------------------------------------------------- */

#access {position:absolute; left : -15px; top : 90px;
	
	display: block;
	float: left;
	margin: 0 auto;
	width: 980px;
}
#access .menu-header,
div.menu {
	font-size: 11px;
	font-weight: bold;
		margin-left: 12px;
	width: 928px;
}
#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#access .menu-header li,
div.menu li {
	float: left;
	position: relative;
}
#access a {
	color: #333;
	font : 11px/14px  verdana, sans-serif;

	font-weight: bold;
	display: block;
	padding:  5px 11px ;
	text-decoration: none;
	text-transform: uppercase;
	
}
#access ul ul {
background-color: #e1e1e1;
		display: none;
	position: absolute;
	top: 24px;
	left: 0;
	float: left;
	width: 180px;
	z-index: 99999;
	opacity:0.7;
  filter:alpha(opacity=70); /* For IE8 and earlier */
	}
#access ul ul li {
	min-width: 180px;
}
#access ul ul ul {
	left: 100%;
	top: 0;

}
#access ul ul a {
		line-height: 1em;
	padding: 10px;
	width: 160px;
	height: auto;
}
#access li:hover > a,
#access ul ul :hover > a {
	background-color: #e1e1e1;
	color: #594f4f;
	
}
#access ul li:hover > ul {
	display: block; margin-bottom: -5px;

}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
background-color: #aeaba3;
	color: #fff;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color: #fff;
}

/* .phone  {color: #333;font : 13px/18px Tahoma, Verdana, Arial, sans-serif; font-weight: bold ; padding: 0 10px 0 90px; margin-bottom: 5px;} */