/* Copyright: Thinking Big Information Technology Inc. ThinkingBig.net styles Legend: - Reset - Base Classes - Sprite Wiring - Tag Defaults - Site Classes - Site Structure */ /* Reset */ html { overflow-y:scroll; } html, body { border:0; margin:0; padding:0; height: 100%; } body, select, input, textarea { font-size:100%/1.01; } address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset { margin: 0; padding: 0; } img,fieldset { border:0; } img { -ms-interpolation-mode:bicubic; } ul, ol { margin: 0 0 0 2.5em; } p, pre, blockquote, fieldset, cite { margin: 1em 1em; } li, dd { margin: 0.1em 0.1em 0.1em 0.25em; } fieldset { padding: .5em; } h1, h2, h3, h4, h5, h6 { padding-bottom: 5px; } h1 { font-size: 28px; } h2 { font-size: 24px; } h3 { font-size: 18px; } h4 { font-size: 14px } h5 { font-size: 12px; } h6 { font-size: 10px; } p { padding-bottom: 1.2em; } input[type=submit],label, select, .pointer { cursor:pointer; } textarea { overflow:auto; } acronym, abbr { border-bottom:1px dotted #333; cursor:help; } /* Base Classes */ .clear { clear:both; } .float-left { float:left; } .float-right { float:right; } .center { margin: 0 auto; text-align: center;} img.center { margin: 0 auto; display: block; } .spacer { height: 1em; } .hide { display:none; } .text-left { text-align:left; } .text-right { text-align:right; } .text-center { text-align:center; } .text-justify { text-align:justify; } .bold { font-weight:bold; } .italic { font-style:italic; } .underline { border-bottom:1px solid; } .highlight { background:#ffc; } .strikethru { text-decoration:line-through; } .img-left { float:left;margin:4px 10px 4px 0; } .img-right { float:right;margin:4px 0 4px 10px; } .nopadding { padding:0; } .tight { padding:0; margin:0;} .noindent { margin-left:0;padding-left:0; } .nobullet { list-style:none;list-style-image:none; } .padded { padding: 1em; } .smaller { font-size: 90%; } .alignright { float: right; } .alignleft { float: left; } .page-break{ page-break-before:always; } /* link press simulation */ a:active { position: relative; top: 1px; } /* Sprite Wiring */ /* Tag Defaults */ body { font-family: Verdana, Geneva, Tahoma, sans-serif; background-color: #132a39; color: #d7dee8; } a, a:active, a:visited { color: #132a39; } a:hover { } h1,h2,h3,h4,h5,h6 { color: #c5d7be; } h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { color: #c5d7be !important; } h1, h2, h3, h4 { } input, textarea { outline: none; resize: none; overflow: auto; } .link-button, button { border: 0 none; cursor: pointer; font-weight: bold; padding: 0 15px 0 0; text-align: center; height: 35px; line-height: 35px; width: auto; background: transparent url( img/sitebutton_right.png ) no-repeat scroll right top; clear: left; font-size: 14px; display: inline; padding: 8px; margin: 5px; } .link-button span, button span { display: block; padding: 0 0 0 15px; position: relative; white-space: nowrap; height: 35px; line-height: 35px; background: transparent url( img/sitebutton_left.png ) no-repeat scroll left top; color: #c5d7be; padding: 8px 25px; display: inline; } .link-button:hover, button:hover { background-position: 100% -35px; } .link-button:hover span, button:hover span { background-position: 0% -35px; text-decoration: underline; } .link-button::-moz-focus-inner, button::-moz-focus-inner { border: none; } #header-container { background: url('img/header-bg.jpg'); height: 195px; } #homepage #header-container { height: 650px; } #header { width: 980px; margin: 0 auto; height:195px; position:relative; } #header #logo { background: url('img/logo.png'); width: 385px; height: 113px; position: absolute; top: 20px; left: 20px; } #header .social-icon { position: absolute; width: 58px; height: 59px; top: 25px; } #header .social-icon:hover { top: 27px; } #header #twitter-icon { background: url('img/social-icons.png') no-repeat 0 0; /* when youtube there ->>right: 165px;*/right: 145px; } #header #twitter-icon:hover { background-position: 0 -59px; } #header #rss-icon { background: url('img/social-icons.png') no-repeat -116px 0; right: 70px; } #header #rss-icon:hover { background-position: -116px -59px; } #header #facebook-icon { background: url('img/social-icons.png') no-repeat -58px 0; right: 0; } #header #facebook-icon:hover { background-position: -58px -59px; } #sub-header { position: absolute; top: 158px; width: 100%; } #sub-header ul { height: 35px; list-style: none; padding: 0px; text-align: center; left: 10px; height: 52px; width: 922px; } #sub-header ul li { float: left; padding: 4px 6px; height: 27px; } #sub-header ul li.has-child-page { background: url("img/menu-hassubpage-nib.png") no-repeat scroll center bottom transparent; } #sub-header ul li a { color: #c5d7be; font-size: 14px; text-decoration: none; height: 52px; padding-right: 4px; display:inline; } #sub-header ul li.active a, #sub-header ul li a:hover { color: #fff; } .sub-header-overlay { height: 29px !important; list-style: none; display: none; background: url('img/submenu-bg.png') no-repeat; width: 960px !important; margin: 0 10px; position: absolute; top: 32px; left: 0; z-index: 2000; padding: 10px 15px !important; } .sub-header-overlay li { float: left; color: #52616B !important; font-weight: bolder; margin: 0; } .sub-header-overlay li a { color: #52616B !important; font-size: 12px !important; font-weight: bolder; text-decoration: underline !important; } .sub-header-overlay li a:hover { /* won't fire */ } #slide-show-container { display: none; padding-top: 70px; } #homepage #slide-show-container{ display: block !important; height: 220px; position: relative; width: 980px; margin: 0 auto; } #slideshow-content { width: 850px; margin: 0 auto; } #slide-show-container #slideshow-page-right { background: url('img/slideshow-pager-right.png'); width: 106px; height: 68px; position: absolute; top: 185px; right: 20px; z-index: 20000; } #slide-show-container #slideshow-page-right:hover { right: 15px; } #slide-show-container #slideshow-page-left { background: url('img/slideshow-pager-left.png'); width: 106px; height: 68px; position: absolute; top: 185px; left: 20px; z-index: 20000; } #slide-show-container #slideshow-page-left:hover { left: 15px; } #slide-show-container .slide { width: 100%; position: relative; } #slide-show-container .slide img { position: absolute; top: 35px; left: 330px; z-index: 3; } #slide-show-container .slide-caption { position: absolute; top: 230px; left: 220px; width: 510px; height: 186px; background: url('img/slideshow-caption-bg.png') no-repeat; padding: 20px; } #slide-show-container .slide-caption h3 { color: #c5d7be; font-size: 14px; margin-top: 70px } #slide-show-container .slide-caption p { color: #fff; font-size: 12px; margin: 5px 0; } #main-content-container { background-color: #000; padding-top: 50px; } #homepage #main-content-container { padding-top: 0; } #main-content-top { height: 47px; background: url('img/main-content-top-bg.png'); border-top: 1px solid #fff; border-bottom: 1px solid #fff; } #main-content-bottom { height: 47px; background: url('img/main-content-bottom-bg.png'); } .content-column-spacer { position: absolute; top: 0; right: 430px; height: 100%; background-color: #2a2a2a; width: 1px; border-left: 1px solid #0e1e32; border-right: 1px solid #0e1e32; margin-bottom: 20px; } #main-content { width: 960px; margin: 30px auto; clear: both; position: relative; color: #d7dee8; background-color: #000; padding:0 15px; } #main-content a { color: #C5D7BE; } #main-content p { padding: 8px 0; margin: 4px; } #main-content #respond { margin-top: 15px; } .content-column { float: left; width: 500px; padding: 0 30px; } #news-column { float:right; width: 375px; } .news-item { font-size: 14px; padding: 15px; background: url('img/news-bullet.png') no-repeat; padding: 0 0 0 25px; margin: 25px 0 0 0; } .news-item .title a { color: #d7dee8 !important; font-size: 15px; text-decoration:none; } .news-item .content a{ color: #c5d7be; margin: 5px 0; text-decoration:none; padding: 0; } .news-item .content p { margin: 0; } .news-item .title a:hover { text-decoration: underline; } .news-item .read-more { padding-top: 4px; } .news-item .read-more a{ color: #fff !important; font-size: 9px; text-decoration: none; } .news-item .read-more a:hover { text-decoration: underline; } #main-content .storycontent { } #main-content .storycontent img { margin: 15px; padding: 4px; border: 17px solid #C5D7BE; background-color: #fff; } #main-content .chronodata { font-size: 12px;} #main-content #main-content-posts { width: 630px; float: left; padding: 15px; } #main-content #sidebar { float: right; width: 299px; } #main-content #sidebar .sidebar-widget { } #main-content #sidebar .sidebar-widget-main { background-color: #c6d7bd; border: 1px solid #677079; border-top: none; border-bottom: none; padding: 8px; } #main-content #sidebar .sidebar-widget-main h4 { background: url('img/sidebar-widget-header-bg.png') no-repeat; padding-left: 25px; font-size: 18px; color: #000000; border-bottom: 1px solid #000; margin-bottom: 10px; } #main-content #sidebar .sidebar-widget-main a { color: #404040; } #main-content #sidebar .sidebar-widget-main ul { list-style: none; margin: 0; } #main-content #sidebar .sidebar-widget-main li { background: url('img/news-bullet.png') no-repeat; margin-left: 10px; padding-left: 20px; } #main-content #sidebar .sidebar-widget-top { background: url('img/sidebar-widget-top.png') no-repeat; height: 15px; } #main-content #sidebar .sidebar-widget-bottom { background: url('img/sidebar-widget-bottom.png') no-repeat; height: 15px; margin-bottom: 20px; } #footer-container { background: url('img/footer-bg.png'); height: 543px; } #footer { margin: 0 auto; width: 980px; position: relative; } #footer-challeges-box { width: 475px; height: 300px; position: absolute; left: 30px; top: 50px; background-color: #000; padding: 20px; border: 2px solid #4e5f71; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #footer-challeges-box ul { margin: 0; } #footer-challeges-box ul li { background: url('img/sym-bullet-point.png') no-repeat; margin: 8px 30px; list-style: none; padding: 0 30px; line-height: 25px; } #footer-challeges-box p { font-size: 12px; } #footer-contact-us-form-container { position: absolute; top: 20px; left: 590px; width: 375px; height: 380px; background: url('img/footer-contact-form-top-bg.png') no-repeat;} #footer-contact-us-form-container form { padding-bottom: 40px; } #footer-contact-us-form { margin: 45px 0 45px 45px; } #footer-contact-us-name, #footer-contact-us-email, #footer-contact-us-subject { margin: 0; height: 35px; width: 340px; } #footer-contact-us-message { margin: 0; height: 138px; width: 340px; background: url('img/footer-contact-form-message-bg.png') no-repeat bottom; font-family: Verdana; } #footer-contact-us-name { background: url('img/footer-contact-form-name-bg.png') no-repeat bottom; } #footer-contact-us-email { background: url('img/footer-contact-form-email-bg.png') no-repeat bottom; } #footer-contact-us-subject { background: url('img/footer-contact-form-subject-bg.png') no-repeat bottom; } #footer-contact-us-form input { height: 20px; } #footer-contact-us-form input, #footer-contact-us-form textarea { background: none; border: none; margin: 0; padding: 8px 10px 0; font-size: 11px; width: 300px; } #submit-contact-us { } #footer-bottom { position: absolute; top: 450px; height: 97px; width: 100%; } #footer-bottom #footer-site-links { position: relative; left: 30px; top: 30px; } #footer-bottom #footer-bottom-right { float: right; width: 500px; margin-top: 30px; font-size: 12px; } #footer-bottom #footer-bottom-right div { padding-bottom: 10px; } #footer-bottom #footer-bottom-right a { color: #fff; text-decoration: none; } #footer-bottom #footer-bottom-right a:hover { text-decoration: underline; } #site-links-container { display: none; z-index: 200; width: 500px; height: 500px; background-color: #132A39; border: 1px solid #fff; position: absolute; bottom: 75px; padding: 15px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: auto; } #site-links-container a { color: #C5D7BE; } #site-links-container a.close { color: #C5D7BE; float: right; position:relative; right: 10px; top: 10px; } /* ImageFlow Settings ==================================== */ @media screen, projection { .imageflow { overflow:hidden; position:relative; text-align:left; visibility:hidden; width:100%; } .imageflow img { border: 1px solid #374553; position:absolute; top:0px; visibility:hidden; -ms-interpolation-mode:bicubic; /* Enables bicubic image resampling for the IE7 */ } .imageflow p { margin:0 auto; text-align:center; } .imageflow .loading { border:1px solid white; height:15px; left:50%; margin-left:-106px; padding:5px; position:relative; visibility:visible; width:200px; } .imageflow .loading_bar { background:#fff; height:15px; visibility:visible; width:1%; } .imageflow .navigation{ z-index:10000; } .imageflow .caption { font-weight:bold; position:relative; text-align:center; z-index:10001; } .imageflow .scrollbar { border-bottom:1px solid #b3b3b3; position:relative; visibility:hidden; z-index:10002; height:1px; } .imageflow .slider {display: none; } .imageflow .slideshow { cursor:pointer; height:14px; margin:20px 0 0 20px; position:absolute; width:14px; z-index:10003; } .imageflow .slideshow.pause { display:none; } .imageflow .slideshow.play { display: none; } .imageflow .images { overflow:hidden; white-space:nowrap; } .imageflow .button { cursor:pointer; height:17px; position:relative; width:17px; } .imageflow .previous { background: url(img/slideshow-pager-left.png) top left no-repeat; float:left; margin: -7px 0 0 -30px; height: 68px; width: 106px; } .imageflow .next { background: url(img/slideshow-pager-right.png) top left no-repeat; float:right; margin:-7px -30px 0 30px; height: 68px; width: 106px; } } a, div, img, li, input { behavior: url('/wp-content/themes/symiocracy/iepngfix.htc'); }