/*----- Global reset ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, label, 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; } strong { font-weight:bold; } 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; } /*----- Clearfix ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .clearfix:after { content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } * { outline: none; } html, body { min-height: 100%;margin: 0;padding: 0; } /*----- Base ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ body,html { font-family:Georgia, Arial, sans-serif;font-size:12px;margin:0px;padding:0px;position:relative; } #content, #footer, #header { } #container { width:785px; float:right;margin-right:190px; } #header { margin-left:15px; } /*----- Shadows ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ body { background:#F4F4E8; } body>div.style { top:0px;left:0px;right:0px; bottom:0px; position:fixed;z-index:-1;background:transparent;} .style .body, .style .body-top, .style .city, .style .city-transition, .style .wall, .style .stripes, .style .stripes-transition, .style .person, .style .person-transition, .style .brush-top, .style .right-wall, .style .brush-top-transition, .style .brush-bottom { top:0px;left:0px;right:0px; bottom:0px; position:absolute;} .message, .style .person, .style .brush-bottom, .style .preload, .style .brush-top-transition, .style .person-transition, .style .stripes-transition, .style .city-transition { display:none; } .style .line { z-index:-10 !important; } .style .stripes { z-index:-20 !important; } .style .wall { z-index:-90 !important; } .style .line { background:#fdfdf3;top:0px;left:0px;right:0px;position:absolute;height:10px;border-bottom:1px solid #aaa9a3; } .style .right-wall { background:url('../images/back-right-wall.png') no-repeat right bottom; } .style .body-top { background:url('../images/back-page-top.png') no-repeat right top; } .style .body { background:url('../images/back-page-center.png') repeat-y right top;top:85px !important; } .style .wall { background:url('../images/back-wall.jpg'); } .plane { background:url('../images/default/back-plane.png') no-repeat 270px 40%;position:fixed;top:11px;bottom:0;right:1020px;left:0;z-index:-5;overflow:hidden;display:none; } .cloud-left { background:url('../images/back-clouds.png') repeat-x right top;position:fixed;top:11px;bottom:0;right:1020px;left:0;z-index:-5;overflow:hidden; } .cloud-right { background:url('../images/back-clouds.png') no-repeat left top;position:fixed;top:11px;bottom:0;right:0;width:190px;z-index:-5;overflow:hidden; } .message { background:url('../images/default/back-message.png') no-repeat;width:200px;height:270px;position:fixed;bottom:0px;right:0px;z-index:999; } .style .city { background:url('../images/default/back-city.jpg') no-repeat left bottom;z-index:-1px; } .style .stripes { background:url('../images/default/back-stripes.png'); } .style .person { background:url('../images/default/back-person.png') no-repeat right bottom; } .style .person1 { background:url('../images/default/back-person.png') no-repeat right bottom; } .style .brush-top { background:url('../images/default/back-brush-top.png') no-repeat right top; } .style .brush-bottom { background:url('../images/default/back-brush-bottom.png') no-repeat right bottom; } .extra { background:url('../images/back-border.png') repeat-y right center;position:relative;width:100%;height:100%;overflow:hidden; } .extra>div { background:url('../images/back-border.png') repeat-y left center;width:150px;margin:1px;position:absolute;top:0;bottom:0;display:none;padding-top:30px; } .extra>div h4 { background:url('../images/back-watch.png')no-repeat right;padding-right:35px;color:#362E30;height:40px;line-height:40px;padding-left:5px;font-size:13px;float:left; } .extra>div h3 { display:block;float:left;height:40px;padding-left:5px;font-size:14px;line-height:35px; } .extra-wrapper { position:fixed;top:0;bottom:0;right:1020px;left:0;z-index:999;overflow:hidden; } .extra .watch-01 { right:0px; } .extra .watch-02 { right:150px; } .extra .watch-03 { right:300px; } .extra .watch-04 { right:450px; } /*----- Styler ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #styler-tool { display:block;width:77px;height:108px;background:url("../images/styler/back-styler-button.png") no-repeat;position:fixed;left:0px;top:95px;z-index:99999; } #styler-tool.selected { background-position:left bottom; } #styler { background:url('../images/styler/styler-back-top.png') no-repeat center top;position:absolute;top:92px;left:80px;width:310px;z-index:999;padding:52px 0 0 0;display:none; } #styler .section { background:transparent;margin:0 0 1px 0;padding:0; } #styler .section .title { line-height:25px;height:25px;background:#e2e2e2;display:block;padding-left:10px;color:#000 !important;cursor:pointer; } #styler .section-content { display:none;background:transparent; } #styler .ui-colors .section-content { display:block; } #styler .section.fonts ul { padding:5px 10px; } #styler .section.fonts li { width:60px;margin:1px 2px 1px 1px;float:left;overflow:hidden;height:90px; } #styler .section.fonts li.selected div { background-position: right center; } #styler .section.fonts li span { font-size:11px;color:black;text-align:center;line-height:12px;display:block;padding:5px 0 0 0;font-family:arial; } #styler .section.fonts li div { background:url('../images/styler/styler-back-font.png') no-repeat left center;width:50px;height:40px;padding-top:20px;margin:0 5px;text-align:center;font-size:22px;color:#191919; } #styler .ui-message textarea { margin:5px;width:260px;height:80px; } #styler .ui-message .input { padding:0 5px 5px 5px;text-align:right; } #styler .ui-object ul { padding:5px 10px 15px 10px; } #styler .ui-object li { width:65px;height:65px;margin:1px 2px 1px 15px;float:left;overflow:hidden;border:1px solid #a1a19d;padding:1px; } #styler .ui-object li:first-child { margin-left:10px; } #styler .ui-object li.selected { border-color:#A52A2A;background:#A52A2A; } #styler .ui-object li.selected a { color:#A52A2A;font-weight:bold; } #styler .ui-object li span, #styler .ui-object li a { font-size:11px;color:black;text-align:center;line-height:12px;display:block;padding:0;font-family:arial;display:block;line-height:18px;height:18px; } #styler .ui-object li div { background:red;width:65px;height:65px;padding-top:0px;margin:0;text-align:center;font-size:22px;color:#191919; } #styler .ui-colors .selColor { width:20px;height:20px;background:red;float:right;margin:2px;-moz-border-radius:2px;-webkit-border-radius:3px; } #styler .ui-colors li span { float:left;line-height:25px;display:block;padding-left:5px; } #styler .ui-colors li input { float:right;line-height:25px;font-size:12px;font-family:arial,verdana;height:25px;display:block;padding-right:5px;width:60px;border:0px solid #fff;text-align:left;font-weight:bold; } #styler .ui-colors li .symbol { float:right;line-height:25px;font-size:12px;font-family:arial,verdana;height:25px;display:block;font-weight:bold;color:#000; } #styler .ui-colors ul { padding:0 5px;} #styler .ui-colors li { border:1px solid #ADADAD;height:25px;margin:4px 0;position:relative;-moz-border-radius:3px;-webkit-border-radius:3px; } #styler .ui-colors .pickPlace { border:1px solid #ADADAD;padding:5px 33px ;height:220px;background:#fff;position:absolute;bottom:25px;left:-1px;display:none; } #styler .ui-colors .farbtastic { height:195px;width:195px;} #styler .ui-colors .pickerOptions { height:28px;} #styler .ui-colors .applyColor, #styler .ui-colors .resetColor { background:#b81414;height:28px;line-height:28px;cursor:pointer;font-size:12px;font-family:Verdana, "Trebuchet MS";color:#fff;text-align:center;padding:0 16px;-moz-border-radius:2px;-webkit-border-radius:2px;display:block;letter-spacing:-1px;float:left; } #styler .ui-colors .applyColor { background:#362e30;margin-left:5px;} #styler .ui-colors .resetColor:link { } #styler .ui-colors .resetColor:visited { } #styler .ui-colors .resetColor:hover { text-decoration:none;} #styler .ui-colors .resetColor:active { } #styler .ui-colors .farbtastic { position: relative; } #styler .ui-colors .farbtastic .wheel { background: url('../images/styler/styler-colors-ui-wheel.png') no-repeat;width: 195px;height: 195px;} #styler .ui-colors .farbtastic .overlay { background: url('../images/styler/styler-colors-ui-mask.png') no-repeat;} #styler .ui-colors .farbtastic .marker { background: url('../images/styler-colors-ui-marker.png') no-repeat;width: 17px;height: 17px;margin: -8px 0 0 -8px;overflow: hidden;} #styler .ui-colors .farbtastic * { position: absolute; cursor: crosshair; } #styler .ui-colors .farbtastic, .farbtastic .wheel { width: 195px;height: 195px;} #styler .ui-colors .farbtastic .color, .farbtastic .overlay { top: 47px;left: 47px;width: 101px;height: 101px;} #styler .wrapper-center { background:url('../images/styler/styler-back-center.png') repeat-y center top;padding:1px 19px 1px 18px; } #styler .wrapper-bottom { background:url('../images/styler/styler-back-bottom.png') no-repeat center top;height:35px; } /*----- Promo Sections ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #promo-02 > div { width:195px;float:left;margin-right:20px; } #promo-02 > div .border { background:#362e30;padding:4px;border:1px solid #362e30; } #promo-02 > div .border:hover { background:#982020;border:1px solid #982020; } #promo-03 h4 { padding-top:12px;margin-bottom:5px; } #promo-03 h3 { color:#AA4846;padding-top:5px;} #promo-03 .hr { margin-bottom:0; } #promo-03 h1, #promo-03 h2, #promo-03 h3, #promo-03 h4, #promo-03 h5 { width:625px;line-height:24px; } #promo-04 .border { border:1px solid #dbdbd6;background:#f3f3e7; } #promo-04 .border:hover { background:#dcdcd7; } .work-showcase p { margin:0;text-align:justify; } .work-showcase h2 { font-size:23px;margin-bottom:0;line-height:22px; } .work-showcase h5 { color:#802221; } .work-showcase div { text-align:right; } .work-showcase .more { color:#802221;text-decoration:none; } .work-showcase .more:link { } .work-showcase .more:visited { } .work-showcase .more:hover { color:#362E30;} .work-showcase .more:active { } /*----- InGallery slider ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .project { width:300px;float:left;margin-right:20px;margin-bottom:0px;position:relative;padding-top:4px; } .project div.img { padding-bottom:10px;} .project div.img img { position:relative;background: none repeat scroll 0 0 #EBEBE9;border: 1px solid #DCDCD7;padding:4px; } .project .more { display:block;position:absolute;width:60px;height:47px;padding-top:18px;background:url('../images/back-project-more.png') no-repeat center bottom;top:150px;left:-15px;text-align:center;color:#000;text-decoration:none; } .project .more:link { } .project .more:visited { } .project .more:hover { background-position:center top;color:#fff;} .project .more:active { } .img-project { width:620px; padding-bottom:5px;} /*----- Step slider ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #stepSlider { width:640px;height:260px;overflow:hidden;position:relative; } #stepSlider li { width:143px;background:url('../images/back-steptslider-item.png') no-repeat center 25px;padding:1px;display:none;top:300px; } #stepSlider img { background:#f3f3e7;padding:4px;margin:0 0 25px 0;width:135px;height:130px;display:block; } #stepSlider h4 { color:#362e30;height:25px;margin:0px;font-size:16px; } #stepSlider p { line-height:16px; } #stepSlider .stepSlider-item-0 { position:absolute;left:0px; } #stepSlider .stepSlider-item-1 { position:absolute;left:160px; } #stepSlider .stepSlider-item-2 { position:absolute;left:320px; } #stepSlider .stepSlider-item-3 { position:absolute;left:480px; } #stepSlider .stepSlider-hidden { display:block; } #stepNav { padding-left:5px;height:25px;line-height:25px;margin-top:15px;} #stepNav a { text-decoration:none; } /*----- Blog widgets full width----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .project p, .back, .section>p, .article.single, .article-comments h4, .blog-columns-classic .article, #form-comment h4, .col-half, .col-third, #form-comment p, .all-comments, .blog-widgets .small { background:url('../images/back-content.png') !important; } /*----- Blog widgets full width----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .section.blog-widgets>div { width:155px;margin-right:10px;padding-right:10px;float:left;background:url('../images/back-dash.png') repeat-y right top; } .section.blog-widgets div.small { width:105px;margin:0;padding:0; } .section.blog-widgets ul { padding:0; } .section.blog-columns-classic { } .section.blog-columns-classic>div { width:420px;float:left;padding-left:15px;background:url('../images/back-dash.png') repeat-y left top;} .section.blog-columns-classic>div.sidebar { width:180px;float:left;background:none;margin-right:10px;padding-left:0;} .section.blog-columns-classic ul { padding:0; } .blog-columns-classic .hr { margin:2px 0; } .section.blog-columns-half { } .section.blog-columns-half>div.article { width:300px;margin:0 30px 8px 0;padding:0 0 15px 0;float:left;overflow:hidden;background:url("../images/back-dash.png") repeat-x left bottom; } .article .date { background:url('../images/back-article-date.png') no-repeat left top;width:50px;height:46px;position:relative;display:block;font-size:16px;color:#f9f9f3;text-align:center;padding-top:7px;letter-spacing:-1px;float:left;margin-right:5px; } .article .comments { background:url('../images/back-article-comments.png') no-repeat;width:22px;height:24px;position:absolute;top:40px;left:30px;display:block;text-align:center;font-size:15px; } .article h3 { margin-bottom:0px;padding-top:5px;padding-bottom:2px; } .article .info { margin-bottom:25px;font-family:tahoma, arial, verdana;font-size:11px;line-height:11px; } .article .info a { color:#b14c4c;text-decoration:none;} .article .info a:link { } .article .info a:visited { } .article .info a:hover { text-decoration:underline; } .article .info a:active { color:#000; } .article div.img img { border:1px solid #dcdcd7; background:#ebebe9;padding:4px; } .article div.img { /*background:url('../images/back-img420.png') no-repeat center bottom;*/padding-bottom:10px; } div.shadow { position:relative;padding-bottom:5px; } div.shadow.full-video { width:690px; } div.shadow > div { position:absolute;top:-3px;width:100%;display:block;background:url('../images/back-shadow.png') no-repeat left -15px;height:15px; } div.shadow > div div { position:absolute;left:25px;right:0px;top:0px;background:url('../images/back-shadow.png') no-repeat right top;height:15px; } .sidebar .widget { background:url('../images/back-dash.png') repeat-x left bottom;padding-bottom:15px;margin-bottom:10px;} .sidebar .widget h4, .blog-widgets h4 { color:#AA4846;} /*----- Site Top Menu ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #header { overflow:hidden; } #header .logo { background: url('../images/back-logo.png') no-repeat center center;width:185px;height:90px;float:left;margin-top:15px;margin-left:35px;display:block; } #header .nav { float:right;margin:0 40px 0 0;padding:0; } #header .nav li { margin:0 1px 0 1px;float:left;width:70px;text-align:center;height:95px;position:relative;} #header .nav li a, #header .nav li strong { font-weight:normal;} #header .nav li strong { font-size:11px;color:#362e30;line-height:12px;display:block;height:16px;padding-top:40px; } #header .nav li div { background:#982020 url('../images/back-nav-top.png') no-repeat 0px 0px;width:70px;height:95px;position:absolute;top:-95px;left:0;z-index:0; } #header .nav li span { font-family:georgia;display:block;font-size:11px;letter-spacing:-1px;text-align:center;line-height:12px;z-index:999;position:Absolute;left:0;width:100%;top:58px;color:#362e30;} #header .nav li a:link { text-decoration:none; } #header .nav li a:visited { } #header .nav li a:hover { text-decoration:none;color:#982020; } #header .nav li a:active { } /* #header .nav li:hover span { color:#fff; } */ #header .nav li.selected strong { font-size:11px;color:#fff;} #header .nav li.selected div { top:0; } #header .nav li.selected span { color:#fff;} /*----- Page - Work ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .thumbs { padding:10px 0; } .thumbs a { display:block;float:left;margin-right:16px;border:1px solid #dcdcd7; background:#ebebe9;padding:4px;width:80px;height:60px; } .border { border:1px solid #dcdcd7; background:#ebebe9;padding:4px; } /*----- Form Contact ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #form-contact { padding-bottom:25px; } #form-contact .toLeft { background:transparent;float:left;width:260px;margin-right:20px; } #form-contact .toRight { background:transparent;float:left;width:320px; } #form-contact label { font-weight:bold;padding-top:14px;padding-bottom:2px; } #form-contact .toLeft input[type=text] { color:#9a9697;background:#fff url('../images/back-field-shadow.png') repeat-x top left;width:253px;-webkit-border-radius:5px; -moz-border-radius: 5px;border-radius: 5px;border:1px solid #e6e6e1;} #form-contact .toRight textarea { color:#9a9697;background:#fff url('../images/back-field-shadow.png') repeat-x top left;width:308px;padding-left:0px;-webkit-border-radius:5px; -moz-border-radius: 5px;border-radius: 5px;border:1px solid #e6e6e1;height:140px;padding:5px;} .ctColumns .toLeft { background:transparent;float:left;width:260px;margin-right:20px; } .ctColumns .toRight { background:transparent;float:left;width:320px; } .map { border:1px solid #e5e5e0;padding:4px;background:#fff; } /*----- Form Contact ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #form-comment { background:transparent; } #form-comment input[type=text] { width:180px;color:#9a9697;background:#fff url('../images/back-field-shadow.png') repeat-x top left;-webkit-border-radius:5px;-moz-border-radius: 5px;border-radius: 5px;border:1px solid #e6e6e1;} #form-comment .half, #form-comment .full { float:left;} #form-comment .half { background:transparent;width:50%; } #form-comment .full { background:transparent;width:100%;} #form-comment .full textarea { color:#9a9697;background:#fff url('../images/back-field-shadow.png') repeat-x top left;padding-left:0px; -webkit-border-radius:5px; -moz-border-radius: 5px;border-radius: 5px;border:1px solid #e6e6e1;padding:5px;width:405px; } #form-comment #email { width:200px; } .comment-info span { display:block;} .comment-info { float:left;font-family:tahoma, arial, verdana; } .comment-info .author { font-weight:bold;font-size:13px;color:#ac4040;padding-bottom:5px; } .comment-info .date { font-size:11px;color:#362e30; } .comment.img { float:left; } .comment.img img { border:1px solid #deded9;padding:1px;margin-right:5px; } .comment-reply-link { text-decoration:underline; } #form-comment h4 { margin-bottom:0;padding-bottom:10px; } .all-comments li { margin-bottom:15px; } .all-comments li.depth-1 { margin-left:65px; } .article-comments h4 { padding-bottom:15px;margin:0; } .comment-body { display:block;color:#362e30; } .comment-body p { line-height:18px;padding-right:5px; } .submit { background:url('../images/back-submit-button.png') no-repeat center top;width:107px;height:32px;color:#fff;padding:0;border:none;margin-top:5px;line-height:25px; } .submit:hover { background-position:center top; } /*----- Page - Resume ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .section.resume h3 { color:#362e30; margin-bottom:15px; } .section.resume h4 { color:#362e30; margin-bottom:0;margin-top:20px; } .section.resume h5 { color:#362e30; margin-bottom:0;margin-top:20px; } .section.resume span { color:#b14c4c; font-weight:bold;font-size:11px;display:block;margin:5px 0 10px 0;font-family:Arial, Verdana,"Trebuchet Ms"; } .percents { width:500px; } .percents>div { background:url('../images/back-percent.png') repeat-x left top; height:29px;margin:5px;line-height:30px;display:block;width:25%;overflow:hidden;padding-right:10px; } .percents h4 { color:#000; display:block;float:left;height:30px;line-height:28px;margin-left:10px; } .percents span { color:#000; display:block;float:right;height:30px;line-height:26px;display:none;font-weight:bold;font-size:16px; } /*----- General Rulles ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ body, a { color:#423e25; } #bar { background:url('../images/default/back-bar.png') no-repeat left top;height:55px;padding-top:8px;padding-left:55px;margin-top:10px; } #bar h3 { font-size:16px;color:#fff;float:left;width:80px;height:40px;line-height:14px;} #bar p { font-size:12px;width:500px;float:left;margin-left:10px;line-height:17px;color:#fff;} #bar-wrapper { background:url('../images/back-ribbon.png') no-repeat 0 49px;margin-bottom:10px; } p.left { text-align:left; } p.right { text-align:right; } div.left { float:left !important; } div.right { float:right !important; } .hide { display:none !important; } .section>p { width:625px;} .section .custom-tiny { width:130px;overflow:hidden;float:left;padding-top:10px;margin-right:20px; } .tiny, .small, .all-small>div, .all-medium>div, .all-tiny>div, .medium,.bigger,.large { float:left;padding-top:10px;margin-right:20px;} .col-twohalf { float:left;margin-right:25px;width:400px;overflow:hidden; } .col-half { float:left;margin-right:25px;width:300px;overflow:hidden; } .col-third { float:left;margin-right:20px;width:195px;overflow:hidden; } .tiny, .all-tiny>div { width:140px;background:transparent; } .all-tiny>div:first-child { margin-left:0; } .small, .all-small>div { width:155px;background:transparent; } .all-small>div:first-child { margin-left:0px; } .bigger { width:590px;padding:10px; } .section.space { height:120px; } .section { padding:0 20px 0 55px; } .section ul { padding-left:15px; } .section.hr { height:20px;margin:10px 40px 10px 55px; } .section.hr.nosp { height:20px;margin:0 40px 0 55px; } .section.no { background:transparent;padding-left:0;} .section > .hr { width:690px; } .blog-columns-classic .hr { width:420px; } .hr { height:20px;margin:10px 0;background:url('../images/back-dash.png') repeat-x right center; } #content .spr, #footer .spr { margin-right:10px; } #content .spl, #footer .spl { margin-left:10px; } #content .spt { margin-top:10px; } #content .dspt { margin-top:20px; } #content .spb { margin-bottom:10px; } #content .sptb { margin:4px 0; } #content .nosp, #footer .nosp { margin:0;} h1>a, h2>a, h3>a, h4>a, h5>a { text-decoration:none;color:#362e30; } h1, h2, h3, h4, h5 { color:#362e30; } h1, h2, h3, h4, h5, p, ul { margin-bottom:10px; } blockquote { line-height:20px;padding-left:30px;font-style:italic;margin:10px 0; } #container .section.page { position:relative; } #container .section.page h1 { color:#362e30;margin:0; } #container .section.page h4 { color:#362e30; } #container .section.page .work { background:transparent;float:right;height:45px;top:0;right:40px;position:absolute;width:310px;text-align:right; } #container .section.page .work a { float:right;display:block;} #container .section.page .work h3 { font-size:16px;float:right;height:45px;line-height:45px;padding-right:5px;} #container .section.page .work h3 span { color:#982020;line-height:45px; } #container .section.page .social { background:transparent;float:right;height:65px;top:-14px;right:40px;position:absolute;width:210px;text-align:right; } #container .section.page .social h3 { margin:0;text-align:right; } #container .section.page .social span { display:block;padding-bottom:3px; } #container .section.page .social img { padding:2px 2px 0 2px; } h1 { font-size:26px; } h2 { font-size:20px; } h3 { font-size:18px; } h4 { font-size:16px; } h5 { font-size:14px; } ul { line-height:22px;margin:10px 0 0 0;} ul.circle { list-style-type:circle; } ul.square { list-style-type:square; } ul.disc { list-style-type:disc; } ul a:link { } ul a:visited { } ul a:hover { text-decoration:underline; } ul a:active { } ul a { color:#423e25;line-height:22px;padding:0;text-decoration:none;font-size:12px; } ul span { color:#b14c4c;} p { line-height:20px; } p strong { font-weight:bold; } p.justify { text-align:justify; } p img { margin:0 5px 5px 0; } img.center { margin:0 auto; } /*----- UI Elements ---------------------------------------------------------------------------------------------------------------------------------------------*/ .button.more { padding-right:10px;background:url('../images/back-arrow.png') no-repeat right center;line-height:21px; } .button.more:link { } .button.more:visited { } .button.more:hover { color:#A52A2A;} .button.more:link { } .button { font-weight:bold;font-size:11px;line-height:21px;height:25px;display:block;float:left;text-align:center;text-decoration:none;padding-right:4px;cursor:pointer;} .button span { display:block;float:left;padding-left:9px;padding-right:5px;height:25px;} .button:link { } .button:visited { } .button:hover { background-position:center right; } .button:hover span { background-position:center left; } .button:active { background-position:bottom right; } .button:active span { background-position:bottom left; } a.feed { background:url('../images/feed-icon.png') no-repeat;height:18px;width:18px;display:block; } .medColumns form input { width:343px; } .medColumns form textarea { width:343px;height:160px; } form input { height:24px;line-height:24px;padding-top:4px;padding-left:5px;width:100%;} form textarea { display:inline-block;padding-left:5px;font-size:12px;padding-top:2px;font-family:arial,verdana, serif;} form label { padding:8px 0 0 2px;display:block;font-size:11px;font-family:georgia, sans serif;font-weight:bold; } /*----- Footer -----------------------------------------------------------------------------------------------------------------------------------------*/ #footer { z-index:999 !important;height:50px;margin:0;position:fixed;bottom:0;right:0; width:960px;padding-left:25px;padding-top:10px;color:#fff;font-family:"trebuchet ms", verdana, arial;letter-spacing:-1px;background:url('../images/default/back-footer.png') no-repeat left bottom; } #footer .nav { float:right;margin:0;padding:0 225px 0 0;} #footer .nav a { color:#fff; } #footer .nav li { float:left;padding:10px 9px 10px 9px;background:url('../images/back-nav.png') no-repeat left center; } #footer .nav li:first-child { background:none; } #footer .credits { display:block;float:left;padding-top:14px;} /*----- Color Box -----------------------------------------------------------------------------------------------------------------------------------------*/ #colorbox, #cboxOverlay, #cboxWrapper { position:absolute; top:0; left:0; z-index:9999; overflow:hidden; } #cboxOverlay { position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft { clear:left; } #cboxContent { position:relative; overflow:hidden; } #cboxLoadedContent { overflow:auto; } #cboxLoadedContent iframe { display:block; width:100%; height:100%; border:0;} #cboxTitle { margin:0; } #cboxLoadingOverlay, #cboxLoadingGraphic { position:absolute; top:0; left:0; width:100%; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor:pointer; } #cboxOverlay { background:url(../images/colorbox/overlay.png) 0 0 repeat;} #colorbox { } #cboxTopLeft { width:21px; height:21px; background:url(../images/colorbox/controls.png) -100px 0 no-repeat;} #cboxTopRight { width:21px; height:21px; background:url(../images/colorbox/controls.png) -129px 0 no-repeat;} #cboxBottomLeft { width:21px; height:21px; background:url(../images/colorbox/controls.png) -100px -29px no-repeat;} #cboxBottomRight { width:21px; height:21px; background:url(../images/colorbox/controls.png) -129px -29px no-repeat;} #cboxMiddleLeft { width:21px; background:url(../images/colorbox/controls.png) left top repeat-y;} #cboxMiddleRight { width:21px; background:url(../images/colorbox/controls.png) right top repeat-y;} #cboxTopCenter { height:21px; background:url(../images/colorbox/border.png) 0 0 repeat-x;} #cboxBottomCenter { height:21px; background:url(../images/colorbox/border.png) 0 -29px repeat-x;} #cboxContent { background:#fff;} #cboxLoadedContent { margin-bottom:28px;} #cboxTitle { position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent { position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow { position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious { position:absolute; bottom:0; left:0px; background:url(../images/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover { background-position:-75px -25px;} #cboxNext { position:absolute; bottom:0; left:27px; background:url(../images/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover { background-position:-50px -25px;} #cboxLoadingOverlay { background:url(../images/colorbox/loading_background.png) center center no-repeat;} #cboxLoadingGraphic { background:url(../images/colorbox/loading.gif) center center no-repeat;} #cboxClose { position:absolute; bottom:0; right:0; background:url(../images/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover { background-position:-25px -25px; }