/* PRELOAD IMAGES */

.preloadImages { position: absolute; overflow: hidden; left: -9999px; top: -9999px; height: 1px; width: 1px; }
.preload { height: 1px; width: 1px; }

/* STANDARD */

* { margin: 0; padding: 0; font-family: Trebuchet MS, verdana, sans-serif; font-size: 13px; line-height: 18px; }
a { text-decoration: none; color: #555555; }
a:hover { color: #6699FF; text-decoration: none; }
img { border:none; }
h1 { font-size: 20px; }
h2 { font-size: 16px; margin-bottom: 15px; }
h3 { font-size: 13px; }
ul, ol { list-style: none; }

/* LAYOUT */

body {background: #2c1106 url(../images/background.jpg) center top repeat-x;margin: 0;padding: 0;}

#mainContainer {width: 912px;margin: 15px auto;}

#headerContainer {height: 180px;cursor: pointer;background: transparent url(../images/header.jpg) top center no-repeat;}

#topMenuContainer {height: 51px;background: transparent url(../images/topmenubg.png) top center no-repeat;}
#topMenuContainerPadding {padding: 13px 0 0 15px;}

#contentContainerTop {height: 17px;background: url(../images/contenttop.png) top center no-repeat;}
#contentContainer {background: url(../images/contentmiddle.png) top center repeat-y;}
#contentContainerPadding {padding: 0 15px;}
#contentContainerBottom {height: 17px;clear: both;background: url(../images/contentbottom.png) top center no-repeat;}
#contentContainerBottomShadow {height: 30px;background: url(../images/contentbottomshadow.png) top center no-repeat;}

/* LEFT COLUMN */

#leftContainer {width: 210px;float: left;}

/* RIGHT COLUMN */

#rightContainer {margin-left: 220px;}

/* TOP MENU CONTAINER */

#menuTop {width: 200px;height: 40px;background: url(../images/menutop.png) top center no-repeat;}
#menuTopPadding {padding: 8px 12px 0 12px;}

/* SIDE MENU CONTAINER */

#menuMiddle {width: 200px;background: url(../images/menumiddle.png) top center repeat-y;}
#menuMiddlePadding {padding: 5px 12px 0 12px;}
#menuBottom {width: 200px;height: 18px;background: url(../images/menubottom.png) top center no-repeat;margin-bottom: 15px;}

/* FOOTER */

#footerContainer {color: #ccc;text-align: center;}
#footerContainer * {font-size: 11px;color: #fff;}
#footerContainer a {border-bottom: none;}
#footerContainer a:hover {border-bottom: 1px dotted #ffff99;}
#footerContainerPadding {padding: 0 10px 20px 10px;}

/****************************/
/*** HARD CODED CSS ***/
/****************************/

#postContainer { margin-bottom:2px; }
#postContainer:hover {}
#postContainerPadding { padding: 10px 2px; }
#postContainerIcon { float:left;margin:0 10px 5px 0;width:81px;height:81px;background:#fff url(../images/posticonbg.png) no-repeat; }
#postContainerIcon img { width:75px;height:75px; }
#postIconContainer { width:81px;height:81px;background:#fff url(../images/posticonbg.png) no-repeat; }
#postIconContainer img { width:75px;height:75px; }
#postContainerTitle { margin-bottom: 5px; }
#postContainerTitle h3 a { color: #000; font-size:14px; }
#postContainerTitle h3 a:hover { color: #6699FF; text-decoration: none; }
#postContainerDescription { font-style: italic; margin-bottom: 6px; color:#222; }
#postContainerStats { padding: 0 10px; font-style: italic; }
#postContainerStats * { font-size: 9px; }
#postContainerDate { font-size: 10px; }
#postContainerAuthor { float: right; font-size: 10px; }
#postContainerKeywords { display:none; }

#clear { clear: both; height: 1px; }

#postContent {}
#morebyContainer { font-style: italic; text-align: center; }

#autoPageBreakPaging {}
#autoPageBreakPaging a { color: #3333aa; }
#autoPageBreakPagingCurrent { margin:2px; padding:2px 4px; border:1px solid #000; background-color:#000; color:#fff; }
#autoPageBreakPagingPage { margin:2px; padding:2px 4px; border:1px solid #ccc; background-color:#eee; color:#333; }
#autoPageBreakPagingNext { margin:2px; padding:2px 4px; border:1px solid #ccc; background-color:#eee; color:#333; }
#autoPageBreakPagingPrev { margin:2px; padding:2px 4px; border:1px solid #ccc; background-color:#eee; color:#333; }

#categoryPostsHeading { border-top: 1px solid #ddd; border-bottom: 3px solid #999; background: #eee; padding: 4px; margin-bottom: 8px; }
#categoryPostsHeading a { font-weight:bold; font-size:15px; color:#333; text-decoration:none; }

/*** USER SECTIONS CSS ***/

#userAccountPageContents { padding: 10px; background-color:#fff; color:#000; }
#userAccountPageContents a { color:#3333cc; }

/*** PAGINATION CSS ***/

#pagingContainer { text-align: center; padding: 10px 0; font-weight: bold; }
#pagingContainerForm {}
#pagingContainerPrevLink {}
#pagingContainerPrevLink:hover {}
#pagingContainerPrevLinkOff { display: none; }
#pagingContainerNextLink {}
#pagingContainerNextLink:hover {}
#pagingContainerNextLinkOff { display: none; }
#pagingContainerDropdown {}
#pagingContainerFormSubmitButton {}

/*** COMMENTS FROM CSS ***/

#commentFormContainer {}
#commentFormContainerHeader {}
#commentFormContainerTextareaContainer {}
#commentFormContainerTextarea {}
#commentFormContainerSubmitButtonContainer { text-align: right; }
#commentFormContainerSubmitButton { border:1px solid #000; background:#000; color:#fff; font-weight:bold; font-size:15px; padding:2px 8px; cursor:pointer; }
#commentFormContainerSubmitButton:hover { background:#ffffaa; color:#000; }

/*** PRIVATE MESSAGE FORM CSS ***/

#messageFormContainer {}
#messageFormContainerHeader {}
#messageFormContainerTextareaContainer {}
#messageFormContainerTextarea {}
#messageFormContainerSubmitButtonContainer { text-align: right; }
#messageFormContainerSubmitButton { border:1px solid #000; background:#000; color:#fff; font-weight:bold; font-size:15px; padding:2px 8px; cursor:pointer; }
#messageFormContainerSubmitButton :hover { background:#ffffaa; color:#000; }

/*** MESSAGE CSS ***/

#messageSuccess { padding: 10px; background-color: #aaffaa; font-weight: bold; color: #000; }
#messageError { padding: 10px; background-color: #ffaaaa; font-weight: bold; font-style: italic; color: #000; }

#messageSuccess a, #messageError a { color: #2222ee; }
#messageSuccess a:hover, #messageError a:hover { color: #222; }

/*** CALENDAR CSS ***/

.calendar { width: 100%; }
.calendarHeader { color: #000; font-size: 16px; height: 50px; }
.calendarHeader a { text-decoration: none; color: #222; }
.calendarHeader a:hover { text-decoration: underline; color: #444; }
.calendarDayHeader { background-color: #333; color: #eee; }
.calendarBlankDay { background-color: #ccc; width: 91px; height: 91px; }
.calendarBlankDay:hover { background-color: #aaa; }
.calendarDay { background-color: #eee; color: #333; text-align: right; vertical-align: top; width: 91px; height: 91px; }
.calendarDay:hover { background-color: #ffffbb; }
.calendarToDay { background-color: #ccccff; color:#000; text-align: right; vertical-align: top; width: 91px; height: 91px; }
.calendarToDay:hover { background-color: #ffff99; }
.calendarEvent { background-color: #fff; text-align: center; padding: 2px; margin: 2px; font-size: 10px; line-height: 14px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
.calendarEvent a { text-decoration:none; }

/*** FORM CSS ***/

input[type="text"] { border:1px solid #333; background-color:#fff; padding:3px; }
input[type="password"] { border:1px solid #333; background-color:#fff; padding:3px; }
textarea { border:1px solid #333; background-color:#fff; padding:3px; }

#userFormSubmitButton { border:1px solid #000; background:#000; color:#fff; font-weight:bold; font-size:15px; padding:2px 8px; cursor:pointer; }
#userFormSubmitButton:hover { background:#ffffaa; color:#000; }

#searchFormSubmitButton { border:1px solid #000; background:#333; color:#fff; font-weight:bold; font-size:15px; padding:2px 8px; margin:0; cursor:pointer; }
#searchFormSubmitButton:hover { background:#ffffaa; color:#000; }

/*** CATEGORY MENU LEVELS CSS ***/

.lvl1 { font-weight: normal; }
.lvl2 { font-weight: normal; padding-left: 10px; }
.lvl3 { font-style: italic; padding-left: 10px; }
.lvl4 { font-style: italic; padding-left: 10px; }
.lvl5 { font-style: italic; padding-left: 10px; }
.lvl1 { padding: 2px 0; }
.lvl1_subs { padding: 4px 0; }

/*** BREADCRUMB TRAIL CSS ***/

#breadcrumbTrail { margin-bottom: 10px; }
#breadcrumbTrail * { font-size: 10px; }
#breadcrumbTrailTitle {}

/*** CATEGORIES PAGE CSS ***/

#categoriesPageRssFeed {}

/*** SEARCH PAGE ***/

#searchFilters { border: 1px solid #ccc; color:#000; background-color: #eee; text-align:center; }
#searchFiltersPadding { padding: 5px 10px; }
#searchFiltersFormSubmitButton { border:1px solid #000; background:#000; color:#fff; font-weight:bold; font-size:12px; padding:2px 4px; cursor:pointer; }
#searchFiltersFormSubmitButton:hover { background:#ffffaa; color:#000; }

/*** ALTERNATE ROW BACKGROUNDS ( used in includes/template_data.php ) ***/

.SP_row_odd {  }
.SP_row_even {  }

.commentRow_odd { border-bottom:1px solid #aaa; margin-bottom:5px; }
.commentRow_even { border-bottom:1px solid #aaa; margin-bottom:5px; }

/*** PLUGIN FEATUTED SLIDESHOW 3 CSS */

#feature_list_container { width:660px; }
#feature_list_container #feature_list { width:660px; height:240px; overflow:hidden; position:relative; }
#feature_list_container #feature_list ul { position:absolute; top:0; list-style:none; padding:0; margin:0; }

#feature_list_container #feature_list ul#tabs { right:0; z-index:2; width:236px; }
#feature_list_container #feature_list ul#tabs li { margin-bottom:2px; border:1px solid #999; height:1%; text-align:center; }
#feature_list_container #feature_list ul#tabs li:hover { cursor:pointer; }
#feature_list_container #feature_list ul#tabs li a { background:url(../images/featured_slideshow_3_tabbg.png) left center repeat-x; font-weight:bold; color:#222; text-decoration:none; display:block; padding:20px 10px 2px 10px; height:34px; outline:none; }
#feature_list_container #feature_list ul#tabs li a:hover, ul#tabs li a.current { background:url(../images/featured_slideshow_3_tabbghover.png) left center repeat-x; color:#fff; cursor:pointer; }
#feature_list_container #feature_list ul#tabs li a.current { background:url(../images/featured_slideshow_3_tabbghover.png) left center repeat-x; color:#fff; }
#feature_list_container #feature_list ul#tabs li a.current:hover { text-decoration:none; cursor:none; cursor:pointer; }
#feature_list_container #feature_list ul#tabs li a div { height: 20px; overflow:hidden; }

#feature_list_container #feature_list ul#output { left:0; width:420px; height:236px; position:relative; overflow:hidden; border:1px solid #999; background: #000 url(../images/featured_slideshow_3_loading.gif) center -50 no-repeat; }
#feature_list_container #feature_list ul#output li { position:absolute; width:420px; height:238px; }
#feature_list_container #feature_list ul#output li a { text-decoration:none; color:#fff; font-size:11px; }
#feature_list_container #feature_list ul#output li div { position:absolute; bottom:0; left:0; padding:10px; background:#000; width:400px; filter:alpha(opacity=90); opacity:.9; }
#feature_list_container #feature_list ul#output li a:hover div { color:#ffff99; }

/* SEARCH BUTTON CSS */

#searchBox { background:transparent url(../images/searchbox.png) no-repeat;width:229px;height:27px;border:none;outline:0;color:#555;margin:0; }
#searchButton { background:transparent url(../images/searchbutton.png) -10px 0 no-repeat;width:100px;height:27px;border:none;cursor:pointer; }
#searchButton:hover { background:transparent url(../images/searchbuttonhover.png) -10px 0 no-repeat;width:100px;height:27px;border:none;cursor:pointer; }
