/*
Theme Name: Monuments
Theme URI: http://www.chantyce.com/
Description: The default theme for Monuments.
Version: 1.0
Author: Sean Tice
Author URI: http://www.chantyce.com/
*/

body {
   color:#fff;
   background:#0d0d0d;
   font: 12px Georgia, Times;}

/* for moz/opera and others*/
    html>body #navigation{position:fixed}
	html, body{padding: 0;margin: 0;}


/* Remove or Reset Default Styles
-------------------------------------------------------------------------*/
* { margin:0; padding:0; list-style-type:none;}
hr { display: none; }
img { border: none; }

/* Clear Floats
--------------------------------------------------------------------------*/
.clear {
 clear: both;
 font-size: 0;
 height: 0;
 line-height: 0;
 overflow: hidden;}

.clearfix {display:inline-block;}
.clearfix {display: block;}
	
.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;}

/* General Form Styles 
-------------------------------------------------------------------------*/
input, textarea, select { font-size:11px; font-family:'Trebuchet MS',Arial, Helvetica, sans-serif;}
fieldset br{ clear:both;}
fieldset{ border:none;}

/* General Link Styles 
--------------------------------------------------------------------------*/
a:link, a:visited {
 color:#b1eaff;
 text-decoration:none;}

a:hover, a:active {
 color:#fff;
 text-decoration:underline;}

a{outline:none;}



/*-------------------------------------------------------------------------
                         PAGE STYLES
*-------------------------------------------------------------------------*/
#container{
  background:url('images/ui/bg.gif') no-repeat top center;
  width:982px;
  margin:0 auto;}

/*----------------- Header --------------------------*/
#header{
  position:relative;
  padding: 96px 0 45px 0;
  height:257px;}

#header p.desc{
  position:relative;
  float:left;
  font-size:2.4em;}

#header p.desc span{
  display:block;
  color:#A6A6A6;}

/*----------------- Content --------------------------*/
#content{
  padding: 0 0 35px 0;}

#content h2{
  font-size:15px;
  font-weight:normal;
  font-style:italic;
  color:#f9ff97;}

/* Personal container for about and the social (for the background) */
#personal{
  position:relative;
  clear:both;}

/* News and events */
#newsandevents {
  padding-bottom:40px;}
  
#newsandevents h2{
  padding-bottom:5px;
  background:url('images/ui/border.gif') repeat-x bottom left;}

#newsandevents h2 a{
  float:right;
  margin-top:3px;}

#newsandevents h5{
  font-size:13px;
  color:#ababab;
  font-weight:normal;
  font-style:italic;
  padding: 12px 0;
  line-height: 20px;}

#newsandevents .intro{
  font-size:13px;
  color:#ababab;
  font-style:italic;
  padding: 12px 0;
  line-height: 20px;
  border-bottom:1px solid #2a2a2a;}

#newsandevents .source{
  display:block;
  font-size:12px;
  color:#fff;
  font-style: normal;
  letter-spacing:1px;
  text-transform:uppercase;
  line-height: 20px;
  padding: 5px 0 0 0;}  

#newsandevents .intro a{
  color:#CECECE !important;}

a.rss{
  background:url('images/ui/icon_rss.gif') no-repeat top left;
  height:12px;
  display:block;
  padding:0 0 0 0;
  color:#fff;
  font-style:italic;
  font-size:12px !important;
  padding-left:16px;}

a.rss:hover{
  background-position: 0 -12px !important;}

#newsandevents .news{
  width:476px;
  float:left;
  padding: 0 0 30px 0;}

#newsandevents .shows{
  width:476px;
  float:left;
  padding: 0 0 30px 30px;}

#newsandevents .about{
  width:715px;
  float:left;
  padding: 0 30px 0 0;}
  
#newsandevents .quotation{
background:url('images/ui/border.gif') repeat-x top left;
  width:237px;
  float:left;
  margin: 21px 0 0 0;}

.blog ul{
  padding: 17px 0 0 0;}

.blog li{
  padding: 0 0 17px 0;}

.blog .details{
  width:32px;
  float:left;}

.blog .details p{
  color:#f9ff97;
  font-size:20px;
  text-align:center;}

.blog .details p span{
  display:block;
  font-size:13px;
  text-transform:uppercase;}

.blog .summary{
  float:right;
  width:430px;}

.blog  h3{
  font-family:Arial;
  font-size:13px;
  font-weight:normal;
  color:#b1eaff;
  text-transform:uppercase;
  padding: 0 0 2px 0;}

.blog  p{
  font-size:13px;
  line-height:20px;}

.shows li a{
  color:#FFFAA5 !important;
  text-decoration:none !important;}

.shows li a:hover{
  text-decoration:underline !important;}

.shows li{
  padding:10px 0;
  font-size:1.5em;
  border-bottom:1px solid #454545;}
  
.photos li.last img{
  margin-right:0 !important;}

.photos li img{
  background:#242424;
  padding:4px;
  height:82px;
  margin: 0 14px 10px 0;
  border:1px solid #454545;}

.about p{
  font-size:13px;
  line-height:20px;
  padding: 12px 0 0 0;}

.about img{
  float: right;
  background: #202020;
  padding: 6px;
  margin: 0 0 0 20px;
  border: solid 1px #0b0b0b;}

.about img:hover{
  float: right;
  background: #202020;
  padding: 6px;
  margin: 0 0 0 20px;
  border: solid 1px #333;}

#footer{
  padding:9px 0 80px 0;
  color:#929292;
  font-size:11px;
  text-align:right;
  text-transform:uppercase;
  background:url('images/ui/border.gif') repeat-x top left;}

/*-----------------Anchored Footer--------------------------*/
#navigation{
  background:url('images/ui/bg_nav.png') no-repeat top center;
  height:79px;
  width:100%;
  position:absolute;
  bottom:0;
  z-index:999;}

#navigation .wrapper{
  position:relative;
  width:982px;
  height:61px;
  margin:0 auto;}

#mp3player{
  width:128px;
  height:48px;
  margin: 25px 0 0 90px;
  float:left;}

#email{
  float:right;
  text-align:right;
  width:250px;
  height:43px;
  padding:35px 0 0 0;
  margin:4px 0 0 0;}
  
#purchase{
  float:left;
  width:200px;
  height:43px;
  padding:35px 0 0 0;
  margin:4px 0 0 0;}
  
#purchase .header{
  font-size:14px;
  font-style:italic;
  padding: 0 0 3px 0;}

#purchase a.buy{
  background:url('images/ui/btn_buy.gif') no-repeat top left;
  display:block;
  width:91px;
  font:9px Arial;
  font-weight:bold;
  color:#b2b2b2;
  overflow:hidden;
  text-align:center;
  padding: 6px 0 0 0;
  margin: 0 10px 0 0;
  height:16px;
  float:left;}

#purchase a.buy:hover{
  color:#fff;
  text-decoration:none;
  background:url('images/ui/btn_buy.gif') no-repeat 0 -22px !important;}

#navigation ul{
  padding: 41px 0 0 0;
  float:right;
  font-size:12px;
  font-style:italic;}

#navigation li{
  float:left;
  padding: 0 0 0 25px;}

#navigation a.facebook{
  background:url('images/ui/btn_facebook.gif') no-repeat top left;
  display:block;
  width:72px;
  text-indent:-9999px;
  overflow:hidden;
  height:15px;
  float:left;}

#navigation a.facebook:hover{
  background:url('images/ui/btn_facebook.gif') no-repeat 0 -15px !important;}

#navigation a.twitter{
  background:url('images/ui/btn_twitter.gif') no-repeat top left;
  display:block;
  width:70px;
  text-indent:-9999px;
  overflow:hidden;
  height:15px;
  float:left;}

#navigation a.twitter:hover{
  background:url('images/ui/btn_twitter.gif') no-repeat 0 -15px !important;}  

#navigation a.myspace{
  background:url('images/ui/btn_myspace.gif') no-repeat top left;
  display:block;
  margin: 4px 0 0 0;
  width:84px;
  text-indent:-9999px;
  overflow:hidden;
  height:15px;
  float:left;}

#navigation a.myspace:hover{
  background:url('images/ui/btn_myspace.gif') no-repeat 0 -15px !important;}  

.field{
  font-family: Arial;
  color:#f0f0f0;
  padding: 3px 2px 4px 2px;
  margin: 0 8px 0 0;
  border-bottom: solid 1px #565656;
  border-top: solid 1px #0e0e0d;
  border-right: solid 1px #0e0e0d;
  border-left: solid 1px #0e0e0d;
  background-color: #0e0e0d;}  

.submit{
  background:url('images/ui/btn_submit.gif') no-repeat top left;
  height:22px;
  border:none;
  width:49px;
  cursor:pointer;
  text-indent:-9999px;
  color: transparent; /*for IE */
  text-transform: capitalize; /*for IE */
  overflow:hidden;}

.submit:hover{background-position: 0 -22px !important;}
  
/*-----------------Photo Slider--------------------------*/
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:982px;
		height:257px;
		overflow:hidden; 
		}	

	ol#controls{
		margin:1em 0;
		padding:0 0 0 101px;
		height:22px;	
		}
	ol#controls li{
		margin:0 7px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:22px;
		line-height:18px;
		}
	ol#controls li a{
		float:left;
		width:9px;
		height:22px;
		background:url('images/ui/btn_slideshow.gif') no-repeat top left;
		color:#555;
		padding:0 5px 0 8px;
		text-decoration:none;
		}
	ol#controls li a:hover{
		color:#fff;
		background:url('images/ui/btn_slideshow.gif') no-repeat 0 -22px !important;
		}
	ol#controls li.current a{
		background:url('images/ui/btn_slideshow.gif') no-repeat 0 -22px !important;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}