/*

Play It Again

*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
html,body{ height: 100% !important; margin: 0; padding: 0; }
body { line-height: 1; }
h1, h2, h3, h4, h5, h6 { clear: both; font-weight: normal;}
table { border-collapse: collapse; border-spacing: 0; }
a img {	border: none; }


/* =Layout
-------------------------------------------------------------- */

#container { overflow: hidden; margin: 20px 0; width: 100%; float: left; height:100% !important; position: relative; }
#content { margin: 0; width: 730px; padding-left: 10px; }
#content .hentry { width: 700px; }
#sidebar { width: 260px; float: left; padding: 0 10px; height: auto; }

.home #container { background: url(images/homeborder.gif) top left repeat-y; }
#container { background: url(images/singleborder.gif) top left repeat-y; }
.adv #container { background: url(images/singleborder.gif) top left repeat-y !important; }

#threecolumn { width: 350px; float: left; padding: 0 10px;  }

#main, #wrapper { margin: 0 auto; width: 1020px; }
#black-wrapper { background: url(images/bg.gif) top left repeat-y; width: 1100px; margin: 0 auto; min-height: 100%; }
#wrapper { background: #fff; margin-top: 0px; padding: 0 20px; }


/* =Global Elements
-------------------------------------------------------------- */

html, body, input, textarea { font-family: Georgia, 'Times New Roman', STHeiti, serif; }

body { background: #f1f1f1; }
body, input, textarea { color: #000; font-size: 13px; line-height: 20px; }
hr { background-color: #e7e7e7; border: 0; clear: both; height: 1px; margin-bottom: 18px;}



.size20 { font-size: 20px; }
.size25 { font-size: 25px; }
.size30 { font-size: 30px; }
.black { color: #000; }
.uppercase { text-transform: uppercase; }

p { margin-bottom: 10px; }
ul, li { list-style: none; margin: 0; padding: 0; }

input[type="text"], input, textarea { background: #fff; border: 1px solid #000; padding: 2px; }

a:link { color: #000; }
a:visited { color: #000; }
a:active, a:hover { color: #ff4b33;}

#invisible { display: none; }


/* =Header
-------------------------------------------------------------- */

#header { padding: 50px 0 30px 0; overflow: hidden; }
#site-title { text-align: middle; margin: 0 auto; width: 293px; height: auto; text-align: center; }
#site-title span { font-size: 14px; margin-top: 20px; }

/* =Menu
-------------------------------------------------------------- */

#menu { width: 260px; border: 5px double #000; height: auto; margin-bottom: 20px; border-right: none; border-left:none; }
#menu ul { margin: 20px 0 20px 10px; padding: 0; }
#menu li { list-style: none; font-size: 16px; color: #000; padding: 0 0 7px 0;  }
#menu li a { text-decoration: none; }

#sidebar .title { margin-bottom: 20px; }
#searchbar .screen-reader-text { display: none; }
#searchbar {  width: auto;height: 30px;text-align: left; }
#searchbar input#s { border: 1px #000 solid; width: 255px; margin-bottom: 10px;  }
#searchbar input#searchsubmit { background: black; border:none; float: right; color: #fff; padding: 3px 5px; cursor: pointer; }

/* =Content
-------------------------------------------------------------- */

#main { overflow: hidden; height:100%; padding: 0px 0 0 0; float: left; }
#content { margin-bottom: 36px; float: left;}

#content p, #content hr { margin-bottom: 24px; }

.hentry { margin: 0; padding: 10px 0 10px 0; border-bottom: 1px #333 dashed;display: block; overflow: auto; }
.below { margin-top: 15px; }
.page .hentry { border-bottom: none; }
.single .hentry { margin: 0 0 36px 0; padding-bottom: 40px;}
.entry-content, .entry-summary { clear: both; padding: 0px;}
.entry-meta { color: #000; }
.entry-meta a, .entry-utility a { color: #005F69; text-decoration: none; }
.entry-meta a:hover, .entry-utility a:hover { color: #ff4b33; }

#content img { max-width: 700px; }

/* Title */

.entry-title { color: #000; font-weight: bold; margin-bottom: 0; text-decoration: none; }
.entry-title a:hover, .hentry a:hover { color: #ff4b33 !important; }
.entry-list:hover { background-color: #e8faf7; }
.entry-title a { text-decoration: none; text-transform: uppercase; }
.news .entry-title a { text-decoration: underline; }
.single h1 { margin-bottom: 0px !important; }
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { color: #000; line-height: 1.5em; margin: 0 0 20px 0; }

.page-title { color: #000; font-size: 16px; font-weight: bold; margin: 0 0 36px 0; }
.page-title span { color: #333; font-size: 16px; font-weight: bold; }

/* list */

.sort { font-size: 13px; display: block; text-align: left; margin: 0 25px 5px 0; }
.sort a { text-decoration: none; color: black; }
.sort a.active { text-decoration: underline; }

ul.list { margin: 10px 0; }
.list li, .wp-tag-cloud li { width:100%; margin-bottom: 1px; border-bottom: 1px solid #fff; }
.list li:hover, .wp-tag-cloud li:hover { border-bottom: 1px solid #ff4b33; }
.wp-tag-cloud a { text-decoration: none; }

.m-index ul { width: 40px; float: left; height: 260px; border-right: 1px solid #000; padding: 5px 15px 0 15px; }

/* Img List */

#randimg { width: 350px; height: auto; overflow: hidden; padding: 15px 0 30px 0; }
#randimg li { width: 150px; float: left; margin: 0 20px 0px 0; text-align: center; min-height: 200px; font-size: 11px; }
#listimg { width: 700px; height: auto; overflow: hidden; padding: 15px 0 30px 0; }
#listimg li { width: 150px; float: left; margin: 0 20px 0px 0; text-align: center; min-height: 240px;  font-size: 11px;}
.adimage { width: 150px; height: 150px; display: block; }

.title { border-bottom: 5px solid #000; }




/* =Navigation
-------------------------------------------------------------- */

.navigation { color: #888; width: 700px; font-size: 12px; line-height: 18px; overflow: hidden; }

#nav-below { margin: -18px 0 0 0; width: 700px; }
#nav-above { display: none; }
.navigation a:link, .navigation a:visited { color: #333; text-decoration: none; }
.navigation a:active, .navigation a:hover { color: #ff4b33; }
.nav-previous { float: left; width: 50%; }
.nav-next { float: right; text-align: right; width: 50%;}



/* =Footer
-------------------------------------------------------------- */

#footer { clear: both; width: 100%; }
#footer { margin-bottom: 0px; padding: 10px 0 15px 0; color: #000; border-top: 4px solid #000; }
#footer a { text-decoration: none; }