/*
Theme Name: Design for 2010
Theme URI: http://www.surf7.net
Description: Custom Theme for Surf7.net
Version: 1.0
Author: Benjamin Leow
Author URI: http://www.surf7.net/
Tags: Two Column, Widget
*/

body {
border:0;
margin:0;
padding:0;
font-family:Tahoma,sans-serif;
font-size:12px;
color:#223944;
background-color:#333333;
}

a:link, a:visited {
text-decoration:none;
color:#0066CC;
}

a:hover, a:active {
text-decoration:underline;
color:#0066CC;
}

img {
behavior: url('/iepngfix/iepngfix.htc');
}

a img {
border:0;
}

form {
margin:0;
padding:0;
}

h1 {
margin:5px 0;
font-size:2em;
font-family:Arial, Helvetica, sans-serif;
color:#cc3300;
padding:0 10px;
}

#headerwrapper {
position:relative;
z-index:50;
background-color:#336699;
background-image:url('images/header-bg.gif');
}

#topbar, #header, #content, #footer {
width:993px;
margin:0 auto;
text-align:left;
}

#footerwrapper {
background-color:#095DA3;
background-image:url('images/footer-bg.gif');
background-repeat:repeat-x;
margin:0;
}

#footer {
color:#999;
padding:30px 0;
font-size:0.9em;
}

#footer a:link, #footer a:visited {
color:#ddd;
text-decoration:none;
}

#footer a:hover, #footer a:active {
color:#ddd;
text-decoration:underline;
}


#footer-link {
float:left;
}

#footer-sep {
float:left;
width:10px;
height:220px;
border-right:1px solid #666666;
}

#footer-copyright {
float:right;
width:320px;
}

#footer-link ul {
margin:0;
padding:0;
}

#footer-link ul ul {
margin:10px 0 0 0;
}

#footer-link ul li {
list-style:none;
padding:0;
width:150px;
float:left;
font-weight:bold;
font-size:1.3em;
margin-left:10px;
}

#footer-link ul li li {
margin:3px 0;
font-weight:normal;
font-size:0.8em;
}

#footer-link ul li a:link, #footer-link ul li a:visited, #footer-link ul li a:hover, #footer-link ul li a:active {
color:#FF9900;
}

#footer-link ul li a:hover, #footer-link ul li a:active {
text-decoration:none;
}

#footer-link ul li li a:link, #footer-link ul li li a:visited, #footer-link ul li li a:hover, #footer-link ul li li a:active {
color:#ddd;
}

#footer-link ul li li a:hover, #footer-link ul li li a:active {
text-decoration:underline;
}

#topbarwrapper {
border-bottom:1px solid #7E9DB9;
padding:5px;
background-image:url('images/topbar_bg.gif');
}

#contactinfo {
font-size:0.9em;
color:#2E4254;
padding-left:8px;
padding-top:3px;
}

#contactinfo a:link, #contactinfo a:visited, #contactinfo a:hover, #contactinfo a:active {
color:#2E4254;
}

#sitesearch {
font-size:0.9em;
color:#2E4254;
}

#sitesearch input, #sitesearch select {
border:1px solid #7E9DB9;
}

#sitesearch select {
padding:0;
margin:0;
}

#sitesearch .button {
text-transform:uppercase;
font-weight:bold;
font-size:0.8em;
padding:2px 2px;
background-color:#D8E1E9;
color:#2E4254;
}

#logo {
margin:20px 0;
}

#toplinks {
margin-top:30px;
color:#FFFFFF;
font-size:0.9em;
}

#toplinks a:link, #toplinks a:visited, #toplinks a:active, #toplinks a:hover {
color:#ACCBFF;
}

#mainmenu {
background-color:#00162C;
/*background-image:url('images/midmenu.gif');
background-repeat:repeat-x;*/
height:36px;
}

.breadcrumbs {
padding-top:7px;
font-size:0.9em;
color:#999999;
}

.breadcrumbs a:link, .breadcrumbs a:visited {
color:#666666;
text-decoration:none;
}

.breadcrumbs a:active, .breadcrumbs a:hover {
color:#333333;
text-decoration:underline;
}

#contentwrapper {
background-image:url('images/content_bg.gif');
background-repeat:repeat-x;
background-color:#FFFFFF;
}

#sidebox-column {
width:250px;
float:left;
margin-top:7px;
}






.xsnazzy {background: transparent; margin-bottom:10px;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #999; border-right:1px solid #999;}
.widget .xtop .xb2, .widget .xtop .xb3, .widget .xtop .xb4 {background-color:#00162C; border-left:1px solid #999; border-right:1px solid #999;}
.xb1 {margin:0 5px; background:#999;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#fff; border:0 solid #999; border-width:0 1px; padding:10px 0;}
.widget .xboxcontent {display:block; background:#fff; border:0 solid #999; border-width:0 1px; padding:0px;}



.widgettitle, .widgetcontent {
padding:5px;
margin:0;
}

h2.widgettitle {
margin:0;
font-size:1.1em;
padding:5px 10px;
background-color:#00162C;
border-bottom:1px solid #D8DFEA;
color:#ACCBFF;
font-family:Arial, Helvetica, sans-serif;
}

h2.widgettitle a:link, h2.widgettitle a:visited, h2.widgettitle a:hover, h2.widgettitle a:active {
color:#333333;
text-decoration:none;
}

.widgetcontent {
font-size:0.9em;
color:#555;
}

.widgetcontent ul {
margin:0;
padding:0;
}

.widgetcontent ul li {
list-style:none;
padding:5px;
border-bottom:1px solid #cccccc;
}







#maincontent {
width:735px;
float:right;
margin-top:7px;
line-height:1.5em;
}

#maincontent-single {
width:100%;
float:right;
margin-top:7px;
line-height:1.5em;
}

#promotion {
position:relative;
z-index:1;
}

.float-right, .alignright {
float:right;
}

.float-left, .alignleft {
float:left;
}

.clearall {
clear:both;
margin:0;
padding:0;
line-height:0;
}


div.title{ 
font-size:12px; 
font-weight: normal; 
font-family: verdana;
color: #FFFF66; 
background-color: #222222; 
padding-top: 0px;
padding-left: 10px;
padding-bottom: 0px;
line-height: 19px;
margin: 0px;
height: 20px;
}

.bg0{ background-color:#aaa; }
.bg1{ background-color:#2986CE; color:#ffffff; font-weight:bold;}
.bg2{ background-color:#E6E6E6; }
.bg3{ background-color:#CEDBE7; }
.bg4{ background-color:#DDEAF0; }
.bg5{ background-color:#696969; }
.bg6{ background-color:#FFFFFF; }



#dhtmltooltip{
position: absolute;
width: 250px;
padding: 10px;
background-image:url('images/semi-transparent-black.png');
color:#FFFFFF;
visibility: hidden;
z-index: 100;
font-size:0.9em;
text-align:left;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}

.ec_reasons {
	font-size:30px;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#547078;
	margin:10px 0;
	background-color:transparent;
	background-image:none;
	text-transform:none;
	line-height:normal;
	margin:10px 0;
}

.ecommfeature{
	color: #456DA5;
	width:110px;
	float:left;
	padding:3px;
	height:160px;
}

.ec_new_mainheading {
	font-size:20px;
	font-weight:bold;
	color:#009900;
	margin:0 0 20px 0;
	background-color:transparent;
	background-image:none;
}

.ec_new_heading {
	font-size:16px;
	font-weight:bold;
	color:#334E61;
	margin:5px 0;
}

.PageIntro ul {
		margin: 0px;
		padding: 8px 0px 2px 0px;
		list-style: none;
		}

.PageIntro li {
		margin:0px;
		padding:1px 0px 3px 20px;
		background: url('/files/images/supersite_bullet01.gif') no-repeat 5px 4px;
		}

.box-features-content h3 {
	background: url('/files/images/supersite_featureheading-ico.gif') #ECF7FF no-repeat 5px center;
	line-height: 25px;
	font-size: 12px;
	border: 1px solid #B8C8D9;
	height: 25px;
	margin: 0;
	padding: 0;
	padding-left: 25px;
	margin-top: 14px;
	}

.box-features-content ul {
	margin: 0;
	padding: 0;
	margin-left: 15px;
	margin-bottom: 14px;
	}

.box-features-content li {
	margin-left: 5px;
	list-style: none;
	background: url('/files/images/supersite_feature-list-ico.gif') no-repeat left 4px;
	margin-top: 10px;
	padding-left: 10px;
	font-size: 11px;
	}

.feature-listheading {
	margin: 0px;
	padding: 0px;
	padding-left: 22px;
	background: url('/files/images/supersite_feature-list-head-ico.gif') no-repeat 9px 4px;
	font-size: 12px;
	display: block;
	}

.homecell {
	width:197px;
	/*height:303px;*/
	border-right:1px solid #999999;
	margin:0;
	padding:0;
	background-position:bottom;
	background-repeat:no-repeat;
	}

#regdomain {
	}

#webhosting {
	}

#ecommerce {
	}

#corpwebsite {
	}

#makemoney {
	}

.lastcell {
	border-right:0px solid #999999;
	}

#latestblog {
	width:593px;
	}

#clientshowcase {
	width:395px;
	}

.homecell h2 {
	background-color:#333333;
	padding:5px;
	color:#FFFFFF;
	font-size:0.9em;
	margin:0;
	text-align:center;
	}

a:link.button01, a:visited.button01 {
	padding:3px 10px;
	background-color:#990000;
	color:#FFFFFF;
	font-size:9px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	width:100px;
	text-align:center;
	margin:3px 0;
	}

a:hover.button01, a:active.button01 {
	padding:3px 10px;
	background-color:#FF6600;
	color:#FFFFFF;
	font-size:9px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	width:100px;
	text-align:center;
	margin:3px 0;
	}

.lastupdated {
	color:#999;
	font-size:0.9em;
	font-style:italic;
	text-align:right;
	margin:50px 0 0 0;
	border-top:1px dashed #ccc;
	padding:5px 10px 0 0;
	}

.post, .page {
	border:1px dashed #999;
	padding:0;
	margin:10px;
	}

.postthumbnail {
	float:left;
	width:110px;
	height:110px;
	margin:10px;
	}

.postthumbnail img, .home-postthumbnail img {
	border:5px solid #ddd;
	}

.postcontent {
	float:left;
	width:570px;
	height:91px;
	margin:10px;
	margin-left:0;
	margin-bottom:0;
	font-size:0.9em;
	overflow:hidden;
	}

.post h2, .page h2 {
	margin:0;
	font-size:1.2em;
	color:#476992;
	}

.post h2 a:link, .post h2 a:visited, .post h2 a:hover, .post h2 a:active, 
.page h2 a:link, .page h2 a:visited, .page h2 a:hover, .page h2 a:active {
	color:#333;
	text-decoration:none;
	}

.postinfowrapper {
	float:left;
	width:570px;
	font-size:0.9em;
	font-family:Georgia, "Times New Roman", Times, serif;
	border-top:1px solid #eee;
	}

.postinfo {
	float:left;
	font-style:italic;
	padding:3px 0;
	color:#999999;
	}

.postinfo a:link, .postinfo a:visited, .postinfo a:hover, .postinfo a:active {
	color:#999999;
	}

.home-post {
	border-bottom:1px solid #999999;
	padding:15px 0;
	}

.home-postthumbnail {
	float:left;
	width:110px;
	height:110px;
	}

.home-postcontent {
	float:left;
	width:463px;
	height:110px;
	margin-left:10px;
	overflow:hidden;
	}

.home-postcontent h3 {
	margin:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:2em;
	font-weight:bold;
	}

.home-postcontent h3 a:link, .home-postcontent h3 a:hover, .home-postcontent h3 a:active, .home-postcontent h3 a:visited {
	color:#333;
	text-decoration:none;
	}

.home-postinfo {
	font-size:0.8em;
	color:#666666;
	}

.home-postinfo a:link, .home-postinfo a:visited, .home-postinfo a:hover, .home-postinfo a:active {
	color:#666666;
	}

.home-postexcerpt {
	font-size:0.9em;
	color:#999;
	margin-top:10px;
	}

.readmore a:link, .readmore a:visited {
	float:right;
	padding:2px 6px;
	background-color:#990000;
	color:#fff;
	text-decoration:none;
	font-style:italic;
	}

.readmore a:hover, .readmore a:active {
	background-color:#CC3333;
	text-decoration:none;
	font-style:italic;
	}

.navigation {
	text-align: center;
	padding:15px 10px;
	}

.postnavigation {
	text-align: center;
	padding:15px 10px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	background-color:#003366;
	color:#FFFFFF;
	font-size:0.9em;
	}

.postnavigation a:link, .postnavigation a:visited {
	color:#FFFFFF;
	text-decoration:none;
	}

.postnavigation a:hover, .postnavigation a:active {
	color:#FFCC00;
	text-decoration:none;
	}

.entryheader {
	background-image:url('images/titleborder.png');
	background-repeat:repeat-x;
	background-position:top;
	height:10px;
	margin-top:10px;
	}

.singlepostinfo {
	font-size:0.9em;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:13px 0 0 10px;
	color:#999999;
	width:97.3%;
	}

.sharingtools {
	padding:0 10px;
	}

.entry {
	margin-top:20px;
	padding:0 20px 10px 20px;
	}

.wp_email, .wp_print, .sfc_share_button, .stc_tweetmeme_button {
	float:right;
	margin:0 2px;
	}

.sfc_share_button, .stc_tweetmeme_button {
	font-style:normal;
	}

.postmetadata, .keywords {
	padding:20px;
	background-color:#E9F4E1;
	font-size:0.8em;
	line-height:normal;
	text-align:center;
	margin:30px;
	}

.keywords h3 {
	margin:0;
	font-size:1em;
	color:#666;
	}


/* Begin Form Elements */

#commentform {
	margin:10px 20px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 99%;
	padding: 2px;
	}

#respond {
	padding:10px;
	}

#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/

#commentswrapper {
	padding: 0 10px;
	}

.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	margin:0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0;
	padding: 10px;
	list-style: none;
	border:1px dashed #999999;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children {
	padding: 0;
	margin:0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 20px 0;
	padding: 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-style:italic;
	}

.commentmetadata {
	text-transform: uppercase;
	text-align:center;
	color: #fff; 
	font-size: 11px; 
	font-weight: bold; 
	margin-top: 20px;
	background-color:#974435;
	width: 200px; 
	padding: 3px 5px;
	}

.commentmetadata a:link, .commentmetadata a:hover, .commentmetadata a:visited { color: #fff; text-decoration: none; }
.fn, .fn a:link, .fn a:hover, .fn a:visited, .says { color: #666; font-family: Georgia; font-size: 17px; font-style: normal; text-decoration: none; }
.avatar { border: 5px solid #ccc; margin-bottom: -15px; margin-right: 10px; width: 40px; height: 40px; }
.comment-reply-link, .comment-reply-link:visited { 
	color: #fff !important; 
	display: block; 
	font-weight: bold; 
	background-color: #6a6351; 
	padding: 2px 7px; 
	float: right; 
	text-transform: lowercase; 
	font-size: 11px; 
	margin-bottom: 20px; 
	margin-top: -20px; 
	text-decoration: none !important;
	}

.cancel-comment-reply a:link, .cancel-comment-reply a:visited {
	padding:2px 8px;
	background-color:#CC0000;
	color:#FFFFFF;
	}

.cancel-comment-reply a:hover, .cancel-comment-reply a:active {
	padding:2px 8px;
	background-color:#FF0000;
	color:#FFFFFF;
	text-decoration:none;
	}
/* End Comments */


/*.testibox-top {
	background-image:url('images/testimony-box_01.png');
	background-repeat:no-repeat;
	background-position:bottom;
	width:679px;
	height:16px;
	behavior: url('/iepngfix/iepngfix.htc');
	}

.testibox-middle {
	background-image:url('images/testimony-box_02.png');
	background-repeat:repeat;
	width:639px;
	padding:5px 20px;
	font-style:italic;
	}

.testibox-bottom {
	background-image:url('images/testimony-box_03.png');
	background-repeat:no-repeat;
	background-position:top;
	width:679px;
	height:54px;
	behavior: url('/iepngfix/iepngfix.htc');
	}

.testiauthor {
	margin:0 0 40px 20px;
	font-weight:bold;
	}

.testiauthor img {
	float:left;
	margin-right:10px;
	}*/

.testimonials_page {
	background-color:#E6ECEC;
	padding:10px;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	}

.testimonials_page span {
	font-size:0.9em;
	display:block;
	border-top:2px solid #fff;
	padding:3px;
	margin-top:15px;
	text-align:right;
	}

.testicon {
	float:left;
	padding:10px;
	padding-right:0;
	width:80px;
	}

.testimonial {
	padding:5px 0 5px 90px;
	font-size:0.9em;
	font-family:Georgia, "Times New Roman", Times, serif;
	background-image:url('images/opendquote.gif');
	background-repeat:no-repeat;
	background-position:left top;
	}

.testimonial span {
	display:block;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:3px;
	margin-top:15px;
	font-family:Arial, Helvetica, sans-serif;
	}

legend {
	font-size:1.4em;
	padding:0 10px;
	}

.menu-item-1612 a {
	border-right:0 !important;
	}