/*
THEME NAME: Family Network
THEME URI: http://www.familynetworkwyoming.org
DESCRIPTION: Custom theme developed for the Family Network of Wymoing by <a href="http://rzen.net">rzen media</a>.
TAGS: widgets, sandbox, blueprint, microformats, hcard, hatom, xoxo
VERSION: 1.0.4
AUTHOR: Brian Richards
AUTHOR URI: http://www.rzen.net
*/

/* Two-column with sidebar on left from the /css/ folder  */
@import url('css/2c-r.css');

/* START General Stylings */
* {
	margin:0;
	padding:0;
}
html {
	background:#fff url('images/page_bg.jpg') repeat-x 0 145px;
}
body {
	background:url('images/banner_bg.jpg') no-repeat 30% 145px;
	color:#555;
	font:76% "Trebuchet MS",Arial,sans-serif;
	line-height:18px;
	margin:0;
	padding:0;
}
a, a:visited {
	text-decoration:none;
	color:#f50;
}
a:hover, a:active {
	color:#f80;
}
h1, h2, h3 {
	margin-bottom:2px;
	font-family:"Georgia",serif;
}
h1 {
	font-size:3em;
	color:#333;
}
h2 {
	font-size:2.5em;
	letter-spacing:-1px;
	line-height:32px;
	color:#333;
}
h3 {
	font-size:2em;
	color:#333;
}
.al, .alignleft {
	position:relative;
	float:left;
	margin-right:10px;
}
.ar, .alignright {
	position:relative;
	float:right;
	margin-left:10px;
}
.ma {margin:auto;}
.cb {clear:both;}
img, p img {
	float:none;
	margin:auto;
	border:0;
}
.more-link {
	display:block;
	position:relative;
	float:right;
}
blockquote {}
blockquote p { margin:0; }

.span-7 {
	margin-right:15px!important;
	padding-right:14px!important;
}
/* END General Stylings */


/* BEGIN Header */
#header {
	position:relative;
	overflow:hidden;
	height:155px;
}
#logo {
	display:block;
	background:url('images/logo.png') no-repeat;
	width:315px;
	height:60px;
	margin-bottom:16px;
	position:relative;
	overflow:hidden;
	margin-top:40px;
}
#blog-title, #blog-description {
	position:absolute;
	text-indent:-999em;
}
/* END Header */


/* BEGIN Menu */
#menu {
	width:100%;
	margin-top:16px;
	position:relative;
}
#nav {
	list-style:none;
	margin:0;
	padding:0;
}
#nav li {
	display:inline;
}
#nav li a, #nav li a:visited {
	color:#4cd1c4;
	padding:10px 0;
	padding-left:8px;
	margin:0;
	margin-right:5px;
	line-height:34px;
}
#nav li a:hover, #nav li a:active,
#nav li.current_page_item a, #nav li.current_page_item a:visited,
#nav li.current_page_parent a, #nav li.current_page_parent a:visited {
	color:#fff;
	background:url('images/nav_left.png') no-repeat 0 50%;
}
#nav li span {
	padding:10px 0;
	padding-right:8px;
}
#nav li a:hover span, #nav li a:active span,
#nav li.current_page_item span,
#nav li.current_page_parent span {
	background:url('images/nav_right.png') no-repeat 100% 50%;
}
/* END Menu */


/* BEGIN Layout */
#wrap {
	width:900px;
	margin:0 auto;
	overflow:hidden;
}
#banner {
	width:100%;
	height:339px;
	margin-bottom:15px;
	overflow:hidden;
}
#banner_text {
	color:#fff;
	font-size:1.2em;
	line-height:24px;
	width:600px;
	margin:50px 0;
}
#banner_text h2 {
	color:#fff;
}
.home #banner_text h2 {
	background:url('images/banner_text_home.png') no-repeat;
	width:474px;
	height:72px;
	overflow:hidden;
	text-indent:-999em;
}
.home #banner_text h2 span {
	position:absolute;
	left:-999em;
}
div#container {
	margin-bottom:30px;
	overflow:hidden;
}
#nav-above { display:none; }
#nav-above, #nav-below {
	position:relative;
	overflow:hidden;
}
.nav-previous { position:relative; float:left; }
.nav-next { position:relative; float:right; }
/* END Layout */


/* BEGIN Home Page */
.home .sidebar { display:none; }
.home div#container, .home div#content {
	margin:0;
}
/* END Home Page */


/* BEGIN Sidebar */
.xoxo, .xoxo ul {
	list-style:none;
	margin:0;
	padding:0;
}
.xoxo, .xoxo ul {
	list-style:none;
	margin:0;
	padding:0;
}
.xoxo li {
	margin-bottom:30px;
}
.xoxo li li {
	margin:0;
	padding:0;
	position:relative;
	overflow:hidden;
}
.xoxo li a, .xoxo li a:visited {
	display:block;
	color:#f50;
	font-size:1.2em;
	padding:5px 8px;
	margin:0;
	border-bottom:1px solid #ddd;
}
.xoxo li a:hover {
	background:#f50;
	color:#fff;
	text-decoration:none;
}
#s {
	border:1px solid #ddd;
	padding:3px 5px;
	color:#333;
	width:188px;
}
#s:hover, #s:focus {
	border:1px solid #333;
}
#searchsubmit {
	color:#333;
	width:38px;
	padding:2px 5px;
	border:1px solid #ddd;
}
#searchsubmit:hover {
	background:#f50;
	color:#fff;
}
/* END Sidebar */


/* BEGIN Articles */
.post {
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px solid #ddd;
}
/* END Articles */


/* BEGIN Comments */
#comments h3 {
	font:italic 1.5em Georgia,serif;
	margin-bottom:5px;
}
#respond {
	font:italic 2em Georgia,serif;
}
.commentlist ol {
	list-style: none;
	padding: 0;
}
.commentlist small {
	font-size: 8pt;
	color: #696969;
}
#postcomment {
	margin: 40px 0 10px 10px;
	text-transform: none;
}
.commentlist li {
	padding:10px;
	border-bottom:1px dotted #444;
}
.commentlist .alt {
	background:#eee url('images/comment_alt_bg.png') repeat-x;
}
.commentlist .byuser {
	background:#fc9;
}
.avatar {
	float:left;
	margin-right:5px;
	width:40px;
	height:40px;
}
.commentmetadata a, .commentmetadata a:visited {
	color:#aaa;
}
.comment-header .edit-link {
	position:relative;
	float:right;
}
.comment-header cite {
	color:#333;
	font:14pt "Arial Black",sans-serif;
	font-style:none;
	text-transform:uppercase;
	letter-spacing:-1px;
	margin-bottom: 7px;
	letter-spacing: 0px;
}
.headercomment {
	color:#999;
	font-size:8pt;
}
.commenttext {
	margin-top: 10px;
}
#comments textarea, #comments input {
	background:#eee;
	font-size:9pt;
	width:300px;
	padding:5px;
	margin:2px 5px;
	border:1px solid #ccc;
}
/* END Comments */


/* BEGIN cForms */
input.global {
	background:#eee;
	color:#777;
	font-size:14pt;
	padding:3px;
	border:1px solid #ccc;
}
.cform label {
	display:inline-block;
	color:#333;
	font:14pt "Georgia",serif;
	width:175px;
	margin:0;
	margin-right:5px;
}
.cform li.li--6 label {
	vertical-align:top;
}
.cform textarea, .cform input, .cform select {
	background:#eee;
	color:#777;
	font-size:14pt;
	padding:3px;
	border:1px solid #ccc;
	width:250px;
}
.cform select {
	width:260px;
}
ol.cf-ol li.textonly {
	font-size:1em;
	letter-spacing:0;
}
p.cf-sb {
	text-align:right;
}
.cform input.sendbutton {
	background:#eee;
	color:#777;
	font-size:14pt;
	width:auto!important;
	padding:2px 3px;
	margin-right:10px;
	border:1px solid #aaa;
	text-transform:none;
}
.cform input.sendbutton:hover, .cform input.sendbutton:focus {
	background:#fff;
}
ol.cf-ol li { 
	padding:8px 0;
	margin:0 auto!important;
	border-bottom:1px dotted #ccc;
}
input.text, input.title, textarea, select {
	margin:0;
}
span.reqtxt, span.emailreqtxt {
	color:#ccc;
}
.linklove { display:none; }
div.success {
	display:inline-block;
	background:#444;
	color:#fff;
	font:bold 10pt "Arial Black",Arial,sans-serif;
	letter-spacing:-1px;
	text-transform:uppercase;
	border:0;
	margin:0;
	padding:0;
	width:auto;
}
/* END cForms */


/* BEGIN Footer */
div#footer {
	background:#333 url('images/footer_bg.png') repeat-x 0 0;
	color:#eee;
	margin:20px auto 0;
	padding-top:10px;
	position:relative;
	clear:both;
	overflow:hidden;
}
#footer_wrap {
	background:url('images/footer_bg_light.jpg') no-repeat 50% 0;
	width:900px;
	padding:15px 0 10px 153px;
	margin-left:-605px;
	position:relative;
	top:0;
	left:50%;
	overflow:hidden;
}
#footer h3 {
	color:#fff;
	margin-bottom:10px;
}
#footer ul {
	list-style:none;
	margin:0;
	padding:0;
}
#footer li {
	margin-bottom:12px;
}
#footer a, #footer a:visited {
	color:#ddd;
}
#footer a:hover, #footer a:active {
	color:#fff;
}
#footer .more-link {
	padding:3px 5px;
}
.date {
	font-size:.8em;
	padding:3px 5px;
	letter-spacing:1px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
#latest_news .date {
	background:#e90;
	color:#fff;
}
#latest_news .more-link, #latest_news .more-link:visited {
	color:#e90;
}
#latest_news .more-link:hover, #latest_news .more-link:active {
	background:#e90;
	color:#fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
#upcoming_events .date {
	background:#0391ee;
}
#upcoming_events .more-link, #upcoming_events .more-link:visited {
	color:#0391ee;
}
#upcoming_events .more-link:hover, #upcoming_events .more-link:active {
	background:#0391ee;
	color:#fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
#current_needs .date {
	background:#c81747;
}
#current_needs .more-link, #current_needs .more-link:visited {
	color:#c81747;
}
#current_needs .more-link:hover, #current_needs .more-link:active {
	background:#c81747;
	color:#fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
#footer .credit {
	width:900px;
	margin:15px auto 0;
	font-size:.8em;
	clear:both;
	opacity:.8;
}
#footer .credit .design {
	display:block;
}
#admin_nav {
	font-size:.8em;
	list-style:none;
	margin:0;
	padding:0;
	display:inline;
}
#admin_nav li {
	display:inline;
}
.meta-sep {
	padding:0 3px;
	color:#555;
}
/* END Footer */