/*
	Startup2Startup Layout
	Date: 2009-01-26 12:57:36
*/

@import "reset.css";

body {
	margin: 0;
	background: #271103;
	font-family: Arial, Helvetica, sans-serif;
}

#gasket {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	background: #683b11;
}


/* Header
----------------------------------------------- */
#header .banner {
	position: relative;
	height: 252px;
}
#header .banner h1 {
	position: absolute;
	bottom: 30px;
	left: 40px;
	width: 231px;
	height: 43px;
}
#header .banner h1 a {
	display: block;
	width: 231px;
	height: 43px;
	text-indent: -2000px;
	background: url(../images/header/brand.png) no-repeat;
}

#header .navigation {
	float: left;
	clear: both;
	width: 980px;
	background: #683b11;
	border-left: solid 10px #804d0e;
	border-right: solid 10px #804d0e;
}
#header .navigation ul {
	float: left;
	margin: 20px 0 0 20px;
}
#header .navigation ul li {
	float: left;
	margin: 0 30px 0 0;
	padding: 0 0 10px 0;
	border-bottom: solid 10px #683b11;
	font-size: .8em;
	font-weight: bold;
}
#header .navigation ul li.active { border-bottom: solid 10px #4e2f18; }
#header .navigation ul li.active a { color: #fff; }
#header .navigation ul li a {
	text-decoration: none;
	color: #fff;
}

#header .navigation fieldset {
	float: right;
	margin: 15px 20px 0 0;
}


/* Content Positioning
----------------------------------------------- */
#main {
	float: left;
	clear: both;
	width: 980px;
	padding: 0 10px 0 10px;
	background: url(../images/main.png) repeat-y;
	background: #683b11;
}
#main #content {
	float: left;
	width: 730px;
}
#main #sidepanel {
	float: right;
	width: 200px;
	padding: 20px;
}


/* Content Styling
----------------------------------------------- */
#content .pad { padding: 20px; }

#content h1 {
	margin: 0 0 10px 0;
	font-size: 1.5em;
	line-height: 1.2em;
	color: #fff;
}
#content h1 a {
	text-decoration: none;
	color: #fff;
}

#content p {
	margin: 0 0 15px 0;
	font-size: .753em;
	line-height: 1.9em;
	color: #d1c2af;
}

#content span.highlight {
	padding: 2px 4px 2px 4px;
	background: #F1F3B5;
	color: #80542d;
}

/* Style wp-caption */
#content .wp-caption.alignleft,
#content .alignleft {
	margin: 5px 15px 10px 0;
	float: left;
}
#content .wp-caption img { margin-bottom: 5px; }
#content .wp-caption p {
	margin: 0 5px 0 0;
	font-size: .65em;
	line-height: 1.5em;
	font-style: italic;
	color: #C1B3A1;
}

#content ul,
#content ol { margin: 0 0 15px 20px; }
#content li {
	list-style: disc;
	list-style-position: inside;
	font-size: .753em;
	line-height: 1.9em;
	color: #fff;
}
#content ol li {
	margin-left: 10px;
	list-style: decimal;
}
#content li li { font-size: 100%; }


/* Breadcrumbs
----------------------------------------------- */
#content .breadcrumbs {
	padding: 5px 0 5px 20px;
	border-bottom: solid 10px #683b11;
	background: #e57228;
}
#content .breadcrumbs p {
	margin: 0;
	color: #fff;
}
#content .breadcrumbs p a {
	color: #d1c2af;
	font-weight: bold;
	text-decoration: none;
}


/* Pagination
----------------------------------------------- */
#content .pagination {
	padding: 8px 20px 8px 20px;
	border-top: solid 10px #683b11;
	background: #80542d;
}
#content .pagination p {
	margin: 0;
	font-size: .7em;
	color: #c1b3a1;
	text-align: right;
}
#content .pagination a {
	padding: 2px 6px 2px 6px;
	text-decoration: none;
	background: #e57228;
	color: #fff;
}


/* Entries
----------------------------------------------- */
#content .entry {
	padding: 20px;
	border-bottom: solid 10px #683b11;
	background: #4e2f18;
}
#content .entry.last { border-bottom: none; }

#content .entry .details {
	padding: 10px 0 0 0;
	border-top: solid 1px #c1b3a1;
}
#content .entry .details p {
	margin: 0;
	font-size: .65em;
	color: #c1b3a1;
}
#content .entry .details p span { margin-right: 25px; }
#content .entry .details p span.posted {
	padding-left: 14px;
	background: url(../images/content/icon_posted.gif) no-repeat;
}
#content .entry .details p span.author {
	padding-left: 11px;
	background: url(../images/content/icon_author.gif) no-repeat 0 1px;
}
#content .entry .details p span.comments {
	padding-left: 15px;
	background: url(../images/content/icon_comments.gif) no-repeat 0 1px;
}

#content .entry .details p a {
	text-decoration: none;
	color: #c1b3a1;
}

/* Added In
----------------------------------------------- */
#content {
	background: #4e2f18;
}


/* Comments
----------------------------------------------- */
#comments {
	padding: 20px;
	border-top: solid 10px #683b11;
	background: #4e2f18;

}
#comments h1 { font-size: 1em; }

#comments .comment { padding: 15px; }

#comments .comment p {
	margin-bottom: 10px;
	line-height: 1.4em;
}

#comments .comment.h { background: #80542d; }

#comments .comment p.details {
	margin: 0;
	padding: 10px 0 0 12px;
	border-top: solid 1px #c1b3a1;
	background: url(../images/content/icon_author.gif) no-repeat 0 11px;
	font-size: .65em;
	line-height: 1em;
	color: #c1b3a1;
}
#comments .comment.h p.details {border-top: solid 1px #c1b3a1; }

#comments .comment p.details a {
	text-decoration: none;
	color: #c1b3a1;
}


/* Post Comment
----------------------------------------------- */
#post_comment {
	padding: 20px;
	border-top: solid 10px #683b11;
	background: #4e2f18;
}
#post_comment h1 { font-size: 1em; }
#post_comment label {
	display: block;
	font-weight: bold;
	font-size: .9em;
	color: #c1b3a1;
}
#post_comment input {
	padding: 4px;
	width: 210px;
}
#post_comment textarea { padding: 4px; }
#post_comment span.required {
	margin-left: 10px;
	font-style: italic;
	font-size: .75em;
	color: #F1F3B5;
}
#post_comment p.button { margin: 0; }
#post_comment p.button input { width: auto; }


/* Where Map
----------------------------------------------- */
#where_map {
	width: 730px;
	height: 300px;
	border-bottom: solid 10px #683b11;
	background: #4e2f18;

}


/* Sidepanel
----------------------------------------------- */
#sidepanel {
	background: #4e2f18;
}

#sidepanel h3 {
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	font-size: .8em;
	color: #c1b3a1;
	border-bottom: solid 1px #c1b3a1;
}

#sidepanel p {
	margin: 0 0 25px 0;
	font-size: .75em;
	line-height: 1.5em;
	color: #c1b3a1;
}

#sidepanel a.rss {
	padding-left: 18px;
	background: url(../images/content/feed.gif) no-repeat;
}

#sidepanel ul { margin: 0 0 25px 0; }
#sidepanel li {
	margin: 0 0 5px 0;
	font-size: .75em;
}

#sidepanel a {
	color: #d1c2af;
	text-decoration: none;
}
#sidepanel a:hover { color: #fff; }

#sidepanel .photos div { display: inline; }
#sidepanel .photos div img {
	margin: 0 10px 9px 0;
	padding: 1px;
	border: solid 3px #271103;
}


/* Attendees
----------------------------------------------- */
table#attendees td {
	padding: 12px;
	vertical-align: top;
}
table#attendees tr.h td { background: #271103; }

table#attendees td.photo {
	width: 82px;
	padding-right: 0;
}
table#attendees td.photo img {
	margin: 0 15px 0 0;
	padding: 1px;
	border: solid 3px #804d0e;
	width: 74px;
	height: 74px;
}

table#attendees td h3 {
	margin: 10px 0 5px 0;
	font-size: .95em;
	color: #c1b3a1;
}

table#attendees a {
	color: #c1b3a1;
	text-decoration: none;
}
table#attendees a:hover { color: #fff; }

table#attendees td p {
	font-size: .7em;
	line-height: 1.3em;
	color: #c1b3a1;
}

table#attendees td.links { width: 120px; }

table#attendees td ul { margin: 10px 0 0 0; }
table#attendees td ul li {
	margin: 0 0 8px 0;
	padding: 1px 0 3px 23px;
	list-style: none;
	font-size: .7em;
	line-height: 1.3em;
	color: #c1b3a1;
}

table#attendees td ul li.twitter {
	background: url(../images/content/twitter.gif) no-repeat;
}

table#attendees td ul li.facebook {
	background: url(../images/content/facebook.gif) no-repeat 1px 1px;
}

table#attendees td ul li.linkedin {
	background: url(../images/content/linkedin.gif) no-repeat;
}


/* Attendees Nav
----------------------------------------------- */
#content ul.attendees_nav {
  margin: 0 0 0 -20px;
  padding: 10px 0 0 20px;
  width: 710px;
  height: 32px;
  border-bottom: solid 1px #c1b3a1;
  background: #4e2f18;

}
#content ul.attendees_nav li {
  list-style: none;
  margin: 0 20px 0 0;
  float: left;
  height: 32px;
}
#content ul.attendees_nav li a {
  text-decoration: none;
  color: #fff;
}
#content ul.attendees_nav li.active {
  height: 28px;
  border-bottom: solid 4px #c1b3a1;
}
#content ul.attendees_nav li.active a {
  font-weight: bold;
  color: #fff;
}

/* Attendees Blocks
----------------------------------------------- */
div#attendees {
  border-top: solid 10px #683b11;
  width: 750px;
  margin-left: -30px;
}
div#attendees .person {
  position: relative;
  float: left;
  border-left: solid 10px #683b11;
  border-bottom: solid 10px #683b11;
  padding: 20px;
  width: 197px;
  height: 130px;
  background: #906F41;
}
div#attendees .person:hover { background: #8A5D36; }
div#attendees .person.third { width: 196px; }
div#attendees .person.last { border-bottom: none; }

div#attendees .person img.photo {
  float: right;
  margin: -20px -20px 10px 20px;
  width: 70px;
  height: 70px;
  border-left: solid 5px #683b11;
  border-bottom: solid 5px #683b11;
}

div#attendees .person h3 {
  margin: 0 0 8px 0;
	font-size: 1em;
	line-height: 1.5em;
	color: #fff;
}
div#attendees .person h3 a {
  color: #fff;
  text-decoration: none;
}
div#attendees .person h3 a:hover { color: #fff; }

div#attendees .person p {
  color: #c1b3a1;
  font-size: .7em;
  line-height: 1.4em;
}

div#attendees .person p.links {
  position: absolute;
  margin: 0;
  bottom: 20px;
  left: 20px;
}

div#attendees .person p.links img {
  vertical-align: middle;
  margin-right: 5px;
}


/* Chatter
----------------------------------------------- */
#chatter {
  border-top: solid 10px #683b11;
  margin-left: -20px;
  width: 730px;
}
#chatter .sep {
  padding: 20px;
  border-bottom: solid 5px #683b11;
}
#chatter .sep.last { border-bottom: none; }
#chatter .sep.h { background: #906F41; }
#chatter h3 {
  color: #c1b3a1;
  font-family: georgia, times, Times New Roman, times-roman, georgia, serif;
  font-size: 1em;
  line-height: 1.6em;
}
#chatter h3 a {
  color: #fff;
}
#chatter p {
  margin: 0;
  text-align: right;
  color: #c1b3a1;
}
#chatter p a {
  color: #fff;
}


/* Footer
----------------------------------------------- */
#footer {
	clear: both;
	padding: 50px;
	border-top: solid 10px #683b11;
	background: #271103;
}
#footer p {
	text-align: center;
	font-size: .7em;
	color: #c1b3a1;
}


/* Miscellaneous
----------------------------------------------- */
a { color: #B57627; }
a:hover { color: #c1b3a1; }
a:active { color: #c1b3a1; }

strong { font-weight: bold; }
.clear { clear: both; }
hr { display: none; }
a img { border: none; }
a { outline: none; }
a:focus { -moz-outline-style: none; }
strong { font-weight: bold; }
em { font-style: italic; }