/*
Theme Name: Sea Change Media.org Sub-blog Theme
Theme URI: http://seachangemedia.org
Description: Official Sea Change Media.org User Theme
Version: 1
Author: Bill Hector Weye
Author URI:
Tags: blue, fixed width, two columns, widgets
*/

/* 	Courtesy of Eric Meyer	http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit;vertical-align:baseline; }

ol, ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* ---------------------------------------------------------- structure */

body {
	color: #333;
	font-size:0.875em;
	font-family: Georgia, Times, "Times New Roman", serif;
	line-height: 1.5em;
	background-color: #339933;
	background: #339933 url(images/bg-body.jpg) repeat-x;
	text-align:center;
	}
	
	
div#container{width:900px;margin:0 auto}
div#content{float:left;width:650px}
div#navigation{float:right;width:250px}
div#extra{clear:both;width:100%}


div#container{
	text-align:left;
	background: transparent url(images/bg-content.gif) repeat-y;
	}

div#homearea{width:600px;margin:0 auto;}
div#homepage-left, div#homepage-right {width:48%;}
div#homepage-right {float:right;}
div#homepage-left {float:left;}

/* ---------------------------------------------------------- links */

a:link, a:visited {
	text-decoration: none;
	}

a:link {
	color: #093a91;
	}
	
a:visited {
	color:#093a91;
	}
a:hover  {
	color: #009933;
	text-decoration: underline;
	}

a:active {
	color: #ffff00;
	text-decoration: underline;
	}

p a:link img {
border:none;
text-decoration: none;
}

/* ---------------------------------------------------------- basic elements */

.hidden {
display:none;
}

p {
	padding: 0 0 10px;
	}

blockquote {

	margin: 0 20px 0 5px;
	padding: 10px 0 10px 45px;
	line-height: 1.5em;
	color: #777;
	background:  url(images/bquote.gif) no-repeat;
	
	}

code {
	color: #666;
	font-family: Monaco, "Courier New", Courier, monospace;
	font-size: 95%;
	}

code strong {
	color: #630;
	}

abbr, acronym {
	font-style: normal;
	border-bottom: 1px dotted #ccc;
	cursor: help;
	}

em {
	font-style: italic;
	}

strong {
	font-weight: bold;
	}

del {
	text-decoration: line-through;
	color: #666;
	}

ins {
	text-decoration: none;
	font-style: italic;
	}

address {
	font-style: normal;
	}

h2, h3, h4, h5, h6 { 
font-family: Georgia, Times, "Times New Roman", serif;
}

.entry ul, .related ul  {
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	}

.entry ul li:before, .related ul li:before {
	content: "\00BB \0020";
	}
.entry ul li, .related ul li {
line-height: 130%;
margin-bottom: 0.6em;
	}

/* ---------------------------------------------------------- header */


#header {
	position: relative;
	height: 140px;
	background: #fff url(images/bg_header.gif) top left repeat-x;
	border-left: 1px solid #006633;
	border-right: 1px solid #006633;
	}

#logo {
	position:absolute;
	top: 10px;
	left: 10px;
	}

div#logo h1 a, div#logo h2 a {
border:0;
display:block;
text-indent:-9999px;
width:557px;
height:82px;
}


#tagnavigation ul {
padding: 0;
background: #006633 url(images/gradient-1.gif) top left repeat-x;
color: #fff;
text-align:left;
width: 100%;
font-size: 12px;
font-family: helvetica, arial, sans-serif;
position:absolute;
top: 140px;
}

#tagnavigation ul li { display: inline; }

#tagnavigation ul li a {
padding: 2px 1em;
background: #006633 url(images/gradient-1.gif) top left repeat-x;
color: White;
letter-spacing:1px;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
text-transform: capitalize;
}

#tagnavigation ul li a:hover {
background: #009933 url(images/gradient-2.gif) top left repeat-x;
color: #fff;
}


/* ---------------------------------------------------------- top navigation */

#nav {
	position:absolute;
	top: 100px;
	left: 0px;
	}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Verdana, Arial, sans-serif;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#13a;
}
.sf-menu li {
	background:		#BDD2FF;
}
.sf-menu li li {
	background:		#AABDE6;
}
.sf-menu li li li {
	background:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#CFDEFF;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/* ---------------------------------------------------------- content area */

.post {
margin: 1em 1em 2em 1em;
border-bottom: 1px dotted #aaa;
	}

body.single .post, body.page .post {
border-bottom: none;
	}
	
.entry {	
	padding: 1em;
	}


h2.pagetitle {
	color: #333;
	font-size: 150%;
	text-align: center;
	border-bottom: 1px dotted #aaa;
	margin: .5em;
	padding: 15px 0 4px 0;
	}

.post h1, .post h2 {
	color: #4b4e43;
	font-size: 140%;
	border-bottom: 1px dotted #aaa;
	margin: 0px 10px 23px 5px;
	padding: 10px 0 4px 0;
	}
	
.post h3 {
	padding:  1em 0 .3em 0; 
	color: #333;
	font-size: 125%;
	}

.post h4 {
	padding:  1em 0 .3em 0; 
	color: #333;
	font-size: 110%;
	text-transform:uppercase;
	}

.contentdate {
	float: left;
	width: 45px;
	height: 50px;
	margin: 10px 20px 0 2px;
	background-image: url(images/date.gif);
	background-repeat: no-repeat;
		text-align: center;
	}
	
.contentdate .month {
	color: #FFFFFF;
	font-size: 7px;
	text-transform: uppercase;
	margin-top: -4px;
	}
	
.contentdate .day {
	color: #999999;
	font-size: 21px;
	font-weight: bold;
	margin-top: -6px;
	}

p.byline {
margin: -15px 0 0 5px;
font-size: 90%;
}

p.byline span {
margin-left: 2em;
}


.post-message {
	font-size: 90%;
	background: #ffffcc;
	padding: 5px;
	border: 1px solid #ccffcc;
	margin: 1em;
line-height: 135%;
}

.post-message h3 {
 
	padding:  10px 0 7px 0; 
	color: #000;
	font-size: 120%;
	text-transform:uppercase;
}

.post-message ul li {
padding-bottom: .2em;
margin-left: 1em;
list-style-type: square;
}

.more-link {
	font-style: italic;
        margin-left: 1em;
}

.post-meta {
	position: relative;	
	margin: 0;
	padding: 2px 0 35px 0;
	}
	
.postmetadata {
	font-size: 90%;
	background: #f7f7f7;
	padding: 5px;
	border: 1px solid #d6d6d6;
	margin: 10px;
}

.post-cat {
	float: left;
	margin-right: 100px;
	padding-left: 15px;
	background: url(images/icon_cat.gif) no-repeat 0 4px;
	}

.post-comments {
	right: 0;
	top: 0;
	position: absolute;
	padding-left: 17px;
	background: url(images/icon_com.gif) no-repeat 0 4px;
	}

/* ---------------------------------------------------------- powerpress */

.powerpress_links {
font-size: 90%;
}

.audioplayer_container {
	background: #fff url(images/listen_wrapper.gif) no-repeat 0 0;
	height: 40px;
	width: 342px;
margin: .5em 0;
}

.audioplayer_container object {
	margin: 8px 0 0 43px;
}

/* ---------------------------------------------------------- main post content */

.leftfloat, .rightfloat
{
	width: 135px;
	border: 1px solid #999999;
}

.leftfloat
{
	float: left;
	clear:left;
}

.rightfloat
{
	float: right;
	clear:right;
}

/* ---------------------------------------------------------- page link */

.page-link {

	margin: 15px 0;
	font-size: 90%;
	color:#093a91;
	}

.page-link a:link,.page-link a:visited {
	background: #f0f0f0;
	border: 1px solid #ddd;
	color: #5e5e5e;
	padding: 0.2em;
	}
	
.page-link a:hover {
	color: #fff;
	background: #093a91;
	border: 1px solid #ddd;
	}
	
/* ---------------------------------------------------------- list styles */

#content ul, #content ol {
	margin-left: 10px;
	}

#content ol {
	padding-left: 20px;
	}
	
#content ul ol li {
	padding-left: 0;
	background: none;
	}
	
#content ul {
	list-style: none;
	}

#content dl dt {
	font-weight: bold;
	}

#content dl dd {
	margin: 0 0 3px 0;
	}

/* ---------------------------------------------------------- comments */

h4#comments {
	margin: 0 0 15px;
	padding: 20px 0 0;
	clear: both;
	font-size: 120%;
	}

h4#respond {
	margin: 0;
	padding: 10px 0 0;
	font-size: 120%;
	}

.commentlist {
	margin: 10px 0;
	padding-left: 20px;
	}

.commentlist li{
	padding: 10px;
	}

.commentlist .alt {
	background: #f4f4f4;
	}

.commentlist cite {
	font-weight: bold;
	font-style: normal;
	}

.commentlist small {
	margin-bottom: 5px;
	display: block;
	font-size: 87%;
	}

#commentform {
	}

#commentform p {
	padding: 6px 0;
	}

#commentform label {
	padding-left: 5px;
	color: #000;
	font-size: 87%;
	}

#commentform input 
{
	width: 200px;
	border: 1px solid #666666;
	padding: 3px;
	margin-top: 3px;
	color: #000;
	background-color: #CCCCCC;
}

#commentform textarea {
	width: 90%;
	height: 120px;
	margin: 3px auto 3px auto;
	padding: 2px;
	background: #fafafa;
	border: 1px solid #666666;
	color: #000;
	}

#commentform textarea:focus, #commentform input[type="text"]:focus {
	background: #fff;
	}

#commentform #submit {
	width: 144px;
	height: 28px;
	margin-bottom: 10px;
	color: #191919;
	font: bold 12px Arial, Helvetica, sans-serif;
	background: #fafafa url(images/btn_submit.gif) no-repeat;
	border: none;
	}

/* ---------------------------------------------------------- image alignments */

.center {
	text-align: center;
	}

img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.alignleft {
	float: left;
	}

img.alignleft, img[align="left"] {
	float: left;
	margin: 5px 8px 5px 0;
	}

.alignright {
	float: right;
	}

img.alignright, img[align="right"] {
	float: right;
	margin: 2px 0 5px 8px;
	}

.wp-caption, .photodrop {
	background:#F7F7F7;
	border:1px solid #CCC;
	padding:3px;
	margin-bottom:5px;
	text-align:center;
}
.wp-caption img, .photodrop img {
	margin:0 3px;
}
.wp-caption-text {
	text-align:center;
	padding:0 5px !important;
	padding:3px 5px 0;
}
*+html .wp-caption-text {
	padding:3px 5px 0 !important;
}
.entry .wp-caption p {
	margin:0;
font-size:10px;
}

.entry img {
	background:#F7F7F7;
	border:1px solid #CCC;
	padding:3px;
	margin-bottom:5px;
	text-align:center;
	}

/* ---------------------------------------------------------- post navigation */

.posts-navigation {
	width: 95%;
	margin: 10px auto;
	font-size: 95%;
	padding: 10px 0 30px 0;
	}
	
.posts-navigation a:link, .posts-navigation a:active { 
	color: #505050;
	}

.posts-navigation a:hover, .posts-navigation a:visited {
	color: #093a91;
	}

.posts-navigation .alignleft {
	width: 45%;
	text-align: left;
	}

.posts-navigation .alignright {
	width: 45%;
	text-align: right;
	}

/* ---------------------------------------------------------------------- sidebar */

.sidebar {
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Verdana, Arial, sans-serif;
	font-size: 90%;
}

h3.sidebartitle {
	padding: 3px;
	color: #4b4e43;
	font-size: 120%;
	border-bottom: 1px dotted #aaa;
	}

.sidebar .widget {
	margin: 0;
	}

.sidebar .textwidget {
line-height: 130%;
padding: 7px;
}

/* ---------------------------------------------------------- sidebar list level 1 */

.sidebar ul li {
	margin: 0;
	list-style: none;
	position: relative;
	}

/* ---------------------------------------------------------- sidebar list level 2 */

.sidebar ul li ul {
	margin: 0;
	padding: 0;
	}

.sidebar ul li ul li {
	margin: 0;
	padding: 0;
	}

.sidebar ul li ul li a:link img {
	padding: 4px;
text-align:center;
margin: 0 auto;
	}

.sidebar ul li ul li a:link, .sidebar ul li ul li a:visited {
	padding: 5px 0px 5px 12px;
	display: block;
	}

.sidebar ul li ul li a:hover, .sidebar ul li ul li a:active {
	color: #093a91;
	}

/* ---------------------------------------------------------- sidebar list level 3 */

.sidebar ul li ul li ul li a:link, .sidebar ul li ul li ul li a:visited {
	padding-left: 40px;
	}

.sidebar ul li ul li ul li a:hover, .sidebar ul li ul li ul li a:active {
	padding-left: 40px;
	}

/* ---------------------------------------------------------- recent post & comments */

.sidebar ul#recentcomments {
	padding: 7px;
font-size:90%;
}

.sidebar ul#recentcomments li.recentcomments {
margin-bottom: .75em;
line-height: 120%;
}

/* ---------------------------------------------------------- widget list child */

.sidebar ul.children {
	margin: 0;
	padding: 2px 0;
	}

.sidebar ul.children li {
	padding-left: 12px;
	background: url(images/icon_bullet_sbchild.gif) no-repeat 0 8px;
	}
/* ---------------------------------------------------------- calendar widget */

#calendar_wrap {
	color:#7f8388;
	padding: 5px 10px;
	}

#wp-calendar caption {
	margin-bottom: 5px;
	color: #7f8388;
	}

#wp-calendar td a {
	color: #7f8388;
	}

#wp-calendar td#today {
	background: #7f8388;
	color: #fff;
	}

#leftcol #wp-calendar td {
	margin: 0;
	padding: 0 3px;
	}

#rightcol #wp-calendar td {
	margin: 0;
	padding: 0 9px;
	}

#wp-calendar thead {
	background: #7f8388;
	color: #fff;
	}
	
/* ---------------------------------------------------------- advertising slots */


.small_link
{
	font-size: 80%;
	text-transform:uppercase;
text-align:center;
margin:0;
padding:0;
}

li.sponsorlogo img
{
text-align:center;
padding: 4px;
margin: 0 auto;
}

.adsense336 {
	width:336px;
}

.adsensecenter {
text-align:center;
margin: 0 auto;
padding: 1em;
}

.sidebar .blockad-160 {
	text-align:center;
        margin: 5px auto;
font-size: 90%;
width:160px;
}

#blockad
{
	text-align:center;
        margin: 5px auto;	
}

#bannerads
{
	position:absolute;
	right: 20px;
	top: 40px;
	width: 542px;
	height: 69px;
	overflow:hidden;
        text-align:right;
}

#declarations
{
	position:absolute;
	left: 15px;
	top: 90px;
	width: 475px;
	height: 35px;
	text-align:left;
	color:#000;
	font-size: 90%;
	font-weight:bold;
}

#tagline
{
	position:absolute;
	left: 186px;
	top: 72px;
	width: 400px;
	height: 25px;
	color:#003399;
	font-size: 90%;
	font-weight:bold;
}

/* ---------------------------------------------------------- archive index page */


#smart-archives-list ul li {
	margin-bottom: .4em;
}

#smart-archives-list h2 {
	margin: 1em 0;
}

ul#smart-archives-block {
	padding: 0.6em 0 0.6em 1em;
}

.entry ul#smart-archives-block li:before{
	content: "";
	}

.entry ul#smart-archives-block li {
line-height: 130%;
margin-bottom: 0.8em;
	}

.emptymonth {
	display:inline;
}

/*------------------------------------------------------ contact page page */

form.wpcf7-form {
	font-size: 90%;
margin: 1em 0 1em 1em;
}

/* ---------------------------------------------------------- tags page */

#related-tags {
text-align:center;
margin: 0 auto;
font-size: 90%;
}

#related-tags h3, #related-tags div {
display:inline;
}

#related-tags a {
margin-right: 1em;
}

/*------------------------------------------------------ author page */

dl.userprofile {
width: 550px;
margin: 20px 10px;
padding-bottom: 1em;
}

.userprofile dt {
width: 130px;
float: left;
margin: 0;
padding: .4em;
border-top: 1px solid #666;
font-weight: bold;
clear:both;
}

.userprofile dd {
float: left;
width: 370px;
margin: 0;
padding: .4em;
border-top: 1px solid #666;
}

ul#authorPostList li {
padding-bottom: .2em;
margin-left: 1em;
list-style-type: square;
}

/* ---------------------------------------------------------- search form */

.searchform {

	margin:0px 10px 0 0;
	padding: 0;
	position:absolute;
	top: 0;
	right: 10px;
	background: url(images/searchform-bg.gif) no-repeat right bottom;
	height: 37px;
	width: 280px;
	}

.searchform #s{
	background-color: #fff;
	height: 15px;
	width: 217px;
	margin: 6px 3px 0 30px;
	padding: 3px 7px 2px 8px;
	color: #666;
	border:none;
	}


.searchform input.submit {
display:none;
	}


.post .searchform {
	margin: 1em;
	padding: 0;
	position:relative;
	top: 0;
	right: 0;
	background: none;
	height: 25px;
	width: 400px;
	}

.post .searchform #s{
	background: none;
	background-color:#F5F5F5;
	height: 15px;
	width: 275px;
	margin: .5em;
	padding: 5px;
	color: #666;
	border: 1px solid #ccc;
	}


.post .searchform input.submit {
display:inline;
	}

	
/* ---------------------------------------------------------- footer */

#footer {
	background-color: #006633;
	font-size: .75em;
	padding: 0.6em;
	color:#eee;
text-align:center;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Verdana, Arial, sans-serif;
	}

#footer li {
display: inline;
padding: 0 .5em 0 .5em;
border-left: 1px solid #ccc;
}

#footer li.first {
border-left: none;
}

#footer li a {
text-decoration: none;
}

#footer li a:hover {
text-decoration: underline;
}

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

#footer a:link, #footer a:visited {
	border-bottom: dotted #fff 1px;
	color:#fff;
	}

#footer a:hover {
	border-bottom: dotted #093a91 1px;
	color:#093a91;
	}

#footer a:active {
	border-bottom: dotted #ffff00 1px;
	color: #ffff00;
	}

.htntag
{
	text-transform: uppercase;
}

/* ---------------------------------------------------------- self-clearing floats */

#nav ul:after,#content:after,.posts-navigation:after,#extra ul:after,.post-meta:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

/* ---------------------------------------------------------- odds and ends */

.aktt_tweets {
font-size: 85%;
	height: 200px !important;
	overflow: auto !important;
}

.entry .st-tag-cloud {
	font-size: 90%;
        margin: 1em;
}

.entry .st-tag-cloud a {
	padding-right: .9em;
}

.widget_stags_cloud  .st-tag-cloud {
	padding: 5px 10px;
}

.widget_stags_cloud  .st-tag-cloud a {
	padding-right: .6em;
}

.awshortcode-product {
padding: .6em;
}