/*
Theme Name: Christmas 2010
Theme URI: http://www.sgmlifewords.com/christmas/
Description: The 2010 theme for the SGM Lifewords Christmas site.
Author: Kris
Author URI: http://www.sgmlifewords.com
Template: twentyten
Version: 0.1
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/

@import url("../twentyten/style.css");

/* =Fonts
-------------------------------------------------------------- */
body, input, textarea, .page-title span, .pingback a.url {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
}
h3#comments-title, h3#reply-title, #access .menu,
#access div.menu ul, #cancel-comment-reply-link,
.form-allowed-tags, #site-info, #site-title,
#wp-calendar, .comment-meta, .comment-body tr th,
.comment-body thead th, .entry-content label,
.entry-content tr th, .entry-content thead th, .entry-meta,
.entry-title, .entry-utility, #respond label,
.navigation, .page-title, .pingback p, .reply,
.widget-title, .wp-caption-text, input[type=submit] {
	font-family: "Verdana", Arial, Helvetica, sans-serif;
}
pre {
	font-family: "Courier New", Courier, monospace;
}
code {
	font-family: "Courier New", Courier, monospace;
}
/* Structure */
/* The main theme structure */
#wrapper {
	margin: 0 auto;
	width: 980px; /* required for top navigation was 940px */
}
#wrapper {
	background: #ffffff;
	border: 1px solid #999999;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	margin-top: 20px;
	margin-bottom: 20px;	
	padding: 0; /* required for top navigation was 0 20px */
}
#access .menu-header, div.menu, #colophon,
#branding, #main {
	margin: 0 auto;
	width: 940px;
}

/* Structure the footer area */
#site-info {
	float: left;
	font-size: 11px;
	font-weight: normal;
	width: 700px;
}

/* Global elements */
/* Main global 'theme' and typographic styles */
body {
	background: #eeeeee;
	/* background: url(images/brown-paper.jpg) top left repeat; */
}

/* Text elements */
a:link {
	color: #990000;
}
a:visited {
	color: #990000;
}
a:active, a:hover {
	color: #990000;
}

/* Text meant only for screen-readers */

/* Header */
#header {
	padding: 0; /* required for top nav was 30px 0 0 0 */
}
#site-title {
	font-size: 30px;
	line-height: 30px;
	margin: 0 0 18px 0;
}
#site-title a {
	color: #666666;
	font-weight: normal;
	text-decoration: none;
}
.description {
	color: #666666;
	font-size: 13px;
}
#site-description {
	margin: 0;
	padding: 0;
	clear: right;
	float: right;
	width: 130px;
}
#branding #site-description img {
	border: 0;
}
#branding img {
	border-top: 4px solid #666699;
	border-bottom: 4px solid #666699;
}

/* Menu */
#access {
	background: #666699;
	display: block;
	float: left;
	margin: 0 0 30px 0; /* required for top nav was 0 auto */
	width: 980px;
}
#access .menu-header, div.menu {
	font-size: 13px;
	margin-left: 12px;
	width: 928px;
}
#access .menu-header ul, div.menu ul {
	list-style: none;
	margin: 0;
}
#access .menu-header li, div.menu li {
	float: left;
	position: relative;
}
#access a {
	color: #dddddd;
	display: block;
	line-height: 38px;
	padding: 0 10px;
	text-decoration: none;
	font-weight: bold;
}
#access ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
	top: 38px;
	left: 0;
	float: left;
	width: 180px;
	z-index: 99999;
}
#access ul ul li {
	min-width: 180px;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #333333;
	line-height: 1em;
	padding: 10px;
	width: 160px;
	height: auto;
}
#access li:hover > a, #access ul ul :hover > a {
	background: #ffffff;
	color: #6666cc;
}
#access ul li:hover > ul {
	display: block;
}
#access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a, #access ul li.current-menu-parent > a {
	background: #ffffff;
	color: #6666cc;
}
* html #access ul li.current_page_item a, * html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a, * html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	background: #ffffff;
	color: #6666cc;
}

/* Content */
#content,
#content input,
#content textarea {
	color: #333;
	font-size: 13px;
	line-height: 20px;
}
#content th {
	color: #999999;
}
#content h6 {
	color: #999999;
}
.home .sticky {
	border-top: 4px solid #999999;
}
#content .entry-title {
	color: #990000;
	font-weight: normal;
}
.entry-title a:link, .entry-title a:visited {
	color: #999999;
}
.entry-content fieldset legend {
	color: #999999;
}
.page-link {
	color: #999999;
}
#entry-author-info {
	border-top: 4px solid #999999;
}
#entry-author-info h2 {
	color: #999999;
}
h3#reply-title {
	color: #999999;
}

/* class to wrap the icon and text sections in a div to control image and text flow.
   The margin of 68px is where the image goes (note img.thb is offset by -68px above)
 */
#content .iconWrap {
	margin-left: 68px; 
	min-height: 80px;
}

#content .iconWrap h2 {
	font-family: Verdana, 'Lucida Grande', Arial, Sans-Serif;
	font-size: 1.2em;
	text-decoration: none;
	margin: 0;
	padding: 0;
	clear: none;
}
	
#content .iconWrap h2 a {
	text-decoration: none;
}	
	
#content .iconWrap h2 a:hover {
	text-decoration: underline;
}	

#content .iconWrap p {
	margin-top: 0;
}
#content .iconWrap img {
	float: left;
	width: 60px;
	margin-left: -68px;
	border: 0; /* no border if this image is a link please */
}


/* Comments */
.comment-author cite {
	color: #999999;
}

/* Widget areas */
.widget_search #s {/* This keeps the search inputs in line */
	width: 55%;
}
.widget_rss a.rsswidget {
	color: #999999;
}

/* Main sidebars */
#primary h3,
#secondary h3 {
	margin: 0;
	padding: 0 0 3px 0;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	color: #666699;
	border-bottom: 4px solid #666699;	
}
#primary.widget-area a, #secondary.widget-area a {
	font-weight: bold;
	color: #333333;
}
#primary.widget-area a:hover, #secondary.widget-area a:hover {
	color: #990000;
	text-decoration: none;
}
#primary.widget-area ul li, #secondary.widget-area ul li {
	padding: 10px;
	background: #dddddd;
	list-style-type: none;
	list-style-image: none;
	border: 1px solid #cccccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#primary.widget-area ul ul, #secondary.widget-area ul ul {
	margin: 5px 0 5px 0;
}
#primary.widget-area ul ul li, #secondary.widget-area ul ul li {
	margin: 3px 0 0;
	padding: 5px;
	color: #990000;
	background-color: #ebebeb;
}
#primary.widget-area ul ul li:hover, #secondary.widget-area ul ul li:hover {
	background: #ffffff;
}

/* Footer widget areas */

/* Footer */
#footer {
	margin-bottom: 0;
}
#colophon {
	border-top: 4px solid #666699;
}
#site-info a {
	color: #999999;
}

/* Custom form layout */
#content fieldset {
	border: 1px solid #cccccc;
	background-color: #ffffff;
}
#content legend {
	color: #666666;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	padding: 0.2em;
}
#content label {
	color: #666666;
	clear: left;
	float: left;
	text-align: right;
	width: 150px;
	padding-right: 20px;
}
#content .textBox {
	display: block;
	width: 300px;
	float: left;
	margin-bottom: 10px;
	border: 1px solid #cccccc;
	background:#eeeeee;
}
#content .checkBox {
	display: block;
	float: left;
	margin: 5px 0 5px 100px;
}
#content .button {
	width: 80px;
	float: right;
}
#content .formBR {
	clear: left;
}

/* Print style */
@media print {
	#header {
		border-bottom: 2pt solid #999999;
	}
	#colophon {
		border-top: 2pt solid #999999;
	}
}