/* 
    Document   : wedding.css
    Created on : May 22, 2010, 7:59:17 PM
    Author     : gavin
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%;
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold;
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
}
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	border:1px solid #000;
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table {
	/*so things don't run into each other*/
	margin-bottom:1em;
}

/* My styles */
#content {
  background: white url('/images/wedding/background.jpg');
  padding: 10px;
  min-height: 600px;
}

#header {
  padding: 10px;
  min-height: 120px;
}



#header h1 {
  font-size: 182%;
  margin: 10px 0 5px 0;
  padding-top: 20px;
}

#header h2 {
font-size: 167%;
  margin: 10px 0 5px 0;
}

#header h1, #header h2 {
  color: #877503;
  text-align: center;
  margin-left: 120px;
  margin-right: 120px;
}

#daffodils {
  float: right;
}

#thistles {
  float: left;
}

#accordian-menu {
  background: white;
  margin: 0 10px;
}
#accordian-menu li
{
list-style: none outside none
}

#accordian-menu li a {
  display: block;
}

#accordian-menu .accordian-header a {
  background-color: #8B6FED;
  padding: 8px 10px;
  color: white;
  font-size: 123.1%;
}

#sidebar #accordian-menu .accordian-header ul {
  margin: 10px;
}

#sidebar #accordian-menu li.accordian-header ul a
{
  background: none;
  color: black;
}

#sidebar #accordian-menu li.active a {
  background-color: #350387;
}

#main-content {
font-size: 116%;
}

#main-content h2, #main-content h3 {
  margin: 0 0 0.5em 0;
}

dl.hotel-info {
  margin-bottom: 15px;
}

dl.hotel-info dt, dl.hotel-info dd
{
  margin: 5px 0;
}

dl.hotel-info dt {
  width: 15%;
  display: inline-block;
  vertical-align: top;
}

dl.hotel-info dd {
  width: 80%;
  display: inline-block;
}

#sidebar #email {
    background: white;
  padding: 10px;
  margin: 10px;
}

dt {
  font-weight: bold;
}

dd {
  margin-bottom: 10px;
}