/*
Theme Name: Internet Hosting
Theme URI: http://www.themelab.com/free-wordpress-themes/
Description: Design by <a href="http://www.solucija.com">Luka Cvrk</a>.  WordPressed by <a href="http://www.themelab.com">Theme Lab</a>
Version: 1.0
Author: Theme Lab
Author URI: http://www.themelab.com/
*/
/*
	project: internet hosting template
	author: luka cvrk (www.solucija.com) 
	
*/
   
/* default styles */
*{ margin: 0; padding: 0; }
body { font: .7em Arial, Verdana, Sans-Serif; line-height: 1.7em; background: #fff url(images/menu.gif) repeat-x; color: #454545; }
a { color: #3F2C57; background: inherit; text-decoration: none; }
#left a, #right a { border-bottom: 1px dotted #3F2C57; }
a:hover { color: #808080; background: inherit; }
p {	margin: 0 0 5px 0; }
h1 { font: normal 2.8em Georgia, "Trebuchet MS", Arial, Sans-Serif; padding: 0 0 0 0; margin: 0; }
h2 { margin: 0; padding: 0; font: normal 1.8em Georgia, "Trebuchet MS", Arial, Sans-Serif; }
h1 a, h2 a { color: #000; background: inherit; text-decoration: none; }

.support #content_left ul li a {text-decoration:underline;}
.support #content_left ul li a:hover {text-decoration:none;}

img { border: 0; }
	.left_articles ul, .left_articles ol { margin: 0 0 1.5em 40px; }
	
	.left_articles ul { list-style-type: none; }
	
.left_articles li { margin: 0 0 0.5em 0; }
	.left_articles ul li ul, .left_articles ul li ol, .left_articles ol li ul, .left_articles ol li ol { margin: 0.5em 0 0.5em 30px; }
	
	.left_articles dl { margin: 0 0 1em 0; }
	
.left_articles dt { font-weight: bold; margin: 0 0 0.5em 0; }
.left_articles dd { margin: 0 0 1.5em 20px; }
	.left_articles .ad { margin: 0 0 0.5em 15px; float: right; }
	
	.left_articles .ad_left { margin: 0 15px 0.5em 0; float: left; }
	.left_articles img { max-width: 490px; }
#content { margin: 0 auto; width: 980px; }
#header {
	padding: 10px 0;
	color: #fff;
	margin: 0 0 20px 0;
	height: 94px;
}
#logo a { display:block; text-decoration:none; width:340px; height:65px; margin:-5px 0 0 0; float:left; }
#logo a.pageup-twitter { display:block; text-decoration:none; width:32px; height:31px; margin:38px 0 7px 0; float:right; }
#logo a.pageup-rss { display:block; text-decoration:none; width:32px; height:31px; margin:38px 0 7px 0; float:right; }
/* main horizontal menu */
#menu-top-menu {  margin: 3px 0 0 0;  }
	#menu-top-menu li{ list-style: none; display: inline; text-align: center; }
	#menu-top-menu li a{
		text-decoration: none;
		margin: 0 3px 0 0;
		padding: 4px 15px;
		border: 1px solid #3B3B3B;
		font-weight: bold;
		color: #ccc;
	}
	#menu-top-menu li a:hover{
		border: 1px solid #55684A;
		color: #fff;
	}
	#menu-top-menu li.current_page_item a, #menu-top-menu li.current-cat a{
		background: #ADD597;
		color: #fff;
	}
	#menu-top-menu .key { text-decoration: underline; }
/* left side */
#left {
	float: left;
	width: 670px;
	margin: 0 0 10px 0;
}
	.border { border: 1px solid #AED898;  margin: 0 0 10px 0;}
	.subheader {
		padding: 15px;
		background: #F1F8ED;
		color: #444;
		border: 2px solid #D1EAC3;
	}
	.highlight { background: #C5E7F6; color: #000; }
	.left_articles {
		margin: 0 0 10px 0;
		border: 2px solid #eee;
		color: #454545;
		padding: 15px 15px 5px 10px;
	}
		.date { font-size: .9em; padding: 0 0 0 12px; background: #fff url(images/news.gif) no-repeat center left; color: #808080; }
		
.bigimage {
			float: left;
			clear: left;
			margin: 0 15px 10px 0;
		}
		
	.left_box {
		background: #ffffff;
		color: #808080;
		border-left: 3px solid #E28400;
		padding: 15px;
		margin: 0 0 15px 0;
	}
	
	.twocols {
		float: left;
		width: 266px;
		padding: 0 10px 0 15px;
	}
	
	.twocols img.icon {
		float: left;
		padding: 0 10px 0 0;
	}
	
	.twocols p.feature {
		padding-bottom:25px;
	}

	.thirds {
		float: left;
		width: 186px;
		padding: 0 10px 0 15px;
	}		

/* right side */
#right {
	float: right;
	width: 280px;
	margin: 0 0 10px 0;
	padding: 55px 0 0 0;
	background: url(images/right.gif) no-repeat top right;
	
}

#rightnopromo {
	float: right;
	width: 280px;
	margin: 0 0 10px 0;
	padding: 55px 0 0 0;
	
}

#right .promobutton a {
	display:block;
	width:234px;
	height:50px;
	float: right;
	margin:0 20px 30px 0;
	border-bottom:none;
	text-decoration:none;
}
	.promobutton {
		font: normal 1.6em "Georgia", "Times New Roman", Arial;
		color: #679A4E;
		text-align: center;
		height:200px;
		width:280px;
		display:block;
	}
	
	
	.big { color: #2e2e2e; font: normal 2em "Georgia", "Times New Roman", Arial; }	
		
	#menu-guest-menu.menu,#menu-client-menu.menu, .blogroll, #loggedinlinks, #side_menu .menu { margin: 0 0 20px 0; }
	#menu-guest-menu.menu li, #menu-client-menu.menu li, .blogroll li, #loggedinlinks li, .menu li { list-style: none; }
	#menu-guest-menu.menu li a, #menu-client-menu.menu li a, .blogroll li a, #loggedinlinks li a { color: #3F6C24; border: 0; margin: 0 0 1px 0; display: block; background: #fff url(images/side_menu.gif) repeat-x; padding: 8px 10px; }
	#menu-guest-menu.menu li a:hover, #menu-client-menu.menu li a:hover, .blogroll li a:hover, #loggedinlinks li a:hover { color: #fff; background: #fff url(images/side_menu_hover.gif) repeat-x; }	
	.image { float: left; margin: 0 9px 3px 0; }
	
/* footer */
#footer { 
	clear: both; 
	color: #808080;
	background: #FFF;
	padding: 10px 15px;
	border-top: 1px solid #ccc;
}
	#footer .right { float: right; }
/* WordPress CSS */
img.avatar {
 float: left;
 margin-right: 5px;
}
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}
.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}
.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}
.linkstitle, p.linklove {display:none;}
/********************************************************************
Project: Formee - http://www.formee.org
Last Updated: 19/04/2010
Version: 1.1
Authors: Bernard De Luna - http://www.bernarddeluna.com
             Daniel Araujo - http://www.dnlaraujo.com.br
			 Marcello Manso - http://www.marcellomanso.com.br
********************************************************************
Structure
********************************************************************/
/* Little CSS Reset to preserv form structure */
.form * {padding:0;	margin:0;	list-style: none;	border: none;	font-size:100%;}
/* Form Structure */
.form fieldset {position: relative;height:100%;}
/* Field Grid */
.grid-1-12, .grid-2-12, .grid-3-12, .grid-4-12, .grid-5-12, .grid-6-12, .grid-7-12, .grid-8-12, .grid-9-12, .grid-10-12, .grid-11-12, .grid-12-12 {
display:inline; float:left; margin-left:1%; margin-right:1%;padding: 0.5% 0.5% 0.8%;height:100%;
/*ie7*/
*margin-left:.8%; *margin-right:.8%;*padding: 0.5% 0.25% 0.8%;
}
/* 12-column Grid (thanks for Fluid 960 Grid System) */
.grid-1-12 {width: 5.333%;}
.grid-2-12 {width: 13.666%;}
.grid-3-12 {width: 22%;}
.grid-4-12 {width: 30.333%;}
.grid-5-12 {width: 38.666%;}
.grid-6-12 {width: 47%;}
.grid-7-12 {width: 55.333%;}
.grid-8-12 {width: 63.666%;}
.grid-9-12 {width: 72%;}
.grid-10-12 {width: 80.333%;}
.grid-11-12 {width: 88.666%;}
.grid-12-12 {width: 97%;}
/* first item */ .alpha {margin-left:0;}
/* last item */ .omega {margin-right:0;}
/* clear */ .field-clear {clear:both;}
/* form elements  */
.form input, .form label, .form img, .form select {vertical-align: middle; line-height: 1em;}
.form-lbl {display: block; height: auto; margin: 0.5em 0 0.8em;}
.form-list-chk .form-lbl, .form-list-rdo .form-lbl {display: inline; height: auto; margin: 0.5em 0 0.8em 2px;}
.form-req {position: relative;top:3px;}
/*.form-container { border:1px solid; display: block; clear:both; overflow: hidden;}*/
.form-msg-info, .form-msg-warning, .form-msg-error, .form-msg-success {padding:6px 10px 5px; display: block;height: auto; margin: -0.3em 0 0.5em;}
.form .form-txt, .form textarea {	margin: 0.3%;	background: transparent;	width: 99.4%;}
.form .form-txt, .form textarea, .form select {width: 100%; padding:5px !important;border: 1px solid #999;  box-sizing: border-box;  -moz-box-sizing: border-box; -ms-box-sizing: border-box;-webkit-box-sizing: border-box; -khtml-box-sizing: border-box;
/*ie7*/
*width: 99%;
}
.form textarea {	height: 15em;}
.form select {padding:4px;}
/* form-button  */
.form-button {padding: 4px 6px;cursor: pointer;text-align: center;float:left;margin-left: 0.3em;display:inline;
/*ie7*/
}
.form-no-lbl {padding-top:35px;}
/* input with readonly attribute */
.form-readonly, input[readonly] {border:none; font-weight: normal;padding-left:0;}
/* multiple containers inside field-grid */
.form-left {float:left; margin-right:0.3em;clear:none;}
.form-right {float:right; margin-left:0.3em;clear:none;}
/* lista de chk e rdo */
.form-list-chk, .form-list-rdo {height: 100%;}
.form-list-chk li, .form-list-rdo li {margin: 0.5em 0.6em 0.2em; float:left; display: inline; list-style:none;}
.form-list-chk input, .form-list-rdo li input {margin-right: 0.2em}
/* tamanhos dos campos */
.form-small {width: 30% !important;float:left;margin-right: 10px;display:inline;
/*ie7*/
*width: 25% !important;
}
.form-medium {width: 50% !important;float:left;margin-right: 10px;display:inline;
/*ie7*/
*width: 45% !important;
}
.form-date {width: 80px !important;float:left;margin-right: 10px;display:inline;}
.form-time {width: 60px !important;float:left;margin-right: 10px;display:inline;}
.form-date-day, .form-date-year {width: 40px !important;float:left;margin-right: 10px;display:inline;}
.form-date-month {width: 60px !important;float:left;margin-right: 10px;display:inline;}
/* fix  ff bugs */
div:after, ol:after, form:after, dl:after, ul:after {content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}
/********************************************************************
Project: Formee - http://www.formee.org
Last Updated: 19/04/2010
Version: 1.1
Authors: Bernard De Luna - http://www.bernarddeluna.com
             Daniel Araujo - http://www.dnlaraujo.com.br
			 Marcello Manso - http://www.marcellomanso.com.br
			 
********************************************************************
Style
********************************************************************/
/* Form Style */
.form {font: normal 12px/1em arial, Verdana, "Trebuchet MS", Helvetica, sans-serif;}
.form fieldset {
	border: 1px solid #999;
	border-top:3px solid #000;
	border-bottom: 1px solid #ccc;
	background:#efefef;
	padding-bottom: 1.2em;
	margin: 0 0 6em;
}
/* hover effect */
.grid-1-12:hover, .grid-2-12:hover, .grid-3-12:hover, .grid-4-12:hover, .grid-5-12:hover, .grid-6-12:hover, .grid-7-12:hover, .grid-8-12:hover, .grid-9-12:hover, .grid-10-12:hover, .grid-11-12:hover, .grid-12-12:hover {background:#e5e5e5;}
.field.button:hover {background:transparent;}
/* Form legend and titles */
.form legend {
	font-size:1.7em;
	padding: 10px 10px 15px;
	margin-bottom: 10px;
	background:#000;
	margin-left:1.04%;
	color:#fff;
}
/* form elements  */
.form-lbl {
	font-size:1em;
	font-weight: bolder;
}
.form-req {
	font-weight: bold;
	font-style:normal;
	color:#d10000;
	font-size:1.4em;
}
.form .form-txt, .form textarea, .form select {
	border-color:#235485;
	background: #fff;
	color:#333;
	font: normal 12px/1em arial, Verdana, "Trebuchet MS", Helvetica, sans-serif;
}
.form .form-txt:hover, .form textarea:hover, .form select:hover {
	border-color:#235485;
	background: #fafafa;
	color:#333;
}
.form .form-txt:focus, .form textarea:focus, .form select:focus {
	border-color:#103b66;
	background: #f4fcff;
	color:#235485;
}
/* form msg status  */
.form-msg-info, .form-msg-warning, .form-msg-error, .form-msg-success {
	padding-left: 27px;
	font-size:0.9em;
	border-bottom: 1px solid #ccc;
}
.form-msg-info {
	background: #d1ecf7 url(images/form-ic-info.png) no-repeat 5px 4px;
	border-color:#bcdfef;
	color:#11689e;
}
.form-msg-warning {
	background: #fff6bf url(images/form-ic-warning.png) no-repeat 5px 4px;
	border-color:#fceb77;
	color:#957210;
}
.form-msg-error {
	background: #fad0d0 url(images/form-ic-error.png) no-repeat 5px 4px;
	border-color:#f6abab;
	color:#b01717;
}
.form-msg-success {
	background: #e5f8ce url(images/form-ic-success.png) no-repeat 5px 4px;
	border-color:#d0f1a6;
	color:#62b548;
}
/* form-buttons */
.form-button {
	font-size:1.2em;
	background:#235485;
	color:#fff;
}
.form-button:hover {background:#666;}
.portfolio-website {
	padding: 10px;
	margin-bottom: 10px;
}
.website-thumbnail {
	float: left;
	margin: 0 20px 20px 0;
}
.website-thumbnail img {
	border: 1px solid #555;
	margin: 0;
	padding: 0;
}
.website-name {
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 3px;
}
.website-name a,.website-url a {
	text-decoration: none;
}
.website-name a:hover,.website-url a:hover {
	text-decoration: underline;
}
.website-url {
	font-size: 9pt;
	font-weight: bold;
}
.website-url a {
	color: #777;
}
.website-description {
	margin-top: 15px;
}
.website-clear {
	clear: both;
}
.portfolio-paging {
	text-align: center;
	padding: 4px 10px 4px 10px;
	margin: 0 10px 20px 10px;
}
.portfolio-paging .page-count {
	margin-bottom: 5px;
}
.portfolio-paging .page-jump b {
	padding: 5px;
}
.portfolio-paging .page-jump a {
	text-decoration: none;
}
.wpp-creditlink {
	display:none;
}
.dottedline { height: 4px; background: #fff url(images/dotted.jpg) no-repeat center left; margin:5px 0; }

#craftysyntax { margin:0 0 15px 35px; }

		#left ul a, #craftysyntax a {border-bottom:none;}
		
			
		ul.hover_block li, ul.hover_block2 li {
			list-style:none;
			float:left;
			background: #fff;
			padding: 0px;
			width:670px; position: relative;
			margin-right: 0px; }

		ul.hover_block li a {
			display: block;
			position: relative;
			overflow: hidden;
			height: 52px;
			width: 638px;
			padding: 16px;
			color: #000;
			font: 1.4em/1.3 Helvetica, Arial, sans-serif;
		}

		ul.hover_block li a, ul.hover_block2 li a { text-decoration: none; }

		ul.hover_block li img, ul.hover_block2 li img {
			position: absolute;
			top: 0;
			left: 0;
			border: 0;
		}
		
#top_menu{background:#F5F5F5 url(images/top_menu_bg.gif) repeat-x;height:30px;line-height:30px;margin:-15px 0 0 0;padding:0;text-align:left;}
#top_menu ul{list-style:none;margin:0;padding:0;}
#top_menu ul li{float:left;margin:0;padding:0;}
#top_menu ul li a,#top_menu ul li a:visited{color:#666;display:block;height:30px;line-height:30px;padding:0;text-align:center;text-decoration:none;width:111px;}
#top_menu ul li a.down,#top_menu ul li a.down:visited,#top_menu ul li a.down:hover{background-color:#FFF;border-right:1px solid #EBEBEB;color:#333;font-weight:700;width:99px;}\
#top_menu ul li a:hover{background-color:#EBEBEB;color:#333;}

#menu-footer-menu {  margin: 3px 0 0 0;  }
	#menu-footer-menu li{ list-style: none; display: inline; text-align: center; }
	#menu-footer-menu li a{
		text-decoration: none;
		margin: 0 3px 0 0;
		padding: 4px 15px;
		color: #3F2C57;
	}
	#menu-footer-menu li a:hover{
		color: #808080;
	}
	#menu-footer-menu li.current_page_item a, #menu-footer-menu li.current-cat a{
		color: #808080;
	}
	#menu-footer-menu .key { text-decoration: underline; }


#ipv4CounterContainer {
    font-size: 10px;
    height: 133px;
    margin: 20px 0 0;
    position: relative;
    width: 260px;
}

#ipv4CounterContainer #ipv4CounterHeader {
    background-image: url("images/right-column/ipv6_hdr.png");
    color: white;
    font-size: 14px;
    font-weight: bold;
    height: 18px;
    padding: 2px 0 0;
    position: relative;
    text-align: center;
    width: 260px;
}

#ipv4CounterContainer #ipv4CounterContent {
    background-image: url("images/right-column/ipv6_bg.jpg");
    height: 103px;
    padding: 9px 0 0;
    position: relative;
    width: 260px;
}

#ipv4CounterContainer #ipv4CounterContent .output {
    background-image: url("images/right-column/ipv6_counter_bg.png");
    color: black;
    float: right;
    font-weight: bold;
    height: 22px;
    margin: 0 5px 0 0;
    padding: 9px 0 0 10px;
    width: 90px;
}

#ipv4CounterContainer #ipv4CounterContent .outputLabel {
    color: white;
    float: right;
    font-weight: bold;
    height: 22px;
    padding: 9px 3px 0 0;
    text-align: right;
    width: 145px;
}

.clearfix {
    display: inline-block;
}

select.how-to-contact {font-size:1.3em !important;}
#badge_container {margin:-10px 0 25px;}
#badge_container a, #right .sidebarimage a {border-bottom:none;}