/*
Theme Name: TooNew
Theme URI: http://www.experimentalsounds.com/
Description: Custom WordPress theme for Experimental Sounds.
Author: Tim
*/

/* --- Init --- */

html, body, div, span, object, img, 
h1, h2, h3, h4, h5, h6, p, small, a, 
em, strong, blockquote, cite, 
table, tr, th, td, ol, ul, li, 
form, label, input, textarea {
  background : transparent;
  border : 0;
  font-size : 100%;
  list-style : none;
  margin : 0;
  outline : 0;
  padding : 0;
}

:focus {
  outline: 0;
}

h1, h2, h3, h4, h5, h6 {
  color : #BBAA88;
  font-family : Georgia, Arial, Helvetica, sans-serif;
  font-size : 18px;
  font-weight : normal;
}

small {
  color : #BBAA88;
  font-size : 11px;
}

a {
  color : #FFFFFF;
  text-decoration : underline;
}

a:hover {
  color : #5A7A9A;
  text-decoration : none;
}

blockquote {
  quotes : none;
}

blockquote:before, blockquote:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* --- Main --- */

html {}

body {
  width : 100%;
  background : #000000 url('./images/background.jpg') top center no-repeat;
  color : #FFFFFF;
  display : table;
  font-family : Arial, Helvetica, sans-serif;
  font-size : 12px;
  margin : 0 auto;
}

#body {
  width : 1000px;
  margin : 0 auto;
}

#header {
  width : 1000px;
  height : 100px;
  background : url('./images/header.png') 0 0 no-repeat;
}

#header h1{
  position : relative;
  top : 50px; right : 0; bottom : 0; left : 10px;
  color : #FFFFFF;
  display : inline;
  font-family : Arial, Helvetica, sans-serif;
  font-size : 11px;
}

#menu {
  position : relative;
  width : 1000px;
  height : 34px;
  background : url('./images/pattern-header.gif') bottom left repeat-x;
}

#menu ul li, #footer ul li {
  float : left;
  display : block;
}

#menu ul li a, #footer ul li a {
  float : left;
  color : #999999;
  font-size : 11px;
  height : 15px;
  overflow : hidden;
  padding : 5px 10px 5px 10px;
  text-align : center;
  text-decoration : none;
}

#menu ul li a:hover, #footer ul li a:hover {
  background : #333333;
  color : #FFFFFF;
}

#menu ul li.current_page_item a, #footer ul li.current_page_item a, 
#menu ul li.current_page_parent a, #footer ul li.current_page_parent a {
  background : #333333;
  color : #BBAA88;
}

#menu ul li.page-item-rss a {
  border-left : 1px #333333 solid;
  color : #FFA44A;
}

#menu ul li.page-item-rss a:hover {
  background : #FFA44A;
  border-left : 1px #333333 solid;
  color : #000000;
}

#menu ul li.page-item-yt a {
  color : #FF0000;
}

#menu ul li.page-item-yt a:hover {
  background : #FF0000;
  color : #000000;
}

#main {
  float : left;
  width : 1000px;
  background : #000000;
  padding : 25px 0 25px 0;
}

#content {
  float : left;
  width : 720px;
  padding : 0 20px 0 20px;
}

#sidebar {
  float : right;
  width : 200px;
  padding : 0 20px 10px 20px;
}

#sidebar h3 {
  color : #BBAA88;
  padding : 10px 0 10px 0;
}

.post p {
  padding : 0 0 10px 0;
}

.post h2 {
  color : #BBAA88;
  padding : 10px 0 10px 0;
}

.post h2 a {
  color : #BBAA88;
  text-decoration : none;
}

.post h2 a:hover {
  color : #5A7A9A;
  text-decoration : none;
}

.post h3 {
  color : #BBAA88;
  font-size : 14px;
  padding : 10px 0 10px 0;
}

.post .postmeta {
  float : left;
  width : 100%;
  padding : 0;
}

.post .postmeta h2 {
  float : left;
  padding : 10px 0 10px 0;
}

.post .postmeta h3 {
  float : right;
  background : url('./images/square-standard.jpg') center right no-repeat;
  color : #BBAA88;
  font-size : 18px;
  padding : 10px 25px 10px 0;
  text-align : left;
}

.post blockquote {
  color : #999999;
  font-size : 14px;
  margin : 25px 25px 25px 25px;
  padding : 0 10px 0 10px;
}

.post blockquote cite {
  color : #999999;
  display : block;
  font-size : 11px;
  font-style : normal;
  text-align : right;
}

.post blockquote cite a {
  color : #999999;
  font-style : normal;
  text-decoration : underline;
}

.post table {
  margin : 0 0 10px 0;
}

.post ol, .post ul {
  font-weight : normal;
  margin : 0 0 10px 0;
}

.post ol li, .post ul li {
  list-style : circle;
  margin : 0 0 0 25px;
}

.post ol ol, .post ul ul {
  display : inline;
  font-weight : normal;
}

.post ol ol li, .post ul ul li {
  list-style : disc;
  margin : 0 0 0 50px;
}

.post ol ol ol, .post ul ul ul {}

.post ol ol ol li, .post ul ul ul li {
  list-style : square;
}

.alignleft, img.alignleft {
  float : left;
  text-align : center;
}

.alignright, img.alignright {
  float : right;
  text-align : center;
}

.aligncenter, img.aligncenter {
  border : 1px solid #333333;
  display : block;
  margin : 25px auto 25px auto;
  text-align : center;
}

.wp-caption {
  color : #BBAA88;
  font-size : 11px;
}

.wp-caption-text {
  margin : 0 auto;
  text-align : center;
}

#footer {
  position : relative;
  width : 1000px;
  height : 25px;
  background : url('./images/pattern-footer.gif') top left repeat-x;
  padding : 9px 0 0 0;
  clear : both;
}

/* --- Navi --- */

.more {}

a.more-link {
  color : #BBAA88;
  font-size : 12px;
  text-decoration : none;
}

a:hover.more-link {
  background : #333333;
  color : #FFFFFF;
}

.navigation {}

.navigation a {
  color : #BBAA88;
  font-size : 12px;
  text-decoration : none;
}

.navigation a:hover {
  background : #333333;
  color : #FFFFFF;
}

/* --- Misc --- */

.pageid-777 img {
  border : 1px solid #333333;
  margin : 0 1px 0 0;
}

.pageid-873 #main {
  background : #000000 url('./images/background-unearthed.jpg') top right no-repeat;
}

.pageid-928 #main {
  background : #000000 url('./images/background-cartographer.jpg') top right no-repeat;
}

.pageid-1360 #main {
  background : #000000 url('./images/background-makara.jpg') top right no-repeat;
}

.pageid-32 #main, .pageid-48 #main, .pageid-2145 #main {
  width : 1000px;
  background : #000000;
  padding : 25px 0 25px 0;
}

.pageid-32 #content, .pageid-48 #content, .pageid-2145 #content {
  width : 960px;
  padding : 0 20px 0 20px;
}