/*
Theme Name: The Federal Palace Hotel & Casino
Description: Theme based on Starkers
Version: 1.0
Author: Quirk
Author URI: http://www.quirk.biz
*/

/* RESET */
/* ----------------------------------------- */
/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
strong { font-weight:bold }
em { font-style:italic }
a img { border:none }

/* LAYOUT */
/* ----------------------------------------- */
/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */
.alert { background:red; color:white } /* 'alert' has a basic style, since it's useful to have it standing out for testing purposes. */


body {
  font-family: 'Arial', sans-serif;
  font-size: 12px;
  color: #666666;
  background: #FFFFFF;
}
a, a:active, a:visited {
  color: #9C884B;
  text-decoration: underline;
  line-height:18px;
}
a:hover {
  color: #004C97;
  text-decoration: underline;
}
.archive h2 a:link,.archive h2 a:visited,.archive h2 a:hover {
    color: #243E77;
    font-size: 22px;
    text-decoration: none;
    font-weight:normal;
}
h1, h2, h3, h4, h5, h6 {
  padding: 0;
  margin: 0 0 10px 0;
  /*color: #07070A;*/
  font-weight: bold;
}
h1 { font-size: 24px; margin-bottom:15px; line-height:26px; color: #9C884B;  }
h2 { font-size: 18px; font-weight:normal; color:#243E77; line-height:22px;}
h3 { font-size: 18px; line-height:22px; color:#243E77; font-weight:normal; }
h4 { font-size: 16px; }

.page-template-page-home-php #siteWrapper {
  width: 100%;
  background: #FFFFFF url('images/body_bg.gif') no-repeat center top;
}
.page-template-page-home-php {
}
.page .page-template-default #siteWrapper {
  width: 100%;
  background: #FFFFFF;
}
.page-template-default #mainContent{
padding-top:20px;
}
/* ==header */
#header {
  position: relative;
  display: block;
  width: 960px;
  margin: 0 auto;
  background: transparent;
}

#header #mainLogo {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  margin-top:0px;
  background: url('images/common/header/logo.png') no-repeat left top;
  height: 249px;
  z-index: 999;
}

#header #tagline {
    border-left: 1px solid #E0E0E0;
    display: inline-block;
    float: right;
    margin: 0 0 0;
    padding: 0 0 0 0;
    vertical-align: top;
    width: 374px;

}

#menu-main-navigation {
  display: block;
  position: absolute;
  left: 0;
  top: 125px;
  width: 560px;
  height: 61px;
  list-style: none;
  margin: 0;
  padding: 0 40px 0 350px;
 /* background: url('images/menu-bar.png') top left no-repeat; */
  text-align: right;
  z-index: 10;
}

#menu-main-navigation li {
  float: left;
  margin-right: 10px;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0; 
  display: block;
}

#menu-item-1144{
_width:140px;
}
#menu-item-991{
_width:110px;
}
#menu-main-navigation li a{
  color: #666666;
  text-decoration: none;
  line-height: 50px;
  font-size: 15px;
  font-weight: bold;
  padding-left: 25px;
}
#menu-main-navigation li a:hover, #main-navigation li a:visited  {
  color: #9C884B;
}
#menu-main-navigation li ul a {
  padding: 5px;
  background: #efefef;
  text-align: left;
  width: 100px;
}
#menu-main-navigation li .sub-menu {
  position: absolute;
  left: -9999px;
  background: #efefef;
  z-index:900;
    width: 210px;
}
#menu-main-navigation li .sub-menu li {
  display: block;
  float: left;
  clear: left;
  z-index:500;
}
#menu-main-navigation li .sub-menu li a {
  padding: 0 20px;
  line-height: 30px;
}
#menu-main-navigation li .sub-menu {
  float: none;
}
#menu-main-navigation li:hover .sub-menu {
  left: 0;
}
/* !=header */

/* ==billboard */
#billboard {
  position: relative;
  clear: both;
  width: 960px;
  height: 320px;
  padding: -20px 0 0 0;
  margin: 0 auto;
  background: transparent;
  z-index:2;
}
#billboard .inner {
  margin: 38px 0 0 50px;
  width:240px;
}

#billboard #mainPostImage {
  position: absolute;
  left: 0;
  top: 0px;
  z-index:10;
  background: transparent url('images/polaroids.png') top left no-repeat;
  height: 374px;
  width:331px;
  margin-top:-70px;
  margin-left:0px;
}
#billboard #mainPostDetail {
  margin:20px 0 0 355px;
}
#billboard #mainPostDetail .content {
  padding: 20px 50px 20px 50px;
  /*background: transparent url('images/scroll.png') 0px 30px no-repeat;*/
  background: #ffffff;
  height:190px;
  width:420px;
  color:#333;
  font-size:14px;
}
#billboard #mainPostDetail .content h2 {
    color: #9C884B;
    font-size: 25px;
    padding: 0px 0 0;
    text-align: left;
    font-weight:bold;
}
#billboard #mainPostDetail .content h3{
	font-size:14px;
	font-weight:normal;
	color:#666666;
}
/* !=billboard */


/* ==mainContent */
.home #mainContent {
  background: #fff;
}
.home #mainContent #primary h2{
  line-height: 20px;
  color: #B6650C;
}
.paged-11 #mainContent {
}
.paged-11 #mainContent p{

}
#mainContent {
  clear: both;
  position: relative;
  width: 960px;
  height:auto;
  margin: 0 auto;
 /* padding-top:40px; */
 /* background: #fff url('images/common/main_content/top_shadow.jpg') repeat-x center top; */
}

#mainContent #primary {
  width: 610px;
  padding: 0px 20px 10px 20px;
  margin-bottom: 0;
  line-height: 20px;
  background: #fff;
  height: 1100px;
  margin-left: -30px;
}
.single #mainContent #primary ul li{
 list-style: disc;
 margin-left:25px;
padding-bottom:5px;
}
.single #mainContent #primary ul li:last-child{
padding-bottom:15px;
}
.single #mainContent #primary ol li{
 list-style: decimal;
 margin-left:25px;
padding-bottom:5px;
}
#mainContent #primary.full-width {
  width: 920px;
  padding: 20px;
  background: white;
}
#mainContent #primary .post {
    display:block;
    float:left;
    padding:20px 0;
    border-bottom: 1px dotted #333333;
}
#mainContent #primary .post-thumbnail{
    float:left;
    padding: 0px;
   /* background: url('images/no_thumb.png') top left no-repeat;*/
    width:150px;
    height:150px;
    margin-right:20px;
}
#mainContent #primary .post-thumbnail img{
    padding:7px;
    border: 1px solid #999;
    background:#ececec;
}
#mainContent #primary .post h2 a {
  font-size: 20px;
  color: #243E77;
  text-decoration: none;
font-weight:normal;
}
#mainContent #primary .post h2 {
  text-decoration: none;
}

#mainContent #primary .post ul { list-style: disc; }
#mainContent #primary .post ul li { list-style: disc; padding: 0 0 2px 0; margin: 0 0 0 20px; }
#mainContent #primary .post ol { list-style: decimal; }
#mainContent #primary .post ol li { list-style: decimal; padding: 0 0 2px 0; margin: 0 0 0 20px; }
#mainContent .posts h3 {
  color:#999;
  font-style:italic;
  font-size:14px;
  font-weight:normal;
  padding-top:4px;
}

#mainContent p {
    margin-bottom:12px;
}

#primary span a {
    margin-bottom:12px;
}

img.alignleft {
    margin: 10px 10px 10px 0px;
    padding:7px;
    border: 1px solid #999;
    background:#ececec;
}
img.alignright {
    margin: 10px 0px 10px 10px;
    padding:7px;
    border: 1px solid #999;
    background:#ececec;
}
.nextprev{
    display:block; 
    float:left; 
    height:50px; 
    width:100%; 
    margin-top:10px;
}
.nextprevtop{
    display:block; 
    float:left; 
    height:50px; 
    width:100%; 
    margin-top:15px;
}

/* !=mainContent */

a.linkOlderEntries {
  display: block;
  width: 182px;
  height: 44px;
  margin: 0px 0 5px 0;
  padding: 0 0 10px 0;
  background: url('http://tablebay.suninternational.com/wp-content/themes/tablebay-blog/images/prev_button.png') no-repeat left top;
  text-indent: -9000px;
}
a.linkNewerEntries {
  display: block;
  width: 182px;
  height: 44px;
  margin: 5px 0 0 0;
  padding: 0 0 10px 0;
  background: url('http://tablebay.suninternational.com/wp-content/themes/tablebay-blog/images/newer.gif') no-repeat left top;
  text-indent: -9000px;
}

#primary .readmore {
font-size: 1.2em;
line-height: 1.5em;
color: #9C884B;
/*background: url('images/read_more.png') no-repeat;*/
width: 111px;
height: 36px;
display: block;
text-indent: -9999px;
float:right;
text-align:right;
padding:5px;
}

.st_sharethis{
height:20px;
}

/* Categories Pages */
#mainContent #primary .cat{
color: #9C884B;
text-transform:uppercase;
font-size:14px;
}
h2 a:link, h2 a:visited, h2 a:hover{
color: #9C884B;
text-decoration:none;
font-size:14px;
}
.page #mainContent #primary h2{
    margin-top: 0px;
    margin-bottom:10px;
    line-height:20px;
    color: #FFFFFF;
    font-size:16px;
}
.archive #mainContent #primary h2{
    margin-top: 10px;
    margin-bottom:0px;
    line-height:20px;
}

/* Categories Pages */

/* Comments */
#commentform .comment-form-comment label{
    display:none;
}
#commentform .form-allowed-tags{
    display:none;
}
#reply-title{
    padding-bottom:5px;
    border-bottom: 1px dotted #BBB;
}
.comment-form-email span.required {
 padding-right: 0.86em;
}
#commentform span.required{
    color:red;
    padding-right: 0.786em;
}
.comment-form-url label{
    padding-right: 0.775em;
}
.comment-meta a:link, .comment-meta a:visited, .comment-meta a:hover {
    color:#333;
    font-size:10px;
}
.comment {
  padding-bottom:5px;
    border-bottom: 1px dotted #BBB;
    margin-bottom:15px;
}
a.comment-reply-link:link { color:#333;
}
.pingback {
    width:620px;
}
.pingback a:link, .pingback a:hover, .pingback a:visited{
    color:#333;
}
.pingback{
 padding-bottom:5px;
    border-bottom: 1px dotted #BBB;
}
.entry-meta{
    padding-left:170px;
}
/* Comments */

/* ==sidebar */
#secondary {
	position: absolute;
	top: 9px;
	right: -4px;
	margin-top: 50px;
	font-size: 12px;
  /*
  float: right;
  display:none;
  */
}
#sidebar {
  padding: 0 0 0 20px;
  background: transparent url('images/common/main_content/sidebar_shadow.png') repeat-y left top;
  margin-top: 200px;

}
#sidebar h3.widget-title {
  background: url('images/trsa_widget_title.png') no-repeat;
  width: 280px;
  height: 25px;
  margin-left: -16px;
  text-align: left;
  padding-top: 14px;
  padding-left: 20px;
  font-size: 16px;
color:#8A8989;
}
#sidebar a{
    color: #243E77;
    text-decoration: none;
}
#sidebar ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width:285px;
}
#sidebar ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#sidebar ul.more_si li {
    list-style: disc outside none;
    margin: 0 20px 0 20px;
    padding:0px;
}
#sidebar ul.xoxo li {
  padding: 0px 0 20px 0;
}
#sidebar ul.xoxo li.widget_search {
  padding: 0;
}
#secondary .sidebar-bottom {
  display: block;
  width: 10px;
  height: 50px;
  margin: 0;
  background: transparent url('images/common/main_content/sidebar_shadow_bottom.png') no-repeat left top;
}
input#searchsubmit {
    background: url("images/search-button.jpg") no-repeat scroll left 4px transparent;
    border: 0 none;
    cursor: pointer;
    height: 40px;
    margin: 0;
    padding: 0;
    text-indent: -9000px;
    width: 85px;
}

.textwidget {
  min-height: 40px;
}
#sidebar ul.social_icons li {
float: left;
margin: 0 5px 0 0;
}
#s {
margin:20px 0px 5px;
width: 180px;
padding:5px;
}
/* !=sidebar */

/* !=comment */


#commentform #submit {
background: url('images/submit_button.gif') no-repeat top;
width: 93px;
height: 42px;
border: 0px;
cursor: pointer;
display: block;
text-indent:-9999px;
}
.hr {
    border-bottom: 1px dotted #BBBBBB;
    height: 5px;
    margin-bottom: 30px;
}
.clear {
    clear: both;
}

/* ==footer */
#footer {
  clear: both;
  width: 100%;
  position:absolute;
}

#blogFooter{

}
#siFooter {
  width: 960px;
  margin: auto auto;
  padding: 0 0 0 0;
  background: #fff;
}
#siFooter .content .copyrightNotice {
  display: block;
  width: 960px;
  height: 31px;
  text-transform: uppercase;
  color: #B2AB7F;
  background: url('images/common/footer/copyright.gif') no-repeat left top;
  text-indent: -9000px;
}
#footer ul {
  list-style: none;
  margin: 0;
  padding-top: 20px;
  height:45px;
}

#footer ul li {
  list-style: none;
  margin: 0;
  padding: 0px 10px;
  float:left;
  border-right: 1px solid #333;
}
#footer, #footer ul li a{
  color:#333;
  text-decoration: none;
}
#footer ul li:last-child{
    border-right: 0;
}
#footer a:hover{
  color:#9C884B;
  text-decoration: underline;
}
#footer h2{
    font-weight: bold;
    font-size:20px;
    color: #B6650C;
    margin-bottom:10px;
}

#blogFooter p {
    margin-bottom:10px;
}
#blogFooter .st_sharethis{
   display:none;
}
#blogFooter .tweetmeme_button{
  display:none;
}
#blogFooter h3{
  color: #003366;
    font-size: 18px;
    font-weight: bold;
}
/* !=footer */

/* Menu Links */

.menus {
  padding: 20px;
}

.menus > a {
  margin: 20px;
}