/*
Theme Name: Volumedrive
Theme URI: http://volumedrive.com
Description: Volumedrive theme
Version: 1.0
Author: Volumedrive
Author URI: http://volumedrive.com
Tags: hosting, vps
*/



/*-------------------body and general style-----------------------------*/
body {
font-family:Arial, Helvetica, sans-serif;
color:#9e9d9d;
margin:0px auto;
padding:0px;
font-size:12px;
}
body.home{background:url(images/home_top_bg.jpg) repeat-x top #191816;}
body.page{background:url(images/pages_top_bg.jpg) repeat-x top #191816;}
body.archive{background:url(images/pages_top_bg.jpg) repeat-x top #191816;}
body.single{background:url(images/pages_top_bg.jpg) repeat-x top #191816;}
.clear{
clear:both;
}
h2{
font-size:22px; font-weight:normal; padding:35px 0 25px 0; margin:0px; clear:both;
}
h2 span{color:#7fd7f2;}
img.about_pic{
float:left;
border:3px #42403e solid; margin:5px 25px 0 0;
}
p{
line-height:18px;
text-align:left;
margin:0px;
padding:0px;
}
p.about_home_text{
width:330px;
float:left;
}
/*----------------------headers-p-a-style------------------------------*/

#main_container{
width:100%;
margin:auto;
}
.header{
width:960px;
margin:auto;
height:100px;
}
.logo{
padding:25px 0 0 0;
float:left;
}
.menu{
width:355px;
float:right;
padding:50px 0 0 0;
}
.menu ul{ list-style:none; padding:0px; margin:0px;}
.menu ul li{padding:0px; margin:0px; float:left;}
.menu ul li a{ float:left;padding:2px 7px 2px 7px; margin:0px 10px 0 10px; text-decoration:none; color:#6a6a6a; font-weight:bold; 
}
.menu ul li a:hover{
background-color:#a5a5a5;
-moz-border-radius:4px;
-webkit-border-radius:4px;
color:#FFFFFF;
}
.center_content{
width:960px;
margin:auto;
height:auto;
padding:0 0 50px 0;
background:url(images/center_bg.jpg) no-repeat center top;
}
.left_content{
width:560px;
float:left;
padding:0 0 0 20px;
}
.sidebar{
width:365px;
float:left;
padding:0 0 0 15px;
}
.sidebar h2{
font-size:22px; font-weight:normal; padding:35px 0 15px 0; margin:0px; clear:both;
}
.sidebar_post{
width:335px;
float:left;
clear:both;
border-bottom:1px #565453 dotted;
padding:0 0 20px 0;
margin:0 0 20px 0;
}
.archive_posts{
width:920px;
padding:0 0 0 15px;
}
.single_posts{
width:920px;
padding:50px 0 50px 15px;
}
.archive_post{
width:920px;
float:left;
clear:both;
border-bottom:1px #565453 dotted;
padding:0 0 20px 0;
margin:0 0 20px 0;
}
.post_date{
width:39px;
background:url(images/date_bg.png) no-repeat center top;
text-align:center;
float:left;
}
span.day{
display:block;
padding:12px 0 0 0;
}
span.month{
padding:5px 0 0 0;
}
.post_details{
width:265px;
float:left;
padding:0 0 0 20px;
}
.post_details h3{
color:#e2b83b; padding:0px; margin:0px; font-size:12px; font-weight:normal;
}
.post_details h3 a{
color:#e2b83b; padding:0px 0 5px 0; margin:0px; font-size:12px; text-decoration:none;
}
.post_details_archive{
width:800px;
float:left;
padding:0 0 0 20px;
}
.post_details_archive h3{
color:#e2b83b;  padding:0px 0 15px 0; margin:0px; font-size:18px; font-weight:normal;
}
.post_details_archive h3 a{
color:#e2b83b; padding:0px 0 0px 0; margin:0px; font-size:18px; text-decoration:none;
}
a.more{
clear:both;
float:right;
color:#e2b83b;
text-decoration:none;
padding:0 30px 0 0;
}
.contact_info{
width:325px;
float:left;
clear:both;
}
img.icon_contact{
float:left; padding:0 0 0 5px; clear:both;
}
.contact_info_top{
color:#FFFFFF;
padding:0 0 15px 5px;
}
.contact_info p{
width:240px; float:left; padding:0 0 0 20px; color:#FFFFFF;
}
.contact_info p a{
color:#9e9d9d; text-decoration:none; 
}
.contact_info p a span{color:#e2b83b;}

.pages_title{
width:100%;
height:106px;
background:url(images/pages_title_bg.jpg) no-repeat center;
}
.pages_title_content{
width:930px;
margin:auto;
font-size:28px; font-weight:bold; color:#FFFFFF; padding:40px 0 0 0;
}
.login_bg{
width:100%;
height:600px;
background:url(images/login_bg.jpg) no-repeat center top;
}
.login_content{
width:469px; margin:auto auto auto; padding:145px 0 0 0;
}
.login_content_form{
width:469px;
height:256px; background:url(images/login_bg.png) no-repeat center top;
}
.login_content_message{
width:469px;
margin-left: auto; margin-right: auto; margin-top: 20px;
}
.login_title{
width:469px; text-align:center; padding:35px 0 30px 0; font-size:24px; color:#191816;
}
.login_content_form label{
width:130px; float:left; font-size:17px; color:#FFFFFF; text-align:right; clear:both; padding:5px 0 0 0;}
input.login_input{
width:249px; height:34px; background:url(images/login_input_bg.gif) no-repeat center; border:none; padding:0 0 0 10px; float:left; margin:0 0 15px 20px;
}
input.login_submit{
float:right;
margin:0 60px 0 0;
}
/*----------------slider-----------------------*/
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width:100%; /*width of featured content slider*/
height:374px;
margin:0px;
}
.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding:0px;
float:left;
width:100%;
height:374px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.sliderwrapper .contentdiv a img{
border:none;
}
.slide1{
width:100%;
height:374px;
background:url(images/slider1.jpg) no-repeat center;
}
.slide2{
width:100%;
height:374px;
background:url(images/slider2.jpg) no-repeat center;
}
.slide3{
width:100%;
height:374px;
background:url(images/slider3.jpg) no-repeat center;
}
.slider_content{
width:960px;
margin:auto;
}
a.slider_content_link{
width:960px;
height:374px;
display:block;
}
.pagination_container{
width:960px;
margin:auto;
position:relative;
}
.pagination{
width:80px;
position:absolute;
top:15px;
right:20px;
z-index:9999;
display:block;
}
.pagination a{
width:12px;
height:12px;
display:block;
margin:0 0 0 7px;
float:left;
text-indent:1000px;
overflow:hidden;
background:url(images/pag_bg.png) no-repeat center;
}
.pagination a.selected{
width:12px;
height:12px;
display:block;
margin:0 0 0 7px;
float:left;
text-indent:1000px;
overflow:hidden;
background:url(images/pag_a.png) no-repeat center;
}
.pagination a:hover{
background:url(images/pag_a.png) no-repeat center;
}
/* Flickr
------------------------------------------------------------------*/
#flickr {	
width:560px;
padding:0 0 0 0px;
}
#flickr a img {
float:left;
margin:0 20px 0px 0px;
padding:0px; 
border:2px solid #42403e;
width:85px;
height:85px;
}
/*-------------------------contact_form------------------*/
.contact_form{
width:480px;
float:left; padding:40px 0 0 20px;
}
.form_row{
width:480px;
float:left; clear:both; padding:0 0 16px 0; 
}
.form_row label{
width:70px; float:left; text-align:right; color:#9e9d9d; font-size:14px; padding:5px 22px 0 0;
}
input.contact_input{
width:358px; height:31px; background:url(images/contact_input.gif) no-repeat center; float:left; color:#CCCCCC; padding:0 0 0 10px; border:none;
}
textarea.contact_textarea{
width:358px; height:106px; background:url(images/contact_textarea.gif) no-repeat center; float:left; color:#CCCCCC; padding:10px 0 0 10px; border:none; font-family:Arial, Helvetica, sans-serif; font-size:12px;
}
input.contact_submit{
float:right;
padding:0 23px 0 0;
border:none; cursor:pointer;
}

/*--------------------hosting-------------*/
.hosting_plans{
clear:both; float:left; padding:50px 0 100px 0;
}
.hosting_plan{
width:240px;
background:url(images/hosting_bg-240.png) no-repeat center top;
float:left;
}
.hosting_title{
color:#7fd7f2; font-size:24px; padding:17px 0 0 30px;
}
.hosting_title span{
font-size:16px; color:#FFFFFF;
padding:0 0 0 10px;
}
.hosting_icon{
width:240px; text-align:center; padding:15px 0 10px 0;
}
p.hosting_details{
padding:5px 30px 40px 30px;
}
a.order_details{
width:120px; height:36px; display:block; margin:auto; background:url(images/order_details_bt.gif) no-repeat center; line-height:36px; text-decoration:none; text-align:center; color:#191816; font-size:14px; font-weight:bold;
}
/*--------------order-----------------*/
.order{
width:942px; background:url(images/order_steps_top.png) no-repeat center top; margin:50px auto auto auto;
}
.order_title{
color:#7fd7f2; font-size:24px; padding:20px 0 0 20px; float:left;
}
.order_step{
float:right; font-size:18px; color:#FFFFFF; width:235px; padding:20px 0 0 0;line-height:28px;
}
.order_step span{
width:28px; height:28px; display:block; background:url(images/steps_bg.png) no-repeat center; text-align:center; line-height:28px; float:left; margin:0 10px 0 0;
}
.pack{
width:855px;
background:url(images/corner_top.png) no-repeat top left;
float:left;
clear:both;
margin:40px 0 0 40px;
padding:20px 0 0 0;
}
.pack_bottom{
width:855px;
background:url(images/corner_bottom.png) no-repeat bottom right;
}
.pack_title{
width:300px; text-align:center; font-size:14px; color:#FFFFFF; font-weight:bold; line-height:30px; float:left;
}
.pack_info{
width:320px; float:left; 
}
.pack_price{
width:200px; float:left; font-size: 17px; color: #fff;
}
.pack_info ul{ padding:20px 0 0 20px; margin:0px; list-style:none;}
.pack_info ul li{ line-height:20px; padding:0px; margin:0px;} 
a.configure_bt{
width:120px; height:36px; display:block; background:url(images/order_details_bt.gif) no-repeat center; line-height:36px; text-decoration:none; text-align:center; color:#191816; font-size:14px; font-weight:bold;
float:left; margin:30px 0 0 25px;
}
.current_selection{
width:260px;
float:left;
background:url(images/current_selection_border.png) no-repeat center bottom; text-align:center; font-size:14px; color: #999999; font-weight:bold; padding:0 0 15px 0; margin:50px 0 0 0;
}
.pack_info_current{
width:250px; float:left;
}
.pack_info_current ul{ padding:20px 0 0 40px; margin:0px; list-style:none;}
.pack_info_current ul li{ line-height:20px; padding:0px; margin:0px;}
.customer_info{
width:855px;
background:url(images/corner_top.png) no-repeat top left;
float:left;
clear:both;
margin:40px 0 0 40px;
padding:10px 0 0 5px;
} 
.customer_info_form{
width:520px;
float:left;
padding:35px 0 0 150px;
clear:both;
}
.form_row_info{
width:520px;
float:left;
padding:0px 0 15px 0;
clear:both;
}
.radio_box{
width:360px;
float:left;
line-height:25px;
color:#FFFFFF;
padding:3px 0 0 0;
}
.radio_box span{
padding:0 0 0 15px;color:#7fd7f2;
}
.form_row_info label{
width:120px; float:left; padding:5px 20px 0 0; text-align:right; color:#FFFFFF;
}
input.info_input{
width:350px; height:28px; float:left; border:1px #000 solid; background-color:#343434; color:#FFFFFF; padding:0 0 0 10px;
}
.form_row_info label.small{
width:50px; float:left; padding:5px 8px 0 0; text-align:right; color:#FFFFFF;
}
input.info_input_small{
width:140px; height:28px; float:left; border:1px #000 solid; background-color:#343434; color:#FFFFFF; padding:0 0 0 10px;
}
select.info_select{
width:355px; height:28px; float:left; border:1px #000 solid; background-color:#343434; color:#FFFFFF; padding:5px 10px 5px 10px;
}
input.info_submit{
width:120px; height:36px; background:url(images/order_details_bt.gif) no-repeat center; line-height:36px; text-decoration:none; text-align:center; color:#191816; font-size:14px; font-weight:bold;
border:none; cursor:pointer; float:right; margin:30px 150px 0 0px;
}
/*------------------------footer----------------------*/
.partners{
width:960px;
margin:auto;
padding:0 0 50px 0;
}
#footer{
width:100%;
height:auto;
background-color:#242322;
}
.footer_content{
width:960px;
margin:auto;
background:url(images/footer_bg.jpg) no-repeat center top;
}
.left_footer{
width:580px;
float:left;
}
.link_block{
width:125px;
float:left;
padding:20px 0 20px 15px;
}
.link_block h4{
color:#78cae3; font-size:12px; padding:0 0 5px 0; margin:0px; font-weight:normal;
}
.link_block ul{padding:0px; margin:0px; list-style:none;}
.link_block ul li{padding:2px 0 2px 0; margin:0px;}
.link_block ul li a{padding:0px 0 0 10px; margin:0px; text-decoration:none; color:#6a6a6a; background:url(images/footer_bullet.gif) no-repeat left;}
.link_block ul li a:hover{
color:#FFFFFF;
}
.bottom_copyrights{
width:480px; margin:0 0 0 15px;
clear:both;color:#6a6a6a; border-top:1px #6a6a6a dotted; padding:15px 0 15px 0;
}
.bottom_copyrights a{ text-decoration:none; color:#6a6a6a; padding:0 10px 0 10px;}
.bottom_copyrights a:hover{
color:#FFFFFF;
}
.right_footer{
width:140px;
float:right;
padding:20px 0 0 0;
}
.right_footer a{
padding:4px;
}
.right_footer a img{
border:none;
}

/*---------------invoice_content------------------*/
.invoice_content{
padding:0px 0 50px 50px;
}
.invoice_content p span{
color:#e2b83b;
}
.invoice_content p.blue{
color:#7fd7f2;
}
.invoice_content ul{
padding:0px; margin:0px; list-style:none;
}
.invoice_content ul li{
padding:0px; margin:0px; line-height:20px;color:#7fd7f2;
}
.invoice_amount{
font-weight:bold; font-size:14px; line-height:30px;
}
a.invoice_history{
border-bottom:1px #4F4C45 solid;
width:730px;
padding:8px 0 8px 15px;
display:block;
color:#e2b83b;
text-decoration:none;
font-size:14px;
}