body, p { background: #000; color: #ABA; font-family: "Electrolize", Arial, sans-serif !important; text-shadow: 1px 1px 0 #000; font-size: 14px; } *, *:focus { outline: 0; -moz-outline: 0; font-family: "Electrolize", Arial, sans-serif !important; } a { color: #5E3; text-decoration: none; } a:hover { color: #9F6; } ::selection, ::-moz-selection { background: #5E3; color: #000; text-shadow: 0 !important; } h1 { color: #EFE; } h2 { color: #CDC; } h3 { padding-bottom: 10px; border-bottom: 1px solid #222; } p { font-family: "Electrolize", Arial, sans-serif; } /* =Structure -------------------------------------------------------------- */ #page { width: 900px; display: block; margin: 1em auto; } #primary { float: left; margin: 0 -240px 0 0; width: 100%; } #secondary { background: #111; background: -moz-linear-gradient(left, #000000 0%, #222222 100%); background: -webkit-linear-gradient(left, #000000 0%, #222222 100%); background: -o-linear-gradient(left, #000000 0%, #222222 100%); background: -ms-linear-gradient(left, #000000 0%, #222222 100%); background: linear-gradient(left, #000000 0%, #222222 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#222222', GradientType=0); padding: 10px; margin: 8px 0 0 0; } #content { margin: 0 270px 0 0; } #main .widget-area { float: right; overflow: hidden; width: 220px; } .widget-area ul { padding: 0; } .widget ul li { list-style: none; background: url(images/as-bullet.png) 0 6px no-repeat; padding: 4px 25px; } #footer { clear: both; display: block; width: 100%; } /* Increase the size of the content area for templates without sidebars */ .full-width #content, .image-attachment #content, .error404 #content { margin: 0; } /* Text meant only for screen readers */ .screen-reader-text, .assistive-text { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } /* Alignment */ .alignleft { display: inline; float: left; } .alignright { display: inline; float: right; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /* =Header -------------------------------------------------------------- */ #header { display: block; height: 140px; } #site-description { font-size: 14px; font-weight: normal; padding: 77px 0 0 67px; } /* =Menu -------------------------------------------------------------- */ #access { display: block; float: left; width: 100%; margin: 0 auto 10px; font-size: 16px; } #access ul { list-style: none; margin: 0; padding-left: 0; } #access li { float: left; position: relative; } #access a { display: block; line-height: 2em; padding: 0 1em; text-decoration: none; border-left: 1px solid #111; border-right: 1px solid #555; } #access ul ul { box-shadow: 0 3px 3px rgba(255,255,255,0.3); -moz-box-shadow: 0 3px 3px rgba(255,255,255,0.3); -webkit-box-shadow: 0 3px 3px rgba(255,255,255,0.3); display: none; float: left; position: absolute; top: 2em; left: 0; z-index: 99999; } #access ul ul ul { left: 100%; top: 0; } #access ul ul a { background: #111; line-height: 1em; padding: 7px 7px 7px 21px; width: 12.5em; height: auto; font-size: 12.5px; } #access li:hover > a, #access ul ul :hover > a, #access .current_page_item a, #access .current-page-parent a, #access .current-menu-ancestor a, #access .current-menu-item a { background: #000; } #access ul ul a:hover { background: #000; box-shadow: inner 0 3px 5px rgba(255,255,255,0.1); -moz-box-shadow: inner 0 3px 5px rgba(255,255,255,0.1); -webkit-box-shadow: inner 0 3px 5px rgba(255,255,255,0.1); } #access ul li:hover > ul { display: block; } /* =Content -------------------------------------------------------------- */ .sticky { } .entry-meta { clear: both; display: block; } .entry-content ul li { list-style: none; background: #000 url(images/as-bullet.png) 0 6px no-repeat; padding: 5px 25px; } .single-author .entry-meta .byline { display: none; } #content nav { margin: 10px 0; display: block; overflow: hidden; } /* Previous (Back) Navigation Button */ #content nav .nav-previous { float: left; width: 50%; background: #111; background: -moz-linear-gradient(top, #333333 0%, #111111 100%); background: -webkit-linear-gradient(top, #333333 0%, #111111 100%); background: -o-linear-gradient(top, #333333 0%, #111111 100%); background: -ms-linear-gradient(top, #333333 0%, #111111 100%); background: linear-gradient(top, #333333 0%, #111111 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111', endColorstr='#111111', GradientType=0); } #content nav .nav-previous a { display: block; padding: 5px 15px; border-top: 1px solid #333; border-left: 1px solid #333; } #content nav .nav-previous a:hover { background: #222; background: -moz-linear-gradient(top, #111111 0%, #222222 100%); background: -webkit-linear-gradient(top, #111111 0%, #222222 100%); background: -o-linear-gradient(top, #111111 0%, #222222 100%); background: -ms-linear-gradient(top, #111111 0%, #222222 100%); background: linear-gradient(top, #111111 0%, #222222 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111', endColorstr='#222222', GradientType=0); } /* Next (Forward) Navigation Button */ #content nav .nav-next { float: left; width: 50%; background: #111; background: -moz-linear-gradient(top, #333333 0%, #111111 100%); background: -webkit-linear-gradient(top, #333333 0%, #111111 100%); background: -o-linear-gradient(top, #333333 0%, #111111 100%); background: -ms-linear-gradient(top, #333333 0%, #111111 100%); background: linear-gradient(top, #333333 0%, #111111 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111', endColorstr='#111111', GradientType=0); } #content nav .nav-next a { display: block; padding: 5px 15px; border-top: 1px solid #333; border-left: 1px solid #333; text-align: right; } #content nav .nav-next a:hover { background: #222; background: -moz-linear-gradient(top, #111111 0%, #222222 100%); background: -webkit-linear-gradient(top, #111111 0%, #222222 100%); background: -o-linear-gradient(top, #111111 0%, #222222 100%); background: -ms-linear-gradient(top, #111111 0%, #222222 100%); background: linear-gradient(top, #111111 0%, #222222 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111', endColorstr='#222222', GradientType=0); } #content #nav-above { display: none; } .paged #content #nav-above, .single #content #nav-above { display: block; } #nav-below { margin: 20px 0 10px; } .page-link { clear: both; margin: 0 0 1em; } .page .edit-link { margin: 15px 0; clear: both; float: right; } /* Post lists */ .post-list-item { margin: 10px 0; padding: 0 15px 20px 15px; border-top: 1px solid #222; border: 1px solid #181818; background: #111; } /* Featured Image */ .featured-image { float: left; margin: 0 20px 10px 0; } .featured-image a img { border: 1px solid #444; } .featured-image a:hover img { box-shadow: inset 0 2px 10px rgba(0,0,0,0.8); -moz-box-shadow: inset 0 2px 10px rgba(0,0,0,0.8); -webkit-box-shadow: inset 0 2px 10px rgba(0,0,0,0.8); border: 1px solid #5E3; } /* 404 page */ .error404 .widget { float: left; width: 33%; } .error404 .widget .widgettitle, .error404 .widget ul { margin-right: 1em; } .error404 .widget_tag_cloud { clear: both; float: none; width: 100%; } /* Notices */ .post .notice, .error404 #searchform { background: #eee; display: block; padding: 1em; } /* Image Attachments */ .image-attachment div.entry-meta { float: left; } .image-attachment nav { float: right; margin: 0 0 1em 0; } .image-attachment .entry-content { clear: both; } .image-attachment .entry-content .entry-attachment { background: #eee; margin: 0 0 1em; padding: 1em; text-align: center; } .image-attachment .entry-content .attachment { display: block; margin: 0 auto; text-align: center; } /* Aside Posts */ .format-aside .entry-header { display: none; } .single .format-aside .entry-header { display: block; } .format-aside .entry-content, .format-aside .entry-summary { padding-top: 1em; } .single .format-aside .entry-content, .single .format-aside .entry-summary { padding-top: 0; } /* Gallery Posts */ .format-gallery .gallery-thumb { float: left; margin: 0 1em 0 0; } /* Image Posts */ .format-image .entry-header { display: none; } .single .format-image .entry-header { display: block; } .format-image .entry-content, .format-image .entry-summary { padding-top: 1em; } .single .format-image .entry-content, .single .format-image .entry-summary { padding-top: 0; } /* =Images -------------------------------------------------------------- */ a img { border: none; } p img { margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */ } /* Resize images to fit the main content area. - Applies only to images uploaded via WordPress by targeting size-* classes. - Other images will be left alone. Use "size-auto" class to apply to other images. */ img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img, .widget-area img { max-width: 100%; /* When images are too wide for containing element, force them to fit. */ height: auto; /* Override height to match resized width for correct aspect ratio. */ } img.alignleft { margin-right: 1em; } img.alignright { margin-left: 1em; } .wp-caption { padding: .5em; text-align: center; } .wp-caption img { margin: .25em; } .wp-caption .wp-caption-text { margin: .5em; } .gallery-caption { } .wp-smiley { margin: 0; } /* =Forms -------------------------------------------------------------- */ #searchform label { display: none; } #searchform input#s { width: 100px; display: inline; } input[type=text], input#s { margin: 0 1em 0 0; width: 60%; } input, textarea { font-weight: bold; padding: 10px 7px; background: #111; border-top: 2px solid #444; border-left: 3px solid #333; border-right: 3px solid #333; border-bottom: 1px solid #222; box-shadow: inset 0 10px 40px #222; -moz-box-shadow: inset 0 10px 40px #222; -webkit-box-shadow: inset 0 10px 40px #222; font-family: "Electrolize", Arial, sans-serif; color: #777; vertical-align: middle; } textarea, input[type=text], select { width: 80%; padding: 10px 7px; background: #111; box-shadow: inset 0 10px 80px #222; -moz-box-shadow: inset 0 10px 80px #222; -webkit-box-shadow: inset 0 10px 80px #222; vertical-align: middle; color: #777; } textarea:focus, input[type=text]:focus, select:focus { border-color: #5E3; background: #000; } input[type="submit"], button, .button, .button-container a { padding: 10px 15px; background: #3F2; color: #000; font-family: "Electrolize", Arial, sans-serif; text-shadow: 0; box-shadow: inset 0 5px 10px #9F6; -moz-box-shadow: inset 0 5px 10px #9F6; -webkit-box-shadow: inset 0 5px 10px #9F6; text-shadow: 1px 1px 0 #CEC; cursor: pointer; } input[type="submit"]:hover, button:hover, .button:hover, .button-container a:hover { background: #9F6; box-shadow: inset 0 5px 10px #3F2; -moz-box-shadow: inset 0 5px 10px #3F2; -webkit-box-shadow: inset 0 5px 10px #3F2; text-shadow: 1px 1px 0 #FFF; border-color: #5E3; } /* Class for labelling required form items */ .required { color: #cc0033; } /* =Comments -------------------------------------------------------------- */ .commentlist { list-style: none; padding: 0; margin: 0; } .commentlist li { list-style: none; background: #111; padding: 15px; margin: 10px 0; border-top: 2px solid #222; } .commentlist .vcard img { float: left; margin-right: 15px; margin-bottom: 5px; } .comment-meta { float: right; font-size: 12.5px; } article.comment { display: block; } #respond input[type=text] { display: block; width: 60%; } #respond textarea { display: block; margin: 0 0 1em; width: 80%; } #respond .form-allowed-tags { clear: both; width: 80%; } #respond .form-allowed-tags code { display: block; } /* =Widgets -------------------------------------------------------------- */ .widget { display: block; } .widget-area .widget_search { overflow: hidden; } .widget-area .widget_search input { float: left; } /* =Footer -------------------------------------------------------------- */ #footer { display: block; width: 862px; height: 50px; padding: 25px 15px; margin: 10px 0 20px 0; border-top: 2px solid #222; border-left: 3px solid #111; border-right: 3px solid #111; border-bottom: 1px solid #111; vertical-align: middle; box-shadow: inset 0 10px 50px #171717; -moz-box-shadow: inset 0 10px 50px #171717; -webkit-box-shadow: inset 0 10px 50px #171717; } #footer a { display: inline-block; *display: inline; } #footer a img { opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); } #footer a:hover img { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); } #footer-left { padding: 0 5px; font-size: 14px; } #footer-right { float: right; } .footer-widgets { display: block; width: 865px; padding: 15px; margin: 40px auto 20px; background: #111; background: -moz-linear-gradient(top, #000000 0%, #222222 100%); background: -webkit-linear-gradient(top, #000000 0%, #222222 100%); background: -o-linear-gradient(top, #000000 0%, #222222 100%); background: -ms-linear-gradient(top, #000000 0%, #222222 100%); background: linear-gradient(top, #000000 0%, #222222 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#222222', GradientType=0); vertical-align: top; clear: both; } .footer-widgets .widget { width: 275px; display: inline-block; *display: inline; padding: 0 5px; vertical-align: top; } .footer-widgets .widget-title { display: none; } /* Plugin hax */ #sharebar { width: 70px !important; background: #111 !important; border-top: 1px solid #444 !important; border-left: 4px solid #444 !important; border-right: 1px solid #111 !important; border-bottom: 1px solid #222 !important; } #sharebar li { background: #333 !important; background-image: none !important; color: #5E3 !important } #sharebar a { opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); } #sharebar a:hover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); } .tern_wp_youtube_video_meta_data { display: none !important; }