/*
Theme Name: Twenty Ten
Theme URI: http://wordpress.org/
Description: The 2010 default theme for WordPress.
Author: the WordPress team
Version: 1.0
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/


body{
background: #fff;
font-family: arial;
background: url('images/header-bg.jpg') repeat-x #fff;
background-position: top center;
margin: 0; padding: 0;
}

a{
color: #2079c5;
text-decoration: none;
}

a:hover{
color: #000;
}

li,ul,p,form,h1,h2,h3,ol{
margin: 0; padding: 0;
}

#container{
width: 920px;
margin: 0 auto;
}

#header{
height: 617px;
position: relative;
}

#logo{
width: 210px; height: 46px;
background: url('images/logo.jpg') no-repeat;
margin-top: 50px; margin-left: 10px;
float: left;
}

#logo a{
display: block;
width: 100%;
height: 100%;
}

#navigation{
font-size: 14px;
float: right;
margin-top: 70px; margin-right: 10px;
width: 600px;
text-align: right;
}

#navigation a{
color: #9b9b9b;
text-decoration: none;
}

#navigation a:hover{
color: #fff;
}

#navigation li{
list-style-type: none;
display: inline;
padding-left: 35px;
}

#featured{
height: 363px; width: 920px;
position: absolute;
top: 144px;
}

#featured img{
border: 0px;
}

#desc{
width: 100%;
position: absolute;
text-align: center;
top: 550px;
}

#desc h1{
font-weight: normal;
font-size: 20px;
color: #cdcdcd;
}

#desc a{
color: #277fba;
text-decoration: none;
}

#desc a:hover{
color: #fff;
}

#content{
padding: 40px 0;
width: 600px;
float: left;
margin-left: 10px;
}

#content_portfolio{
padding: 40px 0;
}

#content_hosting{
padding: 40px 0;
}

#content h2{
color: #2079c5;
font-size: 30px;
font-weight: normal;
margin-bottom: 40px;
}

#content_hosting h2{
color: #2079c5;
font-size: 30px;
font-weight: normal;
margin-bottom: 40px;
}

#content_portfolio h2{
color: #2079c5;
font-size: 30px;
font-weight: normal;
margin-bottom: 20px;
margin-left: 10px;
}


#content h1{
color: #2079c5;
font-size: 30px;
font-weight: normal;
margin-bottom: 10px;
}

#content_hosting h1{
color: #2079c5;
font-size: 30px;
font-weight: normal;
margin-bottom: 10px;
}

.post{
margin: 0px 0 60px 0;
}

.post a{
color: #2079c5;
text-decoration: none;
}

.post a:hover{
color: #000;
}

.post .alignnone{
margin: 10px 0;
}

.post img{
border: 0px;
}

.post h3{
font-size: 24px;
font-weight: normal;
}

.post h3 a{
color: #2079c5;
text-decoration: none;
}

.post h3 a:hover{
color: #000;
}

.entry-meta{
font-size: 11px;
padding: 5px 0;
color: #999;
}

.entry-meta a{
color: #2079c5;
text-decoration: none;
}

.entry-meta a:hover{
color: #000;
}

.entry-utility{
color: #555;
background: #eee;
padding: 10px;
font-size: 12px;
margin: 5px 0;
}

.entry-utility a{
color: #2079c5;
}

.entry-content{
font-size: 12px;
color: #555;
padding: 0px 0;
}

.entry-content p{
padding: 10px 0;
line-height: 22px;
}

.entry-content h3{
color: #cdcdcd;
background: #000;
margin-top: 20px;
margin-bottom: 2px;
padding: 7px;
font-size: 20px;
}

#sidebar{
float: right;
width: 200px;
font-size: 12px;
margin: 40px 10px 0 0;
border-left: 5px solid #eee;
padding-left: 20px;
}

#sidebar a{
color: #2079c5;
text-decoration: none;
}

#sidebar a:hover{
color: #000;
}

#sidebar li{
list-style-type: none;
}

#sidebar li li{
padding: 5px 0;
margin: 0 10px;
border-bottom: 1px dotted #eee;
font-size: 11px;
}

#sidebar ul{
margin-bottom: 20px;
}

#sidebar .widget-title{
border-bottom: 1px solid #eee;
padding: 5px 0;
margin: 5px 0;
}


#content li{
list-style-type: none;
border-left: 5px solid #eee;
border-bottom: 1px solid #eee;
padding: 7px;
margin: 7px 0px 7px 10px;
background: #f9f9f9;
}

#content_hosting li{
list-style-type: none;
border-left: 5px solid #eee;
border-bottom: 1px solid #eee;
padding: 7px;
margin: 7px 0px 7px 10px;
background: #f9f9f9;
}


.price{
font-size: 14px;
font-weight: bold;
margin: 10px 0px 10px 10px;
border-left: 5px solid #000;
background: #2079c5;
color: #fff;
padding: 7px;
}

#hosting_form{
border: 1px dotted #eee;
padding: 10px;
margin-left: 10px;
}

#hosting_form{
padding-top: 0px;
}

#hosting_form .desc{
clear: both;
}

.info{
float: left;
width: 150px;
margin-right: 20px;
}

.info .input{
border: 1px solid #ccc;
padding: 7px;
width: 150px;
color: #555;
}

.info .input:hover{
border: 1px solid #000;
color: #000;
}

.order_btn{
clear: both;
}

.portfolio_thumb{
width: 280px;
height: 187px;
border: 1px solid #000;
position: relative;
margin: 12px;
float: left;
}

.portfolio_thumb .thumb{
position: absolute;
top: 0; left: 0;
z-index: 1;
}

.meta{
position: absolute;
bottom: 0; left: 0;
z-index: 2;
background: #000;
color: #fff;
font-size: 12px; 
width: 100%;
}

.meta p{
padding: 5px;
}

.meta .soon{
color: #777;
}

.meta a{
color: #2079c5;
text-decoration: none;
}

.meta a:hover{
color: #fff;
}

#footer{
clear: both;
margin: 20px 0px;
border-top: 5px solid #eee;
}

#footer p{
padding: 20px;
color: #999;
font-size: 11px;
}

#contact_form{
border: 1px dotted #eee;
padding: 10px;
}

#contact_form p{
margin-bottom: 10px;
font-size: 12px;
color: #555;
}

#contact_form label{
display: block;
font-size: 12px;
padding: 5px 0;
color: #555;
}

#contact_form .input{
padding: 5px; border: 1px solid #ccc;
width: 200px;
}

#contact_form textarea{
width: 400px;
height: 200px;
border: 1px solid #ccc;
padding: 5px;
}

#contact_form .head{
border-bottom: 1px solid #eee;
padding: 5px 0;
margin-bottom: 15px;
}

.success{
padding: 20px;
text-align: center;
margin: 20px 0;
color: #fff;
background: #cc2242;
font-size: 18px;
}

#comments{
font-size: 12px;
}

#comments p{
padding: 5px 0;
}

.required{
color: #cc2242;
}

#comment_form{
background: #000;
margin: 10px 0;
color: #fff;
padding: 20px;
}

#comment_form a:hover{
color: #fff;
}

#comment_form #author{
border: 1px solid #333;
background: #222;
padding: 5px;
}

#comment_form #email{
border: 1px solid #333;
background: #222;
padding: 5px;
}

#comment_form #url{
border: 1px solid #333;
background: #222;
padding: 5px;
}

#comment_form #comment{
border: 1px solid #333;
background: #222;
padding: 5px;
color: #fff;
font-family: arial;
}

#comments-title{
color: #cdcdcd;
background: #000;
margin-top: 20px;
margin-bottom: 2px;
padding: 7px;
font-size: 20px;
font-weight: normal;
}

.comment-avatar{
float: left;
width: 50px;
height: 50px;
border: 5px solid #fff;
}

.comment-text{
color: #555;
line-height: 18px;
float: left;
width: 450px;
margin-left: 20px;
}

.comment-meta{
font-size: 11px;
}

.comment-meta a{
color: #999;
}

.site-plan{
float: left;
width: 440px;
}

.content-plan{
float: right;
width: 440px;
}