/*** RESET ***/

body {
	/*background-image: url(/graphics/background.jpg); */
	background-image: url(/graphics/background3.jpg);
	font-family: "Georgia";
	font-size: 10pt;
}

p {
	line-height: 1.5;
	margin-top: 0;
}

div {
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6 { 
	margin: 0;
}

a {
	text-decoration: none;
	outline: none;
}

a:hover {
	text-decoration: underline;
}

a img { 
	border: none;
}

/****** SITE STRUCTURE ******/

#wrapper {
	width: 960px;
	margin: 0 auto;
}

#content {
	float: left;
}

/*** GLOBAL STYLES ***/

.alignRight {
	float: right; 
	margin-left: 20px;
	margin-bottom: 20px;
}

.alignLeft {
	float: float; 
	margin-right: 20px;
	margin-bottom: 20px;
}

.commentLabel {
	
}

.commentLabel .star {
	background-image: url(/graphics/comment_star.png);
	background-repeat:no-repeat;
	color: white;
	font-weight: bold;
	font-size: 10pt;
	width: 36px;
	height: 30px;
	padding: 7px 0 0 0;
	text-align: center;
	float: left;
}

.commentLabel .count {
	float: left;
	font-size: 11pt;
	font-weight: bold;
	color: #333;
	padding: 7px 0 0 2px;
}

/*** HEADER ***/

#header {
	float: left;
	margin-bottom: 20px;
}

#logo {
	float: left;
	width: 425px;
}

#nav {
	float: left;
}

.navLink {
	float: left;
	padding-top: 15px;
}

.navLink img {
	z-index: 100;
}

.navLink a {
	z-index: 100;
}

#footer {
	background-image: url(/graphics/archive_header.png);
	height: 51px;
	padding-top: 31px;
	float: left;
	width: 100%;
	margin-top: 30px;
	text-align: center;
	color: #666;
}

/* MENU */

.menu {
	z-index: 50;
	position: absolute;
	width: 127px;
	display:none;
	top: 80px;
}

.menu .link {
	padding: 0 0 10px 0;
	margin: 0 17px 10px 17px;
	border-bottom: 1px solid #eee;
	line-height: 1.5;
	font-size: 8pt;
}

.menu .link a {
	color: #333;
}

.menu .link a:hover {
	color: black;
	text-decoration: underline;
}

.menuHeader {
	background-image: url(/graphics/menu_header.png);
	height: 15px;
	background-repeat:no-repeat;
}

.menuBody {
	background-image: url(/graphics/menu_body.png);
	background-repeat: repeat-y;
	padding: 0 0 5px 0;
}

.menuFooter {
	background-image: url(/graphics/menu_footer.png);
	height: 11px;
	background-repeat:no-repeat;
}

/******* ONE COLUMN ******/

.allRow {
	float: left;
	clear: both;
}

.postit {
	background-image: url(/graphics/question_postit.png);
	background-repeat: no-repeat;
	float: left;
	font-size: 12pt;
	line-height: 1;
}

.postit1 {
	padding: 30px 30px 0 25px;
	background-image: url(/graphics/postit_1.png);
	height: 190px;
	width: 175px;
}

.postit2 {
	padding: 35px 30px 0 28px;
	background-image: url(/graphics/postit_2.png);
	height: 187px;
	width: 170px;
}

.postit3 {
	background-image: url(/graphics/postit_3.png);
	padding: 25px 30px 0 30px;
	height: 195px;
	width: 160px;
}

.postit h3 a {
	color: white;
}

#full {
	width: 972px;
	float: left;
}

#fullTop {
	background-image: url(/graphics/archive_header.png);
	height: 81px;
	float: left;
	width: 100%;
}

.headerBox {
	float: left;
	margin: 0 30px 0 40px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #999;
	width: 876px;
}

#fullBody {
	background-image: url(/graphics/archive_body.png);
	padding: 20px 0 0 40px;
	float: left;
	width: 932px;
}

#fullFooter {
	background-image: url(/graphics/archive_footer.png);
	height: 34px;
	float: left;
	width: 100%;
}

#full .header, #page .header  {
	font-size: 20pt;
	font-weight: bold;
	color: white;
	margin-top: 7px;
	float: left;
	padding: 10px 20px;
}

.teal {
	background-color: #0097e3;
}

.pink {
	background-color: #f9006e;
}

.orange {
	background-color: #f6931e;
}

.yellow {
	background-color: #f3e91e;
}

.homeFlashBox {
	margin-top: 20px;
}

.flash { 
	padding-bottom: 20px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 20px;
	width: 870px;
}

.homeGlow {
	background-color: #f6931e;
}

.homeLinks {
	float: left;
	margin-bottom: 40px;
}

.homeLink {
	float: left;
	width: 425px;
}

/*** ARCHIVE ***/

#archiveFilter {
	padding-top: 15px;
	float: left;
	padding-left: 15px;
	width: 585px;
}

.filterStatus {
	float: left;
	width: 200px;
	color: #333;
	padding: 5px 0 0 0 ;
	font-size: 14pt;
}

.filterSubtitle {
	font-size: 9pt;
	color: #999;
}

#archiveFilter form {
	padding-top: 10px;
}

.archiveItem {
	float: left;
	clear: both;
	margin-bottom: 20px;
}

.archiveItem h3 {

}

.archiveItem h3 a {
	color: black;
	font-size: 16pt;
}

.archiveItem .meta {
	padding-top: 3px;
}

.archiveItem .comment {
	font-family: Arial;
	padding-top: 20px;

}

.archiveItem .description {

}

.archiveItem .label {
	font-weight: bold;
	color: #666;
	font-size: 9pt;
	margin-bottom: 10px;
}

.archiveItem .excerpt {
	color: #666;
}

.archiveItem .author {
	text-align: right;
	color: #666;
}

.archiveLeft {
	float: left;
	width: 75px;
}

.archiveCenter {
	float: left;
	width: 460px;
	padding: 0 20px;
}

.archiveRight {
	float: left;
	width: 300px;
}

.commentBubble {
	background-color: #0097e3;
	color: white;
	text-align: center;
	padding: 5px 0;
}

.commentBubble a {
	color: white;
}

.commentBubble .count {
	font-weight: bold;
	font-size: 18px;
}

.commentBubble .label {
	color: white;
	font-weight: normal;
	font-size: 8pt;
	margin-bottom: 3px;
}

.commentBubbleBottom {
	background-image: url(/graphics/bubble_triangle.png);
	height: 14px;
	background-repeat:no-repeat;
}

.views {
	color: #666;
	text-align: center;
}

.archiveItem .inspiration img {
	width: 278px;
}

.archiveItem .inspiration {
	background-color: #eee;
	padding: 10px;
	border: 1px solid #ddd;
}

/******* TWO COLUMNS ******/

/*** LEFT ***/

#left {
	float: left;
	width: 618px;
}

/* PAGE TEMPLATE */
#page {
	float: left;
}

#page .headerBox {
	margin-right: 50px;
	width: 533px;
}

#plainTop {
	background-image: url(/graphics/page_header.png);
	float: left;
	width: 618px;
}

#plainTop .header {
	margin-top: 4px;
}

#page p {
	color: #666;
	line-height: 1.7;
}

#plainBody {
	background-image: url(/graphics/question_body.png);
	padding: 30px 40px 10px 45px;
	float: left;
	width: 533px;
}

#plainFooter {
	background-image: url(/graphics/question_footer.png);
	height: 37px;
	float: left;
	width: 618px;
}

/* QUESTION TEMPLATE */

.questionHeader {
	background-image: url(/graphics/question_header.png);
	height: 18px;
	float: left;
	width: 618px;
}

.questionTop {
	background-image: url(/graphics/question_top.png);
	background-repeat:repeat-y;
	padding: 20px 35px 10px 50px;
	color: white;
	float: left;
	width: 533px;
}

.questionTop h2 {
	font-weight: bold;
	font-size: 22pt;
	width: 450px;
}

.questionTop h2 a {
	color: white;
}

.questionMeta {
	font-size: 9pt;
	margin-top: 8px;
}

.questionDescription {
	margin-top: 90px;
}

.questionExtra {
	margin-top: 15px;
	display: none;
}

.more {
	color: white;
	font-weight: bold;
}

.questionBridge {
	background-image: url(/graphics/question_bridge.png);
	height: 52px;
	float: left;
	width: 618px;
}

.questionBody {
	background-image: url(/graphics/question_body.png);
	float: left;
	padding: 0 35px 10px 50px;
}

.replyHeader, .commentHeader {
	font-size: 18pt;
	padding: 10px 0;
	border-bottom: 1px dotted #999;
	font-weight: bold;
	width: 533px;
}

.replyHeader {
	float: left;
	clear: both;
}

.replyHeader .commentLabel {
	float: left;	

}

.replyHeader .replyLabel {
	float: left;
	width: 400px;
	padding-top: 4px;
}

.replyBox {
	padding: 25px 0 10px 0;
	border-bottom: 1px dotted #ccc;
	float: left;
}

.replyBox p {
	margin-top: 0;
	line-height: 1.6;
}

.replyModerator {

}

.replyModerator .replySidebar {
	color: #333;
}

.replyModerator .name {
	font-weight: bold;
}

.replyModerator .label {
	color: #0097e3;
	font-weight: bold;
	font-family: Arial;
	font-size: 9pt;
}

.commentHeader {
	margin-bottom: 20px;
}

.replyBody {
	float: left;
	width: 353px;
	padding-right: 40px;
}

.replySidebar {
	float: left;
	width: 140px;
	font-family: Arial;
	font-size: 9pt;
	line-height: 1.5;
	color: #666;
}

.questionFooter {
	background-image: url(/graphics/question_footer.png);
	height: 37px;
	float: left;
	width: 618px;
}

/*** RIGHT ***/

#right {
	float: left;
	width: 332px;
}

/* SIDEBAR */

.sidebarHeader {
	background-image: url(/graphics/sidebar_header.png);
	background-repeat: no-repeat
}

.eventHeader {
	background-image: url(/graphics/event_header.png);
	background-repeat: no-repeat;
	height: 45px;
	width: 339px;
}

.sidebarBody {
	background-image: url(/graphics/sidebar_body.png);
	padding: 10px 25px 10px 27px;
}

.eventBody {
	padding-top: 0;
}

.sidebarBody h3 {
	font-size: 14pt;
	margin-bottom: 15px;
}

.sidebarFooter {
	background-image: url(/graphics/sidebar_footer.png);
}

/* ABOUT MENU */

.aboutLink {
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
}

.aboutLink a {
	color: #333;
	font-size: 11pt;
}

.aboutLink a:hover {
	text-decoration: underline;
}

/* EVENT */

.event {
	border-top: 1px dotted #ccc;
	padding-top: 15px;
}

.event .network {
	color: #666;
	text-transform: uppercase;
	font-size: 7.5pt;
	padding-bottom: 3px;
}

.event h4 {
	margin-bottom: 15px;
}

.event .meta, .event .description {
	color: #666;
	font-size: 9pt;
}

.moderator {
	font-size: 9pt;
	margin-bottom: 10px;
	font-weight: bold;
}

.bio {
	font-size: 9pt;
	color: #666;
}

/* INSPIRATION */

.sidebarMedia .sidebarHeader {
	background-position: 0 56px;
	margin-top: 20px;
}

.sidebarMedia .sidebarBody {
	padding-top: 0;
}

.sidebarBody .media {
	border: 1px solid #999;
	z-index: -1;
}

.sidebarBody .label {
	z-index: 500;
	position: absolute;
}

.sidebarOverlap {
	
}

.sidebarBody .quote {
	font-size: 12pt;
	color: #333;
}

.quote a {
	color: darkblue;
}

.inspiration .thumbnail {
	border: 1px solid #ccc;
}

.inspiration .caption {
	color: #666;
	font-size: 9pt;
	font-family: Arial;
	margin-top: 3px;
}

.inspiration .caption p {
	margin: 0;
}

/*** CALENDAR ***/

.calendarBG {
 background-color: #ccc; 
 border-color: #ccc;
 border-left: 1px solid #ddd;
}


.calendarBlank { 
 background-color: #eee;
 vertical-align: top;
 text-align: center;
}

.calendarHeader { 
 font-weight: bold; 
 color: #fff; 
 text-align: center;
 background-color: #f5931e; 
 cell-spacing: 0;
 font-size: 14pt;
}

.calendarMonthLinks {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         11px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 color:             #fff;
 background-color:  transparent;
}

.calendarMonthLinks a {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}
  
.calendarMonthLinks a:visited {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
 color:             #ccc;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarDayHeading {
 font-weight: bold; 
 font-size:	11px;
 color: black; 
 background-color: #CCC; 
 text-align:  center;
 vertical-align: middle;
}

.calendarToday { 
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: top;
 color:             #000;
 background-color: 	#90c406;
}

.calendarCell {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: top;
 color:             #666;
 background-color:  #fff;
 width: 110px;
 height: 70px;
 border: 1px solid #ddd;
 border-top: none;
 border-left: none;
}

.calendarCell .title {
	text-align: left;
	margin-top: 4px;
}

.calendarCell a {
 color:             #333;
 background-color:  transparent;
}
  
.calendarCell a:visited {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarCell a:hover {
 color:             #000;
 text-decoration:   none;
 background-color:  transparent;
}


.calendarBG tr {
	border-left: 1px solid #ddd;
	border-right: 1px solid red;
}

/* POSTCARD */

textarea, #sender, #recipient, #email { padding: 1px; font-size: 12px; color: #333; font-family: "Arial", sans-serif}
#message{ width: 240px; }
#address { width: 170px; }
td { padding-right: 10px; }

#form { background-image: url(http://www.askbigquestions.com/graphics/postcard_large_mini.jpg); width: 800px; height:375px; background-repeat:no-repeat }
	#formLeft { float: left; width: 280px; padding: 20px 20px; }
	#formRight { float: left; width: 175px; padding: 170px 0 0 10px;  }
		#send { font-size: 10pt; }