/*
THEME NAME: The Cloud
DESCRIPTION: Powers the Cloud site.
VERSION:v1
AUTHOR: The Hive Inc. & Nicasio LLC
*/
/* Two-column with sidebar on left from the /layouts/ folder */
@import url('layouts/2c-l.css');
/* RESET ALL FONT SIZES ------------------------------------------------------------------------
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
/**
* Percents could work for IE, but for backCompat purposes, we are using keywords.
* x-small is for IE6/7 quirks mode.
*/
body {font:13px/1.231 helvetica,arial,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
* Bump up IE to get to 13px equivalent
*/
pre,code {font-family:monospace;*font-size:108%;line-height:100%;}
/* ----------------------------------------------------------------------------------------- */
/* USE THESE FONT SIZES TO DECLARE TRUE SIZES IN PIXELS ---------------------------------------
{font-size:77%;} => 10px
{font-size:85%;} => 11px
{font-size:93%;} => 12px
{font-size:100%;} => 13px
{font-size:108%;} => 14px
{font-size:116%;} => 15px
{font-size:123.1%;} => 16px
{font-size:131%;} => 17px
{font-size:138.5%;} => 18px
{font-size:146.5%;} => 19px
{font-size:153.9%;} => 20px
{font-size:161.6%;} => 21px
{font-size:167%;} => 22px
{font-size:174%;} => 23px
{font-size:182%;} => 24px
{font-size:189%;} => 25px
{font-size:197%;} => 26px
------------------------------------------------------------------------------------------- */
/* MISC. ITEMS ---------------------------------------------------------------------------- */
* {margin:0;padding:0;}
.clear {clear:both;height:0px;overflow:hidden;}
a {color:#008fc5;text-decoration:none;border-bottom:1px solid transparent;}
a:hover {border-bottom:1px solid #008fc5;}
a.img:hover, a.img-replace:hover {border:0px;}
a img {border:0px solid WHITE;}
.img-replace span {position:absolute;left:-9999px;}
.entry-date .edit-link {display:inline;margin:0px;}
a.post-edit-link {color:#666;font-weight:bold;text-decoration:underline;}
a.post-edit-link:hover {text-decoration:none;}
/* HIDE THESE ITEMS */
#image-preloader, .linklove, .ddsg-wrapper div, .advertisement font {display:none;}
/* RESET FORM FIELDS */
input, textarea, select, option, legend {font-family: helvetica,arial,sans-serif !important;}
input, textarea, select {outline: none;} /* removes the on focus blue border in safari */
textarea {resize:none;} /* removes ability to resize field in css3 */
legend, fieldset {border:0px;padding:0px;height:auto;margin:0px;}
input, textarea, select {color:#000;font-size:100%;}
/* RESET AD SPACE */
.advertisement * {padding:0px !important;white-space:nowrap;}
/* ADD VERTICAL SCROLLBARS TO EVERY PAGE */
html, body {height: 100%;margin: 0 0 1px;}
/* MAIN LAYOUT ----------------------------------------------------------------------------- */
body {background: #cff2ff url('images/Cloud_siteBG.jpg') repeat-x 0 0;text-align:center;color:#000;}
#outer {position:relative;position:relative;min-height:100%;}
#wrapper {width:1024px;margin:0 auto;text-align:left;position:relative;z-index:2;}
#wrapper-inner {padding-bottom:141px;}
/* HEADER ---------------------------------------------------------------------------------- */
#header {height:86px;margin-bottom:17px;overflow:hidden;position:relative;}
#header h1 {margin:15px 0px 0px 15px;width:170px;height:57px;}
#header h1 a {display:block;width:170px;height:57px;}
#header h1 span {position:absolute;left:-9999px;}
#site-description {position:absolute;left:-9999px;}
#top-newsletter-signup {position:absolute;right:30px;top:15px;}
#top-newsletter-signup .cf-ol {float:left;text-align:right;}
#top-newsletter-signup #li-2-1 {position:relative;right:-98px;}
#top-newsletter-signup #li-2-2 label {margin-right:7px;}
#top-newsletter-signup input.single {padding:4px 4px 3px 4px;}
#top-newsletter-signup p {float:left;width:91px;margin-left:7px;padding-top:19px;}
#top-newsletter-signup .failure,
#top-newsletter-signup .success,
#top-newsletter-signup .cf_info {clear:both;text-align:right;font-size:93%;}
/* CONTENT --------------------------------------------------------------------------------- */
.whtBox-bluBorder {background:#FFF;border-bottom:4px solid #008fc5;margin-bottom:9px;}
#featuredTop {padding:15px;height:324px;overflow:hidden;}
#featuredTop-img {float:left;}
#featuredTop-right {float:right;width:321px;}
#content, .widgetBox {float:left;padding:9px 0px 10px 0px;}
.widgetBox-half-512 {width:512px;}
.widgetBox-half-503 {width:503px;}
.widgetBox-third-352 {width:352px;}
.widgetBox-third-341 {width:341px;}
.widgetBox-third-313 {width:313px;}
.widgetBox-pad {margin-left:9px;}
#widget-hotOffTheWeb, #widget-updates {height:210px;}
#widget-cloudFreeAgentBar, #widget-joinCloud, #widget-contact {height:156px;}
.widgetBox-topRight {float:right;margin:5px 14px 0px 0px;}
h2#splash-title {margin-bottom:13px;width:321px;height:88px;background:transparent url('images/Cloud_splash-text-welcome-to-cloud-agents.jpg') no-repeat 0 0;}
#splash-welcome-copy {margin-bottom:27px;width:321px;height:181px;background:transparent url('images/Cloud_splash-text-welcome-copy.jpg') no-repeat 0 0;}
a#splash-download-press-release {width:273px;height:11px;display:block;background:transparent url('images/Cloud_splash-text-download-press-release.jpg') no-repeat 0 0;}
a#splash-download-press-release:hover {height:12px;background-position:0 -12px;}
h3#workWithCloud {width:247px;height:143px;background:transparent url('images/Cloud_sidebar-text-interested-in-working-with-cloud.jpg') no-repeat 0 0;overflow:hidden;}
h2.img-page-title, .widgetBox h3.text-header {margin:0px 0px 7px 9px;}
h2.img-page-title, h3.text-header {height:26px;overflow:hidden;background:transparent url('images/Cloud_text-headers.gif') no-repeat 0 0;}
h3#hotOffTheWeb {width:158px;background-position:0 -130px;}
h3#updates {width:82px;background-position:0 -26px;}
h3#cloudFreeAgentBar {width:284px;background-position:0 -52px;}
h2#pageTitle-20, h2#pageTitle-47, h3#joinCloud {width:115px;background-position:0 -78px;}
h3#contact {width:91px;background-position:0 -104px;}
h2.entry-title {margin-left:9px;margin-bottom:7px;}
.page-content, .widgetBox-content {border-top:1px solid #008fc5;font-size:93%;}
.widgetBox-half-512 .widgetBox-content, .widgetBox-half-503 .widgetBox-content {padding:14px 12px 0px 16px;}
.widgetBox-third-352 .widgetBox-content, .widgetBox-third-341 .widgetBox-content, .widgetBox-third-313 .widgetBox-content {padding:14px 14px 0px 9px;}
.page-content, .archive-content {padding:0px 15px 0px 15px;}
body.pageid-20 #content, body.pageid-47 #content {height:475px;}
body.single #content {min-height:470px;}
body.pageid-20 #primary, body.pageid-47 #primary {height:494px;}
body.pageid-47 #content img {margin-top:170px;}
.page-content p, .widgetBox-content p {margin-bottom:15px;}
.alignright,img.alignright {float:right;margin:0 0 10px 10px;}
.alignleft,img.alignleft {float:left;margin:0 10px 10px 0;}
.aligncenter,img.aligncenter {display:block;margin:0 auto 10px auto;text-align:center;}
.widgetBox-content img.alignleft {margin-left:5px;}
body.single .page-content{padding-top: 15px; margin-top: 8px}
body.single h2.entry-title{background: #fff200; width: auto; display: inline; padding: 1px 0; margin: 10px 0; font-size: 182%;}
body.single .sidebarBox-content h2.entry-title{background: #fff200; width: auto; display: inline; padding: 4px; position: relative; left: -10px;}
body.single .sidebarBox-content li, body.single .page-content li{margin: 10px 0;}
body.single .page-content ul{margin: 10px 0 15px 15px;}
body.single .page-content{border: 0; margin-top: 0; padding-top: 0;}
/*.single-post-title-wrapper{border-left: 4px solid #fff200}*/
.single-post-image{float: right; width: auto; margin: 5px 5px 15px 10px;}
h3.single-post-date{color:#959595;font-weight:bold;margin: 15px 0 5px 0;}
.single-post-excerpt{margin-bottom: 25px;}
.single-post-content{margin: 25px 0}
.single-post-byline{font-style: italic}
.addtoany-wrapper{float: right; margin-top: 20px;}
.previous-next-link{float: left; margin-top: 20px}
body.archive #content{}
body.archive h2.entry-title{background: #fff200; width: auto; display: inline; padding: 4px; position: relative; left: -10px;}
body.archive .posts-wrapper{margin-top: 10px}
body.category-news #content{width:1024px; margin: 0;}
.archive-content .entry-content{margin: 0 auto 0 auto 8px;}
.archive-content .entry-meta{padding-bottom: 5px; margin-bottom: 5px;}
/* HOT OFF THE WEB */
.newsfeed-item {margin-bottom:0px;}
.newsfeed-link, .newsfeed-publisher, .newsfeed-excerpt {display:block;}
.newsfeed-publisher {color:#959595;font-weight:bold;}
.newsfeed-excerpt {}
.news-feed-wrapper{height: 160px; overflow: auto}
/* TWITTER FEED */
.twtr-hd, .twtr-ft {display:none !important;}
.twtr-timeline {height:auto !important;font-size:100% !important;}
.twtr-tweet {border:0px solid #FFF !important;padding:0px !important;margin:0px 0px 15px 0px !important;}
.twtr-tweet-wrap {padding:0px !important;margin:0px !important;}
.twtr-tweet-text p a:hover {text-decoration:none !important;}
/* FORMS */
#content form {margin-top:20px;}
form li {list-style-type:none;clear:both;margin-bottom:3px;}
.cf_hidden, legend, .reqtxt, .emailreqtxt {display:none;}
.failure {color:red;font-weight:bold;}
#content fieldset.cf-fs1 {float:left;width:310px;}
#content fieldset.cf-fs2 {margin-left:5px;float:left;width:310px;}
#content label {margin-bottom:3px;padding:4px 0px;display:block;float:left;width:103px;text-align:right;margin-right:7px;}
#content input.single, #content textarea {width:186px;padding:4px;}
#content textarea {height:96px;}
#content select {width:198px;margin-top:2px;}
#content #label--16 {width:auto;float:none;text-align:left;padding-left:22px;padding-top:8px;}
#content #cf_field_16 {width:278px;float:right;margin-top:4px;}
#content p.cf-sb {clear:both;padding-top:15px;margin-left:110px;}
input.sendbutton, #commentform input#submit {width:91px;height:26px;overflow:hidden;background:transparent url('images/Cloud_submitBTN.gif') no-repeat 0 0;border:0px;cursor:pointer;}
input.sendbutton:hover, input.sendbutton:focus, #commentform input#submit:hover, #commentform input#submit:focus {background-position:0 100%;}
#comments {margin:25px;}
#comments ol {margin:10px 10px 10px 25px;}
#commentform input#submit {margin-left:110px;}
/* SIDEBAR --------------------------------------------------------------------------------- */
.sidebarBox-content {padding:9px 15px 0px 15px;}
.sidebarBox-content h3 {margin-bottom:17px;}
h3.sidebar-subsection-header{margin: 5px 0 0 0; font-size: 123.1%}
.sidebarBox-content p {font-size:108%;margin:0px 12px 15px 5px;}
.sidebarBox-content h2{font-size: 153.9%}
.sidebarBox-content .entry-title{font-size: 146.5% !important}
.single-sidebar, .archive-sidebar{padding-bottom: 5px;}
ul.sidebar-latest-posts{list-style-type: none}
li.sidebar-post{margin: 8px auto;}
.archive-sidebar ul{list-style-type: none}
.sidebar-post-excerpt p{padding: 0; margin: 0;}
/* FOOTER --------------------------------------------------------------------------------- */
#footer-bg {height:261px;width:100%;min-width:1024px;background:#FFF url('images/Cloud_footerBG.jpg') repeat-x 0 0;position:absolute;left:0px;bottom:0px;z-index:1;}
#footer-content {height:113px;width:100%;min-width:1024px;background:transparent none;position:absolute;left:0px;bottom:0px;z-index:3;}
#footer-inner {padding-top:0px;width:994px;margin:0 auto;text-align:left;}
#footer-logo {float:right;}
#footer-inner p {color:#898989;font-size:85%;margin-top:6px;}
/* Just some example content */
form#commentform .form-label {
margin:1em 0 0;
}
form#commentform span.required {
background:#fff;
color:#c30;
}
form#commentform,form#commentform p {
padding:0;
}
input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}
div.comments ol li {
margin:0 0 3.5em;
}
textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}
div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}
p.wp-caption-text{
font-style:italic;
}
div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}
div.gallery dl.gallery-columns-1 {
width:100%;
}
div.gallery dl.gallery-columns-2 {
width:49%;
}
div.gallery dl.gallery-columns-3 {
width:33%;
}
div.gallery dl.gallery-columns-4 {
width:24%;
}
div.gallery dl.gallery-columns-5 {
width:19%;
}
div#nav-below {
margin-top:1em;
}
div.navigation div.nav-next {
float:right;
text-align:right;
}
div.gallery dl,div.navigation div.nav-previous {
float:left;
}
input#author,input#email,input#url,div.navigation div {
width:50%;
}