/* 



	Theme Name: Metro WordPress Theme



	Theme URL: http://www.studiopress.com/themes/metro



	Description: Metro is a 3-column Widget-ready theme created for WordPress.



	Author: StudioPress



	Author URI: http://www.studiopress.com



	Version: 1.0



	Tags: three columns, fixed width, white, gray, black, purple, sidebar widgets



	



	The CSS, XHTML and design is released under GPL:



	http://www.opensource.org/licenses/gpl-license.php



	



	Changelog:



		1.0 - 2/4/09	



*/







 



body {



	background: #86ba4e url(images/top_nav_bg.png) top repeat-x;



	color: #222222;



	font-size: 13px;



	font-family: Arial, Tahoma, Verdana;



	margin: 0px 0px 60px 0px;



	padding: 0px;



	}



	



#wrap {



    background: #FFFFFF;



	width: 960px;



	margin: 10px auto 0px;



	padding: 0px 10px 10px 10px;



	border: 6px solid #78a646;

	position:relative;




	}



	



/************************************************



*	Hyperlinks									*



************************************************/







a, a:visited {

	color: #db7d17;





	text-decoration: none;

	font-family: Arial, Tahoma, Verdana;

	}




	



a:hover {



	text-decoration: none;

	color: #db7d17;

	}



	



a img {



	border: none;



	}



	



a:focus, a:hover, a:active {



	outline: none;



	}



	



/************************************************



*	Header  									*



************************************************/







#header {



	width: 960px;



	height: 110px;



	margin: 0px auto 0px;



	padding: 0px;



	margin: 0px auto 0px;



	padding: 0px 0px 0px 0px;



	font-size: 16px;



	color: #222222;



	}



	



.headerleft {



	width: 480px;



	float: left;



	margin: 0px;



	padding: 0px;



	}



	



.headerleft h1 {



	font-family: Arial, Tahoma, Verdana;



	font-size: 42px;



	color: #333333;



	font-weight: normal;



	text-decoration: none;



	margin: 0px;



	padding: 20px 0px 0px 0px;



	}



	



.headerleft h1 a {



	font-family: Arial, Tahoma, Verdana;



	font-size: 42px;



	color: #333333;



	font-weight: normal;



	text-decoration: none;



	margin: 0px;



	padding: 0px;



	}







.headerleft h1 a:hover {



	color: #333333;



	}



	



.headerleft p {



	margin: 0px;



	padding: 0px 0px 0px 0px;



	}



	



.headerright {



	width: 470px;



	float: right;



	margin: 0px 0px 0px 0px;



	padding: 15px 0px 0px 0px;



	text-align: right;

  

        position:relative;



	}



	



.headerright a img {



	border: none;



	margin: 0px 3px 3px 0px;



	padding: 0px;



	}







.headerright a, .headerright a:visited {



	font-family: Arial, Tahoma, Verdana;



	font-size: 12px;



	font-weight: normal;



	color: #222222;



	text-decoration: none;



	}



	



.headerright a:hover {



	text-decoration: none;



	}



	



.headerright p {



	margin: 0px;



	padding: 0px 0px 5px 0px;



	}



	



.headerright ul {



	list-style-type: none;



	margin: 0px;



	padding: 0px;



	}



	



.headerright li {



	list-style-type: none;



	margin: 0px;



	padding: 0px;



	}



	



/************************************************



*	Navbar  									*



************************************************/



	



#navbar {



	width: 960px;



        height: 40px;



	background: #000000 url(images/nav_bg.gif);



	margin: 0px auto 0px;



	padding: 0px;



	}



#navbarsub {



	width: 960px;



        height: 20px;



	background: #ffffff;



	margin: 0px auto 0px;



	padding: 5px 0px 0px 0px;



	}





#nav {



	margin: 0px;



	padding: 0px;



	}



	



#nav ul {



	float: left;



	list-style: none;



	margin: 0px;



	padding: 0px;



	}



	



#nav li {



	float: left;



	list-style: none;



	margin: 0px;



	padding: 0px;



	}



	



#nav li a, #nav li a:link {



	color: #FFFFFF;



	display: block;



	font-size: 12px;



	font-family: Arial;



	font-weight: normal;



	text-transform: uppercase;



    margin: 0px;



	padding: 12px 11px 8px 11px;



	border-right: 0px solid #FFFFFF;



	}







#nav li a:hover, #nav li a:active {



	background: #000000;



	color: #f2a234;



    margin: 0px;



	padding: 12px 11px 8px 11px;



	text-decoration: none;



	}



	



#nav li li a, #nav li li a:link, #nav li li a:visited {



	background: #000000;



	width: 150px;



	color: #FFFFFF;



	font-size: 12px;



	font-family: Tahoma;



	font-weight: normal;



	text-transform: none;



	float: none;



	margin: 0px 0px 0px -1px;



	padding: 12px 11px 8px 11px;



	border-bottom: 0px solid #FFFFFF;



	border-left: 0px solid #FFFFFF;



	border-right: 0px solid #FFFFFF;



	}



	



#nav li li a:hover, #nav li li a:active {



	background: #000000;



	color: #f2a234;



	padding: 12px 11px 8px 11px;



	}







#nav li ul {



	z-index: 9999;



	position: absolute;



	left: -999em;



	height: auto;



	width: 170px;



	margin: 0px;



	padding: 0px;



	}







#nav li li { 



	}







#nav li ul a { 



	width: 140px;



	}







#nav li ul a:hover, #nav li ul a:active { 



	}







#nav li ul ul {



	margin: -30px 0 0 170px;



	}







#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {



	left: -999em;



	}







#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {



	left: auto;



	}







#nav li:hover, #nav li.sfhover { 



	position: static;



	}



	



#nav .current_page_item a {



	background: #000000;



	color: #f2a234;



    margin: 0px;



	padding: 12px 13px 8px 13px;



	text-decoration: none;



	}







/************************************************



*	Top Navbar  									*



************************************************/

/* #top_navbar_bg {
	
		width:100%;
			

		
} */

#top_navbar {

	height:25px;
	width:960px;

	margin: 0px auto 60px auto;

	padding: 5px 0px 10px 0px;


}

#top_navbar li {

	float: left;

	margin: 0px;

	margin-top:0px;

	border-right:1px solid #9cc293;

list-style-type: none;

}

#top_navbar ul {


	float:left;
	padding:0 0 20px 0;
	margin:0 0 15px 0;

}

#top_navbar li:last-child {

	border-right:none;

}

#top_navbar a, #top_navbar a:visited {

	font:12px Arial, Helvetica, sans-serif;

	color: #fff;

	display: block;

	margin: 0px;

	padding: 2px 8px 0 15px;

	text-decoration:none;

}

#top_navbar a:hover {

	color:#ffffff;

}











/************************************************



*	Homepage 					     		    * 



************************************************/







#homepage {



	float: left;



	width: 730px;



	margin: 10px 0px 0px 0px;



	padding: 0px 0px 20px 0px;



	display: inline;



	}



	



#homepage h1 {



	color: #000000;



	background: none;



	font-size: 16px;



	font-family: Arial, Tahoma, Verdana;



	font-weight: bold;



	margin: 10px 0px 0px 0px;



	padding: 0px 0px 5px 0px;



	}



	



#homepage h1 a, #homepage h1 a:visited {



	color: #000000;



	background: none;



	font-size: 16px;



	font-family: Arial, Tahoma, Verdana;



	margin: 20px 0px 0px 0px;



	padding: 0px 0px 5px 0px;

	

		font-weight: bold;





	}



	



#homepage h1 a:hover {



	color: #f19a02;



	text-decoration: none;



	}



	



#homepage h2 {



	color: #f19a02;



	background: none;



	font-size: 18px;



	font-family: Arial, Tahoma, Verdana;

	

	font-weight: normal;



	margin: 10px 0px 0px 0px;



	padding: 0px 0px 5px 10px;



	}







#homepage h3 {



	color: #ffffff;



	font-size: 20px;



	font-family: Arial, Tahoma, Verdana;



	font-weight: none;





	font-style: none;



	padding: 5px 0px 5px 0px;



	margin: 0px 0px 10px 0px;



	border-top: 0px solid #bbbbbb;



	border-bottom: 1px solid #e2e2e2;



	text-align: left;



	}



	



#homepage h4 {



	color: #db7d17;



	font-size: 20px;



	font-family: Arial, Tahoma, Verdana;



	font-weight: bold;



	font-style: none;



	padding: 5px 0px 5px 0px;



	margin: 0px 0px 10px 0px;



	border-top: 0px solid #bbbbbb;



	border-bottom: 1px solid #e2e2e2;



	text-align: left;



	}	



	



#homepage h5 {



	color: #0a575e;



	font-size: 16px;



	font-family: Arial, Tahoma, Verdana;



	font-weight: bold;



	font-style: none;



	padding: 5px 0px 5px 0px;



	margin: 0px 0px 5px 0px;



	border-top: solid 1px #289ca7;



	border-bottom: solid 1px #289ca7;



	text-align: left;



	}





#homepage h6 {



	color: #000000;



	font-size: 20px;



	font-family: Arial, Tahoma, Verdana;



	font-weight: bold;



	font-style: none;



	padding: 5px 0px 5px 0px;



	margin: 0px 0px 10px 0px;



	border-top: 0px solid #ffffff;



	border-bottom: 1px solid #ffffff;



	text-align: left;



	}	

	



#homepage p {



	padding: 0px;



	margin: 0px;



	}



	



#fcg {



	background: #FFFFFF url(images/bg.gif);



	margin: 0px 0px 20px 0px;



	padding: 10px;



	}



	



#fcg p {



	margin: 0px;



	padding: 0px 10px 0px 10px;



	font-size: 12px;



	}



	



.homepageleft {



	/*background: #FFFFFF url(images/bg.gif);*/



	float: left;



	width: 410px;



	margin: 0px 0px 0px 0px;



	padding: 10px 10px 0px 0px;



	display: inline;



	}



	



.homepageleft ol {



	margin: 0px 0px 0px 20px;



	padding: 10px 0px 15px 0px;



	}



	



.homepageleft ol li {



	margin: 0px 0px 0px 20px;



	padding: 0px 0px 5px 0px;



	}



	



.homepageleft ul {



	list-style-type: square;



	margin: 0px 0px 0px 20px;



	padding: 0px 0px 15px 0px;



	}



	



.homepageleft ul li {



	list-style-type: square;



	margin: 0px 0px 0px 20px;



	padding: 0px 0px 5px 0px;



	}



	



.posts {



	background: #FFFFFF;



	float: left;



	margin: 0px 0px 10px 0px;



	padding: 10px 10px 10px 5px;



	display: inline;



	}



	



.link  {



	margin: 0px 0px 0px 0px;



	padding: 0px 0px 15px 0px;



	text-align: right;



	border-bottom: 1px solid #e2e2e2;



	}



	



.link a, .link a:visited {



	background: #EEEEEE;



	-moz-border-radius: 3px;



	-khtml-border-radius: 3px;



	-webkit-border-radius: 3px;



	font-family: Arial;



	font-size: 11px;



	color: #666666;



	text-decoration: none;



	margin: 0px;



	padding: 2px 5px 2px 5px;



	border: 1px solid #DDDDDD;



	}



	



.link a:hover {



	background: #f19a02;



	color: #FFFFFF;



	text-decoration: none;



	}



	



.homepagemiddle {



	background: #b6e3e9;



	float: left;



	width: 270px;



	margin: 12px 0px 0px 5px;



	padding: 0px 10px 10px 10px;



	display: inline;



	line-height: 22px;

	

	border: 4px solid #1F6B75;



	}



	



.homepagemiddle embed, .homepagemiddle object {



	width: 250px; 



	height: 205px;



	margin: 0px; 



	padding: 0px;



	}



	



.homepagemiddle ul {



	list-style: none;



	margin: 0px;



	padding: 0px;



	}







.homepagemiddle ul li {



	padding: 3px 0px 1px px;



	margin: 0px;



	border-bottom: 1px solid #57b6bf;



	}







.homepagemiddle ul li a, .homepagemiddle ul li a:visited {



	color: #0a575e;



	text-decoration: none;



	margin: 0px;



	padding: 0px;



	}







.homepagemiddle ul li a:hover {



	color: #ffffff;



	text-decoration: none;

	



	}



	



.video {



	background: ;



	float: left;



	margin: 0px 0px 10px 0px;



	padding: 7px 10px 10px 10px;



	display: inline;



	}



	



.videolist {



	background: ;



	width: 250px;



	float: left;



	margin: 0px;



	padding: 10px;



	display: inline;



	}



	



/************************************************



*	Content 					     		    * 



************************************************/







#content {



	width: 960px;



	margin: 0px auto 0px;




	padding: 0px;



	display: inline;



	line-height: 20px;



	}







#contentleft h1, #contentwide h1, #contentfull h1, #contentpage h1 {



	color: #222222;



	font-size: 24px;



	font-family: Arial, Tahoma, Verdana;

	font-weight: bold;



	margin: 0px 0px 5px 0px;

	border-bottom: 1px solid #e2e2e2;

	padding: 0px 0px 10px 0px;

	



	}



	



#contentleft h1 a, #contentleft h1 a:visited, #contentwide h1 a, #contentwide h1 a:visited {



	color: #222222;



	text-decoration: none;



	margin: 0px 0px 0px 0px;



	padding: 0px 0px 0px 0px;



	}







#contentleft h1 a:hover, #contentwide h1 a:hover {



	color: #d77b00;



	text-decoration: none;



	}



	



#contentwide h2 {



	color: #222222;



	font-size: 14px;



	font-family: Arial, Tahoma, Verdana;



	font-weight: normal;



	margin: 0px 0px 0px 0px;



	padding: 0px 0px 0px 0px;



	}



	



#content h3 {



	color: #222222;



	font-size: 18px;



	font-family: Arial, Tahoma, Verdana;



	font-weight: normal;



	margin: 0px 0px 10px 0px;



	padding: 0px 0px 0px 0px;



	}



#content h6 {



	color: #0a575e;



	font-size: 20px;



	font-family: Arial, Tahoma, Verdana;



	font-weight: bold;



	margin: 5px 0px 7px 0px;



	padding: 0px 0px 5px 0px;

	border-bottom: 1px solid #289ca7;

	}

	



/*#content p img{



	float: left;



	border: none;



	margin-right: 15px;



	margin-bottom: 10px;



	}*/



	



#content img.wp-smiley {



	float: none;



	border: none;



	padding: 0px;



	margin: 0px;



	}







#content img.wp-wink {



	float: none;



	border: none;



	padding: 0px;



	margin: 0px;



	}



	



#contentleft {



	float: left;



	width: 550px;



	margin: 0px;



	padding: 30px 0px 20px 0px;



	display: inline;



	}



	



#contentwide {



	float: left;



	width: 550px;



	margin: 0px;



	padding: 30px 0px 20px 0px;



	display: inline;



	}

	

	

#contentpage {



	float: left;



	width: 550px;



	margin: 0px;



	padding: 30px 0px 20px 0px;



	display: inline;



	}


#contentshowcase {



	float: left;



	width: 550px;



	margin: 0px;



	padding: 30px 0px 20px 0px;



	display: inline;



	}

	
#contentshowcase h1 {
	
		color: #222222;



	font-size: 24px;



	font-family: Arial, Tahoma, Verdana;

	font-weight: bold;



	margin: 0px 0px 5px 0px;

	border-bottom: 1px solid #e2e2e2;

	padding: 0px 0px 10px 0px;

	



	}



#contentfull {



	float: left;



	width: 960px;



	margin: 0px;



	padding: 30px 0px 20px 0px;



	display: inline;



	}





.postarea ul {



	list-style-type: square;



	margin: 0px;



	padding: 0px 0px 15px 0px;



	}



	



.postarea ul li {



	list-style-type: square;



	margin: 0px 0px 0px 20px;



	padding: 0px;



	}



	



.postarea ul ul {



	list-style-type: square;



	margin: 0px;



	padding: 0px 0px 0px 0px;



	}



	



.postarea ol {



	margin: 0px;



	padding: 0px 0px 15px 0px;



	}



	



.postarea ol li {



	margin: 0px 0px 0px 20px;



	padding: 0px;



	}



	



.postarea p {



	margin: 0px;



	padding: 0px 0px 15px 0px;



	}



	



blockquote {



	background: #F2F2F2;



	margin: 0px 25px 15px 25px;



	padding: 10px 20px 10px 20px;



	border-top: 1px solid #DDDDDD;



	border-right: 1px solid #666666;



	border-left: 1px solid #DDDDDD;



	border-bottom: 1px solid #666666;



	}



	



#content blockquote p {



	margin: 0px 0px 0px 0px;



	padding: 0px 0px 0px 0px;



	}



	



.postdate {



	font-family: Arial, Tahoma, Verdana;



	font-size: 11px;



	color: #666666;



	text-decoration: none;



	margin: 0px 0px 10px 0px;



	padding: 0px;



	}



	



.postdate p {



	margin: 0px;



	padding: 0px;



	}







.postmeta {



	font-family: Arial, Tahoma, Verdana;



	font-size: 11px;



	background: #F5F5F5;



	color: #666666;



	text-decoration: none;



	margin: 0px 0px 50px 0px;



	padding: 5px 10px 5px 10px;



	border: 1px solid #DDDDDD;



	}



	



.postmeta p {



	margin: 0px;



	padding: 0px;



	}



	



.archive {



	float: left;



	width: 300px;



	margin: 0px;



	padding: 0px 20px 20px 0px;



	}



	



/************************************************



*	Images  					     		    * 



************************************************/







img.centered  {



	display: block;



	margin-left: auto;



	margin-right: auto;



	margin-bottom: 10px;



	padding: 0px;



	}



	



img.alignnone {



	padding: 0px;



	margin: 0px 0px 10px 0px;



	display: inline;



	}

	

img.ad {



	padding: 20px 0px 10px 10px;



	margin: 0px 0px 10px 0px;



	display: inline;



	}







img.alignright {



	padding: 0px;



	margin: 0px 0px 10px 10px;



	display: inline;



	}







img.alignleft {



	padding: 0px;



	margin: 0px 10px 10px 0px;



	display: inline;



	}



	



.aligncenter {



	display: block;



	margin-left: auto;



	margin-right: auto;



	margin-bottom: 10px;



	}







.alignright {



	float: right;



	margin: 0px 0px 10px 10px;



	}







.alignleft {



	float: left;



	margin: 0px 10px 10px 0px;



	}



	



.wp-caption {



	border: 1px solid #DDDDDD;



	text-align: center;



	background-color: #EEEEEE;



	padding: 4px 0px 5px 0px;



	-moz-border-radius: 3px;



	-khtml-border-radius: 3px;



	-webkit-border-radius: 3px;



	border-radius: 3px;



	}







.wp-caption img {



	margin: 0px 0px 5px 0px;



	padding: 0px;



	border: 0px;



	}







.wp-caption p.wp-caption-text {



	margin: 0px;



	padding: 0px 0px 0px 0px;



	font-size: 11px;



	font-weight: normal;



	line-height: 12px;



	}



	



/************************************************



*	Left Sidebar 		    			   	    * 



************************************************/







#l_sidebar {



	/*background: #FFFFFF url(images/bg.gif);*/



	float: left;



	width: 140px;



	font-size: 11px;



	margin: 5px 20px 10px 0px;



	padding: 10px 10px 0px 0px;



	display: inline;



	line-height: 22px;



	}



	



#l_sidebar h2 {



	color: #d77b00;



	font-size: 14px;



	font-family: Arial;



	font-weight: none;



	font-style: none;



	padding: 3px 0px 3px 0px;



	margin: 0px 0px 0px 0px;



	border-top: 0px solid #cccccc;



	border-bottom: 0px solid #cccccc;



	text-align: left;



	}



	




#l_sidebar .widget  {



	background: #ffffff;



	margin: 0px 0px 10px 0px;



	padding: 10px;



	clear: both;



	}



	



#l_sidebar ul {



	list-style: none;



	margin: 0px;



	padding: 0px;



	}







#l_sidebar ul li {



	padding: 0px;



	margin: 0px;



	}



	



#l_sidebar ul li li {



	padding: 0px;



	margin: 0px;



	border-bottom: 1px solid #efefef;



	}



	



#l_sidebar ul li li a, #l_sidebar ul li li a:visited {



	color: #000000;



	text-decoration: none;



	margin: 0px;



	padding: 0px;



	}







#l_sidebar ul li ul li a:hover {



	color: #db7d17;



	text-decoration: none;



	}



	



/************************************************



*	Right Sidebar 		    	    	        * 



************************************************/







#r_sidebar {



	/* background: #FFFFFF url(images/bg.gif);*/



	float: right;



	width: 220px;



	font-size: 12px;



	margin: 0px 0px 5px 7px;



	padding: 0px 0px 0px 0px;



	display: inline;



	line-height: 20px;

  

        position: relative;
		




	}



	



#r_sidebar h2 {



        background: ;



	color: #37abc1;



	font-size: 20px;



	font-family: Arial;



	font-weight: none;



	font-style: none;



	padding: 3px 0px 3px 5px;



	margin: 0px 0px 5px 0px;



	border-top: 0px #38aabe;



	border-bottom: 0px solid #37abc1;



	text-align: left;



	}



	



#r_sidebar .widget  {



	background: #FFFFFF;



	margin: 0px 0px 10px 0px;



	padding: 0px;



	}



	



#r_sidebar ul {



	list-style: none;



	margin: 0px;



	padding: 0px 0px 0px 0px;



	}







#r_sidebar ul li {



	padding: 0px;



	margin: 0px;



	}



	



#r_sidebar ul li li {



	padding: 0px 0px 0px 8px;



	margin: 0px;



	border-bottom: 1px solid #e2e2e2;



	}



	



#r_sidebar ul li li a, #r_sidebar ul li li a:visited {



	color: #000000;



	text-decoration: none;



	margin: 0px;



	padding: 0px;



	}







#r_sidebar ul li ul li a:hover {



	color: #31b0bd;



	text-decoration: none;



	}



	



/************************************************



*	Footer  									*



************************************************/







#footer {



	width: 954px;





	margin: 0px auto 0px;



	padding: 5px 1px 1px 1px;



	border: 0px double #FFFFFF;



	text-align: center;

    height: 35px;



	background: #000000 url(images/nav_bg.gif)



	}



	



#footer a, #footer a:visited {



	color: #db7d17;



	font-family: Arial, Tahoma, Verdana;



	font-weight: normal;



	text-decoration: none;



	}



	



#footer a:hover {

	color: #db7d17;

	text-decoration: none;



	}



	



#footer p {



	color: #FFFFFF;



	font-family: Arial, Tahoma, Verdana;



	margin: 0px;



	padding: 5px 0px 5px 0px;



	}







/************************************************



*	Search Form									*



************************************************/







.postform {



	background: #F5F5F5;



	width: 230px;



	color: #222222;



	font-size: 12px;



	font-family: Arial, Tahoma, Verdana;



	margin: 5px 0px 0px 0px;



	padding: 1px;



	display: inline;



	border: 1px solid #DDDDDD;



	}







#searchform {



	margin: 20px 0px 0px 0px;



	padding: 30px 15px 0px 0px;



	}



	



#s {



	background: #F5F5F5 !important;



	width: 150px;



	color: #222222;



	font-size: 12px;



	font-family: Arial, Tahoma, Verdana;



	font-weight: normal;



	margin: 0px;



	padding: 2px 0px 2px 5px;



	border: 1px solid #DDDDDD;



	display: inline;



	}



	



#searchsubmit  {

	margin: 0px 0px 0px 5px;

padding: 0px 0 0px 0;

	}


.searchinput {
	margin: 0px 13px 0 80px;
	float:right;
	
}
	



#author, #email, #url {



	background: #F5F5F5 !important;



	color: #222222;



	font-size: 12px;



	font-family: Arial, Tahoma, Verdana;



	margin: 0px;



	padding: 4px;



	border: 1px solid #DDDDDD;



	}



	



#comment {



	background: #F5F5F5 !important;



	color: #222222;



	font-size: 12px;



	font-family: Arial, Tahoma, Verdana;



	padding: 4px;



	margin: 0px 0px 5px 0px;



	border: 1px solid #DDDDDD;



	}



	



#submit {



	background: #333333;



	color: #FFFFFF;



	font-size: 12px;



	font-family: Arial, Tahoma, Verdana;



	text-transform: uppercase;



	margin: 0px;



	padding: 1px;



	border: 1px solid #333333;



	}



	



/************************************************



*	Comments									*



************************************************/



	



.commentlist li ul li {



	font-size: 12px;



	}







.commentlist li {



	font-weight: bold;



	}







.commentlist li .avatar { 



	background: #FFFFFF;



	float: right;



	border: 1px solid #EEEEEE;



	margin: 0px 5px 0px 10px;



	padding: 2px;



	}







.commentlist cite, .commentlist cite a {



	font-weight: bold;



	font-style: normal;



	font-size: 12px;



	}







.commentlist p {



	font-weight: normal;



	text-transform: none;



	}







.commentmetadata {



	font-weight: normal;



	}







#commentform input {



	width: 170px;



	padding: 2px;



	margin: 5px 5px 1px 0px;



	}







#commentform {



	margin: 5px 10px 0px 0px;



	}



	



#commentform textarea {



	width: 98%;



	padding: 2px;



	}



	



#respond:after {



	content: "."; 



	display: block; 



	height: 0px; 



	clear: both; 



	visibility: hidden;



	}



	



#commentform p {



	margin: 5px 0px 5px 0px;



	}



	



#commentform #submit {



	margin: 0px;



	float: left;



	}



	



.alt {



	margin: 0px;



	padding: 10px;



	}







.commentlist {



	margin: 0px;



	padding: 0px;



	}



	



.commentlist ol {



	margin: 0px;



	padding: 10px;



	}







.commentlist li {



	margin: 15px 0px 10px;



	padding: 10px 5px 10px 10px;



	list-style: none;







	}



.commentlist li ul li { 



	margin-right: -5px;



	margin-left: 10px;



	}







.commentlist p {



	margin: 10px 5px 10px 0px;



	padding: 0px;



	}



	



.children { 



	margin: 0px;



	padding: 0px;



	}







.nocomments {



	text-align: center;



	margin: 0px;



	padding: 0px;



	}



	



.reply a, .reply a:visited {



	background: #EEEEEE;



	-moz-border-radius: 3px;



	-khtml-border-radius: 3px;



	-webkit-border-radius: 3px;



	font-family: Arial, Tahoma, Verdana;



	font-size: 11px;



	color: #666666;



	text-decoration: none;



	margin: 0px;



	padding: 2px 5px 2px 5px;



	border: 1px solid #DDDDDD;



	}



	



.reply a:hover {



	background: #660033;



	color: #FFFFFF;



	text-decoration: none;



	}







.commentmetadata {



	font-size: 10px;



	margin: 0px;



	display: block;



	}







.navigation {



	display: block;



	text-align: center;



	margin-top: 10px;



	margin-bottom: 40px;



	}



	



.alignright {



	float: right;



	}







.alignleft {



	float: left;



	}



	



.thread-alt {



	background: #FFFFFF;



	margin: 0px;



	padding: 0px;



	}



	



.thread-even {



	background: #F5F5F5;



	margin: 0px;



	padding: 0px;



	}



	



.depth-1 {



	border: 1px dotted #BBBBBB;



	margin: 0px;



	padding: 0px;



	}







.even, .alt {



	border-top: 1px dotted #BBBBBB;



	border-bottom: 1px dotted #BBBBBB;



	border-left: 1px dotted #BBBBBB;



	margin: 0px;



	padding: 0px;



	}



#hosting {

	position:absolute;

	right:-15px;

	top:-68px;

}



#blogwebsite {

	position:absolute;

	left:325px;

	top:-58px;

}



#dictionary {

	position:absolute;

	left:450px;

	top:-68px;

        z-index: 1;

}



#buildwebsite {

	position:absolute;

	left:500px;

	top:-59px;



}



#freetemplates {

	position:absolute;

	left:200px;

	top:-66px;



}



#freeseo {

	position:absolute;

	left:85px;

	top:-69px;



}

#makewebsite {

	position:absolute;

	left:0px;

	top:-69px;



}



#starthere {

	position:absolute;

	left:145px;

	top:275px;

        z-index: 1;



}



#r_about {



	background: #efefef;

	border: 1px solid #e4e4e4;

	float: right;

	width: 200px;

	height: 257px;

	font-size: 12px;

	margin: 10px 0px 15px 10px;

	padding: 10px 10px 10px 10px;

	display: inline;

        position:relative;

        line-height: 16px;



	}



#r_about p {

	padding: 70px 0px 10px 0px;

        line-height: 16px;



	}



#about {

	position:absolute;

	left:10px;

	top:-7px;



}



#intro {



	background: #efefef;

	border: 1px solid #e4e4e4;



	width: 370px;

	height: 257px;

	font-size: 12px;

	margin: 10px 0px 15px 0px;

	padding: 10px 10px 10px 10px;

	display: inline;

        position:relative;





	}



#intro p {

	padding: 10px 0px 10px 0px;

        line-height: 16px;



	}



#toplinks {

	float:right;

}



#toplinks img {

	float:right;

        padding:0px 10px 10px 0px;

}



#connect {

	position:absolute;

	left:200px;

	top:2px;
	        z-index: 1;



}



#infobox  {



font-family: Georgia,Verdana,Arial;

font-size: 12pt;

line-height: 2;

margin-top: 0px;

margin-right: 0pt;

margin-bottom: 25px;

margin-left: 0pt;

padding-top: 10px;

padding-right: 15px;

padding-bottom: 10px;

padding-left: 15px;

background-color: #ecf2f6;

background-image: none;

background-repeat: repeat;

background-attachment: scroll;

background-position: 0% 0%;



}


.showcase {
	width: 238px;
	height: 200px;
	float: left;
	margin: 15px 12px 0px 5px;
	padding: 0px 12px 0px 5px;
	display:inline;


}




.showcasetitle, .showcasetitle a {
	color: #d77b00;
	font-size: 14px;
	font-family: Arial;
	float: left;
	padding: 1px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight:bold;
	font-decoratiom: underline;

}



.showcase img, .showcase img a {
	width: 230px;
	height: 160px;
	margin-bottom: 2px;
	border: 1px solid #dddddd;
	padding: 4px;




}



.postratings {



        display: block;

        float: right;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;



	}

table, td, tr, rowspan, rowcolumn {

margin:0;

padding:0;

}



#about td { border-bottom: 0px solid #e0e1d8; font:normal 12px Lucida Sans Unicode, Lucida Grande, sans-serif; color:#454541;}



td { border-bottom: 1px solid #e0e1d8; font:normal 14px Lucida Sans Unicode, Lucida Grande, sans-serif; color:#454541;}



td.headergray { background-image:url(images/tablheaderbg01.jpg); background-repeat:repeat-x; background-color:#f8f8f6; height:39px; border:none; padding:0px; margin:0px;}



td.headerdarkgray { background-image:url(images/tablheaderbg02.jpg); background-repeat:repeat-x; background-color:#f0f0ed; height:39px; border:none; padding:0px; margin:0px;}



td.bottom { padding-bottom:10px; border:none;}



#subheader {

width:95%;

}



#subheader h2 {

	font: normal 18px Lucida Sans Unicode, Lucida Grande, sans-serif;

	float:left;

    padding-top:7px;

	text-decoration:none;

	border:none;

}





.checkitbutton {width: 81px; height: 25px; float: left; display: inline; padding-top: 7px;}

.showcasefront {
	width: 238px;
	height: 200px;
	float: left;
	margin: 15px 12px 0px 5px;
	padding: 0px 12px 0px 5px;
	display:inline;


}




.showcasetitlefront, .showcasetitlefront a {
	color: #0a575e;
	font-size: 14px;
	font-family: Arial;
	float: left;
	padding: 1px 0px 0px 2px;
	margin: 0px 0px 0px 0px;
	font-weight:bold;
	font-decoratiom: underline;

}



.showcasefront img, .showcasefront img a {
	width: 230px;
	height: 160px;
	margin-bottom: 2px;
	border: 0px solid #dddddd;
	padding: 4px;
	background: #27a0aa;


}

.demo img {
margin-left: auto;
margin-right: auto;
margin-bottom:7px;
margin-top:20px;
display:block;
}

.download img {
margin-left: auto;
margin-right: auto;
margin-bottom:30px;
display:block;
}

.screenshot {
margin-left: auto;
margin-right: auto;
margin-bottom:20px;
display:block;
}

.navigation {
	float:left;
	margin:30px 0px 0px 0px;
	clear:both;
}

.navigationolder {
	background:url(file:images/older.jpg);

}

.headerad {

}

.headerad img {
	padding-top:10px;
	width:726px;

}

.headerad a {
	

}

.tipbox {

font-size:11pt;

width: 475px;

margin: 0 auto 25px auto;

padding: 10px 15px;

background: #d4eff2;

line-height: 2.0;

-moz-border-radius: 6px;

-khtml-border-radius: 6px;

-webkit-border-radius: 6px;

border-radius: 6px;

}


#domain 

{

position: relative;

width: 450px;

height: 186px;

background-image: url(images/search_bg.jpg);

background-repeat: no-repeat;

background-position: 0px 0px;
margin: 0px auto;

}


#domainhome 

{

position: relative;

width: 309px;

height: 115px;

background-image: url(images/register.jpg);

background-repeat: no-repeat;

background-position: 0px 0px;
left: 422px;
top:5px;
margin:0 0 4px 0;
}

#domainhome input {
margin-top:20px;
margin-bottom:7px;
}

#SearchForm {

margin: 45px 0 0 33px;
position: relative;
top: 105px;
left: 80px;

}


#SearchFormHome {

margin: 0px 0 0 20px;
position:relative;
top:-1635px;
/* top:-1473px; */
left:-6px;
width:290px;
height:100px;


}

#SearchFormHome a {
	font-size:10px;
	color:#FFF;
	margin:3px 9px 0 0;



}

#SearchFormHome a:hover {
	text-decoration:underline;



}

#SearchButtonHome {
margin:-2px 0 0 5px;
position:absolute;

} 

#imageeditor 

{

position: relative;

width: 309px;

height: 70px;

background-image: url(images/free-online-image-editor.jpg);

background-repeat: no-repeat;

background-position: 0px 0px;
left: 422px;
top:5px;
margin:0 0 4px 0;
}