/* RESET
-------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,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{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;} nav ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } ins { background-color:#ff9; color:#000; text-decoration:none; } mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; } table { border-collapse:collapse; border-spacing:0; } hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; }
/* 960
-------- */
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15{position:relative}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}
/* Boilerplate fix
-------- */
body { font:13px/1.231 sans-serif; *font-size:small; } /* hack retained to preserve specificity */ select, input, textarea, button { font:99% sans-serif; } pre, code, kbd, samp { font-family: monospace, sans-serif; } body, select, input, textarea {color: #444; } h1,h2,h3,h4,h5,h6 { font-weight: bold; } html { overflow-y: scroll; } a:hover, a:active { outline: none; } a, a:active, a:visited { color: #607890; } a:hover { color: #036; } ul, ol { margin-left: 1.8em; } ol { list-style-type: decimal; } nav ul, nav li { margin: 0; } small { font-size: 85%; } strong, th { font-weight: bold; } td, td img { vertical-align: top; } sub { vertical-align: sub; font-size: smaller; } sup { vertical-align: super; font-size: smaller; } pre { padding: 15px; white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word;} textarea { overflow: auto; } .ie6 legend, .ie7 legend { margin-left: -7px; } /* thnx ivannikolic! */ input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: bottom; } .ie7 input[type="checkbox"] { vertical-align: baseline; } .ie6 input { vertical-align: text-bottom; } label, input[type=button], input[type=submit], button { cursor: pointer; } button, input, select, textarea { margin: 0; } input:valid, textarea:valid { } input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; } .no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; } ::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; } ::selection { background:#FF5E99; color:#fff; text-shadow: none; } a:link { -webkit-tap-highlight-color: #FF5E99; } button { width: auto; overflow: visible; } .ie7 img { -ms-interpolation-mode: bicubic; } .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } .hidden { display: none; visibility: hidden; } .visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden;} .clearfix:after { clear: both; } .clearfix { zoom: 1; }
/* Primary Styles
-------- */
/* 1.BODY
---------------------------------------------------------------------- */
html {-webkit-text-size-adjust: auto; /* Automatically adjusted for Safari on iPhone. */-ms-text-size-adjust: auto; }
body {font: .9em 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; background: #999;}
/* 2.DEFAULT STYLING
---------------------------------------------------------------------- */
p,dl,ol {margin-bottom:20px;}
p {color: #444; font: 14px/1.5 sans-serif;}
blockquote {font-weight:bold; font-family:Georgia,serif; font-style:italic; color:#666; line-height:18px; margin-bottom:20px; padding:0 20px; }
blockquote p { font-weight:bold; margin-bottom:10px; }
blockquote cite { font-weight:bold; color: red; font-style:normal; text-transform:uppercase; font-size:9px; letter-spacing:1px; font-family:Verdana; display:block; margin-top:10px; }
abbr { cursor:help; border-bottom:1px solid #ccc; }
abbr:hover { border-color:#999; }
a abbr { border:none; }
del { color:#666; }
strong { font-weight:bold; }
em { font-style:italic; }
hr {margin: 17px 0 18px; height: 0; clear: both; border: solid #ddd; border-width: 1px 0 0; border-top: 1px solid #ddd; border-bottom: 1px solid #fff; }
#article > p:first-of-type, .blurb > p:first-of-type, .blurb > i:first-of-type{font-weight:bold; color: #000;}
/* 3.HEADINGS
---------------------------------------------------------------------- */
h2,h3, h4,h6 {text-transform:uppercase; font-weight:bold; margin-bottom: 10px; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;}
h1 { font-size: 1.5em; }
h2 { font-size: 40px; color: white; background: black; padding: 5px; }
h3 { font-size: 20px; color: #000; }
h4 { font-size: 18px; color: #fff; background: black; padding: 5px; }
h5 { font-size: 15px; color: #000; background: #DADADA; padding: 5px;}
h6 { font-size: 10px; color: #000;}
/* 4.LINKS
---------------------------------------------------------------------- */
a:link, a:visited {color:#0072bc; text-decoration: none;}
a img {border: 0px;}
a:hover, a:focus {color:#555;}
/* 5.IMAGES & VIDEOS
---------------------------------------------------------------------- */
h1#logo {height: 70px; width: 960px; position: relative; background: transparent url(/images/site_images/logo.png) no-repeat 0 0; text-indent: -9999px; margin: 10px; }
h1#logo a {text-indent: -5000px; height: 70px; width: 960px; }
.thumb {float:left; margin-right:15px; }
a img {}
.text-image {float: left; margin: 0 10px 10px 0;}
#article img {max-width:600px;}
/* 6.LAYOUT
---------------------------------------------------------------------- */
#prime_wrapper {background: #ffffff;}
#content {margin-top: 0px; padding: 50px 0 20px 0; background: #ffffff;}
.fix {clear: both;height: 1px;margin: 0 0 -1px;overflow: hidden;}
#box {background: #222; height: 175px; margin-top: 15px; -moz-border-radius:10px;-webkit-border-radius:10px; padding-top:10px;}
[if IE] #box {-moz-border-radius:0px;-webkit-border-radius:0px;}
.top {background-color: #CCCCCC ; padding: 3px 2px 0 4px ; color: #fff ; font-size: 20px; }
/* 9.SITEINFO/FOOTER
---------------------------------------------------------------------- */
#pre-footer h2, #pre-footer h3, #pre-footer h4 {color: white;}
#pre-footer {margin-top: 50px; padding:10px 0 20px 0; background: #000; color: #fff; }
.sub {margin-bottom: 50px; padding-bottom: 5px;}
#pre-footer a:link, #pre-footer a:visited {color:#0072bc;}
#sponsors img {width: 120px; display: block; margin-left: auto; margin-right: auto;}
#footer-blog img {float:left; margin-right:15px; width: 50%; border: 1px grey solid; }
#pre-footer li.twit-2 {color: grey !important;}
#pre-footer p {color: white;}
#pre-footer li span.date {color: yellow; clear: both;}
.get_social ul li a {display:block; float:left; width:32px; height:32px; text-indent:-999em; overflow:hidden; background-image:url(/images/site_images/sprites5.png); }
#pre-footer .facebook {background-position:-105px -250px; }
#pre-footer .twitter {background-position:-136px -250px; }
#pre-footer .flickr {background-position:-169px -250px; }
#pre-footer .vimeo {background-position:-201px -250px; }
#footer {background: #444; padding: 10px;}
#footer p {font-size: 10px; color: white;}
/* 10.GLOBAL ELEMENTS
---------------------------------------------------------------------- */
#twitter_div {margin-top:10px;}
#twitter_div span.date {color: white;}
#twitter_div ul li {padding-bottom: 10px; font-style: italic;}
#twitter_div ul li a { text-decoration: none; color: #DDA84E; }
#twitter_div ul li a:hover { text-decoration: none; color: #D78E42; }
#twitter_div p { text-align: right; padding-right: 6px; padding-bottom: 10px; }
/* 10.1 COMMENTS & CONTACT
---------------------------------------------------------------------- */
#comments h4,
#comment-form h4 {border-top: 2px solid #ffffff; padding-top: 10px; text-transform:uppercase; letter-spacing:1px; padding-bottom:5px; margin:25px 0 0 0; }
#comment-form {margin-bottom: 20px;}
.posted-by {color:black;}
#comments .word_block {margin-left: 60px;}
#comments .comment-date {color: white; }
#comments .posted-by {color:white;}
#comments .comment-content img {float:left; margin-right: 10px;}
#comments .comment-content {border-bottom: 1px solid #383838; margin-bottom: 20px; padding-bottom: 20px; }
#comments .comment-content p {}
#comments .even { background-color:#222; }
#comments .head { margin-bottom: 22px; margin-top: 2px;}
#comments .post { background-color: #191919; border: 1px solid #383838; padding: 8px; margin-bottom: 22px; height: 230px }
#comments .comment-content:last-child {border-bottom:none;}
.hold { margin: 0px; padding: 0px; height: 30px; margin-bottom: 22px;}
.hold .text {width: 60px; float: left; font-size: 10px; padding: 12px 0px 0px 5px; font: 11px Lucida Sans, Helvetica, Arial, Sans-Serif; color: #fafaf7; text-transform: uppercase }
.hold b { color: #ff0365}
fieldset#comment-form-field { background-color:#555; border:1px solid #777; margin:25px 0 25px 0; padding:10px 0 10px 25px; }
fieldset#comment-form-field label { font-size:12px; color:#fff; }
form#comment-form-form { float:left; width:50%; clear:left; }
#comment-form p {text-transform:uppercase;}
#comment-form-field {-moz-border-radius:10px;-webkit-border-radius:10px;}
#comment-form-field img {width: 26% !important;}
#contact input { width: 100%; height: 25px; padding: 5px; margin: 0 0 10px 0; background: #ffffff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#contact input {}
#contact textarea {width: 100%; height: 100px; padding: 10px; margin: 0 0 20px 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#contact input[type=submit] {width: 60px; height: 28px; float: right; background: red; color: white; cursor: pointer; }
/* 11.HOME
---------------------------------------------------------------------- */
/* 12.BLOG
---------------------------------------------------------------------- */
.mini_blog {width: 330px; padding-left: 200px; margin-bottom: 40px; padding-bottom: 100px; border-bottom:1px solid #d8d8d8; }
.catagory {color: orange;}
#article .mini_blog img {width:50%; margin-left: -190px; float: left; border: 5px solid #d8d8d8;}
.mini_blog .date, #article .date { background: orange; text-transform:uppercase; color: black; font-weight:normal; font-size:0.777em; line-height:1em; display:inline-block; padding:2px 2px 2px 2px; position:relative; top:-1px; letter-spacing:1px; }
.mini_blog .archive {color:red;}
.mini_blog h3 a {background: rgba(000,000,000,0.25); padding-right: 30px;}
div #blog-view-img img {border: 5px solid #d8d8d8; float:left;margin:0 10px 10px 0;}
#archive {width: 250px;}
#archive p {width: 100px; margin-bottom: 10px !important; float: left; padding-left: 10px; clear: ;}
#archive img {border: 5px solid #d8d8d8; float: left; margin:0 10px 10px 0;width:100px !important;}
#archive a { background: black; text-transform:uppercase; color: orange; font-weight:normal; font-size:0.777em; line-height:1em; display:inline-block; padding:2px 2px 2px 2px; position:relative; top:-1px; letter-spacing:1px; }
.archive_block {float: left; margin-bottom: 20px;}
#archive h3 {background: black; padding: 10px; color: yellow;}
#archive h6 {width: 100px; margin-bottom: 10px !important; float: left; clear: right; padding-left: 10px; color: red !important;}
#archive h6 .catagory {color: red;}
/* 13.ARTICLES
---------------------------------------------------------------------- */
/* 14.SEARCH
---------------------------------------------------------------------- */
#search tbody {font: .9em 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; color: #000;}
#search #search-title-col {background: black;}
#search #search-excerpt-col {background: black;}
#search #search-date-col {background: black;}
#search #search-date-col p {color: white;}
/* 15.404
---------------------------------------------------------------------- */
#fourofour {background: transparent url(/images/site_images/404.jpg) no-repeat 0 0; height: 400px;}
#fourofour h4 {font-size: 30px; padding-top: 20px;}
#fourofour h5 {font-size: 20px; padding-top: 20px;}
/* 15.articles
---------------------------------------------------------------------- */
#articles ul#nav_cat_archive h3 {border-bottom: solid 1px red; font-size: 1.7em; padding-top:20px;}
/* 16.shop
---------------------------------------------------------------------- */
.bag #product-image img {width:100%; border: 0px solid #d8d8d8;}
#product-img {width:50px; margin-left: -190px; float: left; border: 5px solid #d8d8d8;}
.bag #product-image li, #shop h4 {text-align: right; list-style:none;}
.google-code {padding-top: 20px; float: right;}
.blurb {margin-bottom: 10px; padding: 10px;}
#advert img {width: 140px; height: 200px;}
/* search
-------------------------------------------------------------------------------------*/
.resultRowOne .date {color: black;}
.resultRowTwo .date {color: black;}
#search_results h3 a {color: black;}
#search_results {margin-bottom: 100px;}
/* media
-------------------------------------------------------------------------------------*/
@media all and (orientation:portrait) { /* Style adjustments for portrait mode goes here */} @media all and (orientation:landscape) { /* Style adjustments for landscape mode goes here */} /* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome) Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */ @media screen and (max-device-width: 480px) { /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you j.mp/textsizeadjust html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */ } /* * print styles * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ */ @media print { * { background: transparent !important; color: #444 !important; text-shadow: none !important; } a, a:visited { color: #444 !important; text-decoration: underline; } a:after { content: " (" attr(href) ")"; } abbr:after { content: " (" attr(title) ")"; } .ir a:after { content: ""; } /* Don't show links for images */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ tr, img { page-break-inside: avoid; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } }
/* top panel
-------------------------------------------------------------------------------------*/
/***** clearfix *****/ #toppanel .clear {clear: both;height: 0;line-height: 0;}
#toppanel .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
#toppanel .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;}
#toppanel .clearfix {display: block;} /* End hide from IE-mac */
#toppanel .clearfix {height: 1%;}
#toppanel .clearfix {display: block;}
.tab { background: url(../images/slide/tab_b.png) repeat-x 0 0; height: 42px; position: relative; top: 0; z-index: 999; }
.tab ul.login { display: block; position: relative; float: right; clear: right; height: 42px; width: auto; font-weight: bold; line-height: 42px; margin-right: 80px; left: 0px; color: white; font-size: 80%; text-align: center; }
.tab ul.login li.left { background: url(../images/slide/tab_l.png) no-repeat left 0; height: 42px; width: 30px; padding: 0; margin: 0; display: block; float: left; }
.tab ul.login li.right { background: url(../images/slide/tab_r.png) no-repeat left 0; height: 42px; width: 30px; padding: 0; margin: 0; display: block; float: left; }
.tab ul.login li { text-align: left; padding: 0 6px; display: block; float: left; height: 42px; background: url(../images/slide/tab_m.png) repeat-x 0 0; }
.tab ul.login li a { color: #fff; }
.tab ul.login li a:hover { color: white; }
.tab .sep {color:#414141}
.tab a.open, .tab a.close { height: 20px; line-height: 20px !important; padding-left: 30px !important; cursor: pointer; display: block; width: 100px; position: relative; top: 11px; }
.tab a.open {background: url(../images/slide/bt_open.png) no-repeat left 0;} .tab a.close {background: url(../images/slide/bt_close.png) no-repeat left 0;} .tab a:hover.open {background: url(../images/slide/bt_open.png) no-repeat left -19px;} .tab a:hover.close {background: url(../images/slide/bt_close.png) no-repeat left -19px;} .tab li {margin: 0;} /* sliding panel */ #toppanel { position: absolute; /*Panel will overlap content */ /*position: relative;*/ /*Panel will "push" the content down */ top: 0; width: 100%; z-index: 999; text-align: center; margin-left: auto; margin-right: auto; }
#panel { width: 100%; height: 320px; color: #999999; background: #272727; overflow: hidden; position: relative; z-index: 3; display: none; }
#panel h1 { font-size: 1.6em; padding: 5px 0 10px; margin: 0; color: white; }
#panel h2{ font-size: 1.2em; padding: 10px 0 5px; margin: 0; color: white; }
#panel p { margin: 5px 0; padding: 0; }
#panel a { text-decoration: none; color: #15ADFF; }
#panel a:hover { color: white; }
#panel a-lost-pwd { display: block; float: left; }
#panel .content { width: 960px; margin: 0 auto; padding-top: 15px; text-align: left; font-size: 0.85em; }
#panel .content .left { width: 280px; float: left; padding: 0 15px; border-left: 1px solid #333; }
#panel .content .right { border-right: 1px solid #333; }
#panel .content form { margin: 0 0 10px 0; }
#panel .content label { float: left; padding-top: 8px; clear: both; width: 280px; display: block; }
#panel .content input.field { border: 1px #1A1A1A solid; background: #414141; margin-right: 5px; margin-top: 4px; width: 200px; color: white; height: 16px; }
#panel .content input:focus.field { background: #545454; }
#clear_form {display:none;}
/* BUTTONS */ /* Login and Register buttons */ #panel .content input.bt_login, #panel .content input.bt_register { display: block; float: left; clear: left; height: 24px; text-align: center; cursor: pointer; border: none; font-weight: bold; margin: 10px 0; }
#panel .content input.bt_login { width: 74px; background: transparent url(../images/slide/bt_login.png) no-repeat 0 0; }
#panel .content input.bt_register { width: 94px; color: white; background: transparent url(../images/slide/bt_register.png) no-repeat 0 0; }
#panel .lost-pwd { display: block; float:left; clear: right; padding: 15px 5px 0; font-size: 0.95em; text-decoration: underline; }
#panel h1 {color:#95C11F; padding-bottom: 0px; font-size: 1.5em;}
#comment-form textarea { width: 95%; color: black; height: 120px; border: 3px solid #cccccc; padding: 5px; background-image: url(bg.gif); background-position: bottom right; background-repeat: no-repeat; }
.share .rss a { position:relative; width:20px; padding:0 2px; border-color:#ea6635; text-transform:lowercase; text-indent:-1186px; font-size:13px; font-weight:bold; color:#fff; background:#e36443;
/* css3 */ -moz-box-shadow:0 0 4px rgba(0,0,0,0.4); -webkit-box-shadow:0 0 4px rgba(0,0,0,0.4); box-shadow:0 0 4px rgba(0,0,0,0.4); background:-webkit-gradient(linear, left top, left bottom, from(#f19242), to(#e36443)); background:-moz-linear-gradient(top, #f19242, #e36443); background:linear-gradient(top, #f19242, #e36443); border-radius: 2px; }
/* SOCIAL
---------------------------------------------------------------------- */
.crumbs {border-bottom: 1px solid #ffffff; padding: 0 0 5px 0; }
.share { margin:0 0 10px 0;}
.share ul { clear:right; margin:0; padding:0; display:block; }
.share ul li {display:block; float:left; list-style:none; margin: 10px 20px 0 0; padding:0; position:relative; }
.share:last-child ul {border-top: 2px solid #ffffff;}
/* NAVIGATION
---------------------------------------------------------------------- */
ul.oe_menu .01 {}
ul.oe_menu .02 {left: -300px;}
ul.oe_menu .03 {}
ul.oe_menu .04 {}
ul.oe_menu .05 {}
ul.oe_menu .06 {}
ul.oe_menu{ list-style:none; position:relative; margin: 5px 0px 0px 0px; width:960px; float:left; clear:both; text-transform:uppercase; }
ul.oe_menu > li{ width:105px; height:15px; padding: 0 2px 2px 0; float:left; position:relative; }
ul.oe_menu li a:last-child {width:298px;}
ul.oe_menu > li > a{ display:block; background-color:black; color:#fff; text-decoration:none; font-weight:bold; font-size:12px; width:86px; height:15px; padding:10px; margin:1px; text-shadow:0px 0px 1px #555; }
ul.oe_menu > li > a:hover, ul.oe_menu > li.selected > a{ background:#fff; color:#999; opacity:1.0; }
.oe_wrapper ul.hovered > li > a{ background: black; }
ul.oe_menu div{ position:absolute; top:30px; left:1px; background:#000; width:900px; height:200px; padding:30px; display:none; }
ul.oe_menu div ul li a{ text-decoration:none; color:#fff; padding:2px 2px 2px 4px; margin:2px; display:block; font-size:12px; }
ul.oe_menu div ul.oe_full{ width:100%; }
ul.oe_menu div ul li a { background:#000; color:#fff; }
ul.oe_menu div ul li a:hover{ background:#000; color:#999; }
ul.oe_menu li ul{ list-style:none; float:left; width: 250px; margin-right:10px; }
li.oe_heading{ color:#aaa; font-size:16px; margin-bottom:10px; padding-bottom:6px; border-bottom:1px solid #ddd; }
.oe_menu span a {color: #fff;}
ul.oe_menu p {color: #fff; font-size:12px; text-transform:lowercase;}
ul.oe_menu #contact_link a {border-bottom: 1px dotted white;}
.showcase-thumbnail-caption {color: white;}
#showcase h1 { font-size: 20px; margin-bottom: 5px; font-weight: bold; }
#showcase h2 { font-size: 16px; margin-bottom: 5px; font-weight: bold; }
#showcase .menu { margin-bottom: 40px; text-align: center; color: #999; }
#showcase .menu a { color: #999; }
#showcase .menu a.active { font-weight: bold; }
/* Showcase -------------*/
.showcase-load { height: 470px; /* Same as showcase javascript option */ overflow: hidden; }
.showcase-onepage { /**/ }
.showcase { position: relative; margin: auto; }
.showcase-content-container { background-color: #000; }
.showcase-arrow-previous, .showcase-arrow-next { position: absolute; background: url('../images/showcase/arrows.png'); width: 33px; height: 33px; top: 220px; cursor: pointer; }
.showcase-arrow-previous { left: -60px; }
.showcase-arrow-previous:hover { background-position: 0px -34px; }
.showcase-arrow-next { right: -56px; background-position: -34px 0; }
.showcase-arrow-next:hover { background-position: -34px -34px; }
.showcase-content { background-color: #000; text-align: center; }
.showcase-content-wrapper { text-align: center; height: 470px; width: 700px; display: table-cell; vertical-align: middle; }
.showcase-plus-anchor { background-image: url('../images/showcase/plus.png'); background-repeat: no-repeat; }
.showcase-plus-anchor:hover { background-position: -32px 0; }
div.showcase-tooltip { background-color: #fff; color: #000; text-align: left; padding: 5px 8px; background-image: url(../images/showcase/white-opacity-80.png); }
.showcase-caption { color: #000; padding: 8px 15px; text-align: left; position: absolute; bottom: 10px; left: 10px; right: 10px; display: none; background-image: url(../images/showcase/white-opacity-80.png); }
.showcase-onepage .showcase-content { margin-bottom: 10px; }
.showcase-button-wrapper { clear: both; margin-top: 10px; text-align: center; }
.showcase-button-wrapper span { margin-right: 3px; padding: 2px 5px 0px 5px; cursor: pointer; font-size: 12px; color: #444444; }
.showcase-button-wrapper span.active { color: #000; }
.showcase-thumbnail-container /* Used for backgrounds, no other styling!!! */ { background-color: #000; }
.showcase-thumbnail-wrapper { overflow: hidden; }
.showcase-thumbnail { width: 120px; height: 90px; cursor: pointer; border: solid 1px #333; position: relative; }
.showcase-thumbnail-caption { position: absolute; bottom: 2px; padding-left: 10px; padding-bottom: 5px; }
.showcase-thumbnail-content { padding: 10px; text-align: center; padding-top: 25px; }
.showcase-thumbnail-cover { background-image: url(../images/showcase/black-opacity-40.png); position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.showcase-thumbnail:hover { border: solid 1px #999; }
.showcase-thumbnail:hover .showcase-thumbnail-cover { display: none; }
.showcase-thumbnail.active { border: solid 1px #999; }
.showcase-thumbnail.active .showcase-thumbnail-cover { display: none; }
.showcase-thumbnail-wrapper-horizontal { padding: 10px; }
.showcase-thumbnail-wrapper-horizontal .showcase-thumbnail { margin-right: 10px; width: 116px; }
.showcase-thumbnail-wrapper-vertical { padding: 10px; }
.showcase-thumbnail-wrapper-vertical .showcase-thumbnail { margin-bottom: 10px; }
.showcase-thumbnail-button-backward, .showcase-thumbnail-button-forward { padding: 7px; cursor: pointer; }
.showcase-thumbnail-button-backward { padding-bottom: 0px; padding-right: 0px; }
.showcase-thumbnail-button-backward .showcase-thumbnail-vertical, .showcase-thumbnail-button-forward .showcase-thumbnail-vertical, .showcase-thumbnail-button-forward .showcase-thumbnail-horizontal, .showcase-thumbnail-button-backward .showcase-thumbnail-horizontal { background-image: url(../images/showcase/arrows-small.png); background-repeat: no-repeat; display: block; width: 17px; height: 17px; }
.showcase-thumbnail-button-backward .showcase-thumbnail-vertical { background-position: 0 -51px; margin-left: 55px; } .showcase-thumbnail-button-backward:hover .showcase-thumbnail-vertical { background-position: -17px -51px; }
.showcase-thumbnail-button-forward .showcase-thumbnail-vertical { background-position: 0 -34px; margin-left: 55px; } .showcase-thumbnail-button-forward:hover .showcase-thumbnail-vertical { background-position: -17px -34px; }
.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal { background-position: 0 -17px; margin-top: 40px; margin-bottom: 40px; } .showcase-thumbnail-button-backward:hover .showcase-thumbnail-horizontal { background-position: -17px -17px; }
.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal { background-position: 0 0; margin-top: 40px; margin-bottom: 40px; } .showcase-thumbnail-button-forward:hover .showcase-thumbnail-horizontal { background-position: -17px 0; }
.showcase-thumbnail-button-forward span span, .showcase-thumbnail-button-backward span span { display: none; }
#showcase .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; float: none; }