/*
Theme Name: VPS.net Default
Theme URI: http://vps.net/
Description: The default theme for VPS.net.
Version: 1.0
Author: Adam Higgs
Author URI: http://atechmedia.com/
Tags: blue, custom header, fixed width, two columns, widgets
*/



/* Begin Typography & Colors */


html { color: #000; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
li { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
pre, form { font-style: normal; font-weight: normal; }
fieldset { border: 0; }
legend { color: #000; }
input, textarea { margin: 0; padding: 0; font-family: inherit; font-size: inherit; font-weight: inherit; *font-size: 100%; }
p, blockquote { margin: 0; padding: 0; }
th { margin: 0; padding: 0; font-style: normal; font-weight: normal; text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; }
address { font-style: normal; font-weight: normal; }
caption { font-style: normal; font-weight: normal; text-align: left; }
cite, dfn, em, strong, var { font-style: normal; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; font-variant: normal; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
select { font-family: inherit; font-size: inherit; font-weight: inherit; *font-size: 100%; }



html { background:url(images/backgrounds/main.png);}
body { font-family:Arial, Helvetica, sans-serif; font-size:14px; padding:0px 0px 10px 0px }


#login-wrap { background:url(/images/backgrounds/login.gif) repeat; overflow:hidden; padding-bottom:0px; display:none;}
#login-wrap .login { width:964px; margin:auto; padding:15px; }
#login-wrap .login p { background:url(/images/titles/login-text.png); display:block; width:379px; height:45px; text-indent:-99999px; float:left; margin-left:10px;}

#login-wrap .login dl.login-form { margin-top:10px; margin-left:5px;}
#login-wrap .login dl.login-form dt { color:#ffffff; font-size:80%; margin:5px 10px 5px 15px; font-weight:bold; float:left; }
#login-wrap .login dl.login-form dd { float:left; }
#login-wrap .login dl.login-form dd a { color:#ffffff;}
#login-wrap .login dl.login-form dd.text-field input { border:none; padding:5px; font-size:90%; color:#333333; background:#f1f1f1; width:175px; }
#login-wrap .login dl.login-form dd.text-field.password input {width:125px;}
#login-wrap .login dl.login-form dd.text-field .reset-password { display:block; color:#ffffff; font-size:90%; margin-top:3px; margin-bottom:10px;}
#login-wrap .login dl.login-form dt.submit { margin:5px;}
#login-wrap .login dl.login-form dd.submit { color:#ffffff; font-size:80%; margin-top:3px; margin-right:-30px;}
#login-wrap .login dl.login-form dd.submit input {}
#login-wrap .login dl.login-form.reqpass {  margin-left:185px; overflow:hidden; clear:left; display:none; }
#login-wrap .login dl.login-form.reqpass dt { margin-bottom:0px;}
#login-wrap .login dl.login-form.reqpass dd { margin-bottom:0px;}

#background-stripe { background:url(/images/backgrounds/main-generic.png) repeat-x;}


#wrap { width:994px; margin:auto; background:url(images/backgrounds/shadow-repeat.png) repeat-y; padding:0px 9px 0px 9px; }

/* Header */

#wrap #header { height:66px;}
#wrap #header h2 { float:left; margin-top:17px; margin-left:28px;}
#wrap #header h2 a { background:url(images/logo.gif) no-repeat; width:186px; height:51px; display:block; text-indent:-999999px; overflow:hidden; }
#wrap #header .login-link { float:right; font-size:80%; width:180px; height:20px; margin-right:1px; }
#wrap #header .login-link a { background:url(/images/backgrounds/login-tab.gif) no-repeat; width:140px; height:19px; color:#ffffff; display:block; padding-left:40px; padding-top:2px; text-decoration:none;}
#wrap #header ul { float:right; margin-top:7px; margin-right:15px;}
#wrap #header ul li { float:left; margin-right:5px;}
#wrap #header ul li h2 { margin:0px; float:none;}
#wrap #header ul li a { background-image:url(/images/backgrounds/main-nav-sprite.gif); background-repeat:no-repeat; height:34px; display:block; text-indent:-999999px; overflow:hidden;}
#wrap #header ul li.home a {background-position:-15px -15px; width:102px; }
#wrap #header ul li.home a:hover {background-position:-15px -59px; }
#wrap #header ul li.home a.active {background-position:-15px -103px; }
#wrap #header ul li.features a {background-position:-113px -15px; width:74px; }
#wrap #header ul li.features a:hover {background-position:-113px -59px; }
#wrap #header ul li.features a.active {background-position:-113px -103px; }
#wrap #header ul li.faq a {background-position:-197px -15px; width:53px; }
#wrap #header ul li.faq a:hover {background-position:-197px -59px; }
#wrap #header ul li.faq a.active {background-position:-197px -103px; }
#wrap #header ul li.signup-pricing a {background-position:-260px -15px; width:119px; }
#wrap #header ul li.signup-pricing a:hover {background-position:-260px -59px; }
#wrap #header ul li.signup-pricing a.active {background-position:-260px -103px; }
#wrap #header ul li.wiki a {background-position:-698px -15px; width:49px; }
#wrap #header ul li.wiki a:hover {background-position:-698px -59px; }
#wrap #header ul li.wiki a.active {background-position:-698px -103px; }
#wrap #header ul li.our-blog a {background-position:-389px -15px; width:75px; }
#wrap #header ul li.our-blog a:hover {background-position:-389px -59px; }
#wrap #header ul li.our-blog a.active {background-position:-389px -103px; }
#wrap #header ul li.our-community a {background-position:-474px -15px; width:117px; }
#wrap #header ul li.our-community a:hover {background-position:-474px -59px; }
#wrap #header ul li.our-community a.active {background-position:-474px -103px; }
#wrap #header ul li.help a {background-position:-681px -15px; width:60px; }
#wrap #header ul li.help a:hover {background-position:-681px -59px; }
#wrap #header ul li.help a.active {background-position:-681px -103px; }
#wrap #header ul li.contact-us a {background-position:-601px -15px; width:87px; }
#wrap #header ul li.contact-us a:hover {background-position:-601px -59px; }
#wrap #header ul li.contact-us a.active {background-position:-601px -103px; }


#wrap #page-content { background:url(/images/backgrounds/generic-content.jpg) no-repeat 0px 19px; overflow:hidden; clear:both; min-height:132px; padding:130px 30px 0px 30px;}
#wrap #page-content .hidden { display:none;}
#wrap #page-content p.logout { position:absolute; margin-top:90px; margin-left:940px; font-size:13px; }
#wrap #page-content p.logout a { color:#ffffff;}

#wrap #page-content h1.section-title { font-size:200%; font-weight:bold; margin:35px 0px 20px 0px;}

#wrap #page-content .beta-logo a { background:url(/images/beta-logo.png) no-repeat; display:block; width:165px; height:197px; position:absolute; margin-left:795px; margin-top:-131px; text-indent:-999999px; overflow:hidden;}
#wrap #page-content #content { width:690px; float:left;}
#wrap #page-content #content h2 { margin:0px 0px 0px 0px; font-size:165%; line-height:150%; clear:both;}
#wrap #page-content #content h2 b { font-weight:bold;}
#wrap #page-content #content h2 .orange { font-weight:bold; color:#d34300;}
#wrap #page-content #content h2 a { text-decoration:none;}
#wrap #page-content #content h2 a:hover { text-decoration:underline;}
#wrap #page-content #content h3 { margin:15px 0px;}
#wrap #page-content #content h4 { margin:15px 0px;}
#wrap #page-content #content p { margin:15px 0px; line-height:160%; color:#636363;}
#wrap #page-content #content strong { font-weight:bold;}
#wrap #page-content #content a { color:#da580c;}
#wrap #page-content #content ul { margin:15px 0px; color:#c13700; overflow:hidden;}
#wrap #page-content #content ul li { margin:5px 0px;}
#wrap #page-content #content ol { margin:15px 0px;}
#wrap #page-content #content dl { margin:15px 0px;}
#wrap #page-content #content table { margin:15px 0px;}
#wrap #page-content #content table thead { font-weight:bold}
#wrap #page-content #content table td { padding:5px;}
#wrap #page-content #content small { font-size:90%; color:#999999;}
#wrap #page-content #content blockquote { width:690px; overflow:scroll; overflow-y:visible; border:1px solid #cccccc; background:#efefef; padding:0px 15px; text-align:left;}

#wrap #page-content #content img.centered { display: block; margin-left: auto; margin-right: auto; }
#wrap #page-content #content img.alignright { padding:4px; margin: 0 0 2px 7px; display: inline;}
#wrap #page-content #content img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
#wrap #page-content #content .alignright { float: right; }
#wrap #page-content #content .alignleft { float: left }
#wrap #page-content #content .aligncenter, #wrap #page-content #content div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

#wrap #page-content #content .navigation { overflow:hidden; height:1%; margin:5px 0px 30px 0px; background:#efefef; padding:0px 10px; }
#wrap #page-content #content .navigation a { display:inline-block; margin:5px 0px 6px 0px;}

#wrap #page-content #content .post { border-bottom:1px solid #efefef; margin-bottom:10px; padding-bottom:2px;}
#wrap #page-content #content .entry { clear:both; text-align:justify;}

#wrap #page-content #content .postmetadata { font-size:80%; padding:10px; background:#EEEEEE; border:1px solid #D4D4D4; }
#wrap #page-content #content .postmetadata a { color:#636363;}
#wrap #page-content #content .postmetadata small { font-size:100%;}

#wrap #page-content #content h3#comments { font-size:130%; border-bottom:1px solid #efefef; padding-bottom:10px;}

#wrap #page-content #content .commentlist {}
#wrap #page-content #content .commentlist cite.fn { font-size:110%;}
#wrap #page-content #content .commentlist span.says { font-size:110%;}
#wrap #page-content #content .commentlist li { border:1px solid #efefef; padding:15px 15px 0px 15px; margin-bottom:20px;}
#wrap #page-content #content .commentlist li .comment-author { font-size:80%;}
#wrap #page-content #content .commentlist li .comment-meta { font-size:80%;}
#wrap #page-content #content .commentlist li .comment-author img { float:left; margin-right:10px; }

#wrap #page-content #content #respond h3 {  font-size:130%; border-bottom:1px solid #efefef; padding-bottom:10px;}
#wrap #page-content #content #respond .text-input input { padding:3px; border:1px solid #cccccc;}
#wrap #page-content #content #respond #commentform textarea { padding:3px; border:1px solid #cccccc; width:690px;}

#wrap #page-content #content #searchform { margin:20px 0px; }
#wrap #page-content #content #searchform input#s { border:1px solid #cccccc; padding:3px; }


#wrap #page-content #sidebar { width:190px; float:left; margin-top:0px; margin-left:30px; padding:10px 10px 20px 10px; }
#wrap #page-content #sidebar ul { font-size:90%; margin-left:10px;}
#wrap #page-content #sidebar ul h2 { font-weight:bold; color:#636363; margin:10px 0px 2px 0px;}
#wrap #page-content #sidebar ul p { margin:10px 0px; color:#636363; font-size:90%;}
#wrap #page-content #sidebar ul ul { margin-left:10px;}
#wrap #page-content #sidebar ul ul li { margin:2px 0px; color:#636363;}

#wrap #page-content .yellow-box { background:url(/images/backgrounds/yellow-box-repeat.gif) repeat-y; overflow:hidden; clear:both; width:185px; margin-left:9px;}
#wrap #page-content .yellow-box .top { background:url(/images/backgrounds/yellow-box-top-old.gif) no-repeat 0px 0px; overflow:hidden; padding-top:15px;}
#wrap #page-content .yellow-box .top h3 { font-size:125%; font-weight:bold; margin-left:15px; margin-right:0px; margin-bottom:0px; margin-top:12px; color:#000000;}
#wrap #page-content .yellow-box .top h4 { font-size:110%; font-weight:bold; margin-left:15px; margin-right:0px; margin-bottom:0px;}
#wrap #page-content .yellow-box .top p { font-size:85%; color:#482715; font-size:80%; margin:12px 15px 12px 15px; line-height:130%;}
#wrap #page-content .yellow-box .top p b { display:block; color:#363636; font-size:110%}
#wrap #page-content .yellow-box .top p.profile-link { margin-top:3px;}
#wrap #page-content .yellow-box .bottom { background:url(/images/backgrounds/yellow-box-bottom.gif) no-repeat bottom; height:6px; padding-bottom:9px;}


#wrap #page-content #searchform input#s { border:1px solid #cccccc; padding:3px; width:120px; margin-bottom:10px;  }

#wrap #page-content #sidebar a { color:#da580c;}

#footer { background:url(images/backgrounds/footer.png) no-repeat top center #efefef; height:55px; padding-top:32px; padding-bottom:0px; clear:both}
#footer ul { margin-left:320px; overflow:hidden; margin-bottom:2px;}
#footer ul li { font-size:70%; float:left; color:#636363;}
#footer ul li a { color:#da580c; margin-right:4px; margin-left:5px; }
#footer p { font-size:70%; color:#636363; margin-left:325px;}
#footer p a { color:#da580c;}


#bottom-shadow { width:994px; margin:auto; background:url(images/backgrounds/shadow-bottom.png) no-repeat; height:9px; padding:0px 9px 0px 9px;}

/* IE6 Fixes */
* html #wrap { background:none #FFFFFF; padding:0px;}
* html #wrap #page-content { height:1%}
* html #wrap #header ul { width:610px; margin-right:-15px;}
* html #wrap #header ul li { margin-right:0px;}
* html #bottom-shadow { background:none;}
* html #wrap #page-content #sidebar { margin-left:8px; width:180px; margin-right:0px;}


* + html #wrap #header { margin-bottom:2px;}
* + html #wrap #header ul { width:610px; margin-top:7px;}