/*
Theme Name: Custom Theme
Theme URI: http://www.awebthatworks.com
Description: Custom theme for Neil Croswell Magic
Author: aWEBthatWORKS
Author URI: http://www.awebthatworks.com

*/

* { margin: 0; padding: 0; border-width: 0; font-size: 10px; }
* * { font-size: 1em; }
hr { height: 1px; margin: 2em 0 1.5em 0; background: #323232; border-width: 0; }
pre { white-space: pre-wrap; }
h1 {
font: 2em Lucida Sans Unicode, Trebuchet MS; line-height: 2em; font-weight: bold; text-decoration: none; color: #0E3789;
}

/*FORMS*/
fieldset { margin-top: 2em; background: #fff; border: 1px solid #afadaf; }
form p { margin: .5em 0 .5em 0; }
input { padding: .4em; background: #fff url(images/input_bg.gif) bottom repeat-x; border: 1px solid #b0b5bd; border-bottom: 1px solid #757a82; font: 1.2em Lucida Sans Unicode, Trebuchet MS; color: #222; }
input:focus { border-top: 1px solid #757a82; border-bottom: 1px solid #b0b5bd; font-weight: bold; }
input.button { float: none !important; width: 100% !important; margin: 0 !important; padding: .5em; background: #fff url(images/button_bg.gif) bottom repeat-x; border: 1px solid #fff; font: 1.2em verdana; font-weight: bold; text-align: center; color: #222; cursor: pointer; }
input.button:hover { background: #fff url(images/button_bg_hover.gif) top repeat-x; }
label { margin-left: 1em; font: 1em verdana; font-weight: bold; color: #7c7c7c; }
legend { margin-left: 1em; padding: .3em .3em .3em .3em; background: #efedef; border: 1px solid #afadaf; font: 1.1em Lucida Sans Unicode, Trebuchet MS, Sans; font-weight: bold; color: #7e7e7e; }
option { padding: 0 .5em 0 .5em; }
select { border: 1px solid #b0b5bd; }
textarea { width: 97%; margin-top: .5em; padding: .6em; background: url(images/input_bg.gif) bottom repeat-x; border: 1px solid #b0b5bd; border-bottom: 1px solid #757a82; font: 1.2em Lucida Sans Unicode, Trebuchet MS; color: #222; }
textarea:focus { border-top: 1px solid #757a82; border-bottom: 1px solid #b0b5bd; font-weight: bold; }

form.h input { width: 16em;  }
form.h .button_wrapper { margin-top: 1em; }



/*LAYOUT*/

#scene { position: relative; width: 77em; height: 16.8em; margin-bottom: .4em; border: 1px solid #636363; border-top-width: 0; }
#scene img { width: 77em; height: 16.8em; }
#scene h1 { position: absolute; top: .7em; left: 1em; font: 4.8em Lucida Sans Unicode, Trebuchet MS; }
#scene h1 a { text-decoration: none; color: #fff; }
#scene h1 a:hover { color: #ddd; }
#scene h2 { position: absolute; top: 5.4em; left: 3.1em; font: 1.6em Lucida Sans Unicode, Trebuchet MS; font-weight: bold; color: #fff; }
#scale_area { position: absolute; bottom: 0; left: 1em; width: 28em; height: 1.9em; }
#scale_knob { width: 7.4em; height: 1.3em; padding: .3em; background: #4d4d4d; border: 1px solid #636363; border-bottom-width: 0; font: 1em Lucida Sans Unicode, Trebuchet MS, Sans; font-weight: bold; text-align: center; color: #fff; cursor: pointer; }
#scene .menu { position: absolute; right: 2em; bottom: 0; }
#scene .menu li { float: left; height: 2.4em; margin-right: .3em; background: #131b22 url(images/menu_holder_bg.gif) top repeat-x; border: 1px solid #00040b; border-bottom-width: 0; list-style-type: none; }
#scene .menu li a { display: block; margin: .1em; margin-bottom: 0; padding: 0 .5em 0 .5em; background: #171717 url(images/menu_bg.gif) top repeat-x; font: 1em Verdana; line-height: 2.3em; font-weight: bold; text-align: center; text-decoration: none; color: #fff; }
#scene .menu li a:hover { background: #9a9a9a url(images/menu_bg_hover.gif) top repeat-x; }
#content {  }
#col_left { float: left; width: 52.5em; height: 100%; background: #fff; }
#col_left .inner { padding: 2em; }
.pagetitle { margin-bottom: 1em; font: 0.8em Lucida Sans Unicode, Trebuchet MS; line-height: 2em; font-weight: bold; color: #64a869; }
.post .meta { padding-bottom: .1em; border-bottom: 1px solid #ffffff; }
.date { float: left; width: 4.8em; }
.date .month { width: 4.8em; height: 1.2em; background: #dc7b5e url(images/date_month.gif) right repeat-y; border: 1px solid #a75043; font: 1em tahoma; font-weight: bold; text-align: center; color: #fff; }
.date .day { width: 2.4em; height: 1.8em; background: #fcfdfc url(images/date_day.gif) bottom right no-repeat; border: 1px solid #c6c6c6; border-top-width: 0; font: 2em verdana; line-height: 1.8em; font-weight: bold; text-align: center; color: #947e7a; }
.meta a.title, .meta h1 { float: left; width: 80%; padding-left: 1em; font: 1.4em Lucida Sans Unicode, Trebuchet MS; line-height: 1.5em; font-weight: bold; text-decoration: none; color: #C0791D; }


.meta a.title:hover { color: #6480a8; }

.body { font: 1.2em Lucida Sans Unicode, Trebuchet MS; line-height: 1.5em; color: #333333; }
.body a { color: #215f85; }
.body a:hover { color: #64a869; }
.body a:visited { color: #C0791D; }
.body blockquote { padding: .5em; background: #f6f6f6; border-top: 1px dotted #6480a8; border-bottom: 1px dotted #6480a8; font: 1em Lucida Sans Unicode, Trebuchet MS, Sans; }
/*.body h1 { font: 1.4em Lucida Sans Unicode, Trebuchet MS; line-height: 2em; font-weight: bold; color: #6480a8; }*/
.body h2 { font: 1.2em Lucida Sans Unicode, Trebuchet MS; line-height: 2em; font-weight: bold; color: #C0791D; }
.body h3 { font: 1em Lucida Sans Unicode, Trebuchet MS; line-height: 2em; font-weight: bold; color: #64a869; }
.body p { margin: .5em 0 .5em 0; }
.body ol, .body ul { margin: .3em .8em; }
.body li { line-height: 1.5em;  margin-left: 10px; }
.post { font-size: 80%; }
.post .footer { margin-bottom: 1em; font: 1.2em Lucida Sans Unicode, Trebuchet MS; line-height: 2em; font-weight: bold; color: #64a869; }
.post .footer a { color: #6480a8; }
.post .footer a:hover { color: #C0791D; }
.postmetadata { padding-top: 1em; }
.comments h2 { margin-bottom: 1em; border-bottom: 1px solid #f0f0f0; font: 1.8em verdana; line-height: 2.2em; color: #656565; }
.commentlist { margin: 1em 0 1em 0; list-style-position: inside; list-style-type: none; }
.commentlist li { margin-top: .2em; padding: .9em; background: #edf3fa; border: 1px solid #dfdfdf; }
.commentlist li.alt { background: #fafafa; }
.commentlist li .meta { margin-bottom: .8em; padding-bottom: 0; border-bottom-width: 0; }
.commentlist li .meta .avatar { float: left; }
.commentlist li .meta span { float: left; font: 1.3em verdana; font-weight: bold; color: #666; }
.commentlist li .meta .name { margin-left: 1em; }
.commentlist li .meta span a { text-decoration: none; color: #b45b4a; }
.commentlist li .meta span.datetime a { font-size: .7em; }
.commentlist li .meta span a:hover { text-decoration: underline; color: #C0791D; }
.commentlist li .meta span a:visited { color: #64a869; }
.commentlist li .meta span small { font: .7em verdana; font-weight: bold; color: #666; }
.commentlist li .meta .datetime { float: right; }
.commentlist li .meta .datetime a { font: .9em verdana; color: #b45b4a; }
.commentlist li p { font: 1.2em Lucida Sans Unicode, Trebuchet MS; line-height: 1.5em; color: #5e5e5e; }
.commentlist li a { font-size: 1em; color: #b45b4a; }
.commentlist li a:hover { color: #C0791D; }
.commentlist li a:visited { color: #64a869; }
.navigation { padding-bottom: 1em; }
.navigation a { font: 1.3em verdana; font-weight: bold; text-decoration: none; color: #64a869; }
.navigation a:hover { color: #C0791D; }
.commentlist li small { font: 1em verdana; font-weight: bold; color: #666; }
#col_right { float: right; width: 24.6em; height: 100%; background: #f0f0f0; }
#search_box { padding: 2em 1em 2em 1em; background: #ebebeb url(images/search_box_bg.gif) bottom repeat-x; border-left: 1px solid #fff; }
#search_box input { float: left; width: 11em; margin-top: .3em; }
#search_box .button_wrapper { float: left; width: 6em !important; margin-left: .5em; }
#sidebar { padding: 1em 1em 2em 1em; text-align: left; font-size: 130%; background: url(images/sidebar-bg.gif) 0px 150px no-repeat; }
#sidebar h2 { font-size: 90%; color: #FFFFFF; display: block; margin-top: 10px; padding-left: 10px; letter-spacing: 2px; }
#sidebar ul li { display: block; list-style-type: none; font: 1.1em Lucida Sans Unicode, Trebuchet MS; line-height: 2em; color: #111; }
#sidebar ul li ul { list-style-position: inside; list-style-type: none; }
#sidebar ul li ul li { font-size: 1em; }
#sidebar ul li ul li ul li { margin-left: 1em; }
#sidebar a { display: block; text-decoration: none; color: #000000; font-weight: bold; text-transform: uppercase; font-size: 120%; padding: 5px; padding-left: 30px; }

#sidebar li.page-item-3 a { background: url(images/spade.gif) left center no-repeat; }
#sidebar li.page-item-4 a { background: url(images/heart.gif) left center no-repeat; }
#sidebar li.page-item-5 a { background: url(images/club.gif) left center no-repeat; }
#sidebar li.page-item-8 a { background: url(images/diamond.gif) left center no-repeat; }
#sidebar li.page-item-79 a { background: url(images/spade.gif) left center no-repeat; }
#sidebar li.page-item-15 a { background: url(images/heart.gif) left center no-repeat; }
#sidebar li.page-item-11 a { background: url(images/club.gif) left center no-repeat; }
#sidebar li.page-item-10 a { background: none; }
#sidebar li.page-item-76 a { background: none; }


#sidebar a:hover { background: url(images/star.gif) #0E3789 left center no-repeat!important; color: #FFFFFF; }
#sidebar li li li a { font-size: 90%; height: 80%; background: none; }
#footer { padding: 2em 1em 2em 1em; background: #050505 url(images/footer_bg.gif) bottom repeat-x; }
#footer_left { float: left; width: 50.5em; }
#footer_right { float: right; width: 23.6em; }
#footer .header { border-top: 1px solid #464242; border-bottom: 1px solid #464242; }
#footer h2 { margin: .5em 0 .5em 0; font: 1em verdana; line-height: 1.6em; font-weight: bold; color: #fff; }
#footer h3 { margin: .1em 0 .1em 0; padding-left: .5em; background: #202020; font: 1em verdana; line-height: 1.6em; font-weight: bold; color: #fff; }
#footer a { font: 1.1em Lucida Sans Unicode, Trebuchet MS, Sans; line-height: 2em; text-decoration: none; color: #fff; }
#footer ul li { list-style-type: none; }
#footer ul ul { background: url(images/footer_li_trim.gif) top repeat-x; list-style-position: inside; list-style-type: none; }
#footer ul ul li { background: url(images/footer_li_trim.gif) bottom repeat-x; }
#footer ul ul li a { display: block; padding-left: 2em; background: url(images/bullet.gif) .5em center no-repeat; }
#footer ul ul li:hover { background: #1e1e1e; }
#footer p { margin-top: 1.6em; font: 1.2em Lucida Sans Unicode, Trebuchet MS, Sans; line-height: 1.5em; color: #fff; }
#footer .credit { text-align: center; }
#footer .credit a { color: #fff; text-decoration: none; }
#footer .credit a:hover { text-decoration: underline; }

/*WIDTHS*/
.s49 { width: 49%; }

/*CLASSES*/
.button_wrapper { width: 15em; border: 1px solid #bfbfbf; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }

/*REQUIRED*/

.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 0 10px 10px 0; }
.alignright { float: right; margin: 0 0 10px 10px; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }




/*CUSTOM*/

body { 
background-image: url('images/bg.jpg');
background-repeat: repeat;
margin: 0;
padding: 0;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

td.leftBG {
background: url('images/bg-right.jpg') top left repeat-y fixed; 
width: 120px;
text-align: left;
}
td.leftStripe {
background: url('images/left-stripe.gif') top left repeat; 
width: 17px;
}
td.rightStripe {
background: url('images/right-stripe.gif') top right repeat; 
width: 17px;
}
td.rightBG {
background: url('images/bg-left.jpg') top right repeat-y fixed; 
width: 120px;
text-align: right;
}
div.sliding-content {
background-image: url('images/sliding-bg.png');
background-repeat: repeat;
position: relative;
width: 97%;
height: 100%;
padding: 10px;
/*overflow: auto;*/
font-size: 150%;
line-height: 200%;
border: 1px solid #000000;
text-align: left;
min-height: 500px;
min-width: 300px;
}
td.cautionBG {
background: url('images/caution-tape-bg.gif') repeat;
}
td.blackRow {
background: #000000;
}
td.blackRow a {
color: #CCCCCC;
text-decoration: none;
}
td.blackRow a:hover {
color: #FFFFFF;
text-decoration: underline;
}
div.bottomShadow {
width: 100%; background: url('images/header-shadow.png') repeat-x; position: absolute; left:0; z-index: 100;
}
td.contentRow {
background: url('images/neil-bg.gif') center no-repeat; padding: 25px 15px 0 0;
}
td.greyBg {
background: #D8D7D7;
}
table.greyBg {
background: url('images/mainbg.gif') #D8D7D7 top right repeat-y;
}

ul.footerNav { margin: 0 0 10px 0; padding: 0; list-style-type: none; list-style-image: none; height: 30px; }
ul.footerNav li {display: inline; }
ul.footerNav li a { top: 4px; left: 4px; position: relative; text-decoration:none;  margin: 4px; padding: 5px 10px; color: #ffffff; background: #000000; border: 3px solid #000000; font-weight: bold;}
ul.footerNav li a:hover {background: #CC3333; }

ul.footerNav2 { margin: 0; padding: 10px 0 0 0; list-style-type: none; list-style-image: none; height: 30px; }
ul.footerNav2 li {display: inline; }
ul.footerNav2 li a { top: 4px; left: 4px; position: relative; text-decoration:none;  margin: 4px; padding: 2px 10px; color: #000000; font-weight: bold;}
ul.footerNav2 li a:hover {color: #CC3333; }