body {
/*  background-color: #4B7399;*/
  background-color: #FFFFFF;
  font-family: Helvetica, "Lucida Grande", Geneva, "Myriad Pro", "Century Gothic", Arial,Verdana,sans-serif;
  font-size: 14px;
  min-width: 1000px;
}
a img {
  border: none;
}
a {
  color: #1B97F2;
  text-decoration: none;
  outline:        none;
}
a:hover{
  text-decoration: none;
}
.clear {
  clear:    both;
  height:   0;
  overflow: hidden;
}
.logout{
  right:          0;
  top:            0;
  position:       fixed;
  background:     #0066CC;
  color:          white;
  padding:        5px 15px;
}
#container {
  width:            55%;
  margin:           0 auto;
  background-color: #FFF;
  padding:          20px 40px;
  border:           solid 1px #999;
  margin-top:       220px;
  min-height:       600px;
}
#container h1#page_title{
  margin-left: -20px;
  width:        25%;
  word-wrap:    break-word;
}

#container h5{
  color: #777;
}

#flash_notice, #flash_error {
  padding:    5px 8px;
  margin:     10px 0;
  
}

#flash_notice {
  background-color:     #CFC;
  border:               solid 1px #6C6;
}

#flash_error {
  background-color: #FCC;
  
}

.fieldWithErrors {
  display: inline;
}

#errorExplanation {
  width: 400px;
  border: 2px solid #CF0000;
  padding: 0px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: 0;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 8px;
}

#errorExplanation ul {
  margin: 2px 24px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: disc;
}
/***********Prettify********************/

input.pretty_input{
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  background:transparent url(/images/sprites.png) no-repeat scroll 0 -338px;
  border:0 none;
  color:#999999;
  float:left;
  font-size:69%;
  font-style:italic;
  height:15px;
  outline-color:-moz-use-text-color;
  outline-style:none;
  outline-width:medium;
  padding:4px 10px 0;
  width:100px;
  
  -x-system-font:none;
  font-family:helvetica,arial,clean,sans-serif;
  /*font-size:99%;*/
  font-size-adjust:none;
  font-stretch:normal;
  /*font-style:normal;*/
  font-variant:normal;
  font-weight:normal;
  line-height:normal;
}
.bag_logo_as_bg{
  background-image: url('/images/bag_text_w30.png');
  background-repeat: no-repeat;padding-left:35px;
}
.bag_logo_as_bg:hover{
  background-image: url('/images/bag_text_w30_grey.png');
  background-repeat: no-repeat;padding-left:35px;
}
.shadowed{
  -moz-box-shadow:    0 15px 50px  #666;
  -webkit-box-shadow: 0 15px 50px #666;
  margin-bottom:      38px;
}
.gold_shadowed{
  -moz-box-shadow:    0 0 1em gold;
  -webkit-box-shadow: 0 0 1em gold;
}
.lightly_shadowed{
  -moz-box-shadow:    0 0 1em #999;
  -webkit-box-shadow: 0 0 1em #999;
}
/*---- Container ------*/
#container img.flushtop{ 
  display:block; 
  margin: 0 auto; 
  margin-top: -300px; 
}

#container img.home_page_flushtop{
  display:      block; 
  margin:       0 auto; 
  margin-top:   -300px; 
  height:       500px;
}

#container div.flushtop{
  display:  block;
  margin:   0 auto;
  margin-top: -300px;
  width: 400px;
  height: 500px;
}

#container div.flushtop img.flushtop_center_left{
  margin-left: 5px;
}

#container .website_name{
  font-family:        consolas, Lucida Console, courier;
  font-size:        16px;
  font-weight: bolder;
  float:      right;
  display:    block;
  margin-top: -90px;
  margin-right: -40px;
  color:      #666666;
  text-align: right;
  line-height: 1.5;
}

#container .website_name a, #container .website_name a:hover{
  color:            #666666;
  text-decoration:  none;
  cursor:           pointer;
}


#container .website_name .larger_font{
  font-size: 1.1em;
}

#container .website_name img{
  width:      40px;
  margin-bottom: -5px;
  margin-left: -5px;
}

#container img.poster{
  display: block;
  margin: 0 auto;
  width:300px;
  height:300px;
}
/*---- Navigation ----*/
#navigation{
/*  left:0;*/
  margin-left: -245px;
  position: fixed;
  top: 5%;
}


#navigation ul{
  list-style: none;
  padding-left: 0px;
  line-height: 6em;
}

#navigation ul li{
  height: 5.5em;
  line-height: 5.5em;
  vertical-align: top;  
  margin-top:       0.5em;
  width:    200px;
}
#navigation a{
  color: #777;
  vertical-align: top;
  font-weight: bold;
}
#navigation ul li:hover{
  cursor:             pointer;
}
#navigation ul li:hover a{
  color:              #999;
}
#navigation ul li:hover a.bag_logo_as_bg{
  background:         url("/images/bag_text_w30_grey.png");
  background-repeat:  no-repeat;
}
#navigation ul li:active a{
  color:              #000;
}
/*********Albums ************/
div.albums div.side img{
  width: 100px;
  margin-left: -20px;
}

div.albums div.main{
  margin-left: 20px;
  ;
}

div.albums div.album{
  margin-bottom: 80px;
}

div.albums div.album p.actions{
  float: left;
}

/************ Calendars**************/
#showtime-list .showtime-list-odd, #showtime-list .showtime-list-even{
  width:                  50%;
  margin-bottom:          30px;
  font-family:            "Helvetica",Arial,"Lucida Grande","Century Gothic","Lucida Sans Unicode",Arial,Verdana,sans-serif;
  padding-bottom:         27px;
}
#showtime-list .showtime-list-odd{
  margin-left:    10%;
}
#showtime-list .showtime-list-even{
  margin-left:    40%;
  text-align:     right;

}
#showtime-list .date{
  color:          #666666;
}
#showtime-list div.detail{
  text-align: justify;
}
#showtime-list .showtime-list-even div.detail{
  text-align: left;
}
#showtime-list .showtime-list-even div.detail a{
  float: right;
}
#showtime-list .detail{
  color:          #666666;
  font-size-adjust: none;
  font-size:      12px;
  line-height:    1.5
}  

/************* Project Pages*/
#container div.index_projects_page h3.title{
  text-align:       center;
}

/************Static Pages *******/
#static_pages{
  width: 66%;
  min-width: 570px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 18px;
  font-family: "Century Gothic";
}

/************Media****************/
.index_medium_entry{
  margin:             0 auto 38px;; 
  width:              500px;
  border-bottom:      2px dotted #999;
  padding:            0 0 27px;
  color:              #333;
}
.index_medium_entry_actions{
  margin-left:      500px;
  line-height:      22px;
  font-size:        75%;
}
.index_medium_entry_content{
  color:        #666;
  float:        left;
  width:        500px;
  line-height:  18px;
}

.show_medium_page{
  text-align: center;
}
.show_medium_page h1{
  margin:       0 auto 30px;
  width:        480px;
  text-align:   left;
  word-wrap:    normal;
}

.show_medium_page p{
  width:          500px;
  margin:         20px auto 0;
  text-align:     left;
  line-height:    1.5;
  color:          #666666;
}

/********************Mailing List**********************/
.index_mailing_list{
  text-align: center;
}

/*home*/
#home_intro {
  width: 66%;
  margin: 200px auto 0px;
}

#home_intro {
  border: 1px solid #999;
  padding: 10px 20px;
}
#latest_article{
 margin-left: 50%;
 width: 33%;  
}
/**********************      product depot   products/index ***********************/
#product-list{
  border-collapse: collapse;
}
#product-list tr td {
  padding: 5px;
  vertical-align: top;
}
#product-list .list-image {
  width:        200px;
  height:       75px;
}
#product-list .list-image img{
  margin: 0 auto;
  display: block;
}
#product-list .list-description {
  width:        75%;
}

#product-list .list-description dl {
  margin: 0;
}

#product-list .list-description dt {
	color:        #244;
	font-weight:  bold;
	font-size:    larger;
}

#product-list .list-description dd {
  margin: 0;
}

#product-list .list-actions {
  font-size:    x-small;
  text-align:   right;
  padding-left: 1em;
}

#product-list tr.list-line-even {
  background-color:   #e0f8f8;
}

#product-list tr.list-line-odd {
  background-color:   #f8b0f8;
}

/*store checkout*/
#main {
  margin-left: 14em;
  padding-top: 4ex;
  padding-left: 2em;
}

/************************** store   store/index************************/
#store .add_to_cart{
  margin-left: 50px;
}
#store{
  background: #FFFFFF;
}

#side {
  position: fixed;
  float: left;
  width: 13em;
  color: #666;
  
}

#side a {
  color: #bfb;
  font-size: small;
}

#store h4.depot_link{
  float:      right;
}

#store  .entry {
  overflow: auto;
  margin-top: 1em;
  border-bottom: 1px dotted #77d;
}

#store  .title {
  font-size: 120%;
  font-family: sans-serif;
}

#store .entry img {
  width:        100px;
  float:        left;
  margin-right: 20px;
  cursor:       pointer;
}

#store .entry div.product-description{
  margin-left:    120px;
  font-family:    "Lucida Grande", "Lucida Sans Unicdoe", "Century Gothic", Arial, Verdana;
  font-size:      14px;
  color:          #666666;
}

#store .entry h2 {
 margin-top: 0;
 margin-bottom: 2px;
 color: #1B97F2;
 cursor: pointer;
}

#store .entry p {
 margin-top: 0.5em; 
 margin-bottom: 0.8em; 
}

#store .entry .price-line {
 clear: both;
}

#store .entry .add-to-cart {
  position: relative;
}

#store .entry  .price {
  color: #44a;
  font-weight: bold;
  margin-right: 2em;
}

#store .entry form, #store .entry form div{
  display: inline;
}

/****** Style for Cart in Store ******/
.cart-title  {
font:  120%  bold;
}
.item-price,  .total-line  {
text-align:  right;
}
.total-line  .total-cell  {
font-weight:  bold;
border-top:  1px  solid  #595 ;
}

#cart,  #cart  table  {
font-size:            smaller;
color:                #333;
background:           #f1f1f1;
width:                100%;
padding-left:         1em;
padding-top:          1em;
padding-bottom:       2em;
}
#cart table  {
border-top:         1px  dotted  #595 ;
border-bottom:  1px  dotted  #595 ;
margin-bottom:  10px;
width: 90%;
}

/************ Styles for Order Form ****************/
/*.depot-form  legend  {
color:  #dfd ;
background:  #141 ;
font-family:  sans-serif;
padding:  0.2em  1em;
}
.depot-form  label  {
width:  12em;
float:  left;
text-align:  right;
padding-top:  0.2em;
margin-right:  0.1em;
display:  block;

}
.depot-form  select,  .depot-form  textarea,  .depot-form  input  {
margin-left:  0.5em;
}
.depot-form  .submit  {
margin-left:  4em;
}
.depot-form  div  {
margin:  0.5em  0;
}
.depot-form #billing h4{
margin-left: 5em;
}*/

/****** Orders Overview *******/
#order-list{
  border-collapse: collapse;
}

#order-list tr.list-line-even {
  background-color:   #e0f8f8;
}

#order-list tr.list-line-odd {
  background-color:   #f8b0f8;
}

#order-list td {
  padding: 5px 10px;
  font-size: 14px;
  font-family: Century Gothic;
}

#order-list td.actions{
  text-align: right;
}


/**************Admin Area*/
.admin_area {
  background-color: #eeeeee;
  color:            #666;
}