/******************************************************************
Theme Name: Bones
Theme URI: http://www.themble.com/bones
Description: This site was built using the Bones Development Theme. For more information about Bones or to view documentation, you can visit the Bones Documentation page. You can also view the conversation on Twitter by following the hashtag: #wpbones.
Author: Eddie Machado
Author URI: http://www.themble.com/bones/
Version: 1.09
Tags: html5, css3, fixed, development, bones, h5bp
License: GPL or whatever
License URI: http://www.gnu.org/copyleft/gpl.html
All Default Styles are in library/css/normalize.css
I reccommend not editing those files and making all
changes here. That way if something goes awry, you
can easily revert back to the original, but that's
totally up to you. Happy Developing!
******************************************************************/
/******************************************************************
Bones Normalize Stylesheet
Designed by Eddie Machado
http://themble.com/bones
eddie@themble.com
Special Thanks to:
Paul Irish, Divya Manian & the HTML5 Boilerplate
@necolas for normalize.css and other inspirations
Andy Clarke & the 320 & Up Extension
Yoast for some WP functions & optimization ideas
Andrew Rogers for code optimization
David Dellanave for speed & code optimization
and several other developers. :)
I ADVISE AGAINST EDITING THIS FILES.
******************************************************************/
/******************************************************************
GENERAL NORMALIZE
******************************************************************/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]), [hidden] { display: none; }
/** Base Styles **/
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.5; }
body, button, input, select, textarea { font-family: sans-serif; color:silver;}
/** IE Fixes **/
img { border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
/** Links **/
a:focus { }
a:hover, a:active { outline: 0; }
/** Typography **/
h1 { font-size: 2em; } /* fixes html5 bug */
p { -webkit-hyphens: auto; -moz-hyphens: auto; -epub-hyphens: auto; hyphens: auto; }
abbr[title] { border-bottom: 1px dotted; }
b, strong, .strong { font-weight: bold; }
dfn, em, .em { font-style: italic; }
small, .small, sub, sup { font-size: 75%; }
ins, .ins { background: #ff9; color: #000; text-decoration: none; }
mark, .mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
blockquote { margin: 1.5em 40px; }
q { quotes: none; }
q:before, q:after { content: ''; content: none; }
ul, ol { margin: 1.5em 0; padding: 0; }
dd { margin: 0; }
nav ul, nav ol, .widget ol, .widget ul, .commentlist { list-style: none; list-style-image: none; margin: 0; }
/* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */
sub, sup { line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/** Forms **/
form, fieldset, form ul, form ol, fieldset ol, fieldset ul { margin: 0; border: 0; }
legend { border: 0; *margin-left: -7px; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
/* Colors for form validity */
input:invalid, textarea:invalid { background-color: #f0dddd; }
/** Tables **/
table { border-collapse: collapse; border-spacing: 0; }
/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after, nav[role=navigation] .menu ul:before, nav[role=navigation] .menu ul:after { content: ""; display: table; }
.clearfix:after, nav[role=navigation] .menu ul:after { clear: both; }
.clearfix, nav[role=navigation] .menu ul { zoom: 1; }
/* wordpress junk */
.wp-smiley { margin: 0 !important; max-height: 1em; }
/******************************************************************
PRINT STYLESHEET
******************************************************************/
@media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } a, a:visited { color: #444 !important; text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; }
@page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; }
}
/******************************************************************
GENERAL LAYOUT STYLES
******************************************************************/
body { background: #111; }
/* --- Hover Preloads --- */
body:after
{
content: url(/uploads/2012/02/web-design-2.gif) url(/uploads/2012/02/web-design-3.gif) url(/uploads/2012/02/c2-hover.jpg) url(/uploads/2012/02/c1-hover.jpg) url(/uploads/2012/02/b1-hover.jpg) url(/uploads/2012/02/b2-hover.jpg) url(/uploads/2012/02/b3-hover.jpg) url(/uploads/2012/02/s-hover.jpg);
display: none;
}
/******************************************************************
GRID STYLES
******************************************************************/
/* 960 Grid System (http://960.gs/ ) */
#container { background:transparent;margin: 15px auto 0; /* box-shadow: 0 0 4px 1px #BD8E60; */ padding-top: 0 !important;}
#container, .wrap {
width: 940px;
}
/* layout options ( all have margins right & left of 2.1276596%) */
.col60 { width: 6.3829787%; } /* width 60px / grid_1 */
.col140 { width: 14.893617%; } /* width 140px / grid_2 */
.col220 { width: 23.404255%; } /* width 220px / grid_3 */
.col300 { width: 31.914894%; } /* width 300px / grid_4 */
.col380 { width: 40.425532%; } /* width 380px / grid_5 */
.col460 { width: 48.936170%; } /* width 460px / grid_6 */
.col540 { width: 57.446809%; } /* width 540px / grid_7 */
.col620 { width: 65.957447%; } /* width 620px / grid_8 */
.col700 { width: 74.468085%; } /* width 700px / grid_9 */
.col780 { width: 82.978723%; } /* width 780px / grid_10 */
.col860 { width: 91.489362%; } /* width 860px / grid_11 */
.col940 { width: 100.0%; } /* width 940px / grid_12 */
/* layout & column defaults */
.col60, .col140, .col220, .col300, .col380, .col480, .col540, .col620, .col700, .col780, .col860, .col940 {
display: inline;
float: left;
position: relative;
margin-left: 1.0638298%; /* 10px */
margin-right: 1.0638298%; /* 10px */
}
/* default styles & fixes */
.first { margin-left: 0; } /* fixes alignment */
.last { margin-right: 0; } /* fixes alignment */
/* To Use Another Grid System, simply visit:
http://themble.com/support/bones-grid/
There, you can check out how to replace this grid with other like:
960, Blueprint, and any other custom ones.
*/
/******************************************************************
COMMON & REUSABLE STYLES
******************************************************************/
/* floats */
.left { float: left; }
.right { float: right; }
/* text alignment */
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
/* highlighting search term on search page */
mark, .search-term { background: #EBE16F; }
/* alerts & notices */
.help, .info, .error, .success { margin: 10px; padding: 5px 18px; border: 1px solid #cecece; }
.help { border-color: #E0C618; background: #EBE16F; }
.info { border-color: #92cae4; background: #d5edf8; }
.error { border-color: #fbc2c4; background: #fbe3e4; }
.success { border-color: #c6d880; background: #e6efc2; }
/* To embed your own fonts, use this syntax
and place your fonts inside the
library/fonts folder. For more information
on embedding fonts, go to:
http://www.fontsquirrel.com/
Be sure to remove the comment brackets.
*/
/* @font-face {
font-family: 'Font Name';
src: url('library/fonts/font-name.eot');
src: url('library/fonts/font-name.eot?#iefix') format('embedded-opentype'),
url('library/fonts/font-name.woff') format('woff'),
url('library/fonts/font-name.ttf') format('truetype'),
url('library/fonts/font-name.svg#font-name') format('svg');
font-weight: normal;
font-style: normal;
}
*/
/******************************************************************
LINK STYLES
******************************************************************/
a, a:visited { color: #f3c537; text-decoration:none;}
a:hover, a:focus { color: #f3c537; text-decoration:none;}
a:active {} /* on click */
a:link { -webkit-tap-highlight-color : rgba(0,0,0,0); /* this highlights links on Iphones / iPads */ }
/******************************************************************
TEXT SELECTION STYLES
******************************************************************/
/* Highlighted Text */
::selection {
background: #6fc2f6;
color:#fff;
text-shadow : none;
}
/* Firefox */
::-moz-selection {
background: #6fc2f6;
color:#fff;
text-shadow : none;
}
/******************************************************************
WORDPRESS BODY CLASSES
want to style a page via body class? go ahead
******************************************************************/
.rtl {}
.home {} /* home page */
.blog {}
.archive {} /* archive page */
.date {} /* date archive page */
.date-paged-1 {} /* replace the number to the corresponding page number */
.search {} /* search page */
.search-results {} /* search result page */
.search-no-results {} /* no results search page */
.search-paged-1 {} /* individual paged search (i.e. body.search-paged-3) */
.error404 {} /* 404 page */
.single {} /* single post page */
.postid-1 {} /* individual post page by id (i.e. body.postid-73) */
.single-paged-1 {} /* individual paged single (i.e. body.single-paged-3) */
.attachment {} /* attatchment page */
.attachmentid-1 {} /* individual attatchment page (i.e. body.attachmentid-763) */
.attachment-mime-type {} /* style mime type pages */
.author {} /* author page */
.author-nicename {} /* user nicename (i.e. body.author-samueladams) */
.author-paged-1 {} /* paged author archives (i.e. body.author-paged-4) for page 4 */
.category {} /* category page */
.category-1 {} /* individual category page (i.e. body.category-6) */
.category-paged-1 {} /* replace the number to the corresponding page number */
.tag {} /* tag page */
.tag-slug {} /* individual tag page (i.e. body.tag-news) */
.tag-paged-1 {} /* replace the number to the corresponding page number */
.page-template {} /* custom page template page */
.page-template-page-php {} /* individual page template (i.e. body.page-template-contact-php */
.page-paged-1 {} /* replace the number to the corresponding page number */
.page-parent {}
.page-child {}
.parent-pageid-1 {} /* replace the number to the corresponding page number */
.logged-in {} /* if user is logged in */
.paged {} /* paged items like search results or archives */
.paged-1 {} /* individual paged (i.e. body.paged-3) */
/******************************************************************
HEADLINES & TITLES
******************************************************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
font-weight:200; font-family: "league-gothic";
/* font-family: "chaparral-pro"; font-weight:300 */ }
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a { text-decoration: none; }
h1, .h1 { font-size: 2.5em; }
h2, .h2 { font-size: 2.9em;
opacity: 0.3; width:100%;text-transform: uppercase; }
h3, .h3 { font-size: 2.125em;text-transform: uppercase;opacity: 0.3; }
h4, .h4 { font-size: 1.1em; font-weight: 700; }
h5, .h5 { font-size: 0.846em; text-transform: uppercase; letter-spacing: 2px; }
/******************************************************************
HEADER SYTLES
******************************************************************/
header[role=banner] {}
#logo {
/* background-image: url("/uploads/2012/01/typeshape-logo1.gif"); */
height: 57px;
margin-top: 7px;
/* text-indent: -9999px; */
width: 192px;
font-family:font-family: "museo"!important;
color:silver;
}
#logo h1 {
font-family:font-family: "museo"!important;
color:silver;
text-decoration:none;
font-weight:500;
font-size:35px;
}
#logo h1 a {color:silver;
text-decoration:none;}
#inner-header { position:relative;}
/******************************************************************
NAVIGATION STYLES
(Main Navigation)
******************************************************************/
nav[role=navigation] {}
nav[role=navigation] .menu {
float:right;
margin: -35px 0 1.1em;
font-weight:200;font-family: "league-gothic";
line-height:30px;
font-size:20px;
/* font-family: "chaparral-pro"; font-weight:300; */
}
nav[role=navigation] .menu ul {
}
nav[role=navigation] .menu ul li {
float: left;
/* border-right:1px solid #f3f0ed; */
padding-left: 15px;
padding-right: 15px;
}
nav[role=navigation] .menu ul li a {
text-decoration:none; color:#696969;
text-transform: uppercase;
}
nav[role=navigation] .menu ul li a:hover {
color:#silver;
}
nav[role=navigation] .menu ul li:first-child a {}
nav[role=navigation] .menu ul li.current-menu-item a,
nav[role=navigation] .menu ul li.current_page_item a,
nav[role=navigation] .menu ul li.current-page-ancestor a { color:#f3c537!important;}
/* sub menus */
nav[role=navigation] .menu ul li ul, nav[role=navigation] .menu ul li ul li ul {
background: #4598bb;
position: absolute;
left: -9999em;
z-index: 9999;
width: 200px;
}
nav[role=navigation] .menu ul li ul li ul {
margin-left: 200px;
top: auto;
margin-top: -30px;
}
nav[role=navigation] .menu ul li ul li:hover ul, nav[role=navigation] .menu ul li:hover ul {
left: auto;
}
nav[role=navigation] .menu ul li ul li a {
width: 160px;
}
nav[role=navigation] .menu ul li ul li a {}
nav[role=navigation] .menu ul li ul li a:hover {}
nav[role=navigation] .menu ul li ul li:last-child a {}
nav[role=navigation] .menu ul li ul li ul.sub-menu { }
nav[role=navigation] .menu ul li ul li:hover ul.sub-menu { }
/******************************************************************
POSTS & CONTENT STYLES
******************************************************************/
#content {}
#main {position:relative;}
.hentry { }
.single-title, .page-title { font-size:35px;font-family: ff-market-web; margin: 20px 0 0.375em; color:#4a4a4a;text-transform: none;opacity:1;}
.single-title {}
.page-title {}
.archive_title { padding: 0 20px; margin: 1.1em 0 0.75em; }
/* want to style individual post classes? Booya! */
.post-id {} /* post by id (i.e. post-3) */
.post {} /* general post style */
.page {} /* general article on a page style */
.attachment {} /* general style on an attatchment */
.sticky {} /* sticky post style */
.hentry {} /* hentry class */
.category-slug {} /* style by category (i.e. category-videos) */
.tag-slug {} /* style by tag (i.e. tag-news) */
/* post meta */
.meta { font-size:0.9em; letter-spacing:0.05em; line-height:1.75em; color: #999; margin: 0.875em 0; }
.meta time {}
/* post content */
.post_content {}
.post_content p { margin: 0 0 1.5em 0; line-height: 1.5em; font-size:1.1em;}
.post_content ul, .post_content ol, .post_content table, .post_content dl { margin: 1.5em 0; }
.post_content ul, .post_content ol { list-style-position:outside; line-height:1.5; margin-left: 2.2em; margin-right: 2.2em; }
.post_content li { margin-bottom: 0.75em; }
.post_content ul li { list-style-type: disc; }
.post_content ol li { list-style-type: decimal; }
.post_content blockquote { font-style:italic; line-height:1.6em; margin: 1.5em 2.2em; }
.post_content blockquote:before { font-family:Georgia, serif; content: "“"; font-size:2.75em; text-indent:-.8em; margin-top:.1em; float:left; opacity:.3; } /* this adds the quote before the blockquote */
.post_content dl { margin:1.75em 0 1.75em; }
.post_content dt { margin-top: 1.25em; font-weight:700; }
.post_content dd { font-style: italic; margin-top:0.5em; line-height:1.6em; }
.post_content img { margin: 0 0 1.5em 0; /* max-width: 100%; */ }
.alignleft, img.alignleft { margin-right: 1.5em; display: inline; float: left; }
.alignright, img.alignright { margin-left: 1.5em; display: inline; float: right; }
.aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; }
.post_content video { margin: 1.5em 0; max-width: 100%; display: block; }
.post_content object { display: block; margin: 1.5em 0; max-width: 100%; }
.post_content pre, .post_content code { font-size: 0.9em; line-height: 1.7em; padding: 1em; background: #eee; border: 2px solid #cecece; }
.wp-caption { margin-bottom: 1.5em; text-align: center; padding-top: 5px; }
.wp-caption img { border: 0 none; padding: 0; margin: 0; }
.wp-caption .wp-caption-text { font-size:0.8em; font-style:italic; margin:.6em 0 -.2em; }
/* image gallery styles */
.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {}
.gallery-caption {}
.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}
.hentry footer { clear: both; /* margin: 1.5em 0 0; padding-bottom: 2.2em; */ }
/******************************************************************
PAGE NAVI STYLES
(Special Feature)
******************************************************************/
/* page navigation */
.page-navigation, .wp-prev-next { margin: 1.1em 0 2.2em; }
.bones_page_navi, .wp-prev-next ul { }
.bones_page_navi li { float: left; margin-left: 10px; }
.bones_page_navi li a { padding: 3px 6px; display: block; text-decoration: none; position: relative; }
.bones_page_navi li a:hover { color: #f01d4f; text-decoration: underline; }
.bones_page_navi li.bpn-current { padding: 3px 6px; border-bottom: 2px solid #f01d4f; position: relative; } /* current page link */
.bones_page_navi li.bpn-current:hover {}
.bones_page_navi li.bpn-prev-link { } /* previous link */
.bones_page_navi li.bpn-prev-link a { padding: 0; }
.bones_page_navi li.bpn-prev-link a:hover { background: none; }
.bones_page_navi li.bpn-next-link { font-weight: 700; } /* next page link */
.bones_page_navi li.bpn-next-link a { padding: 0; }
.bones_page_navi li.bpn-next-link a:hover { background: none; }
.bones_page_navi li.bpn-last-page-link {} /* last page link */
.bones_page_navi li.bpn-last-page-link a {}
.bones_page_navi li.bpn-last-page-link a:hover { background: none; }
.bones_page_navi li.bpn-first-page-link {} /* first page link */
.bones_page_navi li.bpn-first-page-link a {}
.bones_page_navi li.bpn-first-page-link a:hover { background: none; }
/* fallback previous & next links */
.wp-prev-next {}
.wp-prev-next ul {}
.wp-prev-next .prev-link { float: left; }
.wp-prev-next .next-link { float: right; }
/******************************************************************
COMMENT STYLES
******************************************************************/
#comments { margin: 0 20px 0.75em; }/* h3 comment title */
#comments span { font-weight: 700; color: #1a90db; } /* number of comments span */
.comment-nav {}
.comment-nav ul {}
.comment-nav ul li {}
.commentlist { margin: 0 20px; }
.commentlist li { position: relative; clear: both; list-style-type: none; margin-bottom: 1.5em; padding: 0.7335em 10px; }
.commentlist li[class*=depth-] { padding-left: 20px; margin-top: 1.1em; }
.commentlist li.depth-1 { margin-left: 0; margin-top: 0; }
.commentlist li:not(.depth-1) { margin-right: -10px; margin-top: 0; padding-bottom: 0; }
.commentlist li.depth-2 {}
.commentlist li.depth-3 {}
.commentlist li.depth-4 {}
.commentlist li.depth-5 {}
.commentlist li:last-child { margin-bottom: 0; }
.commentlist li ul.children li {}
.commentlist li ul.children li.alt {}
.commentlist li ul.children li.byuser {}
.commentlist li ul.children li.comment {}
.commentlist li ul.children li.depth-1 {} /* change number for different depth */
.commentlist li ul.children li.bypostauthor {}
.commentlist li ul.children li.comment-author-admin {}
.commentlist li ul.children .alt {}
.commentlist li ul.children .odd {}
.commentlist li ul.children .even {}
.commentlist .alt {}
.commentlist .odd { background: #eee; }
.commentlist .even { background: #fefefe; }
.commentlist .parent {}
.commentlist .comment {}
.commentlist .children { border-left: 2px solid #6ac8d3; }
.commentlist .pingback {}
.commentlist .bypostauthor {}
.commentlist .comment-author {}
.commentlist .comment-author-admin {}
.commentlist .thread-alt {}
.commentlist .thread-odd {}
.commentlist .thread-even {}
.commentlist .vcard { margin-left: 55px; }
.commentlist .vcard cite.fn { font-weight: 700; font-style: normal; }
.commentlist .vcard time { float: right; }
.commentlist .vcard time a { color: #999; text-decoration: none; }
.commentlist .vcard time a:hover { text-decoration: underline; }
.commentlist .vcard img.photo {}
.commentlist .vcard img.avatar { position: absolute; left: 20px; padding: 2px; border: 1px solid #cecece; background: #fff; }
.commentlist .vcard cite.fn a.url {}
.commentlist .comment-meta {}
.commentlist .comment-meta a {}
.commentlist .commentmetadata {}
.commentlist .commentmetadata a {}
.commentlist li .comment_content { margin-left: 55px; }
.commentlist li .comment_content p { margin: 0.7335em 0 1.5em; font-size: 1em; line-height: 1.5em; }
.commentlist li ul { margin: 0; }
.commentlist .comment-reply-link { text-decoration: none; float: right; background: #4598bb; padding: 3px 5px; color: #fff; opacity: 0.65; margin-bottom: 10px; font-weight: 700; font-size: 0.9em; }
.commentlist a.comment-reply-link:hover { opacity: 1; }
/******************************************************************
COMMENT FORM STYLES
******************************************************************/
.respond-form { margin: 1.5em 20px; padding-bottom: 2.2em; }
#comment-form-title { margin: 0 0 1.1em; }
#cancel-comment-reply {}
#cancel-comment-reply a {}
.respond-form form[method=post] { margin: 0.75em 0; }
.comments-logged-in-as {}
.respond-form form[method=post] li { list-style-type: none; clear: both; margin-bottom: 0.7335em; }
.respond-form form[method=post] li label, .respond-form form[method=post] li small { display: none; }
.respond-form input[type=text], .respond-form input[type=email], .respond-form input[type=url], .respond-form textarea { padding: 3px 6px; background: #efefef; border: 2px solid #cecece; line-height: 1.5em; }
.respond-form input[type=text]:focus, .respond-form input[type=email]:focus, .respond-form input[type=url]:focus, .respond-form textarea:focus { background: #fff; }
.respond-form input[type=text], .respond-form input[type=email], .respond-form input[type=url] { max-width: 400px; min-width: 250px; }
#allowed_tags { margin: 1.5em 10px 0.7335em 0; }
.respond-form textarea { resize: none; width: 97.3%; height: 150px; }
#submit {}
/* form validation */
.respond-form input:invalid, .respond-form textarea:invalid { border-color: #fbc2c4; background: #fbe3e4; outline: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background-color: #f6e7eb; }
/* no comments */
.nocomments { margin: 0 20px 1.1em; }
/******************************************************************
SIDEBARS & ASIDES
******************************************************************/
#sidebar1 { margin-top: 17px; }
.widget {
/* border-left: 1px dotted silver; */
margin: 0;
/* padding: 0 25px; */
}
.widget li { margin-bottom: 0.75em; }
.widget li ul { margin-top: 0.75em; padding-left: 1em; }
.widgettitle { margin-bottom: 0.75em; }
/* links widget */
.widget_links {}
.widget_links ul {}
.widget_links ul li {}
.widget_links ul li a {}
/* meta widget */
.widget_meta {}
.widget_meta ul {}
.widget_meta ul li {}
.widget_meta ul li a {}
/* pages widget */
.widget_pages {}
.widget_pages ul {}
.widget_pages ul li {}
.widget_pages ul li a {}
/* recent-posts widget */
.widget_recent_entries {}
.widget_recent_entries ul {}
.widget_recent_entries ul li {}
.widget_recent_entries ul li a {}
/* archives widget */
.widget_archive {}
.widget_archive ul {}
.widget_archive ul li {}
.widget_archive ul li a {}
.widget_archive select {}
.widget_archive option {}
/* tag-cloud widget */
.widget_links {}
.widget_links li:after {}
.widget_links li:before {}
.widget_tag_cloud {}
.widget_tag_cloud a {}
.widget_tag_cloud a:after {}
.widget_tag_cloud a:before {}
/* calendar widget */
.widget_calendar {}
#calendar_wrap {}
#calendar_wrap th {}
#calendar_wrap td {}
#wp-calendar tr td {}
#wp-calendar caption {}
#wp-calendar a {}
#wp-calendar #today {}
#wp-calendar #prev {}
#wp-calendar #next {}
#wp-calendar #next a {}
#wp-calendar #prev a {}
/* category widget */
.widget_categories {}
.widget_categories ul {}
.widget_categories ul li {}
.widget_categories ul ul.children {}
.widget_categories a {}
.widget_categories select{}
.widget_categories select#cat {}
.widget_categories select.postform {}
.widget_categories option {}
.widget_categories .level-0 {}
.widget_categories .level-1 {}
.widget_categories .level-2 {}
.widget_categories .level-3 {}
/* recent-comments widget */
.recentcomments {}
#recentcomments {}
#recentcomments li {}
#recentcomments li a {}
.widget_recent_comments {}
/* search widget */
#searchform {}
.widget_search {}
.screen-reader-text {}
/* text widget */
.textwidget { font-size: 11px; }
.widget_text {}
.textwidget p {}
/******************************************************************
FOOTER STYLES
******************************************************************/
footer[role=contentinfo] {
/* background-image: url("/uploads/2012/01/darkdenim3.png"); */
min-height: 100px;
color:#8f8f8f;
font-size:12px;
padding-top: 30px;
width: 940px;
margin:auto;
border-top:5px solid #3C3C3C;
clear:left;
}
/* footer menu */
footer[role=contentinfo] nav { margin: 1em 0; }
.footer-links {}
.footer-links ul { margin-top: 0; }
.footer-links ul li { list-style-type: none; float: left; font-size: 0.9em; }
.footer-links ul li a { margin-right: 10px; text-decoration: none; color:#333; }
.footer-links ul li:last-child a { margin-right: 0; }
.footer-links ul li a:hover, .nav ul li.current-menu-item a, .nav ul li.current_page_item a {}
.footer-links ul li ul.sub-menu { display: none; } /* you shouldn't have that many links in the footer anyway so it's set to display none ;P */
.attribution { margin: 1em 0; float: right; color: #999; font-size: 0.9em; }
/******************************************************************
MEDIA QUERIES & DEVICE STYLES
To use a responsive design, it's reccomended to use the responsive version of Bones. You can find it on github: https://github.com/eddiemachado/bones-responsive
******************************************************************/
@media only screen and (min-width: 480px) {
/* insert styles here */
}
@media only screen and (min-width: 768px) {
/* insert styles here */
}
@media only screen and (min-width: 992px) {
/* insert styles here */
}
@media only screen and (min-width: 1382px) {
/* insert styles here */
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
/* insert styles here */
}
/******************************************************************
PRINT STYLES
(Handled by default, but if you want to edit it, feel free)
******************************************************************/
@media print { }
/******************************************************************
IE SPECIFIC FIXES
******************************************************************/
/*
Thanks to the HTML5 Boilerplate there's an easier way
to target IE specific bugs. Simply use the html class
to target the specific version of IE.
To target the .post_content area in IE6, use:
html.ie6 .post_content { ... }
To target the .post_content area in IE7, use:
html.ie7 .post_content { ... }
To target the .post_content area in IE8, use:
html.ie8 .post_content { ... }
To target the .post_content area in older IE use:
html.oldie .post_content { ... }
Much easier right? This way, you don't have to call
any more stylesheets, you can leave it at the bottom
and it will overwrite depending on the html class.
*/
/*
/* -------- Slider Blocks */
/* Homepage */
#slider-home { margin-bottom: 15px; border-radius: 10px 10px 0 0; height: 240px;
background-image: url("/uploads/2012/01/home-banner2.jpg"); padding: 25px 35px 20px; color:#fff;}
#features {
background-image: url("/uploads/2012/01/fabric_plaid.png");
border-radius: 0 0 10px 10px;
float: left;
font-family: "proxima-nova",sans-serif;
font-size: 18px;
font-weight: 100;
margin-bottom: 15px;
margin-top: 6px;
min-height: 95px;
padding-bottom: 0;
padding-left: 10px;
padding-top: 10px;
}
#slider-home h1 { text-indent:-9999px!important; }
#text-11 { font-size:24px; width:450px; font-weight:200;font-family: "proxima-nova",sans-serif; line-height:30px;}
/* Products */
/*Website PRO */
#slider-products { position:relative; margin-bottom: 15px; border-radius: 10px 10px 0 0; height: 290px;
background-image: url("/uploads/2012/02/banner-website-pro.jpg"); padding: 25px 35px 20px; color:#fff;}
.web-design {
left: 658px;
position: absolute;
top: 149px;
width: 240px;
}
#slider-products h1 { color: #FFFFFF;
font-family: "proxima-nova",sans-serif;
font-size: 19px;
font-weight: 200;
left: 64px;
letter-spacing: -0.5px;
position: absolute;
text-shadow: 1px 1px 1px #333333;
top: 189px; }
#slider-products .partners {
color: #7B4F29;
font-family: "proxima-nova",sans-serif;
font-size: 14px;
font-weight: 400;
left: 64px;
letter-spacing: -0.5px;
position: absolute;
text-shadow: 1px 1px 1px #FFF1E4;
top: 259px;
}
#slider-products .cms {
color: #7B4F29;
font-family: "proxima-nova",sans-serif;
font-size: 14px;
font-weight: 400;
left: 505px;
letter-spacing: -0.5px;
position: absolute;
text-shadow: 1px 1px 2px #FFFFFF;
top: 271px;
}
#slider-products .cms a { color: #7B4F29!important; text-decoration:none!important; }
/*Sitebooster PRO */
#slider-sitebooster { margin-bottom: 15px; border-radius: 10px 10px 10px 10px; height: 233px;
background-image: url("/uploads/2012/01/banner-sitebooster-pro.jpg"); padding: 25px 35px 20px; color:#fff;}
/*FollowUp PRO */
#slider-followup { margin-bottom: 15px; border-radius: 10px 10px 10px 10px; height: 233px;
background-image: url("/uploads/2012/01/banner-followup-pro.jpg"); padding: 25px 35px 20px; color:#fff;}
#block-1 { border-radius: 10px 10px 0 0;
background-image: url("/uploads/2012/01/website-pro-promo.png"); padding: 50px 35px 20px; color:#fff;
min-height: 233px;
}
#text-13 { font-size:22px; width:450px; font-weight:200;font-family: "proxima-nova",sans-serif; line-height:24px;}
/* Clients */
#slider-clients { margin-bottom: 15px; border-radius: 10px 10px 10px 10px; height: 233px;
background-image: url("/uploads/2012/01/clients-banner.jpg"); padding: 25px 35px 20px; color:#fff;}
/* -------- Navigation */
.block-type-content .entry-title {font-weight:400;font-family: "proxima-nova",sans-serif; }
.block-type-navigation a span { font-weight:400;font-family: "proxima-nova",sans-serif;
border-right: 1px solid #EDEDED;
}
#typeshape { width:180px; height:63px; padding-bottom:15px;}
/* -------- Testimonial */
#home-testimonial {
min-height: 95px;
border-radius: 0 0 10px 10px;
margin-bottom: 15px;
margin-top: 8px;
background-image: url("/uploads/2012/01/fabric_plaid.png");
font-weight:100;font-family: "proxima-nova",sans-serif;
font-size:18px;padding-top:20px; padding-bottom:20px; padding-left:25px; }
#home-testimonial span { font-size:15px;color:#999;!important;}
#product-testimonial {
background: none repeat scroll 0 0 #FAFAFA;
/* background-image: url("/uploads/2012/01/fabric_plaid.png"); */
border-bottom: 1px dotted silver;
border-top: 1px dotted silver;
float: left;
font-family: "proxima-nova",sans-serif;
font-size: 18px;
font-weight: 100;
margin-bottom: 15px;
margin-top: 8px;
min-height: 95px;
padding-bottom: 15px;
padding-left: 25px;
padding-top: 20px;
width: 915px;
}
#product-testimonial span { font-size:15px;color:#999;!important;}
#test-photo { width:10%; float:left; padding-right:35px; }
#test-txt { line-height: 24px;
padding-top: 20px; padding-left:55px;}
/*-------Testimonial Widget ---------*/
#product-testimonial-widget {
/* background-image: url("/uploads/2012/01/fabric_plaid.png"); */
margin-bottom: 15px;
margin-top: 50px;
font-weight:100;font-family: "proxima-nova",sans-serif;
font-size:18px;padding-top:20px; padding-bottom:25px;
/* padding-left:25px; */
/* border-top:1px solid #e0e0e0; */
min-height: 95px;
border-radius: 0 0 10px 10px;
}
#product-testimonial-widget span { font-size:15px;color:#999;!important;}
#test-photo-widget {
float: left;
padding-bottom: 15px;
padding-right: 35px;
width: 200px }
#test-txt-widget { line-height: 24px; padding-top: 20px; /* padding-left:55px; */}
/* -------- Footer */
#block-12 {
background-image: url("/uploads/2012/01/darkdenim3.png");
margin-left: -29px;
min-height: 200px;
width: 998px;
margin-bottom: -35px;
color:#8f8f8f;
font-size:12px;
padding-top: 30px;
margin-top: 45px;
}
#block-12 a { color:#8f8f8f;}
#text-6 { font-size:9px; width:182px; }
#text-7 { padding-left:25px; border-left: 1px dotted #676767; width: 185px; }
#text-7 .widget-title { color:#fff; font-weight:200;font-family: "proxima-nova",sans-serif;}
#text-8 a { color:#8f8f8f;}
#text-12 { min-height: 115px; padding-left:25px; border-left: 1px dotted #676767; width: 185px;}
/* -------- Text Style */
div.entry-content h1, div.entry-content h2 {
margin: 0 0 10px; }
.h2 { font-weight:200;font-family: "proxima-nova",sans-serif; line-height:30px;}
.h3 { font-weight:200;font-family: "proxima-nova",sans-serif; line-height:30px;}
.block-type-content div.entry-content h3, .block-type-content div.entry-content h2, .block-type-content div.entry-content h1 {font-weight:400;font-family: "proxima-nova",sans-serif; line-height:30px;}
.block-type-widget-area li.widget span.widget-title { margin-top:0!important; }
#block-8 { /* background-image: url("/uploads/2012/01/col-grad.png"); */
border-left: 1px dotted silver;
padding-left: 25px;
}
.gform_wrapper h2.gsection_title,.gform_wrapper h3.gform_title { font-weight:200!important; /* font-family: "proxima-nova",sans-serif; */ font-size:21px!important; /* margin-top: 50px !important; */}
.block-type-widget-area li.widget ul { padding:0!important; }
.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
padding: 8px!important;
}
/* -------- Page - Websites */
#theme { display:block; text-indent:-9999px; background-repeat:no-repeat!important; border: 1px solid #E3E3E3; height:300px; width: 300px;float:left; margin-top:25px;margin-right: 15px; }
#theme-end { display:block; text-indent:-9999px; border: 1px solid #E3E3E3; height:300px; width: 300px;float:left; margin-top:25px; margin-right: 0px!important; }
#theme a { display:block; height:300px; width:300px;}
#theme-end a { display:block; height:300px; width:300px;}
.b1 { background-image: url("/uploads/2012/02/b1.jpg") }
.b1:hover { background-image: url("/uploads/2012/02/b1-hover.jpg"); }
.b2 {background-image: url("/uploads/2012/02/b2.jpg"); }
.b2:hover { background-image: url("/uploads/2012/02/b2-hover.jpg"); }
.b3 {background-image: url("/uploads/2012/02/b3.jpg"); }
.b3:hover { background-image: url("/uploads/2012/02/b3-hover.jpg"); }
.c1 { background-image: url("/uploads/2012/02/c1.jpg"); }
.c1:hover { background-image: url("/uploads/2012/02/c1-hover.jpg"); }
.c2 { background-image: url("/uploads/2012/02/c2.jpg"); }
.c2:hover { background-image: url("/uploads/2012/02/c2-hover.jpg"); }
.simplicity { background-image: url("/uploads/2012/02/s1.jpg"); }
.simplicity:hover { background-image: url("/uploads/2012/02/s-hover.jpg"); }
/* #theme-hover:hover { z-index:999; width:325px; height:325px; background-image: url("/uploads/2012/01/zoom.png"); } */
.theme-quote { bottom: 15px;
position: absolute;
left: 20px;
}
.theme-link {
/* float: left;
font-size: 12px;
height: 110px;
margin-right: 15px;
padding-top: 15px;
width: 300px;
clear:left; */
position:relative;
background: none repeat scroll 0 0 #fbfafa;
clear: left;
float: left;
font-size: 12px;
height: 100px;
margin-bottom: 45px !important;
margin-right: 15px;
margin-top: 19px;
padding: 20px;
width: 262px;
}
.theme-link-middle {
/* float: left;
font-size: 12px;
height: 110px;
margin:0!important;
padding-top: 15px;
width: 300px;
clear:none; */
position:relative;
margin-right: 15px;
margin-top: 19px;
background: none repeat scroll 0 0 #fbfafa;
clear: none;
float: left;
font-size: 12px;
height: 100px;
padding: 20px;
width: 262px;
}
.theme-link-end {
/* float: left;
font-size: 12px;
height: 110px;
margin-left: 15px!important;
padding-top: 15px;
width: 300px;
clear:right; */
position:relative;
margin-top: 19px;
background: none repeat scroll 0 0 #fbfafa;
clear:right;
float: left;
font-size: 12px;
height: 100px;
padding: 20px;
width: 262px;
}
#promo-box { padding-left:10px; padding-top:25px; }
/* -------- Page - Clients */
#test-small {
float:left;
min-height:100px;
margin-bottom: 25px;
/* background-image: url("/uploads/2012/01/fabric_plaid.png"); */
background:#323232;
font-weight:400;font-family: "proxima-nova",sans-serif;
font-size:14px;
padding: 32px;
/* width: 275px; */
margin-right: 15px;
}
#test-photo-small { float:left; padding-right:20px;/* padding-bottom: 40px;*/}
#test-txt-small { line-height: 20px; }
#test-small span { font-size:11px!important;color:#999;!important; line-height:12px;}
#testimonial { border-bottom:1px dotted silver!important; padding-bottom:15px!important; float:left!important;}
/* .gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description { font-size:13px!important; } */
.gform_wrapper h3.gform_title {
font-size: 22px !important;
letter-spacing: -1px!important;
margin: 10px 0 6px;
}
#divider { margin-bottom:20px;float:left;height:5px; border-bottom:1px dotted #373737;width: 100%;}
#blank-divider { margin-bottom:20px;float:left;height:5px; width: 100%;}
#half-divider {
border-bottom: 1px dotted #373737;
height: 5px;
margin-bottom: 20px;
padding-top: 25px;
width: 60%;
}
.client-list { width:175px; float:left}
.client-list li { color: #f3c537; margin-left:-25px; list-style:none!important; line-height:18px!important; }
#menu-item-2131 { border:none!important;}
#inner-footer {
/* background-image: url("/uploads/2012/01/footer-bg.jpg"); */
background: transparent;
border-top: 5px solid silver;
font-size: 13px;
min-height: 50px;
padding-top: 20px;
color:#333!important;
}
#footer-list { padding-left:25px; width:222px; float:left; border-right:1px dotted silver; }
#footer-list-last { padding-left:25px; width:122px; float:left; padding-top: 25px; }
#footer-list.footer-first { padding-left:0px!important;}
#footer-list span {
float: left;
font-family: "proxima-nova",sans-serif;
font-size: 20px;
font-weight: 200;
letter-spacing: -0.5px;
margin-bottom: 13px;
padding-bottom: 5px;
color: #333333;
width: 240px; }
#footer-list ul li { list-style:none;}
#footer-list a { text-decoration:underline!important; color:#666!important; font-size:12px!important;}
/* ---- H Styles ----- */
.page-id-261 .page-title { color:#3b5519; text-rendering:optimizeLegibility;}
.page-id-5 .page-title { color:#823200; text-rendering:optimizeLegibility;}
.page-id-2 .page-title { color:#333; margin-bottom:15px!important; text-rendering:optimizeLegibility;}
.gform_next_button {
background: url("/uploads/2012/01/btn-next.png") repeat scroll 0 0 #FFFFFF;
border: medium none !important;
height: 49px;
text-indent: -999px;
width: 111px;
margin-right:20px;
}
.gform_previous_button
{
background: url("/uploads/2012/01/btn-back.png") repeat scroll 0 0 #FFFFFF;
border: medium none !important;
height: 49px;
text-indent: -999px;
width: 111px;
margin-right:20px;
}
#input_4_49 .gchoice_49_0 {
background: url("/uploads/2012/01/quote-b1.jpg") no-repeat scroll 0 0 #F4F4F4;
border-bottom: 1px solid #E7E7E7;
border-left: 1px solid #E7E7E7;
border-right: 1px solid #E7E7E7;
float: left;
height: 235px;
margin-bottom: 35px !important;
margin-top:25px !important;
width: 190px;
margin-right:10px!important;
border-top: 1px solid #E7E7E7;
}
#input_4_49 .gchoice_49_0 label { margin-top:208px!important;}
#input_4_49 .gchoice_49_0 input { margin-top:210px!important; margin-left: 50px; margin-right: 8px;}
#input_4_49 .gchoice_49_1 {
background: url("/uploads/2012/01/quote-b2.jpg") no-repeat scroll 0 0 #F4F4F4;
border-bottom: 1px solid #E7E7E7;
border-left: 1px solid #E7E7E7;
border-right: 1px solid #E7E7E7;
float: left;
height: 235px;
margin-top:25px !important;
margin-bottom: 35px !important;
width: 190px;
margin-right:10px!important;
border-top: 1px solid #E7E7E7;
}
#input_4_49 .gchoice_49_1 label { margin-top:208px!important;}
#input_4_49 .gchoice_49_1 input { margin-top:210px!important; margin-left: 50px; margin-right: 8px;}
#input_4_49 .gchoice_49_2 {
background: url("/uploads/2012/01/quote-b3.jpg") no-repeat scroll 0 0 #F4F4F4;
border-bottom: 1px solid #E7E7E7;
border-left: 1px solid #E7E7E7;
border-right: 1px solid #E7E7E7;
float: left;
height: 235px;
margin-top:25px !important;
margin-bottom: 35px !important;
width: 190px;
border-top: 1px solid #E7E7E7;
}
#input_4_49 .gchoice_49_2 label { margin-top:208px!important;}
#input_4_49 .gchoice_49_2 input { margin-top:210px!important; margin-left: 50px; margin-right: 8px;}
.gchoice_49_3 {
background: url("/uploads/2012/01/quote-c1.jpg") no-repeat scroll 0 0 #F4F4F4;
border-bottom: 1px solid #E7E7E7;
border-left: 1px solid #E7E7E7;
border-right: 1px solid #E7E7E7;
float: left;
height: 235px;
margin-bottom: 35px !important;
width: 190px;
margin-right:10px!important;
}
#input_4_49 .gchoice_49_3 label { margin-top:208px!important;}
#input_4_49 .gchoice_49_3 input { margin-top:210px!important; margin-left: 50px; margin-right: 8px;}
#input_4_49 .gchoice_49_4 {
background: url("/uploads/2012/01/quote-c2.jpg") no-repeat scroll 0 0 #F4F4F4;
border-bottom: 1px solid #E7E7E7;
border-left: 1px solid #E7E7E7;
border-right: 1px solid #E7E7E7;
border-top: 1px solid #E7E7E7;
float: left;
height: 235px;
margin-bottom: 35px !important;
width: 190px;
margin-right:10px!important;
border-top: 1px solid #E7E7E7;
}
#input_4_49 .gchoice_49_4 label { margin-top:208px!important;}
#input_4_49 .gchoice_49_4 input { margin-top:210px!important; margin-left: 50px; margin-right: 8px;}
#input_4_49 .gchoice_49_5 { background: url("/uploads/2012/01/quote-s.jpg") no-repeat scroll 0 0 #F4F4F4;
border-bottom: 1px solid #E7E7E7;
border-left: 1px solid #E7E7E7;
border-right: 1px solid #E7E7E7;
float: left;
height: 235px;
margin-bottom: 35px !important;
width: 190px;
border-top: 1px solid #E7E7E7;
}
#input_4_49 .gchoice_49_5 label { margin-top:208px!important;}
#input_4_49 .gchoice_49_5 input { margin-top:210px!important; margin-left: 50px; margin-right: 8px;}
.gform_image_button { padding-top:15px!important;}
/*---- Setup Form ---*/
#gform_6 .gchoice_3_1 {
background: url("/uploads/2012/01/setup-images-top.gif") no-repeat scroll 0 0 #fff;
float: left;
height: 140px;
margin-bottom: 35px !important;
width: 100px;
margin-right:40px!important;
}
#gform_6 .gchoice_3_1 label { font-size:11px;margin-top:108px!important;}
#gform_6 .gchoice_3_1 input { margin-top:108px!important; margin-left: 8px; margin-right: 8px;}
#gform_6 .gchoice_3_2 {
background: url("/uploads/2012/01/setup-images-right.gif") no-repeat scroll 0 0 #fff;
float: left;
height: 140px;
margin-bottom: 35px !important;
width: 100px;
margin-right:40px!important;
}
#gform_6 .gchoice_3_2 label { font-size:11px;margin-top:108px!important;}
#gform_6 .gchoice_3_2 input { margin-top:108px!important; margin-left: 8px; margin-right: 8px;}
#gform_6 .gchoice_3_3 {
background: url("/uploads/2012/01/setup-images-bottom.gif") no-repeat scroll 0 0 #fff;
float: left;
height: 140px;
margin-bottom: 35px !important;
width: 100px;
margin-right:40px!important;
}
#gform_6 .gchoice_3_3 label { font-size:11px;margin-top:108px!important;}
#gform_6 .gchoice_3_3 input { margin-top:108px!important; margin-left: 8px; margin-right: 8px;}
#gform_6 .gchoice_3_4 {
background: url("/uploads/2012/01/setup-images-left.gif") no-repeat scroll 0 0 #fff;
float: left;
height: 140px;
margin-bottom: 35px !important;
width: 100px;
margin-right:40px!important;
}
#gform_6 .gchoice_3_4 label { font-size:11px;margin-top:108px!important;}
#gform_6 .gchoice_3_4 input { margin-top:108px!important; margin-left: 8px; margin-right: 8px;}
/*-----Page 2 ---- */
#gform_6 .gchoice_42_1 {
background: url("/uploads/2012/01/setup-images-top.gif") no-repeat scroll 0 0 #fff;
float: left;
height: 140px;
margin-bottom: 35px !important;
width: 100px;
margin-right:40px!important;
}
#gform_6 .gchoice_42_1 label { font-size:11px;margin-top:108px!important;}
#gform_6 .gchoice_42_1 input { margin-top:108px!important; margin-left: 8px; margin-right: 8px;}
#gform_6 .gchoice_42_2 {
background: url("/uploads/2012/01/setup-images-right.gif") no-repeat scroll 0 0 #fff;
float: left;
height: 140px;
margin-bottom: 35px !important;
width: 100px;
margin-right:40px!important;
}
#gform_6 .gchoice_42_2 label { font-size:11px;margin-top:108px!important;}
#gform_6 .gchoice_42_2 input { margin-top:108px!important; margin-left: 8px; margin-right: 8px;}
#gform_6 .gchoice_42_3 {
background: url("/uploads/2012/01/setup-images-bottom.gif") no-repeat scroll 0 0 #fff;
float: left;
height: 140px;
margin-bottom: 35px !important;
width: 100px;
margin-right:40px!important;
}
#gform_6 .gchoice_42_3 label { font-size:11px;margin-top:108px!important;}
#gform_6 .gchoice_42_3 input { margin-top:108px!important; margin-left: 8px; margin-right: 8px;}
#gform_6 .gchoice_42_4 {
background: url("/uploads/2012/01/setup-images-left.gif") no-repeat scroll 0 0 #fff;
float: left;
height: 140px;
margin-bottom: 35px !important;
width: 100px;
margin-right:40px!important;
}
#gform_6 .gchoice_42_4 label { font-size:11px;margin-top:108px!important;}
#gform_6 .gchoice_42_4 input { margin-top:108px!important; margin-left: 8px; margin-right: 8px;}
/*----Page 3 -----*/
#gform_6 .gchoice_44_1 {
background: url("/uploads/2012/01/setup-images-top.gif") no-repeat scroll 0 0 #fff;
float: left;
height: 140px;
margin-bottom: 35px !important;
width: 100px;
margin-right:40px!important;
}
#gform_6 .gchoice_44_1 label { font-size:11px;margin-top:108px!important;}
#gform_6 .gchoice_44_1 input { margin-top:108px!important; margin-left: 8px; margin-right: 8px;}
#gform_6 .gchoice_44_2 {
background: url("/uploads/2012/01/setup-images-right.gif") no-repeat scroll 0 0 #fff;
float: left;
height: 140px;
margin-bottom: 35px !important;
width: 100px;
margin-right:40px!important;
}
#gform_6 .gchoice_44_2 label { font-size:11px;margin-top:108px!important;}
#gform_6 .gchoice_44_2 input { margin-top:108px!important; margin-left: 8px; margin-right: 8px;}
#gform_6 .gchoice_44_3 {
background: url("/uploads/2012/01/setup-images-bottom.gif") no-repeat scroll 0 0 #fff;
float: left;
height: 140px;
margin-bottom: 35px !important;
width: 100px;
margin-right:40px!important;
}
#gform_6 .gchoice_44_3 label { font-size:11px;margin-top:108px!important;}
#gform_6 .gchoice_44_3 input { margin-top:108px!important; margin-left: 8px; margin-right: 8px;}
#gform_6 .gchoice_44_4 {
background: url("/uploads/2012/01/setup-images-left.gif") no-repeat scroll 0 0 #fff;
float: left;
height: 140px;
margin-bottom: 35px !important;
width: 100px;
margin-right:40px!important;
}
#gform_6 .gchoice_44_4 label { font-size:11px;margin-top:108px!important;}
#gform_6 .gchoice_44_4 input { margin-top:108px!important; margin-left: 8px; margin-right: 8px;}
/*----Page 4 -----*/
#gform_6 .gchoice_43_1 {
background: url("/uploads/2012/01/setup-images-top.gif") no-repeat scroll 0 0 #fff;
float: left;
height: 140px;
margin-bottom: 35px !important;
width: 100px;
margin-right:40px!important;
}
#gform_6 .gchoice_43_1 label { font-size:11px;margin-top:108px!important;}
#gform_6 .gchoice_43_1 input { margin-top:108px!important; margin-left: 8px; margin-right: 8px;}
#gform_6 .gchoice_43_2 {
background: url("/uploads/2012/01/setup-images-right.gif") no-repeat scroll 0 0 #fff;
float: left;
height: 140px;
margin-bottom: 35px !important;
width: 100px;
margin-right:40px!important;
}
#gform_6 .gchoice_43_2 label { font-size:11px;margin-top:108px!important;}
#gform_6 .gchoice_43_2 input { margin-top:108px!important; margin-left: 8px; margin-right: 8px;}
#gform_6 .gchoice_43_3 {
background: url("/uploads/2012/01/setup-images-bottom.gif") no-repeat scroll 0 0 #fff;
float: left;
height: 140px;
margin-bottom: 35px !important;
width: 100px;
margin-right:40px!important;
}
#gform_6 .gchoice_43_3 label { font-size:11px;margin-top:108px!important;}
#gform_6 .gchoice_43_3 input { margin-top:108px!important; margin-left: 8px; margin-right: 8px;}
#gform_6 .gchoice_43_4 {
background: url("/uploads/2012/01/setup-images-left.gif") no-repeat scroll 0 0 #fff;
float: left;
height: 140px;
margin-bottom: 35px !important;
width: 100px;
margin-right:40px!important;
}
#gform_6 .gchoice_43_4 label { font-size:11px;margin-top:108px!important;}
#gform_6 .gchoice_43_4 input { margin-top:108px!important; margin-left: 8px; margin-right: 8px;}
/*----Page 5 -----*/
#gform_6 .gchoice_41_1 {
background: url("/uploads/2012/01/setup-images-top.gif") no-repeat scroll 0 0 #fff;
float: left;
height: 140px;
margin-bottom: 35px !important;
width: 100px;
margin-right:40px!important;
}
#gform_6 .gchoice_41_1 label { font-size:11px;margin-top:108px!important;}
#gform_6 .gchoice_41_1 input { margin-top:108px!important; margin-left: 8px; margin-right: 8px;}
#gform_6 .gchoice_41_2 {
background: url("/uploads/2012/01/setup-images-right.gif") no-repeat scroll 0 0 #fff;
float: left;
height: 140px;
margin-bottom: 35px !important;
width: 100px;
margin-right:40px!important;
}
#gform_6 .gchoice_41_2 label { font-size:11px;margin-top:108px!important;}
#gform_6 .gchoice_41_2 input { margin-top:108px!important; margin-left: 8px; margin-right: 8px;}
#gform_6 .gchoice_41_3 {
background: url("/uploads/2012/01/setup-images-bottom.gif") no-repeat scroll 0 0 #fff;
float: left;
height: 140px;
margin-bottom: 35px !important;
width: 100px;
margin-right:40px!important;
}
#gform_6 .gchoice_41_3 label { font-size:11px;margin-top:108px!important;}
#gform_6 .gchoice_41_3 input { margin-top:108px!important; margin-left: 8px; margin-right: 8px;}
#gform_6 .gchoice_41_4 {
background: url("/uploads/2012/01/setup-images-left.gif") no-repeat scroll 0 0 #fff;
float: left;
height: 140px;
margin-bottom: 35px !important;
width: 100px;
margin-right:40px!important;
}
#gform_6 .gchoice_41_4 label { font-size:11px;margin-top:108px!important;}
#gform_6 .gchoice_41_4 input { margin-top:108px!important; margin-left: 8px; margin-right: 8px;}
/*-----End Pages ---*/
h2.gsection_title { color: #0A5F85!important;}
#gform_fields_9 li { width:300px!important; float:left;}
.gfield_select {width:200px!important;}
.gform_wrapper .description_above .gfield_description {
color: #7f7f7f !important;
font-size: 12px !important;
padding: 0 0 10px;
}
#input_3_1{ width:100%!important;}
#input_3_2{ width:100%!important;}
#sidebar_1 h4 { font-size: 2.1em;
font-weight: 200; }
.page-id-2 .page-title {
color: #333333;
font-size: 32px !important;
margin-bottom: 15px !important;
}
.website-pro { font-weight:bold; color:#d65406;}
.design-blurb { float:left;}
#gform_11 {
background: none repeat scroll 0 0 #FCFCFC;
border: 1px solid #E9E9E9;
border-radius: 8px 8px 8px 8px;
/* box-shadow: 1px 1px 12px silver; */
margin: 10px 0;
max-width: 98%;
overflow: inherit;
padding: 25px;
width: 600px; }
#gform_16 {
background: none repeat scroll 0 0 #FCFCFC;
border: 1px solid #E9E9E9;
border-radius: 8px 8px 8px 8px;
/* box-shadow: 1px 1px 12px silver; */
margin: 10px 0;
max-width: 98%;
overflow: inherit;
padding: 25px;
width: 170px; }
#gform_16 input { width:140px!important;}
#gform_4 {
background: none repeat scroll 0 0 #FCFCFC;
border: 1px solid #E9E9E9;
border-radius: 8px 8px 8px 8px;
/* box-shadow: 1px 1px 12px silver; */
margin: 10px 0;
max-width: 98%;
overflow: inherit;
padding: 25px;
width: 620px; }
#gform_6 {
background: none repeat scroll 0 0 #FCFCFC;
border: 1px solid #E9E9E9;
border-radius: 8px 8px 8px 8px;
/* box-shadow: 1px 1px 12px silver; */
margin: 10px 0;
max-width: 98%;
overflow: inherit;
padding: 25px;
width: 620px;
}
#start-quote {
background: url("/uploads/2012/02/quote-start.gif") no-repeat scroll 0 0 transparent;
height: 190px;
left: 370px;
position: absolute;
top: 136px;
width: 240px;
}
#gform_submit_button_11 { padding-left: 157px !important; }
/* add in codes for submit button */
input[type=submit]{
/* background: #193a86; background: -moz-linear-gradient(top, #c2c952, #757b12);
background: -webkit-gradient(linear, left top, left bottom, from(#c2c952), to(#757b12));
border: 1px solid #565b09;
/* -moz-box-shadow: 0 0 0 4px #e2e2e2, inset 0 2px 2px #dae261;
-webkit-box-shadow: 0 0 0 4px #e2e2e2, inset 0 2px 2px #dae261;
box-shadow: 0 0 0 4px #e2e2e2, inset 0 2px 2px #dae261;*/
/*
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
font-size:15px !important;
color:#fff;
padding:10px 40px 8px 40px;
text-shadow: -1px -1px 1px rgba(255,255,255,0.1), 1px 1px 1px rgba(0,0,0,0.3); */
}
input[type=submit]{
/* font-family:"proxima-nova",sans-serif;
font-weight:200;
background: #193a86;
background: -moz-linear-gradient(top, #5f80cd, #193a86);
background: -webkit-gradient(linear, left top, left bottom, from(#5f80cd), to(#193a86));
border: 1px solid #2b3f6d;
-moz-box-shadow: 0 0 0 4px #e2e2e2, inset 0 2px 2px #acbde5;
-webkit-box-shadow: 0 0 0 4px #e2e2e2, inset 0 2px 2px #acbde5;
box-shadow: 0 0 0 4px #e2e2e2, inset 0 2px 2px #acbde5; */
}
.gform_wrapper li.gfield.gfield_error,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
background:none !important;
border:none !important;
}
.gform_wrapper li.gfield.gfield_error input,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning input{
border:2px solid green !important;
}
.validation_error{
padding:12px;
background:#efefef;
}
#input_4_41 {
background: none!important;
float: none!important;
height: 100% !important;
margin: 0 !important;
width: 100%!important;
margin-right:0!important;
}
#gform_submit_button_15 {
margin-bottom: -18px;
}
.phone-number {
font-family: "proxima-nova",sans-serif;
font-size: 15px;
font-weight: 200;
left: 300px;
letter-spacing: -0.4px;
position: absolute;
top: 30px;
}
#gform_submit_button_12 { padding-left:0px!important;}
/**** TABLE FORMATTIN *****/
#accept-details{
float: left;
margin-bottom: 25px;
margin-left: -19px;
width: 400px;
}
#accept-details li { list-style:none;}
table {
border-collapse:collapse;
font-size:100%;
margin:0 0 5px;
}
table.wide {
width:100%;
}
table th,table td {
text-align:left;
vertical-align:top;
padding:5px 10px;
}
table .theader {
border-bottom:medium none;
border-top:2px solid #ddd;
}
table.row td {
border-bottom:1px solid #f1f1f1;
padding:5px 2px;
}
table td.label {
font-weight:700;
}
div#estimate_page table td.label,div#invoice_page table td.label {
width:120px;
}
div#content table.cool th,div#footer table.cool th {
background-color:#f0f0f0;
border-bottom:1px solid #ddd;
color:#333;
font-weight:700;
}
table#line_items th.item {
width:90px;
padding:5px 10px;
}
table#line_items td.item {
width:90px;
padding:10px;
}
table#line_items td.description {
width:800px;
padding:10px 20px 10px 10px;
}
table th.last,table td.last,table th.align_right,table td.align_right {
text-align:right;
}
div#maincontent table#line_items tr.line_item td {
border:none;
border-top:1px solid #f1f1f1;
}
table#line_items td.unit_price p {
color:#999;
font-size:11px;
margin:-4px 0 0;
}
div#maincontent table.cool td {
border-bottom:1px solid #f1f1f1;
}
table#estimate_info_table tr#sub_total_row td,table#line_items tr#sub_total_row td {
border-top:2px solid #ddd;
}
tr#sub_total_row td,tr#discount_row td,tr#tax_row td,tr#final_total_row td {
border:medium none;
padding:5px 0;
}
table#estimate_info_table tr#final_total_row td.final_td,table#line_items tr#final_total_row td.final_td {
border:none;
border-bottom:2px solid #DDD;
}
table tr.alt {
background-color:#f7f7f7;
}
table#estimate_info_table tr#sub_total_row td.plain,table#line_items tr#sub_total_row td.plain {
border:medium none;
}
div#maincontent table.cool td.plain {
border-bottom:none;
}
div.box {
border:1px solid #ccc;
margin-top:3px;
padding:0 10px;
}
#pay_summary {
width:330px;
float:right;
}
.pay_input {
width:145px;
text-align:right;
}
.pay_input input {
width:45px;
}
table#line_items th.description {
width:270px;
padding:7px 0 5px 10px;
}
div#maincontent table th.quantity {
padding-left:10px;
width:30px;
}
div#maincontent table th.unit_price {
padding-left:3px;
width:127px;
}
table#line_items th.total_money {
padding:7px 10px 5px;
}
#home-right { float:right; width: 250px;margin-left:-20px;margin-right: 85px !important;}
#home-right li span { font-size:20px;}
#home-right li {
background: url("/uploads/2012/03/tickboxes.png") no-repeat scroll 0 0 transparent;
font-family: "proxima-nova",sans-serif;
font-size: 15px;
font-weight: 200;
letter-spacing: -0.5px;
line-height: 19px;
list-style: none outside none;
padding-left: 50px;
width: 270px;
}
#home-left { float:left; width: 250px; margin-left: -10px;}
#home-left li span { font-size:20px;}
#home-left li {
background: url("/uploads/2012/03/tickboxes.png") no-repeat scroll 0 0 transparent;
font-family: "proxima-nova",sans-serif;
font-size: 15px;
font-weight: 200;
letter-spacing: -0.5px;
line-height: 19px;
list-style: none outside none;
padding-left: 50px;
width: 270px;
}
#designs-left { float:left; width: 900px; margin-left: -10px;}
#designs-left li span { font-size:20px!important; font-weight:300;}
#designs-left li {
background: url("/uploads/2012/03/tickboxes.png") no-repeat scroll 0 0 transparent;
font-family: "proxima-nova",sans-serif;
font-size: 15px;
font-weight: 200;
letter-spacing: -0.5px;
line-height: 19px;
list-style: none outside none;
padding-left: 50px;
width: 900px;
padding-bottom: 15px;
}
/*--------NEW SITE -----------*/
#clouds {
position:relative;
background: url("img/clouds.png") no-repeat left bottom;
border-bottom: 5px solid #565656;
border-top: 5px solid #565656;
height: 234px;
margin-bottom:35px;
padding-top: 30px;
width: 930px;
}
#clouds h1 { line-height: 0.1em;text-transform:uppercase; font-size:105px; color:#fff; text-shadow: 1px 1px #333;}
#clouds h1 span { color:#f3c537;text-shadow: 1px 1px #333;}
#clouds h2 { line-height: 0.1em;text-transform:uppercase; font-size:45px; color:#777777;text-shadow: 1px 1px #333;}
.tagline {
color: #9B9B9B;
font-family: ff-market-web;
font-size: 41px;
left: 453px;
position: absolute;
top: 113px;
text-shadow: 1px 1px #333;
}
.logo-westnet { margin-right:22px;float:left;background: url("img/logo-westnet.png") no-repeat scroll 0 0 transparent;height: 165px; width: 291px;}
.logo-seagate { margin-right:22px;float:left;background: url("img/logo-seagate.png") no-repeat scroll 0 0 transparent;height: 165px; width: 291px;}
.logo-iinet { float:left;background: url("img/logo-iinet.png") no-repeat scroll 0 0 transparent;height: 165px; width: 291px;}
.logo-integral { margin-right:22px;float:left;background: url("img/logo-integral.png") no-repeat scroll 0 0 transparent;height: 165px; width: 291px;}
.logo-designsphere { margin-right:22px;float:left;background: url("img/logo-designsphere.png") no-repeat scroll 0 0 transparent;height: 165px; width: 291px;}
.logo-cancer-council { float:left;background: url("img/logo-cancer-council.png") no-repeat scroll 0 0 transparent;height: 165px; width: 291px;}
.splendid {
background: url("img/splendid.png") no-repeat scroll 0 0 transparent;
height: 100px;
left: 695px;
position: absolute;
top: 219px;
width: 100px;
}
.underline {
background: url("img/underline.png") no-repeat scroll 0 0 transparent;
height: 10px;
left: 455px;
position: absolute;
top: 201px;
width: 120px;
}
#skills {
position:relative;
border-top: 5px solid #3c3c3c;
height: 180px;
text-align: center;
padding-top: 30px;
margin-top:45px;
width: 920px;
}
#skills li {
font-weight:200; font-family: "league-gothic";
color:#aaaaaa;
font-size:35px;
width:300px;
padding-right:50px;
display:inline;
list-style:none;
text-transform:uppercase;
}
.spacer { height:22px; float:left; width:100%;}
h1.logo { font-weight:300; font-family: "museo"!important;
color:#9ca0a2; }
h1.logo a { text-decoration:none!important; }
#content h2 { text-decoration:uppercase;}
#cancercouncil, #alpine, #nutshell, #wow, #vivid, #interpro, #cuzco, #habit, #shaboosh, #porge, #dtclothes, #integral, #typeshape, #eben, #chad, #wedgetail, #badongo, #badongopic, #pennylane, #stores, #atomic, #siroccoletter, #siroccobrand, #sleep, #flight, #food, #cms, #nattycook {
border-bottom-color: #333;
border-bottom-style: double;
border-bottom-width: 1px;
margin-top: 55px;
padding-bottom: 25px;
background-image: url(img/preloader.gif);
background-position: center center;
background-repeat: no-repeat;
width:930px;
}
.bigidea {
background: url("img/idea.png") no-repeat scroll 0 0 transparent;
height: 350px;
left: 444px;
position: absolute;
top: 1px;
width: 610px;
}
.input_10_4 { font-size:13px; color:#333; }
/* --- Mobile Page ----- */
.mobile-price { opacity:1;font-size:2em;}
.mobile-price span { font-size:4em; color:#f3c537;}
.mobile-btn {background: none repeat scroll 0 0 #F3C537;
display: block;
margin-left: 145px !important;
margin-top: -15px !important;
padding: 25px 15px 15px;
width: 160px; }
.mobile-btn a { color:#000;font-family: ff-market-web;font-size:2.6em; }
.input_15_1 { width:200px;}
.linklove {display:none;}