/*
 **************************************************************************
 *
 * FILE:       megacon.css
 * VERSION:    1.0.0
 * COPYRIGHT:  (c) 2009 All rights reserved.
 * AUTHOR(S):  Michael Huffman (michael.mhuffman@gmail.com)
 *
 * COLOR:
 *
 *   yellow:   #FFE040;
 *   red:      #940F24
 *   dark-red: #47040D
 *
 * HISTORY:
 * 2009.04.06  MWH  Created file.
 *
 **************************************************************************
 */

* {
    margin:	  0;
    padding:	  0;
    font-family:  "Lucida Grande", Verdana, Arial, Helvetica;
    font-size:    12px;
}

a { color: #00F;text-decoration: none; }
a:hover { text-decoration: underline; }

html {
    height:  100%;
    min-width:   1024px;
}

img { border: 0px; }

body {
    background:         #FFF;
    background-image:   url(/images/black_bar.png);
    background-repeat:  repeat-y;
    height:             100%;
    color:              #FFFFFF;
}

h2, h3, h4, h5 { color: #940F24; padding: 12px 0 6px 0; }

h2 { font-size: 16px; }
h3 { font-size: 14px; border-bottom: 1px solid #940F24; }
h4 { font-size: 14px; } 
h5 { font-size: 12px; }

p { margin: 0.5em 0; }

td { padding: 3px; }

/**************************************************************************/

#twitter_update_list li span { font-size:       10px; }

#twitter_update_list li {
    font-size:       10px;
    padding:         5px;
    margin-left:     0px;
    list-style-type: none;
}

/**************************************************************************/

#page {
    background-image: url(/images/rotate.php);
    background-repeat:  no-repeat;
    width:      100%;
    min-height: 100%;
    height:     auto !important;
    height:     100%;
    margin:     0 auto -120px;
}

#admin_page {
  color: #000;
}

#admin_header {
    background:  #FFE040;
    color:       #999;
    font-size:   20px;
    padding:     20px;
}

#admin_header a { 
  color: #999;
  font-size:   20px;
  text-decoration: none; 
}

#admin_header a:hover { text-decoration: underline; }

#admin_content {
    color:       #000;
    margin-left: 200px;
}

#header {
    width:       100%;
    height:      290px;
}
.header_content {
    padding-top:     6px;
    padding-bottom:  6px;
}

/**************************************************************************/

#dropdown {
   margin:       6px 0 3px 0px; /* this page only */
   padding:      0px;
   padding-left: 0px;

}

#menu {
  list-style:     none;
  margin:         0px;
  padding:        0;
  vertical-align: top;
  width:          180px;
}

#menu ul {
  display:    none;
  list-style: none;
  margin:     0;
  padding:    0;
}

#menu ul ul {
  display: inline;
}

#menu ul ul li a {
  padding-left: 6px;
  width:        180px;
  background:   #000;
}

#menu a {
  display:       block;
  margin-left:   0;
  padding:       2px 2px 2px 17px;
  width:         180px;
  background:    #000;
  color:         #FFF;
  border:        1px solid #000;
  border-bottom: #333 solid 1px;
}

#menu a.glow {
  color: #FFE040;
}

#menu a.expanded {
   background: #000 url(images/collapse.gif) no-repeat 3px 50%;
}

#menu a.collapsed {
  background: #000 url(images/expand.gif) no-repeat 3px 50%;
}

#menu a.expanded:hover, #menu a.collapsed:hover {
   background:  #000 url(images/expand.gif) no-repeat 3px 50%;
}

#menu ul a {
   background:    #000;
   border-top:    none;
   border-bottom: 1px solid #333;
   border-right:  1px solid #333;
   color:         #FFF;
   display:       block;
   padding:       2px 2px 2px 8px;
   width:         186px;
   /* border:        1px solid #FFCC00; */
}

#menu ul a:hover {
   background: #333;
}

#menu li.active li a {
   background: #E8E8E8;
}

/*
#menu .footer {
   background: transparent url(images/menu_footer.png) no-repeat 0 0;
   border-top: 1px solid #333; 
   height: 9px;
   margin: 0 0 10px 0;
   width: 180px;
}

#menu .footer span {
   display: none;
}
*/

/**************************************************************************/

p.question {
   padding-bottom: 10px;
}

.clear_bubble {
   text-align:  left;
   margin-left: 15px;
   margin-top:  80px;
   color:       #FFF;
}

.clear_bubble img {
   padding: 1px;
}

.bubble {
    margin:     6px 0 3px 15px; /* this page only */

    background:            #FFE040;
    border:                1px solid #FFCC00;
    -moz-border-radius:    1em;
    -webkit-border-radius: 1em;
    border-radius:         1em;
    padding:               5px;
    padding-bottom:        10px;
}

.bubble img { padding-bottom: 3px; }

.imgContainer {
   text-align: center;
   padding:    3px;
   /* border:     1px solid #DDD; */
}

/**************************************************************************/

#middle {
    width:          100%;
    color:          #333;
    text-align:     center;
    float:          left;
    display:        inline-block;
}

#middle_left {
    width:       220px;
    float:       left;
    text-align:  left;
}

#middle_left p, #middle_left h4 {
    margin-left: 15px;
}

#middle_right {
    float:        right;
    width:        225px;
    margin-top:   12px;
    margin-right: 12px;
} 

#middle_center {
    text-align:   left;
    overflow:     hidden; 

}

#middle_center ul {
   margin-left:      20px;
   padding:          3px;
   padding-bottom:   6px;
}

#middle_center ul li {
   padding:          3px 0px 3px 0px;
}

#banner {
   margin-left:    320px;
   margin-top:     160px;
   text-align:     center;
   width:          730px;
   height:         92px;
}

#announcements {
   text-align: left;
}

.info {
	width: 90%;
}

/**************************************************************************/

ul#navStep {
	padding:    10px;
	list-style: none;
}

ul#navStep .fourStep {	width: 180px; }

ul#navStep li {
	padding: 	6px;
	display:	block;
	float:		left;
	border:		1px solid #FFF;
	background:	#EEEEEE;
}

ul#navStep li.current {
	color:		#940F24;
	background:	#DDD;
}

ul#navStep li.lastDone {
	color:		#FFF;
	background:     #181848;
}

/**************************************************************************/

.photo {
   margin-top: 24px;
   padding:    3px;
   display:    block;
   border:     1px solid #DDD;
   text-align: center;
}

.photo img {
   border:  1px solid #000;
}

.photos {
   margin:     3px;
   padding:    3px;
   display:    block;
   float:      left;
   width:      150px;
   height:     150px;
   border:     1px solid #DDD;
   text-align: center;
}

.photos img {
   border:  1px solid #000;
}

.guest_container {
   display:  block;
   float:    left;
   padding-top: 5px;
   padding-bottom: 12px;
}

.announcement_container {
   display: block;
   float:   left;
   width:   550px;
}

.address_container {
   display: block;
   float:   left;
}

.address {
   text-align: left;
   float:      left;
   padding:    6px;
   margin:     2px;
   width:      275px;
   border:     1px solid #DDD;
   -moz-border-radius:    1em;
   -webkit-border-radius: 1em;
   border-radius:         1em;
}

.schedule_container {
   padding: 6px;
   padding-bottom: 12px;
}

.schedule {
  text-align: left;
  float:      left;
  padding:    6px;
  margin:     2px;
  width:      95%;
  border:     1px solid #DDD;
  -moz-border-radius:    1em;
  -webkit-border-radius: 1em;
  border-radius:         1em;
}

.guest {
    text-align: center;
    float:      left;
    padding:    3px;
    margin:     2px;
    width:      150px;
    height:     270px;
    border:     1px solid #DDD;
    -moz-border-radius:    1em;
    -webkit-border-radius: 1em;
    border-radius:         1em;
}

.guest-large {
    text-align: center;
    float:      left;
    padding:    3px;
    margin:     2px;
    width:      312px;
    height:     270px;
    border:     1px solid #DDD;
    -moz-border-radius:    1em;
    -webkit-border-radius: 1em;
    border-radius:         1em;
}

.ad {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 7pt;
    color: #999999;

}

.small {
    font-size:   10px;
    padding:     0 0 3px 0;
}

.large {
   color: blue;
   font-size:   20px;
   padding:     0 0 3px 0;
}

fieldset {
  padding:        5px;
  padding-bottom: 20px;
  margin-bottom:  10px;
}

label {
  display:      block;
  float:        left;
  width:        100px;
  text-align:   right;
  margin-right: 0.5em;
  padding-top:  3px;
  padding-bottom: 3px;
}

label:after { content: ": " }

legend {
  margin-left:  5px;
  padding:      3px;
  border:       1px solid #999;
}

input {
  margin-top:    5px;
  margin-bottom: 5px;
}

select {
  margin-top:    3px;
  margin-bottom: 3px;
}

#billing_info {
  visibility: hidden;
}

#order_button {
  visibility: hidden;
}

.grid {
  display: table; 
  border-spacing: 4px;
}

.row {
  display: table-row;
  padding: 3px;
}

.cell {
  display: table-cell;
  padding: 5px;
}

/**************************************************************************/

#footer {
    clear:      both;
    background: #000;
    width:      100%;
    height:     150px;
}

.footer_content {
    background: #000;
    padding:     6px 0 12px 0;
    margin:      0px;
    font-size:   10px;
    text-align:  center;
}

/*
 **************************************************************************
 *
 * END: megacon.css
 *
 **************************************************************************
 */