/* 
Theme Name: Shanghai SF
Theme URL: adapted from http://playportal.net
Description: A simple, fast loading blue theme for your blog or site. Designed for those who want the content to do the talking, not the theme. Based upon the blank 'Whiteboard' Canvas by Brian Purkiss.
Author: Gabe Smedresman adapted from James Wigger
Author URI: http://playstuff.net
Version: 1.21
Tags:blue, light, silver, one-column, fixed-width
*/

html {
height: 100%;
}

body {
background:url(images/new_bg.png) repeat-y center top #000;
color:#ddd;
font-family:trebuchet MS;
font-size:12px;
height: 100%;
}

a, a:active, a:visited {
color: #e1af5d;
font-weight: bold;
text-decoration: none;
}

a:hover {
background: #720000;
color: black;
}

a img { border: 0; }

h1, h2, h3, h4 {
  color: #e1af5d;
}

table, tr {
background:#ececec;
border:1px solid #c5c5c5;
}

thead, th {
font-weight: bold;
color: #000;
text-align: left;
padding: 6px;
background: #fff;
}

td {
border: 1px solid #c5c5c5;
text-align:center;
background:#fff;
padding:6px;
color: #000;
}

code, pre {
background:#ececec;
color:#000;
display:block;
direction:ltr;
text-align:left;
border:1px solid #c5c5c5;
margin:8px 2px;
padding:5px;
overflow:auto;
}

#buynow_button {
position: absolute;
top: 0px;
left: 800px;
height: 150px;
width: 150px;
background: url(images/button.png) no-repeat;
}

#buynow_button:hover {
background: url(images/button_hover.png) no-repeat;
}

#main {
width:850px;
margin:0 auto;
position: relative;
min-height: 100%;
padding-bottom:65px;
}

#slideshow {
margin: auto;
margin-top: 20px;
}

#header {
  display: block;
height:135px;
background: url(images/header.png) 100px 0px no-repeat;
width:100%;
}

#header h1 {
margin:0;
padding:40px 0 0 35px;
display: none;
}

#header h1 a {
text-decoration:none;
color:#fff;
}

#header h1 a:hover {
color:#ccc;
}

#header span {
display: none;
}

#navigation {
height: 50px;
background: url(images/banner.png);
background-position: -10px 26px; 
background-repeat: no-repeat;
margin-bottom: -16px;
padding:5px;
font-size:14px;
font-weight:bold;
text-align: center;
}

#navigation ul {
list-style:none;
margin:5px 0 0 0;
padding:0;
display:inline;
}

#navigation ul li {
display: inline;
overflow: hidden;
}

#navigation ul li a {
position: relative;
padding:5px 10px 5px 10px;
margin: 0px 8px;
color: black;
background: #ececec url(images/tab_tan_middle.png);
}
#navigation ul li a:before {
position: absolute;
display: inline;
left: -8px;
top: 0px;
content: url(images/tab_tan_left.png);
}
#navigation ul li a:after {
position: absolute;
display: inline;
right: -8px;
top: 0px;
content: url(images/tab_tan_right.png);
}
#navigation ul li a:hover {
color: white;
}

#navigation ul li.current_page_item a {
background: #5d0000 url(images/tab_red_middle.png);
color: #c1ab7c;
}
#navigation ul li.current_page_item a:before {
content: url(images/tab_red_left.png);
}
#navigation ul li.current_page_item a:after {
content: url(images/tab_red_right.png);
}

#navigation ul li.current_page_item a:hover {
color: white;
}

#s {
height:14px;
width:120px;
border:1px solid #170301;
background-color: #4b3f32;
font-size:10px;
}

#content {
margin: 0px 38px;
background: black url(images/post_bg.png) center top no-repeat;
min-height: 400px;
}

#post {
padding: 20px 30px;
margin:10px 0 0px 0;
font-size: 12pt;
}

#post h2{
text-align: center;
font-family: Rockwell, Georgia, serif;
margin:0;
font-size: 18pt;
}

#postmeta {
color: #b9a06e;
border-top:1px solid #b9a06e;
padding:5px 10px 5px 10px;
margin:0 15px 20px 15px;
font-size:11px;
}

#postmeta ul {
list-style:none;
margin:5px 0 0 0;
padding:0;
display:inline;
}

#postmeta ul li {
display: inline;
}

#postmeta ul li a {
padding:5px;
color: #b9a06e;
}

#postmeta ul li a:hover {
background:#720000;
}

#postnavigation {
text-align:center;
padding:5px 10px 5px 10px;
margin:0 15px 20px 15px;
}

#postnavigation ul {
list-style:none;
margin:0 0 0 0;
padding:0;
display:inline;
}

#postnavigation ul li {
display: inline;
}

#postnavigation ul li a {
padding:5px 10px 5px 10px;
background:#ececec;
border:1px solid #c5c5c5;
}

#postnavigation ul li a:hover {
background:#f4f4f4;
}

#comments {
background:#222;
border:1px solid #000;
margin:0 20px 15px 20px;
padding:5px 10px 5px 10px;
}

#comments ul {
list-style:none;
margin: 0;
padding:0;
}

.singlecomment {
padding:3px;
margin:5px 0 5px 0px;
}

.singlecomment li {
background:#333;
border:1px solid #222;
padding:3px;
margin:5px 0 5px 0px;
}

#commentsform {

}

#commentsform input{
border:#666 1px solid;
overflow:auto;
}

#commentsform textarea{
border:#666 1px solid;
overflow:auto;
}

#sidebar {
text-align:center;
padding:30px 0px 2px 0px;
margin:0 0 0 0;
background: url(images/banner.png) -10px 0px no-repeat;

}

#sidebar h2 {
margin:2px 20px 2px 20px;
padding:2px 0 2px 0;
color:#b9a06e;
font-size:18px;
}

#sidebar ul {
list-style:none;
margin: 0;
padding:0;
}

#sidebar ul li {
display: inline;
margin-right: 10px;
}

#sidebar ul li a {
margin:0;
display: inline;
text-decoration: none;
}

#sidebar ul li a:hover {
background: #720000;
}

#footer {
left:20px;
height:40px;
margin:20px auto 0 auto;
text-align:center;
line-height:40px;
}


.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.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;
}