/***********************************************
Theme Name: Headlines
Theme URI: http://skiies.net/
Description: The Framework for 7 Amazing People. Actually, no longer a framework...
Version: 1.0
Author: Arthur Lee and Lil Thufth
Author URI: http://skiies.net/
************************************************/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #313131;
	background: #f5f5f5 url('images/bodybg.png') repeat-x;
}

blockquote, q {
	quotes: none;
}

.invisible {display:none;}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

ins {
	text-decoration: none;
	background-color: yellow;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a:link, a:active, a:visited {
	color: #004891;
	text-decoration: none;
}

a:hover {
	color: #4f8ac7;
}

#wrapper {
	margin: 0 auto;
	width: 92%;
	max-width: 1200px;
	min-width: 950px;
	font-size: 10pt;
	background-color: #fff;
}

#header {
	width: 100%;
	background-color: #195380;
}
#header.expanded {height: 160px;}
#header.collapsed {height: 40px; }

#titledesc {
	float: left;
	padding: 0 25px 20px 25px;
}
#titledesc.expanded {
	margin: 15px 20px;
	width: 300px;
	height: 75px;
}
#titledesc.collapsed {
	margin: 0 0 -15px -10px;
	width: 210px;
	height: 36px;
}

#tagline { /* FOR SMALL TAGLINE */
	float: left;
	margin: 90px -30px 0px -60px;
}

h1 {
	font-size: 26pt;
}
h2 {
	font-size: 20pt;
}
h2 a:link, h2 a:visited, h2 a:active {
	text-decoration: none;
	color: #174675;
	font-weight: bold;
}
h2 a:hover {
	text-decoration: none;
	color: #396795;
}
h3 {
	font-size:16pt;
	line-height: 18pt;
}
h4 {
	font-size: 14pt;
	line-height: 16pt;
}
h5 {
	font-weight: bold;
}

#description {
	font-size: 13pt;
}

#navbar {
	float: right;
	word-spacing: 15px;
	font-size: 12pt;
	margin-top: -5px;
	width: 300px;
}

#expcolbtn{
	position:relative;
	float: right;
	width: 16px;
	height: 16px;
	margin: 12px 25px 0 -5px;
}

a.headerlink:link, a.headerlink:active, a.headerlink:visited {
	color: #e1e9f0;
}

a.headerlink:hover {
	color: #a6c4df;
}

#contentwrapper {
	width: 100%;
	float: left;
	position: relative;
	background-color: #FFF;
}

#content {
	margin-right: 310px;
	padding: 20px;
	padding-bottom: 30px;
}

.post {
	padding: 15px 0;
}

.authorbio { /* Entire 'mini' author bio box in a post */
	background-color: #f1f6fa; 
	border: #adcde6 1px solid; 
	font-style: italic; 
	padding: 8px;
	margin-top: 15px;
}

.authorbiograv { /* Gravatar in 'mini' author bio in a post */

}

.authorbiotext { /* Text in 'mini' author bio in a post */
	margin-top: -85px;
	margin-left: 94px;
	min-height: 85px;
}

.authorbiograv, .authorbiotext {
	position: relative;
	top: 0;
	left: 0;
}

.postsbyauthor { /* 'Posts by [Author]' in a post */
	font-weight: bold;
	font-style: normal;
}

.authorboxgrey { /* Entire grey box on the authors page */
	background-color: #EDEDED; 
	padding: 5px; 
	border: #CCC 1px solid;
}

.authorgravatar { /* Author's gravatar on the authors page */
	float:left; 
	margin-right: 10px;
}

.authorday { /* Author's day of the week on the authors page */
	color: #666; 
	font-size: 10px; 
	text-transform:uppercase;
}

.authordetails { /* Author's name, day and 7AP badge on the author's page */
	float:left; 
	margin-top: 12px;
}

.authorall { /* Author's gravatar, name, day and 7AP badge on the author's page */
	height: 80px;
}

.post h2 {
	font-size: 20pt;
	margin-bottom: 10px;
	line-height: 22pt;
	margin-top: -8px;
}

.postmetadata {
	color: #666;
	font-size: 9pt;
	margin-bottom: 2px;
}

.lastpost {
	/* background: #d0e3f0 url('images/today_banner2.png') no-repeat 100% 2%; */
	padding: 40px 20px 18px 20px;
	/* border-top: 1px solid #e5f1f9; */
	border-bottom: 2px solid #a1b6c4;
	background-color: #d0e3f0;
}

#todayspostbanner {
	float: right;
	margin: -32px -20px 0 -20px;
	width: 249px;
	height: 99px;
}

.entry h1, .entry h2, .entry h3 {
	color: #1c5187;
	line-height: inherit;
}

.entry h1 {
	margin-top: 30px;
}

.entry h2 {
	margin-top: 25px;
	margin-bottom: 0;
	font-size: 18pt;
}

.entry h3 {
	margin-top: 30px;
	font-size: 12pt;
	margin-bottom: -5px;
}

.conversation {
	background-color: #f7f7f7;
	padding: 15px 10px;
	border: 1px solid #afacac;
	margin: 20px auto;
	width: 500px;
	height: auto;
}

.tags {
	margin-top: 20px;
	color: #848484;
	font-style: italic;
}

.tags a:link, .tags a:active, .tags a:visited {
	color: #4f4f4f;
}

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

.postcomments, .post-edit-link, .comment-edit-link {
	float:right;
	margin-top: -20px;
	margin-bottom: 10px;
	height: 1px;
	font-size: 9pt;
	text-align: right;
	line-height: 22px;
	padding: 1px 3px 20px 13px;
}


.postcomments {
	background: url("images/icon-comments.gif") left center no-repeat;
}
.post-edit-link, .comment-edit-link {
	background: url("images/icon-edit.gif") left center no-repeat;
	margin-left: 10px;
}

a.more-link:link, a.more-link:visited {
	color: #464646;
	font-weight: bold;
	background-color: #D6D6D6;
	padding: 2px 5px;
	border: 1px solid #BABABA;
	font-size: 9pt;
}

a.more-link:hover {
	border: 1px solid #aaaaaa;
	background-color: #BABABA;
}

img.alignleft {
	float: left;
	padding: 6px;
	margin-right: 16px;
	clear: both;
}

.postpag {
	margin-bottom: 25px;
}

.newerposts {
	float: left;
}

.previousposts {
	float: right;
}

.previousposts a:link, .previousposts a:visited, .previousposts a:active, .newerposts a:link, .newerposts a:visited, .newerposts a:active {
	border: 1px solid #82accd;
	padding: 5px 10px 5px 10px;
	background-color: #f5f8fa;
	color: #276392;
}

.previousposts a:hover, .newerposts a:hover {
	border: 1px solid #276392;
	padding: 5px 10px 5px 10px;
	background-color: #276392;
	color: #fff;
}

.catimage {
	vertical-align: middle;
}

.sidebar {
	float: right;
	position: relative;
	margin: 20px 50px 0 -280px;
	width: 206px;
	padding: 12px;
	background-color: #f1f6fa;
}

.sidebar ul {
	margin-left: -40px;
	list-style-type: none;
}

.sidebar h2 {
	margin: 25px 0 10px 0;
	font-size: 15pt;
	color: #174675;
}

.sidebar a:link, .sidebar a:active, .sidebar a:visited {
	border-bottom: 1px solid #fff;
	line-height: 14pt;
	display: block;
	margin-top: 10px;
	color: #424242;
}

.sidebar a:hover {
	color: #666666;
}

#sidebarlinks {
	text-align: center;
}

.commenthr {
	width: 90%;
	color: #ebebeb;
	height: 1px;
	border-style: none;
	background-color: #ebebeb;
	margin-top: 15px;
}

#comments { /* changes the attributes of the 'X responses to XXX' - who wrote this -_-' */
	margin: 20px 0 15px 0;
	font-size: 13pt;
}

/* .commentlist {
	margin-bottom: 100px; margin preferences for the very bottom of the entire list of comments 
} */

.comments-template { 
	margin: 10px 0 0;
	/* border-top: 1px solid #ccc; */
	padding: 10px 0 0;
}

.comments-template ol {
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #f7f7f7;
}

.comments-template ol li {
	margin: 10px 0 0;
	min-height: 80px;
	padding: 2px 8px 2px 8px;
	/* border-bottom: 1px solid #ebebeb; */
}

.comments-template h2, .comments-template h3 {
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.comments-template p.nocomments {
	padding: 0;
}

.comments-template textarea {
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}

.gravatar {
	float:left;
	position: relative;
	top: 0; left: 0;
	border: 1px solid #f2f2f2;
	padding: 2px;
	width: 60px;
	height: 60px;
	margin-right: -66px;
	margin-bottom:10px;
}

.commentblock {
	margin-left: 67px;
	position: relative;
	top: 0; left: 0;
}

.commentcontent { /* text part of the comment */
	clear:right;
	padding-left: 10px;
}

.commentmetadata {
	color: #666;
	font-size:12px;
}

.alt { /* alternate comments */
	background-color: #e6eef7;
	border-bottom: 10px solid #e6eef7;
	border-top: 6px solid #e6eef7;
}

h3#respond { /* 'Leave a Reply:' */
	margin-top: 20px;
}

#footer {
	clear: both;
	width: 100%;
	height: 45px;
	background-color: #333;
	color: #fff;
}

#footerleft {
	float: left;
	padding: 12px;
}

#footerleft a:link, #footerleft a:active, #footerleft a:visited {
	margin-right: 20px;
} 

#footer a.arr:link { /* 'All Rights Reserved.' */
	color: #fff;
}

#footer a.arr:visited { /* 'All Rights Reserved.' */
	color: #fff;
}

#footer a.arr:hover {
	color: #fff;
}

#footerright {
	float: right;
	text-align: right;
	padding: 12px;
}

#footer a:link, #footer a:active, #footer a:visited {
	color: #b0cae4;
}

#footer a:hover {
	color: #c5def7;
}

.errorpage {
	font-size: 18pt;
}

#contactform-name, #contactform-email, #contactform-website, #contactform-message {
	border: 1px solid #366497;
}

#contactform-name:focus, #contactform-email:focus, #contactform-website:focus {
	background-color: #f3f5f7;
}
#contactform-name, #contactform-email, #contactform-website, #contactform-message {
	border: 1px solid #366497;
	margin-bottom: 8px;
}

#contactform-name:focus, #contactform-email:focus, #contactform-website:focus, #contactform-message:focus {
	background-color: #f6f8fa;
}

#contactform-name:hover, #contactform-email:hover, #contactform-website:hover, #contactform-message:hover {
	background-color: #f6f9fc;
}

#contactform-name {
	width: 326px;
}

#contactform-email {
	width: 323px;
}

#contactform-website {
	width: 254px;
}

#contactform-select {
	width: 150px;
}
.contactform-error {
	color:#F00;
	font-weight:bold;
}

.day1, .day2, .day3, .day4, .day5, .day6, .day7 {padding-left: 30px;}
.day1 {background: url("images/day1_bg.gif") top left no-repeat;}
.day2 {background: url("images/day2_bg.gif") top left no-repeat;}
.day3 {background: url("images/day3_bg.gif") top left no-repeat;}
.day4 {background: url("images/day4_bg.gif") top left no-repeat;}
.day5 {background: url("images/day5_bg.gif") top left no-repeat;}
.day6 {background: url("images/day6_bg.gif") top left no-repeat;}
.day7 {background: url("images/day7_bg.gif") top left no-repeat;}




/* LavaLamp */

.lavaLampWithImage {
	position: relative;
	height: 29px;
	width: 250px;
	/* background: url("images/bg.gif") no-repeat top; */
	margin: 10px 0;
	overflow: hidden;
	padding-left: 50px;
}

.lavaLampWithImage li {
	float: left;
	list-style: none;
}

.lavaLampWithImage li.back {
	background: url("images/lava.png") no-repeat right -30px;
	width: 9px; 
	height: 30px;
	z-index: 8;
	position: absolute;
}

.lavaLampWithImage li.back .left {
	background: url("images/lava.png") no-repeat top left;
	height: 30px;
	margin-right: 9px; /* 7px is the width of the rounded shape */
}

.lavaLampWithImage li a {
	font: bold 14px arial;
	text-decoration: none;
	color: #fff;
	outline: none;
	text-align: center;
	top: 7px;
	letter-spacing: 0;
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	margin: auto 16px;    
}

.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
	border: none;
}