/*
Theme Name: ContentRobot-v6-by-ContentRobot-v1.1
Theme URI: http://www.contentrobot.com/
Description: This theme was created for contentrobot.com by ContentRobot.
Version: 1.1
Author: Dana Rockel
Author URI: http://www.contentrobot.com/
*/
/* @group Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
/* @end */
/* @group Hacks */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* Hide from IE Mac \*/
.clearfix { display:block; }
/* End hide from IE Mac */
/* @end */
/* @group Global Styling */
body { background:url(bg-stripes.png) repeat; font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 12px; line-height: 15px; color:#000; margin:0px; }
/* @end */
/* @group Layout */
#wrapper { width:100%; margin:0 auto; }
#topshadow { width:100%; height: 32px; background:url(top-shadow-bg.png) repeat-x; }
#headerwrapper { background:url(header-bg2.png) top center; }
#header { background:url(contentrobot-header.png) no-repeat; width:955px; height:101px; margin:0 auto; }
#headershadow { display: block; width:100%; height: 14px; font-size:.1em; line-height:.1em; background: url(header-shadow-bg.png) repeat-x; }
#navwrapper { background:url(bg-stripes.png) repeat; padding-bottom:11px; }
#navigation { background-color: none; width:910px; margin:0 auto; text-align:center; }
#containerwrapper { background:url(bg-stripes.png) repeat; padding-bottom: 30px; }
#container { background-color:#fff; width:902px; margin:0 auto; -webkit-border-radius: 15px; -moz-border-radius: 15px; border: 4px solid #969b9d; }
#content { width:862px; float:left; margin:10px 0; padding: 10px 20px; /* background-color:#fde; */ }
#infobarwrapper { width:100%; height: 25px; background:url(infobar-bg.png) repeat-x; }
#infobar { margin:0 auto; width: 910px; }
.infoleft { float: left; height: 25px; font-size: 13px; line-height: 25px; color: #77beed!important; }
.infoleft a { color: #ccc!important; text-decoration: underline; font-weight: normal; }
.infoleft a:active, .infoleft a:hover { color: #fff!important; }
.infoleft p { display: inline; }
.inforight { float: right; height: 25px; }
.inforight a { font-size: 13px; line-height: 25px; padding: 5px 0 4px; color: #ccc!important; text-decoration: none; padding-right: 25px; background:url(rss-icon.png) no-repeat right 3px; }
.inforight a:active, .inforight a:hover { color: #fff!important; background:url(rss-icon-over.png) no-repeat right 3px; }
#containerhome { background:url(home-main-bg-w-image-area.png) no-repeat; width:912px; height:382px; margin:0 auto; font-size:16px; line-height: 20px; color: #fff; }
#containerhome #content { width:auto; float:none; margin:0; padding:7px 7px 19px; height:337px; overflow: hidden; }
#featureleft { float: left; width:432px; /* background-color: #003; */ padding: 40px 36px 0; font-weight: normal; }
#featureleft h2 { font-size:22px; color:#77beed; margin-bottom: 20px; }
#featureleft a { color: #ff9933; }
#featureleft a:active, #featureleft a:hover { color: #ff6600; }
#featureright { float:right; width: 394px; height: 357px; /* background-color: #def; */ }
.featuredproject { height: 30px; color: #fff; text-align: right; font-size: 16px; line-height: 20px; text-transform: lowercase; }
.featuredproject a { background:url(feature-arrow.gif) no-repeat right 2px; padding-right: 20px; text-decoration: none; color: #fff!important; }
.featuredproject a:active, .featuredproject a:hover { background:url(feature-arrow-over.gif) no-repeat right 2px; color: #fff; }
.featuredproject a span { color: #77beed; }
.featuredproject a:active span, .featuredproject a:hover span { color: #fff; }
#containersingle { background: url(main-bg-blue-top-tall.png) no-repeat; width:912px; margin:0px auto; font-size:16px; line-height: 20px; color: #fff; }
#containersingle #content { background: url(main-bg-blue-middle.png) no-repeat bottom; width:auto; margin:0; padding:0; }
#containersingle #maincontent { padding: 50px 40px 0; }
#containersingle .maincontentwork { padding: 50px 7px 0 27px!important; }
#contentbottom { margin:0px auto; background: url(main-bg-blue-bottom.png) no-repeat; width:912px; height: 40px; padding:0; }
#containersingle img.alignright { border:none; }
#containersingle a:link { color:#ff9933; }
#containersingle a:visited { color:#ff9933; }
#containersingle a:hover { color:#ff6600; }
#containersingle a:active, a:focus { color:#ff6600; outline:0; }
#containersingle .postpage h2 { font-size:22px; color:#77beed; margin-bottom: 20px; }
#containersingle .maincontentwork .postpage h2 { font-size:22px; color:#77beed; margin-bottom: 20px; margin-left: 13px; }
#containersingle .postpage h3 { font-size:18px; color:#77beed; margin: 10px 0 3px!important; }
#containersingle .maincontentwork .postpage h3 { font-size:18px; color:#77beed; margin: 10px 0 3px 13px!important; }
#containersingle .maincontentwork p { margin-left: 13px; margin-right: 33px; }
#containersingle ul { padding-left: 20px; }
#containersingle li { color:#77beed; }
#containersingle a.viewsite { background:url(feature-arrow.gif) no-repeat right 2px; padding-right: 20px; }
#containersingle a.viewsite:hover, #containersingle a.viewsite:active { color: #fff; background:url(feature-arrow-over.gif) no-repeat right 2px; }
#containerblog { background: url(main-bg-white-sbstp-top-tall.png) no-repeat; width:912px; margin:0px auto; }
#containerblog #content { font-size:14px; line-height: 18px; color: #333; width:502px; float:left; margin:0; padding: 10px 30px 0 40px; /* background-color:#fde; */ }
#containerblog .post h2 { font-size: 22px; line-height: 24px; margin-bottom: 15px; }
#containerblog .post h2 a { text-decoration: none; }
#containerblog .post h2 a:active, #containerblog .post h2 a:hover { color: #06c; }
a.readmore, a.read_more { display: block; margin: 20px 0 0 0; float: right; background:url(next-arrow.gif) no-repeat right 1px; padding-right: 20px; font-size: 14px; text-decoration: none; font-weight: bold; }
a.readmore:active, a.readmore:hover, a.read-more:active, a.read-more:hover { background:url(next-arrow-over.gif) no-repeat right 1px; }
#containerblogbottom { display: block; background: url(main-bg-white-sbstp-bottom.png) no-repeat; width:912px; height: 40px; margin:0px auto; }
.navigation { margin-top: 30px; padding-top: 10px; border-top: 1px solid #ccc; }
.navigation a { font-size: 14px; text-decoration: none; font-weight: bold; color: #000!important; }
.navigation a:active, .navigation a:hover { color: #06c!important; }
.navigation .alignleft a .prev { background:url(prev-arrow-over.gif) no-repeat left 1px; padding-left: 20px; }
.navigation .alignleft a .prev:hover { background:url(prev-arrow.gif) no-repeat left 1px; }
.navigation .alignright a .next { background:url(next-arrow-over.gif) no-repeat right 1px; padding-right: 20px; }
.navigation .alignright a .next:hover { background:url(next-arrow.gif) no-repeat right 1px; }
.postinfowrap { margin: 15px 0 10px; padding-top: 0px; position: relative; }
.postinfo { background-color: #ccc; }
a.bubble { text-indent: -2000px; display: block; background: url(comment-bubble.png) no-repeat; width: 25px; height: 23px; position: relative; top: 14px; left: 475px; }
.date { float: left; background-color: #666; padding: 3px 8px; color: #fff; }
.edit { float: left; padding: 3px 8px; color: #999; }
.edit a { color: #999!important; text-decoration: none; }
.edit a:active, .edit a:hover { color: #000!important; text-decoration: none; }
.comments { float: right; padding: 3px 30px 0 0; }
.comments a { text-decoration: none; color: #333!important; }
.comments a:active, .comments a:hover { color: #000!important; text-decoration: none; }
.postinfo2 { background-color: #ddd; }
.postedin { float: left; background-color: #888; padding: 3px 8px; color: #fff; }
.cats { float: left; padding: 3px 8px; color: #666; }
.cats a { color: #666!important; text-decoration: none; }
.cats a:active, .cats a:hover { color: #000!important; text-decoration: none; }
.postinfo3 { background-color: #eee; }
.tagged { float: left; background-color: #aaa; padding: 3px 8px; color: #fff; }
.tags { float: left; padding: 3px 8px; color: #666; }
.tags a { color: #666!important; text-decoration: none; }
.tags a:active, .tags a:hover { color: #000!important; text-decoration: none; }
.sharearea { background-color: #ffffcc; font-size: 12px; padding: 3px 8px; color: #333; border: 1px solid #ffcc33; margin: 10px 0; }
.sharearea a { color: #333!important; }
.sharearea a:active, .sharearea a:hover { color: #000!important; }
/* .shareme { display: inline; background-color: #666; padding: 3px; color: #fff; } */
.formcontainer { background-color: #fff; width: 732px; margin-top: 5px; padding: 20px 50px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.formiframe { width:732px; border:none }
#sidebar-a { width:150px; float:right; margin:28px 12px 0 0; padding: 0px; /* background-color:#def; */ }
#sidebar-b { width:132px; float:right; margin:13px 5px 0 5px; padding: 10px; /* background-color:#fed; */ }
.catcloud a { text-decoration: none; }
#sidebar-a li, #sidebar-b li { padding:0 0 15px; }
#sidebar-a li ul li, #sidebar-b li ul li { padding:0; }
#footercontentwrapper { background:url(bg-stripes-dk.png) repeat; }
#footercontent { background-color: none; width:915px; margin:0 auto; padding:15px 20px 20px; }
#footerwrapper { background:url(bg-stripes.png) repeat; }
#footer { background-color: none; width:945px; margin:0 auto; padding:10px; text-align:center; }
/* @end */
/* @group Typography */
a:link { color:#06c; }
a:visited { color:#06c; }
a:hover { color:#000; }
a:active, a:focus { color:#000; outline:0; }
blockquote { font-style:italic; margin:0 20px; color:#666; }
strong { font-weight:bold; }
em { font-style:italic; }
code, code p { }
acronym, abbr, span.caps { }
small { }
h1, h2, h3, h4, h5, h6 { font-weight:bold; }
h1 { font-size:24px; margin-bottom:10px; }
h2 { font-size:18px; margin-bottom:6px; }
h3 { font-size:14px; margin-bottom:4px; }
h4 { font-size:12px; margin-bottom:2px; }
h5 { font-size:10px; }
h6 { font-size:9px; }
/* @end */
/* @group Images */
img.aligncenter, img[align="center"] { display:block; border:1px solid #ccc; margin:0 auto 10px; }
img.alignright, img[align="right"] { border:1px solid #ccc; margin:0 0 5px 10px; display:inline; padding: 4px; }
img.alignleft, img[align="left"] { border:1px solid #ccc; margin:0 10px 5px 0; display:inline; }
img.noborder { border:none !important; }
img.addborder { border:1px solid #ccc!important; }
.alignright { float: right; }
.alignleft { float: left; }
/* @end */
/* @group Header */
.description { display: block; text-indent: -2000em; float:left; }
#header h1#logo { margin: 0; }
#header h1#logo a { float: left; width: 560px; height: 70px; display: block; position: relative; top: 17px; left:22px; margin: 0; text-indent: -2000em; outline: 0; }
#contactarea { float:right; color:#fff; width:275px; /* border:1px solid #ccc; */ margin: 1px 30px 0 0; }
#contactarea span { color: #77beed; }
#contactarea a { color: #fff; text-decoration: none; }
#contactarea a:active, #contactarea a:hover { color: #cc6600; }
#contactleft { float:left; width:100px; /* border:1px solid #ccc; */ text-align:right; font-size: 18px; }
#contactright { float:right; width:140px; /* border:1px solid #ccc; */ text-align:left; font-size: 13px; line-height:17px; }
/* @end */
/* @group Navigation */
#navigation { padding: 8px 0px 6px; text-align: left; line-height: normal; font-size: 17px; text-transform: lowercase; /*font-weight: bold;*/ }
#navleft { float:left;width:775px;text-align:left; }
#navright { float:right;width:120px;text-align:right; }
#navigation li { display:inline; margin-right:3px; }
#navigation li a, #navigation li a:visited { color: #fff !important; background: #050d15 url(bg-stripes-dk.png) repeat; padding: 8px 20px 6px; text-decoration: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; /*opacity: 0.4;*/ border: 1px solid #040d1a; }
#navigation li a span { color: #77beed; }
#navigation li a span b { font-weight: normal; color: #cc6600; }
#navigation li#current a { /* color: #fff !important; background: #045a95; */ border: 1px solid #033b69; }
#navigation li a:hover, #navigation li#current a:hover, #navigation li a:active, #navigation li#current a:active { /* color: #000 !important; background: #fff; */ border: 1px solid #2e72ab; }
/* @end */
/* @group Content */
#content p { padding-bottom:10px; }
#content ul { padding-bottom:10px; list-style:disc; }
#content ul ul { padding-bottom:0px; list-style:disc; }
#content ul li { margin-left:15px; }
#content ol { padding-bottom:10px; list-style:decimal; }
#content ol ol { padding-bottom:0px; list-style:decimal; }
#content ol li { margin-left:20px; }
h2.archivetitle { margin-top: 30px; }
textarea#comment { padding: 3px; color: #666; }
/* .post h2 a, .postpage h2 { font-size:22px; color:#06c; margin-bottom: 20px; } */
/* @end */
/* @group Footer Content */
#footercontent ul#columnone, #footercontent ul#columntwo, #footercontent ul#columnthree { float: left; width: 216px; margin-left: 40px; }
.footerfeaturebox { width: 196px; height: 196px; background-color: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 10px; }
#footercontent ul#columnthree ul { font-size: 13px; font-weight: bold; }
#footercontent ul#columnthree li { padding: 3px 25px; }
#footercontent ul#columnthree li.alt { background-color: #c9e5f8; }
#footercontent ul#columnthree li a { color: #0f4c76; text-decoration: none; font-weight: normal; }
#footercontent ul#columnthree li a:active, #footercontent ul#columnthree li a:hover { color: #000; text-decoration: underline; }
#footercontent ul li ul li { padding-bottom: 5px; }
/* @end */
/* @group Footer */
#footer { font-size:10px; color: #fff; }
#footer a { color:#77beed; }
#footer a:hover, #footer a:active { color:#fff; }
#footer li { list-style:none; display:inline; padding:0 3px; }
/* @end */
.simpledivider {
display: block;
line-height: .1em;
height: 1px;
border-top: 1px solid #ccc;
margin: 10px 0px;
}
.sectionsright {
float: right;
width: 390px;
}
.featuredsite {
margin-top: 5px;
margin-left: 10px;
width: 128px;
float: left;
}
.featuredsite img {
padding: 3px;
border: 1px solid #ccc;
}
.featuredcopy {
font-size: 11px;
color: #333;
margin: 8px 4px;
width: 120px;
text-align: left;
}
.featuredcopy a {
color: #000;
}
.specialtyarea {
margin-left: 10px;
width: 128px;
float: right;
}
.workwrapper {
clear: both;
}
.workwrapper img {
float: left;
padding-bottom: 10px;
}
.worktext {
float: left;
width: 650px;
padding: 10px 0 0 5px;
}
.ourworkwrapper { width: 276px; text-align: center; padding: 20px 15px 15px 0; float: left; }
.ourworkwrapperleft { width: 276px; text-align: left; padding: 0 15px 15px 0; float: left; }
.ourworktitle { text-align: left; margin: 0 0 3px 12px; }
.ourworktitle span { color: #77BEED; }
.ourworkimg { width: 276px; height: 276px; background: url(ourwork-shadow.png) no-repeat; padding-top: 3px; }
.ourworkcase { float: left; margin: 0 0 0 13px; margin-top: 5px; font-size: 14px; }
.ourworkcase a { background:url(feature-arrow.png) no-repeat right 2px; padding-right: 20px; text-decoration: none; color: #77BEED!important; }
.ourworkcase a:hover { background:url(feature-arrow-over.png) no-repeat right 2px; color: #fff!important; }
.ourworkview { float: right; margin: 0 13px 0 0; margin-top: 5px; font-size: 14px; }
.ourworkview a { background:url(feature-arrow-over.png) no-repeat right 2px; padding-right: 20px; text-decoration: none; color: #fff!important; }
.ourworkview a:hover { background:url(feature-arrow.png) no-repeat right 2px; color: #77BEED!important; }
.addsomespacedammit { padding-top: 10px; }
.note { border: 1px solid #c00; padding: 10px; margin-bottom: 10px; background-color: #FFEFEF; }
#signature {
background:url(signature.jpg) no-repeat top left;
width:150px;
height:75px;
}