html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body { font: 12px/20px arial, verdana, sans-serif; color: #58534c; background: #FFF; }
blockquote, q { quotes: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; font-weight: bold; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
h1{ font-size: 30px; line-height: 36px; margin: 0 0 20px 0; color: #005EB3; font-weight: normal; }
h2{ font-size: 18px; padding: 0 0 20px 0; color: #222; font-weight: normal; }
h3{ font-size: 14px; color: #444; }
h4{ font-size: 12px; color: #666; font-style: italic; }
p{ color: #666; margin: 0 0 20px 0; }
p.subheader{ line-height: 24px; font-size: 14px; color: #999; }
p.citation a{ font-size: 12px; }
strong,b{ color: #333; font-weight: bold; }
i,em{ font-style: italic; }
ul, ol, dl{ margin: 0 0 20px 30px; }
ul{ list-style: square; }
ol{ list-style: decimal; }
dl dt{ font-weight: bold; }
dl dd{ margin-left: 1.5em; }
sup,
sub {
height: 0;
line-height: 1;
vertical-align: baseline;
_vertical-align: bottom;
position: relative;
color: #999;
font-size: 10px;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
a{ color: #000; }
a:link, a:visited{ text-decoration: underline; }
a:hover, a:active{ text-decoration: none; }
a img{ border: none; }
a.more{ color: #0099ff; font-weight: bold; font-size: 12px; }
blockquote{
margin: 0;
padding: 0 0 0 40px;
background: transparent url(../images/icon-quotation-mark.png) top left no-repeat;
font: 16px/22px georgia, "Times New Roman", serif;
font-style: italic;
}
blockquote p{ color: #005EB3; }
blockquote p:last-child{ margin-top: -18px; font: 12px/20px arial, verdana, sans-serif; }
blockquote p cite{ font-size: 12px; font-style: normal; }
cite{ color: #000; }
code{ color: #000; }
abbr{ border-bottom: 1px dotted #CCC; }
div.syntaxhighlighter{ margin: 0 0 20px 0 !important; }
/* Layout */
.boundingBox{ margin: 0 auto; width: 916px; }
#header ul:after, #featured-work:after, #feature-list:after, #content:after, #footer:after, .footerColumn ul:after, ul.featureList:after, ul.checkList:after{
content: ".";
display: block;
width: 100%;
overflow: hidden;
height: 0;
clear: both;
font: 0px/0px sans-serif;
} /* Clear floated items in Gecko, Webkit, and IE7+ browsers */
/* Header */
#headerWrapper{ background: #1B1B1B; border-bottom: 1px solid #6c8194; border-color: #000; }
#header{ position: relative; height: 112px; z-index: 99; }
a#logo{ position: relative; margin: 0; padding: 0; top: 23px; z-index: 1; }
a#skip{
position: absolute;
top: 18px;
right: 0;
z-index: 2;
color: #333;
line-height: 12px;
text-align: right;
text-decoration: none;
}
a#skip:hover{ color: #444; }
#header ul{ position: absolute; bottom: -2px; right: 0; margin: 0; padding: 0; list-style: none; width: 481px; height: 31px; text-align: right; }
#header ul li{ float: left; display: inline; position: relative; margin: 0; padding: 0; }
#header ul li a{ display: block; height: 30px; margin-left: 2px; line-height: 30px; text-align: center; color: #666; background: #222; text-decoration: none; }
#header ul li a:hover, #header ul li:hover a{ background: #333; color: #999; }
#header ul li.current a, #header ul li.current a:hover{ color: #FFF; background: #252525; background: #0180C3; background: #DDD; color: #00223B; }
#header ul li a.home{ width: 73px; }
#header ul li a.portfolio{ width: 90px; }
#header ul li a.services{ width: 84px; }
#header ul li a.about{ width: 74px; }
#header ul li a.blog{ width: 66px; }
#header ul li a.contact{ width: 82px; }
#header ul li ul { display: none; position: absolute; top: 30px; left: 0; height: auto; width: 200px; opacity: .95; }
#header ul li ul li { display: block; position: relative; float: none; }
#header ul li ul li a, #header ul li.current ul li a { background: #333; color: #999; text-align: left; padding: 2px 0 2px 18px; }
#header ul li ul li a:hover, #header ul li.current ul li a:hover { background: #222; color: #aaa; }
#header ul li:hover ul, #header ul li.hover ul { display: block; }
/* Feature */
#featureWrapper{ position: relative; background: transparent url('yimg/backgroundFeatureInner.png') top repeat-x; z-index: 1; }
body.home #featureWrapper{ background-image: url('yimg/backgroundFeatureHome.png'); height: 344px; overflow: hidden; }
body.section #featureWrapper{ background-image: url('yimg/backgroundFeature.png'); }
#feature{ position: relative; left: 10px; height: 144px; width: 932px; overflow: hidden; z-index: 1; }
body.home #feature, body.section #feature, body.political-campaigns #feature{ height: 344px; }
#feature h2, #feature h3, #feature p{ width: 550px; }
#feature h2{ padding: 0; margin: 45px 0 12px 0; font-size: 3em; line-height: 1em; color: #FFF; }
#feature h3{ margin: 0; padding: 0 0 6px 0; font-size: 2em; line-height: 1.1em; color: #FFF; color: #98d3e4; font-weight: normal; }
#feature a, #feature p, #feature strong{ color: #FFF; }
#feature p{ margin-bottom: 1.5em; }
#feature p.banner-message{ position: absolute; margin: 0; padding: 0; width: 53%; top: 22%; left: 47%; color: #99c3d9; }
#feature p.banner-message a{ color: #FFF; }
#feature #video{ position: absolute; top: 53px; right: 10px; }
ul#feature-slideshow{ margin: 0; padding: 0; width: 9320px; position: absolute; left: 0; height: 100%; list-style: none; }
ul#feature-slideshow li{ float: left; width: 932px; text-align: left; text-align: center; height: 100%; }
ul#feature-slideshow li div.slide-content { width: 932px; height: 100%; position: relative; margin: 0 auto; text-align: left; }
ul#feature-slideshow li img.slide-image { position: absolute; bottom: 0; right: 0; margin: 0; padding: 0; }
ul#feature-slideshow li h2{ position: absolute; top: 0; left: 0; width: 400px; height: 100px; background-repeat: no-repeat; text-indent: -9999px; }
ul#feature-slideshow li div.slide-text { position: absolute; width: 425px; height: 180px; overflow: hidden; left: 0; top: 95px; }
ul#feature-slideshow li p{ margin: 1em 0; padding: 0; width: 425px; color: #dee5eb; }
ul#feature-navigation{ z-index: 2; position: relative; top: -47px; margin: 0 auto; width: 916px; height: 37px; left: 0; padding: 0; list-style: none; }
ul#feature-navigation li{ float: left; display: block; padding: 0 16px 0 14px; background: transparent url('backgroundFeatureHomeDivider.png') right no-repeat; }
ul#feature-navigation li.first{ padding-left: 0; }
ul#feature-navigation li.last{ background: none; padding-right: 0; }
uul#feature-navigation li.current a { position: relative; top: -8px; padding-top: 8px; background: url("yimg/carrot.png") no-repeat top center; }
ul#feature-navigation li a{ display: block; line-height: 37px; font-size: 14px; color: #87939e; text-decoration: none; cursor:pointer; }
ul#feature-navigation li.current a, ul#feature-navigation li a:hover{ color: #FFF; cursor: pointer; cursor: hand; }
ul#feature-navigation li.current a{ text-decoration: underline; padding-top: 8px; position: relative; top: -8px; background: url("yimg/carrot.png") no-repeat top center; }
/* Content */
#content{ padding: 20px 0; }
#columnLeft{ position: relative; width: 570px; float: left; z-index: 10; }
#columnLeft a, #columnLeft a strong{ color: #629400; }
#columnLeft h1 a, #columnLeft h1 a:hover{ color: #005EB3; text-decoration: none; font-weight: normal; border: none; background: none; }
/* Content - Lists */
.checked{ margin-left: 2em; padding: 0; list-style-image: url(../images/icon-tick.png); }
.features, ul.checkList{ margin: 0; padding: 0; list-style: none; }
.features li{ float: left; width: 200px; margin: 0 27px 20px 0; padding-left: 58px; background-position: top left; background-repeat: no-repeat; }
.features li.content-management-weblog{ background-image: url('../images/icon-notebook.png'); }
.features li.content-management-calendars{ background-image: url('../images/icon-calendar-large.png'); }
.features li.content-management-photo-galleries{ background-image: url('../images/icon-photo.png'); }
.features li.content-management-pages-and-sections{ background-image: url('../images/icon-edit.png'); }
.features li.content-management-comments{ background-image: url('../images/icon-comments.png'); }
.features li.content-management-search{ background-image: url('../images/icon-search.png'); }
.features li.content-management-video-and-multimedia{ background-image: url('../images/icon-video.png'); }
.features li.content-management-users-and-roles{ background-image: url('../images/icon-users.png'); }
.features li.content-management-form-builder{ background-image: url('../images/icon-report.png'); }
.features li.content-management-contact-database{ background-image: url('../images/icon-search-database.png'); }
.features li.content-management-rss-syndication{ background-image: url('../images/icon-rss-large.png'); }
.features li.political-campaign-online-donations{ background-image: url(../images/icon-donations.png); }
.features li.political-campaign-custom-design{ background-image: url(../images/icon-design.png); }
.features li.political-campaign-social-media{ background-image: url(../images/icon-social-media.png); }
.features li.political-campaign-online-video{ background-image: url(../images/icon-video.png); }
.features li.political-campaign-forms-and-mailing-lists{ background-image: url(../images/icon-email-out.png); }
.features li.political-campaign-email-accounts{ background-image: url(../images/icon-email-in.png); }
.features li.donations{ background-image: url('../images/icon-donations.png'); }
.features li.customDesign{ background-image: url('../images/icon-design.png'); }
.features li.socialMedia{ background-image: url('../images/icon-social-media.png'); }
.features li.flashVideo{ background-image: url('../images/icon-video.png'); }
.features li.emailAccounts{ background-image: url('../images/icon-email-in.png'); }
.features li.forms{ background-image: url('../images/icon-email-out.png'); }
.features li h3{ color: #333; margin: 0; padding: 0; }
.features li p{ margin: 0; padding: 0; font-size: 11px; color: #555; }
.features li.last p{ margin-bottom: 0; }
.testimonials{ margin: 0; padding: 0; list-style: none; }
.checkList{ font-weight: bold; width: 300px; margin: 0 0 18px 0 !important; }
.checkList li{ width: 125px; float: left; display: inline; padding-left: 25px; background: transparent url(../images/icon-check.png) left no-repeat; }
.screenshots{ margin: 0; padding: 0; list-style: none; }
.screenshots:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.screenshots li{ float: left; padding: 0 20px 20px 0; }
.screenshots li a{ line-height: 0; }
.screenshots li a img{ border: 1px solid #CCC; }
.screenshots li:hover p{ color: #86B207; }
.articles{ margin: 0; padding: 0; list-style: none; }
.articles li h3 a{ color: #005eb3 !important; }
.articles li p{ margin: 3px 0; }
.articles li p.meta, p.meta{ margin: 0 0 20px 0; color: #999; }
.articles li p.meta a, p.meta a{ padding: 0 0 0 21px; background: transparent url(../images/icon-comment-small.png) left no-repeat; }
.sidebar-group .articles li{ margin: 0 0 10px 0; }
.sidebar-group .articles li:last-child{ margin: 0; }
.sidebar-group .articles li h3{ font-size: 12px; }
.sidebar-group .articles li p.meta{ margin: 0; }
.navigation{ position: absolute; top: 0; right: 0; margin: 0; padding: 0; list-style: none; }
.navigation li{ display: inline; margin-left: 0.3em; }
.navigation li a, #columnLeft .navigation li a{ text-decoration: none; font-weight: bold; color: #666; border: none !important; cursor: pointer; }
.navigation li.current a, ul.navigation li a:hover, #columnLeft .navigation li.current a, #columnLeft .navigation li a:hover{ background: none; color: #121B23; border: none; cursor: pointer; cursor: hand; }
.navigation li a img{ vertical-align: bottom; }
#paginationLinks{ margin: 0; list-style: none; }
#paginationLinks li{ float: left; }
#paginationLinks li a{ display: block; padding: 0 6px; line-height: 24px; font-size: 12px; }
#paginationLinks li a.current{ margin: 0 3px; background: #629400; color: #fff; text-decoration: none; }
/* Content - Home page featured work list */
#featured-work{ position: relative; border-bottom: 1px dotted #CCC; height: 140px; margin: 0 0 20px 0; }
#featured-work h2{ font-size: 12px; margin: 0 0 10px 0; padding: 0; font-weight: bold; }
#featured-work-scrollable { position: relative; overflow: hidden; width: 916px; height: 110px; }
#featured-work-list{ margin: 0; padding: 0; position: absolute; height: 110px; width: 5000px; list-style: none; }
#featured-work-list li{ float: left; display: inline; width: 164px; margin-right: 23px; }
#featured-work-list li.last{ margin-right: 0; }
#featured-work-list li a{ display: block; width: 164px; height: 72px; overflow: hidden; line-height: 0; border: 1px solid #CDCDCD; }
#featured-work-list li h3{ font-size: 11px; color: #AAA; line-height: 15px; font-weight: normal; }
#featured-work-list li:hover h3{ color: #86B207; }
/* Content - Home page recent posts */
#recent-posts{ position: relative; }
#recent-posts-scrollable { position: relative; overflow: hidden; width: 570px; height: 216px; }
#recent-posts-list{ position: absolute; width: 570px; height: 1000px; margin: 0 0 1.5em; padding: 0; list-style: none; }
#recent-posts-list li{ position: relative; padding-left: 85px; height: 72px; background-color: #FFF; }
#recent-posts-list li.odd{ background-color: #F2F2F2; }
#recent-posts-list li p{ margin: 0; padding: 18px 0; color: #275c88; }
#recent-posts-list li p.comments{ margin: 0; padding: 0; position: absolute; top: 18px; left: 18px; width: 48px; height: 39px; line-height: 32px; text-align: center; }
#recent-posts-list li p.comments a{ display: block; width: 100%; height: 100%; border: none; color: #FFF; font-size: 1.25em; }
#recent-posts-list li.odd p.comments a{ background: transparent url(../images/backgroundRecentPosts.png) 0 -78px no-repeat; }
#recent-posts-list li.odd p.comments a:hover{ background-position: 0 -117px; }
#recent-posts-list li p.comments a{ background: transparent url(../images/backgroundRecentPosts.png) 0 0 no-repeat; }
#recent-posts-list li p.comments a:hover{ background-position: 0 -39px; }
#recent-posts-list li p a.title{ color: #809e30; display: block; border: none; }
#recent-posts-list li p a.more{ color: #0f273c; }
/* Content - Forms */
#columnLeft #contactForm{ margin: 2em 0 0 0; padding: 0; }
#columnLeft #contactform .fieldset{ margin: 0 0 2em 0; padding: 1.5em; border: 1px solid #CCC; background: #EFEFEF; }
#columnLeft #contactform .fieldset.submit{ padding: 0; border: none; background: transparent; }
#columnLeft #contactform .fieldset legend{ color: #666; background: #FFF; border: 1px solid #CCC; padding: 0.25em 0.5em; }
#columnLeft #contactform .fieldset p{ margin: 0 0 1em 0; padding: 0; }
#columnLeft #contactform .fieldset p:last-child{ margin-bottom: 0; }
#columnLeft #contactform .input.text, #columnLeft form textarea{ padding: 3px; }
#columnLeft #contactform .input.text{ width: 250px; }
#columnLeft #contactform .textarea{ width: 520px; height: 200px; }
#ilet{ margin: 2em 0 0 0; padding: 0; }
.icform{ margin: 0 0 2em 0; padding: 1.5em; border: 1px solid #CCC; background: #EFEFEF; }
.icform .leg{ color: #666; background: #FFF; border: 1px solid #CCC; padding: 0.25em 0.5em; margin-top:-35px; width:150px;}
/* Content - Blog List */
#blog-list-title{ font-size: 18px; margin: 0 0 36px 0; }
.blog-list{ margin: 0; padding: 0; list-style: none; }
.blog-list li{ position: relative; } /* so the comment bubble can be absolute positioned */
.blog-post{ padding: 0; }
.blog-post p{ margin: 0; padding: 0 0 1.5em 0; }
.blog-post .post-meta{ margin: -15px 0 20px; float: left; float: none; position: relative; overflow: visible; width: 100%;}
.blog-post p.byline{ float: left; float: none; padding: 0 ; color: #999; }
.blog-post .social-links{ float: left; float: none; display: inline !important; margin: 0; }
/* Blog - Retweet */
.retweet{ float: right; position: relative; z-index: 2; margin: 0 0 18px 18px; }
/* Blog - Social Links */
.blog-post .post-meta{ position: relative; z-index: 1; }
.blog-post .post-meta ul{
margin: 0;
padding: 0;
list-style: none;
display: inline;
}
.blog-post .post-meta ul li, .blog-post .post-meta ul li a{ display: inline; }
.blog-post .post-meta li img{ vertical-align: middle; }
.blog-post p.comments{ margin: 5px 0 0 20px; padding: 0; float: right; width: 48px; height: 39px; line-height: 32px; text-align: center; }
.blog-post p.comments a{ display: block; width: 100%; height: 100%; border: none; text-shadow: #333 0 0 3px; color: #FFF !important; font-size: 1.25em; text-decoration: none; background: transparent url(../images/backgroundRecentPosts.png) 0 0 no-repeat; }
.blog-post p.comments a:hover{ background: transparent url(../images/backgroundRecentPosts.png) 0 -39px no-repeat; }
.blog-post p.tags{
margin: 0 0 20px 0;
padding: 10px 0 10px 40px;
line-height: 20px;
font-weight: bold;
border-top: 1px dotted #DDD;
border-bottom: 1px dotted #DDD;
background: transparent url('../images/icon-tag-blue.png') 0 50% no-repeat;
}
.author {
position: relative;
}
.authorInfo {
display: none;
opacity: 0;
z-index: 50;
position: absolute;
left: 145px;
top: 1.5em;
width: 350px;
padding: 10px;
background: #eee;
border: 1px solid #cccccc;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.25);
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.25);
box-shadow: 0 2px 5px rgba(0,0,0,0.25);
}
.authorInfo img {
float: right;
margin: -1.2em 0 1em 1em;
}
.authorInfo h3 a {
text-decoration: none;
font-weight: normal;
font-size: 1.2em;
}
.authorInfo p { padding: 0; }
/* Content - About the Author */
#author{
margin: 0 0 20px 0;
padding: 20px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
background: #EEE;
border: 1px solid #DDD;
}
#author:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#author img.gravatar{
border: 3px solid #CCC;
display: inline;
float: left;
margin: 0 18px 18px 0;
}
/* Content - Share Links */
#share{
margin: 0 0 20px 0;
padding: 20px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
background: #EEE;
border: 1px solid #DDD;
}
#share ul{ margin: 0; padding: 0; list-style: none; }
#share ul:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#share ul li, .social-links li{ float: left; display: block; list-style: none; margin: 0 4px 0 0; }
#share ul li a, .social-links li a{ display: block; width: 16px; height: 16px; text-indent: -9999px; opacity: 0.7; }
#share ul li a:hover, .social-links li a:hover{ opacity: 1; }
#share ul li a.hackernews, .social-links li a.hackernews{ background-image: url(../images/share/hackernews.png); }
#share ul li a.twitter, .social-links a.twitter{ background-image: url(../images/share/twitter.png); }
#share ul li a.digg, .social-links li a.digg{ background-image: url(../images/share/digg.png); }
#share ul li a.reddit, .social-links li a.reddit{ background-image: url(../images/share/reddit.png); }
#share ul li a.stumble, .social-links li a.stumble{ background-image: url(../images/share/stumble.png); }
#share ul li a.delicious, .social-links li a.delicious{ background-image: url(../images/share/delicious.png); }
/* Syntax Highlighter Trick */
.brushwindow { z-index: 99; width: 560px; overflow: hidden; }
.nobrushwindow { box-shadow: #ccc 0px 0px 7px; -mozbox-shadow: #ccc 0px 0px 7px; -webkit-box-shadow: #ccc 0px 0px 7px; }
.brushwrap { width: 848px; }
/*.syntaxhighlighter { width: 900px !important; }*/
/* Content - Comments */
#comments{ position: relative; }
#comments a#leave-a-comment{ position: absolute; top: 0; right: 0; font-weight: bold; }
#comments ol{ margin: 0 0 20px 0; padding: 0; list-style: none; }
#comments ol li{
margin: 0 0 10px 0;
padding: 10px 10px 10px 78px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
background: #EEE;
border: 1px solid #DDD;
}
#comments ol li.author{ background: #e0f3fc; border-color: #97b4cc; }
#comments ol li:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#comments ol li img.gravatar{ float: left; display: inline; margin: 0 0 0 -68px; border: 3px solid #CCC; }
#comments ol li.author img.gravatar{ border-color: #97b4cc; }
#comments ol li h3 cite{ font-style: normal; color: #222; }
#comments ol li h3 a{ color: #005eb3; }
#comments ol li p{ margin: 0 0 10px 0; }
#comments ol li p.date{ font-size: 11px; }
#comments form{ margin: 0; }
#comments form .required{ font-size: 16px; font-weight: bold; color: #ff5500; }
#comments form fieldset{
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
/* Content - Portfolio Listing */
ul#portfolio-filter{ margin: -20px 0; padding: 0; height: 64px; padding-left: 70px; line-height: 64px; background: transparent url(../images/icon-tag-green.png) left no-repeat; }
ul#portfolio-filter li{ display: inline; }
ul#portfolio-filter a{ margin-right: 0.5em; padding: 0.5em 1em; background: #FFF; color: #AAA; font-weight: bold; text-decoration: none; }
ul#portfolio-filter a:hover, ul#portfolio-filter a.current{ color: #888; }
ul#portfolio-filter a.current{ background-color: #DDD; }
ul#portfolio-list{ margin: 36px 0 0 0; padding: 0; list-style: none; }
ul#portfolio-list li{ width: 165px; height: 160px; display: block; float: left; margin-right: 18px; overflow: hidden; }
ul#portfolio-list li a{ display: block; width: 163px; height: 120px; overflow: hidden; border: 1px solid #CDCDCD; background: #eee; }
ul#portfolio-list li p{ font-size: 11px; line-height: 15px; color: #AAA; margin: 5px 0; }
/* Content - Portfolio Detail */
#portfolio-images{ position: relative; margin: 0 0 10px 0; padding: 0; list-style: none; width: 570px; height: 300px; border: 1px solid #CCC; }
#portfolio-images li{ position: absolute; top: 0; left: 0; width: 100%; height: 300px; line-height: 0 !important; }
#portfolio-images li img{ line-height: 0 !important; }
#portfolio-navigation{ margin: 0 0 20px 0; padding: 0; list-style: none; }
#portfolio-navigation li{ display: inline; margin: 0 9px 0 0; }
#portfolio-navigation li a{ color: #BBB; text-decoration: none; }
#portfolio-navigation li a:hover, #portfolio-navigation li a.activeSlide{ color: #444; }
#portfolio-link { position: absolute; top: 390px; right: 0; width: 20%; text-align: right; }
#breadcrumbs{ margin: 0 0 3px 0; padding: 0; list-style: none; font-size: 12px; font-weight: bold; color: #999999; }
#breadcrumbs li{ display: inline; }
#breadcrumbs li a{ color: #999; }
/* Content - News */
#news-list{ list-style-type: none; margin: 0; }
#news-list li{ clear: both; overflow: hidden; margin-bottom: 1.5em; border-bottom: 1px solid #DDD; }
#news-list img{ float: right; margin: 0 0 1em 1.5em; border: 5px solid #DDD; border-radus: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px}
#news-list h2{ padding-bottom: 0.25em; }
#news-list p.byline{ margin-bottom: 0.5em; }
#news-list li .date{ color: #809e30; }
#news-list li.archives{ border: none; }
/* Content - Profiles */
img.profile{ float: left; margin: 0 18px 18px 0; }
ul.profile-articles{ margin: 0; padding: 0; list-style: none; }
ul.profile-articles li p{ margin: 0 0 9px 0; }
#contactForm dl, #contactForm dl dd{ margin: 0; padding: 0; }
#contactForm label.error { color: #cc0000; margin-left: 0.5em; }
/* Sidebar */
#columnRight{ float: right; width: 290px; margin: 10px 0 0 0; font-size: 11px; z-index: 1; }
p#contact{ margin: 0; padding: 0; }
p#contact a{ position: relative; top: -10px; display: block; border: none; vertical-align: top; }
p#contact a.blog{ margin-bottom: 10px; }
#columnRight #social-links{ list-style-type: none; margin: -10px 0 1em; }
#columnRight #social-links li{ display: inline; margin: 0 0.75em 0 0; }
/* Sidebar Panels */
#sidebar-sections{ position: relative; /*background: #FFF url('../images/backgroundSidebar.png') top left no-repeat;*/ }
.sidebar-section{ position: relative; padding: 20px; }
#sidebar-sections #map{ width:288px; height:288px; border:1px solid #CCC; margin-bottom:20px; }
.sidebar-group{
position: relative;
margin: 0 0 20px 0;
padding: 20px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background: #FFF url(../images/sidebar-group-background.gif) top repeat-x;
border: 1px solid #f3f3f3;
}
#hifiad a{
display: block;
width: 290px;
height: 135px;
background: url('../images/hifi-ad.jpg');
text-indent: -9999em;
position: relative;
border: 1px solid white;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
margin: 0 0 20px 0;
overflow: hidden;
}
/* Sidebar Panel - Sidebar Menu */
#sidebar-menu ul{ margin: 0; padding: 0; list-style: none; }
#sidebar-menu ul li{ display: block; margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px dotted #CCC; }
#sidebar-menu ul li.last{ margin: 0; padding: 0; border: none; }
#sidebar-menu ul li a{ color: #005EB3; color: #333; font-size: 14px; font-weight: bold; text-decoration: none; }
#sidebar-menu ul li a:hover, #sidebar-menu a.current{ color: #005EB3; }
#sidebar-menu ul li p{ font-size: 11px; margin: 0; padding: 0; }
/* Sidebar Panel - News and Press */
#news-and-press .navigation{ top: 20px; right: 20px; }
/* Sidebar Panel - Newsletter Form */
#newsletter{ margin-bottom: 0; border: none; background: #EEE; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
#newsletter h2{ padding: 0 0 20px 0; background: transparent url('../images/icon-mail.png') top right no-repeat; }
#newsletter input.text{ padding: 3px; color: #999; }
#newsletter input.image{ vertical-align: bottom; margin-left: 0.5em; }
/* Sidebar Panel - Social Networks */
#social-networks ul{ margin: 0; padding: 0; list-style: none; }
#social-networks ul li{ display: inline; margin: 0 7px 0 0; }
/* Sidebar Panel - Blog Panels */
#blog-categories, #news-archives, #blog-feeds{ padding-top: 0; padding-bottom: 0; }
/* Blog Subscribe Panel */
#blog-feeds a{
display: block;
color: #005EB3;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
#blog-feeds a:last-child{ margin-top: 10px; }
#blog-feeds a:hover{ color: #000; }
#blog-feeds img{ vertical-align: middle; margin: 0 12px 0 0; }
/* Blog Nav Panel */
#blog-nav-home-link, #blog-search-links{
background: #EEE;
margin: 18px -20px -20px -20px;
padding: 5px 20px;
color: #000;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
}
/* Blog Search Panel */
#blog-search form input#blog-search-query{ width: 98%; }
#blog-search ul{
margin: 18px 0 0 0;
padding: 0;
list-style: none;
}
#blog-search li{
padding: 10px 0;
border-top: 1px dotted #CCC;
}
#blog-search li a{
color: #005EB3;
font-size: 12px;
font-weight: bold;
text-decoration: none;
display: block;
}
#blog-search li a:hover{ color: #000; }
#blog-nav ul{
margin: 0;
padding: 0;
list-style: none;
}
#blog-nav li{ padding: 18px 0 0 0; }
#blog-nav li.primary{
padding: 0;
border-bottom: 1px dotted #CCC;
}
#blog-nav li h3{ margin: 0 0 18px 0; }
#blog-nav li.last p{ margin: 0; }
#blog-nav li img{ float: left; margin: 0 18px 0 0; }
/* Sidebar group UL */
#blog-categories ul, #news-archives ul, #blog-feeds-rss ul, #blog-feeds-email ul{ margin: 0; }
/* Sidebar group LI */
#blog-categories ul li, #news-archives ul li, #blog-feeds-rss ul li, #blog-feeds-email ul li, #blog-popular-posts li{
display: block;
height: 28px;
border-bottom: 1px solid #EEE;
list-style: none;
}
#blog-popular-posts li{ margin: 0; padding: 7px 0 7px 25px; height: auto; background: transparent url(../images/icon-star.png) 0 9px no-repeat; }
#blog-categories ul li:last-child, #news-archives ul li:last-child, #blog-feeds-rss ul li:last-child, #blog-feeds-email ul li:last-child, #blog-popular-posts li:last-child{ border: none; }
#blog-popular-posts li:first-child{ padding-top: 0; background-position: 0 2px; }
/* Sidebar group link */
#blog-categories ul li a,
#news-archives ul li a
/*#blog-feeds-rss ul li a,
#blog-feeds-email ul li a*/{
display: block;
height: 28px;
width: 100%;
color: #005EB3;
font-size: 12px;
font-weight: bold;
line-height: 28px;
text-decoration: none;
padding: 0 0 0 23px;
}
#blog-categories ul li a{ background: transparent url(../images/icon-folder.png) left no-repeat; }
#blog-categories ul li a:hover, #blog-categories ul li a.current{ background-image: url(../images/icon-folder-open.png) !important; }
#news-archives li a{ background: transparent url(../images/icon-calendar.png) left no-repeat; }
/*#blog-feeds-rss li a{ background: transparent url(../images/icon-rss-small.png) left no-repeat; }
#blog-feeds-email li a{ background: transparent url(../images/icon-mail-small.png) left no-repeat; }*/
#blog-popular-posts li a{ text-decoration: none; }
/* Sidebar group link hover */
#blog-categories ul li a:hover,
#blog-categories ul li a.current,
#news-archives li a:hover,
/*#blog-feeds-rss ul li a:hover,
#blog-feeds-email ul li a:hover{ color: #000; }*/
#blog-popular-posts li a:hover{ color: #000 !important; }
/* Blog Subscribe Navigation
#blog-feeds-nav{ margin: 0 0 9px 0; padding: 0; }
#blog-feeds-nav:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#blog-feeds-nav li{ float: left; display: inline; margin-right: 5px; }
#blog-feeds-nav li a{
display: block;
padding: 3px 12px;
background: #EEE;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
text-decoration: none;
font-weight: bold;
}
#blog-feeds-nav li a:hover{ background-color: #DDD; }
#blog-feeds-nav li.current a{ background-color: #CCC; } */
/* Footer */
#footerWrapper{ background: #1B1B1B url('yimg/backgroundFooter.png') top repeat-x; }
#footer{ padding-top: 10px; }
#footer, #footer p{ color: #CCC; }
#footer p, #footer ul{ font-size: 11px; }
#footer a{ color: #FFF; }
.footerColumn{ position: relative; width: 245px; margin: 3em 0; padding: 0 30px; float: left; }
.footerColumn h3{ margin: 0; padding: 0; font-size: 2em; color: #FFF; font-weight: normal; }
.footerColumn h4, .footerColumn .date{ margin: 1.636em 0 0; padding: 0; font-weight: bold !important; color: #666 !important; font-size: 11px !important; }
.footerColumn p{ margin: 0; padding: 0; line-height: 1.636em; }
#footerLeftColumn{ padding-left: 0; width: 273px; }
#footerLeftColumn .vcard{ margin-top: 1.5em; }
#footerLeftColumn .vcard, #footerLeftColumn .country-name{ margin-bottom: 1.5em; }
#footerLeftColumn .url, #footerLeftColumn .org{ display: none; }
#footerLeftColumn .country-name{ display: block; }
#footerLeftColumn #vcard{ padding-left: 25px; background: transparent url('../images/icon-vcard.png') left no-repeat; }
#footerLeftColumn #copyright{ margin-top: 3em; }
#footerMiddleColumn{ border-left: 1px solid #333; border-right: 1px solid #333; }
#footerMiddleColumn ul{ margin: 0; padding: 0; list-style: none; }
#footerMiddleColumn ul li{ width: 49%; float: left; height: 1.636em; line-height: 1.636em; }
#footerMiddleColumn .navigation{ right: 3.372em; }
#footerMiddleColumn .navigation li img{ vertical-align: middle; }
#footerMiddleColumn .navigation li a{ color: #666; }
#footerMiddleColumn .navigation li a:hover, #footerMiddleColumn .navigation li a:active{ color: #CCC; }
#footerRightColumn{ padding-right: 0; width: 275px; }
#footerRightColumn ul{ margin: 0; padding: 0; list-style: none; }
#footerRightColumn ul li{ width: 49%; float: left; height: 1.636em; line-height: 1.636em; }
/* Credits */
#creditsWrapper{ background: #111; padding: 1em 0 0.75em 0; }
#credits p{ color: #666; }
#credits a{ color: #FFF; font-weight: bold; text-decoration: none; border-bottom: 1px dotted #CCC; }
#credits img{ vertical-align: middle; margin-right: 2em; }
div.light_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}div.light_rounded .pp_top .pp_middle{background:#fff}div.light_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}div.light_rounded .pp_content{background-color:#fff}div.light_rounded .pp_content a.pp_next:hover{background:url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}div.light_rounded .pp_content a.pp_previous:hover{background:url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}div.light_rounded .pp_content a.pp_expand{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}div.light_rounded .pp_content a.pp_expand:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}div.light_rounded .pp_content a.pp_contract{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}div.light_rounded .pp_content a.pp_contract:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}div.light_rounded .pp_content a.pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next{background:url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}div.light_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}div.light_rounded .pp_bottom .pp_middle{background:#fff}div.light_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}div.light_rounded .pp_loaderIcon{background:url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}div.dark_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}div.dark_rounded .pp_top .pp_middle{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}div.dark_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}div.dark_rounded .pp_content{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}div.dark_rounded .pp_content a.pp_next:hover{background:url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}div.dark_rounded .pp_content a.pp_previous:hover{background:url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}div.dark_rounded .pp_content a.pp_expand{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}div.dark_rounded .pp_content a.pp_expand:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}div.dark_rounded .pp_content a.pp_contract{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}div.dark_rounded .pp_content a.pp_contract:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}div.dark_rounded .pp_content a.pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}div.dark_rounded .currentTextHolder{color:#c4c4c4}div.dark_rounded p.pp_description{color:#fff}div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}div.dark_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}div.dark_rounded .pp_bottom .pp_middle{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}div.dark_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}div.dark_rounded .pp_loaderIcon{background:url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}div.dark_square .pp_top .pp_left,div.dark_square .pp_top .pp_middle,div.dark_square .pp_top .pp_right,div.dark_square .pp_bottom .pp_left,div.dark_square .pp_bottom .pp_middle,div.dark_square .pp_bottom .pp_right,div.dark_square .pp_content{background:url(../images/prettyPhoto/dark_square/contentPattern.png) top left repeat}div.dark_square .currentTextHolder{color:#c4c4c4}div.dark_square p.pp_description{color:#fff}div.dark_square .pp_loaderIcon{background:url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}div.dark_square .pp_content a.pp_expand{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}div.dark_square .pp_content a.pp_expand:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}div.dark_square .pp_content a.pp_contract{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}div.dark_square .pp_content a.pp_contract:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}div.dark_square .pp_content a.pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_next{background:url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}div.dark_square .pp_content a.pp_next:hover{background:url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}div.dark_square .pp_content a.pp_previous:hover{background:url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}div.light_square .pp_top .pp_left,div.light_square .pp_top .pp_middle,div.light_square .pp_top .pp_right,div.light_square .pp_bottom .pp_left,div.light_square .pp_bottom .pp_middle,div.light_square .pp_bottom .pp_right,div.light_square .pp_content{background:#fff}div.light_square .pp_content a.pp_expand{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}div.light_square .pp_content a.pp_expand:hover{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}div.light_square .pp_content a.pp_contract{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}div.light_square .pp_content a.pp_contract:hover{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}div.light_square .pp_content a.pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next{background:url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}div.light_square .pp_content a.pp_next:hover{background:url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}div.light_square .pp_content a.pp_previous:hover{background:url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}div.pp_pic_holder a:focus{outline:none}div.pp_overlay{background:#000;position:absolute;top:0;left:0;z-index:9500;width:100%}div.pp_pic_holder{position:absolute;z-index:10000;width:100px}div.pp_pic_holder .pp_top{position:relative;height:20px}* html div.pp_pic_holder .pp_top{padding:0 20px}div.pp_pic_holder .pp_top .pp_left{position:absolute;left:0;width:20px;height:20px}div.pp_pic_holder .pp_top .pp_middle{position:absolute;left:20px;right:20px;height:20px}* html div.pp_pic_holder .pp_top .pp_middle{position:static;left:0}div.pp_pic_holder .pp_top .pp_right{position:absolute;top:0;left:auto;right:0;width:20px;height:20px}div.pp_pic_holder .pp_content{position:relative;text-align:left;width:100%;height:40px}div.pp_pic_holder .pp_content .pp_details{display:none;margin:10px 15px 2px 20px}div.pp_pic_holder .pp_content .pp_details p.pp_description{display:none;float:left;margin:0}div.pp_pic_holder .pp_content .pp_details .pp_nav{float:left;margin:3px 0 0 0}div.pp_pic_holder .pp_content .pp_details .pp_nav p{float:left;margin:2px 4px}div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous,div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next{float:left;display:block;width:14px;height:15px;overflow:hidden;text-indent:-10000px;margin-top:3px}div.pp_pic_holder .pp_content div.pp_hoverContainer{position:absolute;z-index:2000;top:0;left:0;width:100%}div.pp_pic_holder .pp_content a.pp_next{display:block;float:right;text-indent:-10000px;width:49%;height:100%;background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat}div.pp_pic_holder .pp_content a.pp_previous{display:block;float:left;text-indent:-10000px;width:49%;height:100%;background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat}div.pp_pic_holder .pp_content a.pp_expand,div.pp_pic_holder .pp_content a.pp_contract{position:absolute;z-index:20000;top:10px;right:30px;cursor:pointer;display:none;text-indent:-10000px;width:20px;height:20px}div.pp_pic_holder .pp_content a.pp_close{float:right;display:block;text-indent:-10000px}div.pp_pic_holder .pp_bottom{position:relative;height:20px}* html div.pp_pic_holder .pp_bottom{padding:0 20px}div.pp_pic_holder .pp_bottom .pp_left{position:absolute;left:0;width:20px;height:20px}div.pp_pic_holder .pp_bottom .pp_middle{position:absolute;left:20px;right:20px;height:20px}* html div.pp_pic_holder .pp_bottom .pp_middle{position:static;left:0}div.pp_pic_holder .pp_bottom .pp_right{position:absolute;top:0;left:auto;right:0;width:20px;height:20px}div.pp_pic_holder .pp_loaderIcon{display:none;position:absolute;top:50%;left:50%;margin:-12px 0 0 -12px;width:24px;height:24px}div.pp_pic_holder #pp_full_res{display:block;margin:0 auto;width:100%;text-align:center}div.pp_pic_holder #pp_full_res object,div.pp_pic_holder #pp_full_res embed{visibility:hidden}div.ppt{display:none;position:absolute;top:0;left:0;z-index:9999;color:#fff;font-size:17px}
/* ------------------------------------------------------------------------
Miscellaneous
------------------------------------------------------------------------- */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/**
* SyntaxHighlighter
* http://alexgorbatchev.com/
*
* SyntaxHighlighter is donationware. If you are using it, please donate.
* http://alexgorbatchev.com/wiki/SyntaxHighlighter:Donate
*
* @version
* 2.0.320 (May 03 2009)
*
* @copyright
* Copyright (C) 2004-2009 Alex Gorbatchev.
*
* @license
* This file is part of SyntaxHighlighter.
*
* SyntaxHighlighter is free software: you can redistribute it and/or modify
* it under the terms of the GNU Lesser General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* SyntaxHighlighter is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with SyntaxHighlighter. If not, see .
*/
.syntaxhighlighter,
.syntaxhighlighter div,
.syntaxhighlighter code,
.syntaxhighlighter span
{
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
outline: 0 !important;
background: none !important;
text-align: left !important;
float: none !important;
vertical-align: baseline !important;
position: static !important;
left: auto !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
height: auto !important;
width: auto !important;
line-height: 1.25em !important;
font-family: "Consolas", "Monaco", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
font-weight: normal !important;
font-style: normal !important;
font-size: 1em !important;
}
.syntaxhighlighter
{
width: 100% !important;
margin: 1em 0 1em 0 !important;
padding: 1px !important; /* adds a little border on top and bottom */
position: relative !important;
}
.syntaxhighlighter code {
display: inline !important;
}
.syntaxhighlighter .bold {
font-weight: bold !important;
}
.syntaxhighlighter .italic {
font-style: italic !important;
}
.syntaxhighlighter .line .number
{
float: left !important;
width: 3em !important;
padding-right: .3em !important;
text-align: right !important;
display: block !important;
}
/* Disable numbers when no gutter option is set */
.syntaxhighlighter.nogutter .line .number
{
display: none !important;
}
.syntaxhighlighter .line .content
{
margin-left: 3.3em !important;
padding-left: .5em !important;
display: block !important;
}
.syntaxhighlighter .line .content .block
{
display: block !important;
padding-left: 1.5em !important;
text-indent: -1.5em !important;
}
.syntaxhighlighter .line .content .spaces
{
display: none !important;
}
/* Disable border and margin on the lines when no gutter option is set */
.syntaxhighlighter.nogutter .line .content
{
margin-left: 0 !important;
border-left: none !important;
}
.syntaxhighlighter .bar
{
display: none !important;
}
.syntaxhighlighter .bar.show
{
display: block !important;
}
.syntaxhighlighter.collapsed .bar
{
display: block !important;
}
.syntaxhighlighter.nogutter .ruler
{
margin-left: 0 !important;
padding-left: 0 !important;
}
.syntaxhighlighter .ruler
{
padding: 0 0 .5em .5em !important;
margin-left: 3.3em !important;
overflow: hidden !important;
}
/* Adjust some properties when collapsed */
.syntaxhighlighter.collapsed .lines,
.syntaxhighlighter.collapsed .ruler
{
display: none !important;
}
.syntaxhighlighter .lines.no-wrap
{
overflow: auto;
overflow-y: hidden;
}
/* Styles for the toolbar */
.syntaxhighlighter .toolbar
{
position: absolute !important;
right: 0px !important;
top: 0px !important;
font-size: 1px !important;
padding: 8px 8px 8px 0 !important; /* in px because images don't scale with ems */
}
.syntaxhighlighter.collapsed .toolbar
{
font-size: 80% !important;
padding: .2em 0 .5em .5em !important;
position: static !important;
}
.syntaxhighlighter .toolbar a.item,
.syntaxhighlighter .toolbar .item
{
display: block !important;
float: left !important;
margin-left: 8px !important;
background-repeat: no-repeat !important;
overflow: hidden !important;
text-indent: -5000px !important;
}
.syntaxhighlighter.collapsed .toolbar .item
{
display: none !important;
}
.syntaxhighlighter.collapsed .toolbar .item.expandSource
{
background-image: url(../images/magnifier.png) !important;
display: inline !important;
text-indent: 0 !important;
width: auto !important;
float: none !important;
height: 16px !important;
padding-left: 20px !important;
}
.syntaxhighlighter .toolbar .item.viewSource
{
background-image: url(../images/page_white_code.png) !important;
}
.syntaxhighlighter .toolbar .item.printSource
{
background-image: url(../images/printer.png) !important;
}
.syntaxhighlighter .toolbar .item.copyToClipboard
{
text-indent: 0 !important;
background: none !important;
overflow: visible !important;
}
.syntaxhighlighter .toolbar .item.about
{
background-image: url(../images/help.png) !important;
}
/**
* Print view.
* Colors are based on the default theme without background.
*/
.syntaxhighlighter.printing,
.syntaxhighlighter.printing .line.alt1 .content,
.syntaxhighlighter.printing .line.alt2 .content,
.syntaxhighlighter.printing .line.highlighted .number,
.syntaxhighlighter.printing .line.highlighted.alt1 .content,
.syntaxhighlighter.printing .line.highlighted.alt2 .content,
.syntaxhighlighter.printing .line .content .block
{
background: none !important;
}
.syntaxhighlighter .no-wrap .line .content .block
{
white-space: nowrap !important;
}
/* Gutter line numbers */
.syntaxhighlighter.printing .line .number
{
color: #bbb !important;
}
/* Add border to the lines */
.syntaxhighlighter.printing .line .content
{
color: #000 !important;
}
/* Toolbar when visible */
.syntaxhighlighter.printing .toolbar,
.syntaxhighlighter.printing .ruler
{
display: none !important;
}
.syntaxhighlighter.printing a
{
text-decoration: none !important;
}
.syntaxhighlighter.printing .plain,
.syntaxhighlighter.printing .plain a
{
color: #000 !important;
}
.syntaxhighlighter.printing .comments,
.syntaxhighlighter.printing .comments a
{
color: #008200 !important;
}
.syntaxhighlighter.printing .string,
.syntaxhighlighter.printing .string a
{
color: blue !important;
}
.syntaxhighlighter.printing .keyword
{
color: #069 !important;
font-weight: bold !important;
}
.syntaxhighlighter.printing .preprocessor
{
color: gray !important;
}
.syntaxhighlighter.printing .variable
{
color: #a70 !important;
}
.syntaxhighlighter.printing .value
{
color: #090 !important;
}
.syntaxhighlighter.printing .functions
{
color: #ff1493 !important;
}
.syntaxhighlighter.printing .constants
{
color: #0066CC !important;
}
.syntaxhighlighter.printing .script
{
font-weight: bold !important;
}
.syntaxhighlighter.printing .color1,
.syntaxhighlighter.printing .color1 a
{
color: #808080 !important;
}
.syntaxhighlighter.printing .color2,
.syntaxhighlighter.printing .color2 a
{
color: #ff1493 !important;
}
.syntaxhighlighter.printing .color3,
.syntaxhighlighter.printing .color3 a
{
color: red !important;
}
/**
* SyntaxHighlighter
* http://alexgorbatchev.com/
*
* SyntaxHighlighter is donationware. If you are using it, please donate.
* http://alexgorbatchev.com/wiki/SyntaxHighlighter:Donate
*
* @version
* 2.0.320 (May 03 2009)
*
* @copyright
* Copyright (C) 2004-2009 Alex Gorbatchev.
*
* @license
* This file is part of SyntaxHighlighter.
*
* SyntaxHighlighter is free software: you can redistribute it and/or modify
* it under the terms of the GNU Lesser General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* SyntaxHighlighter is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with SyntaxHighlighter. If not, see .
*/
/************************************
* Default Syntax Highlighter theme.
*
* Interface elements.
************************************/
.syntaxhighlighter
{
background-color: #E7E5DC !important;
}
/* Highlighed line number */
.syntaxhighlighter .line.highlighted .number
{
background-color: #6CE26C !important;
color: black !important;
}
/* Highlighed line */
.syntaxhighlighter .line.highlighted.alt1 .content,
.syntaxhighlighter .line.highlighted.alt2 .content
{
background-color: #6CE26C !important;
}
/* Gutter line numbers */
.syntaxhighlighter .line .number
{
color: #5C5C5C !important;
}
/* Add border to the lines */
.syntaxhighlighter .line .content
{
border-left: 3px solid #629400 !important;
color: #000 !important;
}
.syntaxhighlighter.printing .line .content
{
border: 0 !important;
}
/* First line */
.syntaxhighlighter .line.alt1 .content
{
background-color: #fff !important;
}
/* Second line */
.syntaxhighlighter .line.alt2 .content
{
background-color: #F8F8F8 !important;
}
.syntaxhighlighter .line .content .block
{
background: url(../images/wrapping.png) 0 1.1em no-repeat !important;
}
.syntaxhighlighter .ruler
{
color: silver !important;
background-color: #F8F8F8 !important;
border-left: 3px solid #6CE26C !important;
}
.syntaxhighlighter.nogutter .ruler
{
border: 0 !important;
}
.syntaxhighlighter .toolbar
{
background-color: #F8F8F8 !important;
border: #E7E5DC solid 1px !important;
}
.syntaxhighlighter .toolbar a
{
color: #a0a0a0 !important;
}
.syntaxhighlighter .toolbar a:hover
{
color: red !important;
}
/************************************
* Actual syntax highlighter colors.
************************************/
.syntaxhighlighter .plain,
.syntaxhighlighter .plain a
{
color: #000 !important;
}
.syntaxhighlighter .comments,
.syntaxhighlighter .comments a
{
color: #008200 !important;
}
.syntaxhighlighter .string,
.syntaxhighlighter .string a
{
color: blue !important;
}
.syntaxhighlighter .keyword
{
color: #069 !important;
font-weight: bold !important;
}
.syntaxhighlighter .preprocessor
{
color: gray !important;
}
.syntaxhighlighter .variable
{
color: #a70 !important;
}
.syntaxhighlighter .value
{
color: #090 !important;
}
.syntaxhighlighter .functions
{
color: #ff1493 !important;
}
.syntaxhighlighter .constants
{
color: #0066CC !important;
}
.syntaxhighlighter .script
{
background-color: yellow !important;
}
.syntaxhighlighter .color1,
.syntaxhighlighter .color1 a
{
color: #808080 !important;
}
.syntaxhighlighter .color2,
.syntaxhighlighter .color2 a
{
color: #ff1493 !important;
}
.syntaxhighlighter .color3,
.syntaxhighlighter .color3 a
{
color: red !important;
}
* {
}