/*

Theme Name: Dilapidated

Version: 1.3

Description: Designed by <a href="http://www.ghostpool.com">GhostPool Designs</a>.

Author: GhostPool Designs

Author URI: http://www.ghostpool.com

*/

* {

outline: none;

}

html {

margin:0;

padding:0;

}

body {

margin: 0;

font-family: Arial;

font-size: 9pt;

font-weight: normal;

color: #808080;

text-align: center;

line-height: 18px;

}

a {

color: #d1d1d1;

text-decoration: none;

}

a:hover {

text-decoration: none;

}



/* General Styling */

h1, h1 a, h2, h2 a {

text-transform: uppercase;

font-family: "Arial Black", "Arial Bold", Arial;

letter-spacing: -1px;

line-height: 28px;

text-shadow: #000000 0.1em 0.1em 0.2em;

margin: 0 0 10px 0;

}

h1 {

font-size: 25pt;

}

h2 {

font-size: 20pt;

}

h1 a:hover, h2 a:hover {

color: #808080;

}

h3 {

text-transform: uppercase;

font-size: 18pt;

color: #808080;

font-family: "Arial Black", "Arial Bold", Arial;

letter-spacing: -1px;

margin: 0 0 10px 0;

line-height: 30px;

text-shadow: #000000 0.1em 0.1em 0.2em;

}

h4, h5, h6 {

text-transform: uppercase;

font-size: 12pt;

color: #808080;

font-family: "Arial Black", "Arial Bold", Arial;

letter-spacing: -1px;

margin: 0 0 10px 0;

text-shadow: #000000 0.1em 0.1em 0.2em;

}

h5 {

font-size: 10pt;

}

h6 {

font-size: 9pt;

}

ul {

margin: 2px 2px 0 15px;

padding: 0;

list-style: square;

}

li {

padding: 0 0 2px 0;

}

form {

margin: 0; padding: 0;

}

input, textarea, select {

background: #000000;

-moz-border-radius: 5px;

-khtml-border-radius: 5px;

-webkit-border-radius: 5px;

border-radius: 5px;

font-family: Arial;

color: #808080; 

font-size: 9pt;

border: 1px solid #202020;

padding: 5px;

}

input:focus, textarea:focus {

border: 1px solid #404040;

}

blockquote {

font-style: italic;

margin: 0 0 0 15px;

padding: 0 0 0 5px;

border-left: 4px solid #404040;

}

hr {

margin: 20px 0;

background-color: #202020;

color: #202020;

width: 100%;

border: 0;

}

th, td {

padding: 3px 10px;

}

fieldset {

border: 1px solid #202020;

-moz-border-radius: 5px;

-khtml-border-radius: 5px;

-webkit-border-radius: 5px;

border-radius: 5px;

}

legend {

text-transform: uppercase;

font-weight: bold;

}



/* Main Content */

#page-wrap {

background: #111111 url('images/page-bg.jpg') repeat-y center top;

width: 980px;

margin: 0px auto 0px auto;

text-align: left;

overflow: hidden;

}

#header {

float: left;

position: relative;

width: 980px;

height: 205px;

background: url('images/header.jpg');

}

#logo {

float: left;

position: relative;

top: 50px;

left: 40px;

width: 680px;

height: 140px;

}

#logo img {

border: 0;

}

#text-logo {

float: left;

position: relative;

top: 50px;

left: 40px;

width: 680px;

height: 135px;

line-height: 60pt;

text-transform: uppercase;

font-family: "Arial Black", "Arial Bold", Arial;

letter-spacing: -4px;

text-shadow: #000000 0.1em 0.1em 0.2em;

font-size: 60pt;

}

#text-logo a, #text-logo a:hover {

color: #808080;

}

#overall-container {

float: left;

width: 980px;

position: relative;

top: 30px;

left: 0px;

}



/* Communication */

#communication {

position: relative;

top: 60px;

right: 55px;

float: right;

width: 190px;

height: 66px;

}

#communication img {

border: 0;

margin: 5px;

filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);

-moz-opacity: 1;

opacity: 1;

}

#communication img:hover {

filter:progid:DXImageTransform.Microsoft.alpha(opacity=70);

-moz-opacity: 0.7;

opacity: 0.7;

}



/* Navigation */

#nav-container {

position: relative;

top: 69px;

left: 40px;

float: left;

width: 900px;

}

#nav, #nav ul{

margin:0;

padding:0;

list-style-type:none;

list-style-position:outside;

position:relative;

z-index: 500;

}

#nav li {

float:left;

position:relative;

margin-right: 25px;

}

#nav li a {

color: #3d3d3d;

letter-spacing: -1px;

font-size: 16pt;

font-weight: normal;

font-family: "Arial Black", "Arial Bold", Arial;

text-transform: uppercase;

text-shadow: #000000 0.1em 0.1em 0.2em;

}

#nav li a:hover {

color: #c0c0c0;

}

#nav ul {

z-index: 500;

position: absolute;

display: none;

width: 12em;

top: 2em;

padding: 5px 0;

background: url(images/nav-bg.jpg) repeat-y;

}

#nav li ul li {

background-image: none;

}

#nav li ul a{

width: 8em;

height: auto;

float: left;

line-height: 1em;

padding: 5px 20px;

font-size: 10pt;

}

#nav ul ul{

top:auto;

}	

#nav li ul ul {

left:10em;

margin: 0 0 0 10px;

}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{

display:none;

}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{

display:block;

}

#nav .current_page_item a:hover,

#nav .current-cat a:hover {

color: #c0c0c0;

text-decoration: none;

}

#nav .current_page_item .page_item a,

#nav .current-cat .cat-item a {

color: #3d3d3d !important;

}

#nav .current_page_item .page_item a:hover,

#nav .current-cat .cat-item a:hover {

color: #c0c0c0 !important;

}



/* Search */

#searchbar {

float: left;

width : 160px;

height: 17px;

margin: 0;

font-size: 11pt;

}

#searchsubmit {

margin: -5px 0 0 0;

float: left;

background: transparent;

border: 0px;

width: auto;

}



/* Slider */

#slider-container-outer {

overflow: hidden;

float: left;

position: relative;

width: 980px;

height: 356px;

background: url('images/slider.jpg') no-repeat;

}

#slider-container-inner {

overflow: hidden;

float: left;

position: relative;

width: 980px;

height: 336px;

}

.sliderwrapper {

float: left;

position: relative;

overflow: hidden;

width: 980px;

height: 262px;

top: 50px;

left: 35px;

}

.sliderwrapper .contentdiv {

visibility: hidden;

position: absolute;

left: 0; 

top: 0;

width: 920px;

height: 262px;

}

.slider-image {

float: left;

width: 462px;

height: 262px;

overflow: hidden;

}

.slider-image img {

width: 462px;

border: 0px;

}

.overlay {

background: url(images/overlay.png) no-repeat;

position: absolute;

width: 464px;

height: 262px;

z-index: 100;

top: 0px;

left: 0px;

}

.slider-excerpt {

float: left;

width: 430px;

position: relative;

top: 5px;

left: 20px;

}

.slider-excerpt-extended {

float: left;

width: 892px;

position: relative;

}

.slider-excerpt h1 {

font-size: 25pt;

margin: 0 0 10px 0;

}

#paginate-slider {

float: left;

position: relative;

top: 20px;

left: 865px;

z-index: 1000;

background: url(images/next.gif) no-repeat;

padding: 10px 0 0 0;

text-align: center;

width: 112px;

height: 32px; 

}

.next {

letter-spacing: -1px;

font-size: 14pt;

font-weight: normal;

font-family: "Arial Black";

color: #d1d1d1;

text-transform: uppercase;

cursor: pointer;

}



/* Collapsible Box */

#slider-hide {

display: none;

}

#slide-box {

display: none;

width: 910px;

position: relative;

top: 40px;

left: 35px;

overflow: hidden;

}

#nav .slide-button {

position: relative;

top: -15px;

right: 0px;

float: right;

background: url(images/up-down.gif) no-repeat right top;

width: auto;

height: 21px;

padding: 15px 25px 0 0;

margin: 0;

}

#nav .slide-button a {

letter-spacing: -1px;

font-size: 16pt;

font-weight: normal;

font-family: "Arial Black";

color: #d1d1d1;

text-transform: uppercase;

text-shadow: #000000 0.1em 0.1em 0.2em;

}



/* Shoutbox Plugin */

#shoutbox h3 {

display: none;

}

#sb_messages {

height: 150px;

background: transparent;

padding: 0;

margin: 0 0 20px; 0;

}

.user #sb_messages {

height: 225px !important;

}

#input_area {

float: left;

width: 400px;

}

#input_area .info {

float: left;

padding: 6px 0 0 0;

width: 60px;

}

.sb_input {

width: 200px;

float: left;

}

#sb_message {

width: 320px;

position: absolute;

top: 249px;

left: 70px;

}

#sb_addmessage {

width: auto;

position: absolute;

top: 249px;

left: 410px;

}

#sb_showsmiles {

display: none;

}



/* Main Content Column */

#main-content {

float: left;

position: relative;

top: 10px;

left: 0px;

width: 610px;

position: relative;

overflow: hidden;

}

.post {

float: left;

width: 550px;

padding: 20px 20px 20px 40px;

background: url(images/post-bg.jpg) repeat-y;

margin: 0 0 30px 0;

}

.post h2 {

margin: 0 0 10px 0;

}

.post-excerpt-1 {

float: left;

width: 412px;

margin: 10px 0 10px 0;

}

.post-excerpt-2 {

float: left;

width: 545px;

margin: 10px 0 10px 0;

}

.post .image-preview {

float: left;

width: 115px;

height: 115px;

overflow: hidden;

border: 4px solid #000000;

margin: 10px 15px 0 0;

}

.post .image-preview img {

width: 115px;

border: 0px;

}

.post .meta {

color: #4c4c4c;

}

.meta a {

color: #4c4c4c;

}

.meta a:hover {

color: #d1d1d1;

text-decoration: none;

}



/* Post Details */

#details {

float: left;

padding: 30px 0 0 0;

width: 550px;

}

#details .avatar {

float: left;

margin-right: 10px;

width: auto;

}

#details .info {

float: left;

width: 350px;

}

#social-links {

float: right;

width: 100px;

text-align: right;

}

#social-links img {

border: 0px;

filter:progid:DXImageTransform.Microsoft.alpha(opacity=70);

-moz-opacity: 0.7;

opacity: 0.7;

}

#social-links img:hover {

filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);

-moz-opacity: 1;

opacity: 1;

}



/* Sidebar */

#sidebar {

float: right; 

position: relative;

top: 30px;

right: 0px;

width: 320px;

}



/* Widgets */

.widget {

position: relative;

float: left;

padding: 20px 40px 20px 20px;

width: 260px;

background: url(images/widget-bg.jpg) repeat-y;

margin: 0 0 30px 0;

overflow: hidden;

}

.widget ul {

list-style: none;

margin: 0;

padding: 10px 0 0 0;

}

.widget li {

margin: 0;

padding: 0 0 10px 0;

}

.widget li a {

text-shadow: #000000 0.1em 0.1em 0.2em;

}



/* Recent Comments */

#recent-comments-3 {

overflow: hidden;

}

#recent-comments-3 .avatar {

float: left;

border: 0px;

width: auto;

}

#recent-comments-3 .text {

float: left;

margin: 0 0 0 6px;

width: 214px; 

}

#recent-comments-3 li {

margin: 0;

padding: 0 0 15px 0;

}



/* Sidebar Panel */

#sbpanel img {

max-width: 260px;

}



/* Comments Section */

.comments {

float: left;

position: relative;

float: left;

width: 550px;

padding: 0 20px 20px 40px;

}

#commentlist {

list-style: none;

margin: 0;

padding: 0;

}

#commentlist li ul {

list-style-type: none;

}

.comment-body {

float: left;

width: 557px;

padding: 15px 0 5px 0;

border-bottom: 1px solid #202020;

}

.depth-2 .comment-body {

margin-left: 5px;

width: 537px;

}

.depth-3 .comment-body {

margin-left: 10px;

width: 517px;

}

.depth-4 .comment-body {

margin-left: 15px;

width: 497px !important;

}

.depth-5 .comment-body {

margin-left: 20px;

width: 477px !important;

}

.comment-body .avatar {

float: left;

margin: 0 10px 0 0 ;

width: 45px;

height: 45px;

}

.comment-meta {

float: left;

padding: 3px 0 0 0;

width: auto;

}

.comment-meta a {

color: #404040;

}

.comment-meta a:hover {

color: #808080;

}

.comment-text {

overflow: hidden;

}

.moderation {

color: #cc0000; font-weight: bold;

}

.author, .author a {

color: #c0c0c0;

}

#commentform textarea {

width: 550px;

max-width: 550px;

}

#commentform #submit {

float: right;

background: transparent url('images/submit.gif') no-repeat;

width: 76px;

height: 28px;

border : 0px;

cursor: pointer;

}



/* Comment Subscription */

.subscribe-to-comments {

margin: 0;

padding: 0;

}

#solo-subscribe-email {

border: 1px solid #000000;

background: #202020;

color: #808080; 

padding: 5px;

width: 150px;

font-family: Arial;

font-size: 9pt;

height: auto;

}

.solo-subscribe-to-comments input {

width: auto;

}

.solo-subscribe-errors {

margin: 10px 0 10px 0px;

background: #111111;

border: 1px solid #a80000;

padding: 5px;

width: 300px;

}

#single fieldset {

margin: 10px 0 10px 0;

border: 1px solid #000000;

background: #202020;

}

#single legend {

margin: 0;

font-size: 13pt;

font-weight: bold;

}

#single .updated {

text-align: center;

background: #111111;

border: 1px solid #202020;

-moz-border-radius: 5px;

-khtml-border-radius: 5px;

-webkit-border-radius: 5px;

border-radius: 5px;

margin: 10px 0 10px 0;

}

#single input {

width: auto;

height: auto;

}



/* Footer */

#footer {

padding: 25px 40px;

margin: 20px 0 0 0;

width: 900px;

text-align: center;

background: url('images/footer.jpg') repeat-y;

font-weight: bold;

text-transform: uppercase;

}

#footer a {

font-size: 12pt;

}

#footer .footer-widget {

text-align: left;

position: relative;

float: left;

width: 270px;

font-size: 9pt;

text-transform: none;

text-shadow: none;

font-weight: normal;

margin-right: 30px;

}

#footer .footer-widget .last {

margin-right: 0;

}

#footer .footer-widget a {

font-size: 9pt;

font-weight: normal;

text-transform: none;

text-shadow: #000000 0.1em 0.1em 0.2em;

}

#footer .footer-widget h3, #footer .footer-widget h3 a {

color: #d1d1d1;

font-size: 12pt;

font-weight: normal;

margin: 0;

}

#footer .footer-widget ul {

list-style: none;

margin: 0;

padding: 0;

}

#footer .footer-widget li {

margin: 0;

}

.copyright {

padding: 30px 0 0 0;

}



/* Captions & aligment */

.aligncenter, div.aligncenter {

display: block;

margin: 0 auto; 

border: 4px solid #000000;

}

.alignleft {

float: left;

margin: 0 5px 5px 0;

border: 4px solid #000000;

width: auto;

}

.alignleft:hover {

border: 4px solid #000000;

width: auto;

}

.alignright {

float: right;

margin: 0 0 5px 5px;

border: 4px solid #000000;

width: auto;

}

.wp-caption {

background: #000000;

border : 1px solid #202020;

text-align : center;

padding-top : 4px;

margin : 0 7px 2px 0;

}

.wp-caption img {

margin : 0;

padding : 0;

border : 0 none;

}

.wp-caption p.wp-caption-text {

font-size : 11px;

line-height : 17px;

padding : 3px 0 3px 0;

margin: 0;

text-transform: uppercase;

}

.left {

width: auto;

float: left;

}

.right {

width: auto;

float: right;

}

.clear {

clear: both;

}



/* Page Navi */

.wp-pagenavi {

padding:  0 0 20px 0 !important;

border: 0px !important;

float: right !important;

width: auto;

}

.page-comments {

padding:  20px 0 0 0 !important;

border: 0px !important;

float: right !important;

width: auto;

}

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi a:active, .wp-pagenavi span.pages, .wp-pagenavi span.extend, .page-numbers {

display: block;

border: 1px solid #202020 !important;

float: left !important;

background: #000000 !important;

padding: 2px 4px !important; 

margin: 0 0 0 5px !important;

color: #808080 !important;

text-transform: uppercase !important;

font-size: 10pt !important;

font-family: "Arial Black" !important;

letter-spacing: -1px !important;

text-shadow: #000000 0.1em 0.1em 0.2em !important;

width: auto;

text-align: center !important;

}

.wp-pagenavi a:hover, .page-numbers:hover {	

color: #d1d1d1 !important;

border: 1px solid #202020 !important;

text-decoration: none !important;

text-align: center !important;

}

.wp-pagenavi span.current, .page-comments span.current {

color: #d1d1d1 !important;

display: block;

border: 1px solid #202020 !important;

float: left !important;

background: #000000 !important;

padding: 2px 4px !important; 

margin: 0 0 0 5px !important;

text-transform: uppercase !important;

font-size: 10pt !important;

font-family: "Arial Black" !important;

letter-spacing: -1px !important;

text-shadow: #000000 0.1em 0.1em 0.2em !important;

width: auto;

text-align: center !important;

}



/* Lightbox */

.pp_pic_holder {

border: 1px solid #202020 !important;

}