/*
Theme Name: Thomson-Shore WordPress Template
Theme URI: http://innercirclemedia.com/
Description: The WordPress theme for Thomson-Shore
Author: Inner Circle Media
*/



/*------------------------------------------------------------------
[Master Stylesheet]

Project:	Thomson-Shore WordPress Blog
Version:	1.0
Last change:	08/03/10 [modified]
Assigned to:	Karl Kasischke
Modified by: Meili Chen
Primary use:	Thomson-Shore WordPress Template
-------------------------------------------------------------------*/



/*------------------------------------------------------------------
[Table of contents]
A. Global Reset

B. Typography

C. Layout
   1. Body 
   2. Page wrapper / #page
      2.1. Header /#header
         2.1.1. Masthead / #masthead
         2.1.2. Blog navigation / #header ul.nav
      2.2. Main content / #content
      2.3. Sidebar / #sidebar
      2.4. Footer / #footer
-------------------------------------------------------------------*/



/*------------------------------------------------------------------
[Color codes]

#fff     : white ()
#000     : black ()
#f8f8f8  : off-white ()
#f1f1f1  : off-white ()
#333     : dark gray ()
#dadada  : light gray ()
#369     : blue () 
#778c49  : green ()
#e5f280  : yellow ()
#590322  : red ()
#400112  : burgundy ()
-------------------------------------------------------------------*/



/*------------------------------------------------------------------
A. GLOBAL RESET 
-------------------------------------------------------------------*/

body {font: 62.5%/1.5 arial,verdana,geneva,lucida,arial,sans-serif; background: #778c49; color: #fff; margin: 0; padding: 0;}
p, h1, h2, h3, h4, h5, h6, fieldset, form, label, input, textarea, legend, dl, dt, dd, table, caption, th, td, blockquote, cite {margin: 0; padding: 0; font-size: 1em;}
ul, ol, li, ul *, ol *  {font-size: 1em;}

input, textarea {font-family: verdana,geneva,lucida,arial,sans-serif;}
textarea {overflow: auto;}
fieldset {border: solid 0 transparent;}
table {border-collapse: collapse;}
img {border: 0;}
acronym, abbr {border-bottom: 1px dotted; cursor: help;}
:focus {outline: 0;}

.nav, .commentlist, #sidebar ul, #sidebar ol {margin: 0; padding: 0; list-style: none;}

.clear {clear: both;}
.floatL {float: left;}
.floatR {float: right;}
.alignright {float: right;}
.alignleft {float: left;}

.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.hidden {display: none;}
hr {display: none;}



/*------------------------------------------------------------------
B. TYPOGRAPHY  
-------------------------------------------------------------------*/
a {color: #369; text-decoration: none;}
a:hover {text-decoration: underline;}
h1 a:hover {text-decoration: none;}
#header a {color: #fff;}
.entry p {font-size: 1.05em;}
.postmetadata {text-align: center;}
small {font: 0.9em/1.5 arial,helvetica,sans-serif;}
h1 {font-size: 4em;}
h2, h3 {color:#c90016;}
h2 {font-size: 1.6em; font-weight: normal;}
h3 {font-size: 1.3em;}
h3#response {color: #595757;}

.commentlist li, #commentform input, #commentform textarea {font: 0.9em;}
.commentlist li {font-weight: bold;}
.commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal; font-size: 1.1em;}
.commentlist p {font-weight: normal;}
.commentmetadata {font-weight: normal;}
small,#sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color: #777;}
code {font: 1.1em 'Courier New',courier,fixed;}
acronym, abbr, span.caps {font-size: 0.9em; letter-spacing: .07em;}

/*------------------------------------------------------------------
C. LAYOUT 
-------------------------------------------------------------------*/

/* 1. Body */
body {text-align: center;}
html {background: #585525 url(images/gradient_bg.jpg) repeat-x; height: 100%;}

body {background: url(images/stripes.gif); height: 100%;}

html > body {background: url(images/stripes.png); min-height:100%; height:auto;}



/*2. Page wrapper */
#wrapper {margin: 0 auto; background: url(/images/shadow_bg.png) repeat-y; width: 968px;}
#page {margin: 0px auto 0 auto; text-align: left; width: 932px; background: #fff; color: #000; overflow: hidden; padding-bottom: 45px;}

   /*2.1. Header */
   #header {margin: 15px 13px 15px 13px;}

      /* 2.1.1. Masthead */
      #masthead {overflow: hidden; background: #bde0ea; height: 293px;}
      /*.description {text-align: right; margin-top: 6px; padding-right: 20px;}*/ 
	  .description {font-size: 1.2em; font-weight: bold; color: #fff;}
      h1 {height: 289px; width: 902px;  background: url(images/blog_header.jpg) no-repeat; text-indent: -9000px; z-index:3; }
      h1 a {display: block; height: 289px;border: 2px solid #000; width: 902px; background: url(images/blog_header.jpg) no-repeat;}

      /* 2.1.2. Blog navigation */
	  #nav {display: block; clear: both;}
	  ul.nav {float: none; clear: both; overflow: hidden; display: block; margin:0; padding: 0 0 10px 0; background: #fff;}
      .nav {list-style: none; float: none;line-height: 1.5em; font-size: 13px; /*text-transform: uppercase;*/ font-weight: bold; padding: 0; margin: 0px 0 25px 0;}
      .nav li {float: left; background: #fff; width: 208px;}
      .nav a {display: block; padding: 5px; text-align: center; border: 1px solid #000; margin-right: 10px; margin-bottom: 5px;background: #bee0ea; color: #000;}
      .nav li.page_item a {margin-right: 0px;}
	  .nav a:hover, .nav li.current_page_item a {background: #c90016; text-decoration: none; color: #fff;}
 
   /* 2.2. Main content (#fontent wrap two cols)*/
   /* #content {float: right; width: 623px; margin: 25px 10px 25px 0; display: inline;} */
   /* #content {float: left; background: url(images/content_bg_with_lines.jpg) no-repeat 50% 100%; width: 625px; padding-bottom: 15px; margin: 0px 0px 10px 13px; border-bottom: 2px solid #000; display: inline; font-size: 1.2em;} */
   #content {float: left; width: 625px; padding: 0; padding-bottom: 15px; margin: 0px 0px 10px 13px; display: inline; font-size: 1.2em;}
   
   #content img {max-width: 535px;}
   #content #mainContentWrapper { background: url(images/content_bottom_bg.gif) repeat-y 100% 0; border: 2px solid #000; }
   #content #mainContent {padding: 30px 40px 5px 40px;background:  url(images/content_bg.jpg) no-repeat 0px 0; margin: 0;  border-bottom: 15px solid #8dc8da;}
   html>body #content #mainContentWrapper {background: url(images/content_bottom_bg.jpg) repeat-y 100% 0;}/* for ie6 */
   
   h2, h3 {margin-top: 20px;}
   #content h2, .post h2 {color: #c90016; font-size: 21px; font-weight: bold; margin-top: 10px; line-height: 110%; margin-bottom: 5px;}
   #content #mainContent h2 a {color: #c90016; font-size: 21px;}
   h2.pagetitle {margin-top: 0px; margin-bottom: 15px;color: #c90016; padding: 0; font-size: 1.25em; font-weight: bold;}
   #sidebar h2 {margin-top: 5px;}
   h3.comments {margin: 40px auto 20px;}
   .post {margin: 0 0 20 0px; text-align: justify;}
   .postmetadata {padding-top: 5px; margin: 30px 0;}
   .smallattachment {text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px; display: inline;}
   .attachment {text-align: center; margin: 5px 0px;}
   .postmetadata {clear: left;}
   .postmetadata ul, .postmetadata li {display: inline; list-style-type: none; list-style-image: none;}
   p img {padding: 0; max-width: 100%;}
   img.centered {display: block; margin-left: auto; margin-right: auto;}
   img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
   img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}
   .commentlist li .avatar {float: right; border: 1px solid #eee; padding: 2px; background: #fff;}
   #commentform input {width: 170px; padding: 2px; margin: 5px 5px 1px 0;}
   #commentform textarea {width: 510px; padding: 2px;}
   #commentform #submit {margin: 0;;margin: 15px 0 10px 0; background: #000; border: 1px solid #999; font-weight: bold; font-size: 15px; color: #fff;}
  
  .commentlist {text-align: justify;}
   .commentlist li {margin: 15px 20px 3px; padding: 5px 10px 20px; border-bottom: 1px dotted #590322;}
   .commentlist p {margin: 10px 5px 10px 0;}
   #commentform p {margin: 5px 0;}
   .nocomments {text-align: center; margin: 0; padding: 0;}
   .commentmetadata {margin: 0; display: block;}
   .commentlist .odd {background-color: #f8f8f8; border-top: 1px dotted #590322; border-bottom: 1px dotted #590322; padding: 20px 10px;}
   blockquote {margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd;}
   blockquote cite {margin: 5px 0 0; display: block;}
   .entry form {text-align:center;}
   select {width: 130px;}
   span.caps {cursor: help;}
   .navigation {display: block; text-align: center; margin-top: 10px; margin-bottom: 60px;}
   .entry p {margin: 1.5em 0;}

   /* 2.3. Sidebar */
  /* #sidebar {float: left; width: 249px; margin: 25px 0 45px 10px; background: #e2e0d1; border: 1px solid #c8c7c7; display: inline; padding: 15px; w\idth: 233px;} */
   #sidebar {float: right; margin: 0px 13px 10px 0px; background: #9d0011 url(images/sidebar_bg.jpg) no-repeat 100% 0; border: 1px solid #000; display: inline; padding: 15px; padding-top: 320px!important; width: 265px;w\idth: 231px; font-size: 1.2em;} 
   #sidebar h2 {font-size: 17px; margin: 0 0 10px 0; color: #ffff5a; text-transform: uppercase;}
   #sidebar li.widget_categories h2 {}
  /* #sidebar ul li {margin-bottom: 25px;} */
   #sidebar ul p, #sidebar ul select {margin: 5px 0 8px;}
   #sidebar ul ul, #sidebar ul ol {margin: 5px 0 0 15px;}
   #sidebar ul ul ul, #sidebar ul ol {margin: 0 0 0 15px;}
   /* #sidebar ul ol li {list-style: decimal outside;} */
   #sidebar ul ol li {margin: 3px 0 0; padding: 0;}
   /*
   #sidebar .sidebarBook {float: right; display: none; margin-right: -25px; padding-top: 300px;}
   .widget_categories {margin-right: 0; padding-right: 0; background: url(images/sidebar_book.png) no-repeat 100% 0;}
  */
   /*
   #sidebar ul ul li:before {content: "\00BB \0020";}
   */
   /*will not work in IE 7 and below*/
   
 
   #sidebar ul  li {list-style: none; list-style-image: none; margin: 0;}
   #sidebar ul ul li {color: #ffff5a; margin: none; padding: 0 0 7px 0;}
   #sidebar ul li ul {margin: 0 0 15px 5px; padding: 0; list-style: none;}
   #sidebar ul li ul li {background: url(images/dot_yellow.gif) no-repeat 0 8px; padding: 0 0 5px 15px;}
   #sidebar ul li ul li a {color: #fff; list-style-image: none; font-weight: bold; }
   
   #searchform {height: 2.5em; line-height: 2.5em; margin: 25px;}
   #searchform input {float: left; margin-left: 10px;}
   #searchform br {display: none;} 
   #searchform input#s {width: 140px; height: 1.5em;}
   #searchform input#searchsubmit {font-size: 1.3em;}

   #calendar_wrap {margin-top: 15px;}
   #wp-calendar {empty-cells: show; margin: 10px auto 0; width: 200px;}
   #wp-calendar tr {text-align: center;}
   #wp-calendar td {padding: 3px 0;}
   #wp-calendar #next a {padding-right: 10px; text-align: right;}
   #wp-calendar #prev a {padding-left: 10px; text-align: left;}
   #wp-calendar a {display: block; font-weight: bold; background: #fff;}
   #wp-calendar td.pad:hover {background-color: #fff;}

   /* 2.4. Footer */
   #footer {clear: both; margin: 0 10px; text-align: center;}
   #footer p.footerLinks {margin: 0; border-top: 1px dotted #70643a; padding: 10px 0; text-align: center; margin: 0.5em auto; width: 72%; padding-top: 0.5em;}
   #footer .footerLinks a{font-weight: bold;}
   #copy {margin-top: 2px;  padding-top: 2.5em; text-align: center;}