/*  
Theme Name: SAGIndie
Theme URI: http://sagindie.org/
Version: 2007.1
Description: Specifically customized theme only for the SAGIndie.org Site
Author: Michael Hanttula
Author URI: http://www.spark3.com/
*/

/* --- BASIC ELEMENT STYLES : BEGIN --- */

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	text-align: center;
	margin: 0;
	padding: 0;
	background: #fff url("images/bg.gif") repeat top;
	border-top: 8px solid #084D8B;
	/*border-bottom: 8px solid #084D8B;*/
	}
a, h2 a:hover, h3 a:hover {
	color: #0f4a7f;
	text-decoration: none;
	}
a:hover {
	color: #003360;
	text-decoration: underline;
	}
a:visited { color: #286399; }
/* External Links */
a.extlink { padding-right:12px; background:url(images/icon-extlink.gif) right 0 repeat-y; }
a:visited:hover.extlink {background-position:right 100px; }
a:hover.extlink { background-position:right 200px; }
/* End External Links */
h1, h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

h1 {
	font-size: 4em;
	padding-top: 70px;
	margin: 0;
	}
h2 {
	font-size: 2.6em;
	margin: 30px 0 0;
	}

h2.pagetitle {
	color: #fff;
	margin: 0;
	padding: .25em .5em;
	font-size: 2.2em;
	text-align: right;
	line-height: 1.1em;
	background: url("images/post-header.gif") repeat;
	/*border: 1px solid #d69968;*/
	}

h3 {
	font-size: 1.8em;
	padding: 0;
	margin: 30px 0 0;
	}

h2 a, h2 a:visited, h3 a, h3 a:visited {
	color: #870B0D;
	}
h2, h2 a:hover, h3, h3 a:hover {
	color: #003360;
	}

h4.author {
	font-size: 1.0em;
	font-weight: normal;
	color: #999;
	}
ul li { margin: 0; padding: 0; }
/* Other heading styles are kept within their own sections below */


small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	color: #777;
	}

/* BASIC STYLES : END */

/* --- HEADER STYLES : BEGIN --- */

#header {
	padding: 0;
	margin: 0;
	height: 110px;
	width: 100%;
	border-bottom: 1px solid #cecece;
	background-color: #fff;
	text-align: right;
	}
#headerttl {
	margin: 0;
	}
#headerttl img {
	padding: 5px 10px;
	float: left;
	}
#headerttl h1, #headerttl .description {
	display: none;
	}
#nav {	
	margin: 60px 0 0 245px;
	height: 65px;
	width: 475px;
	position: absolute;
	top: 0;
	right: 0;
	}
#nav ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	}
#nav ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	}
#nav ul li a, #nav ul li a.singleline {
	background: #fff;
	border-left: 1px solid #e5e5e5;
	border-bottom: 7px solid #fff;
	border-top: none;
	border-right: none;
	padding: 15px 15px 11px 10px;
	margin: 0;
	color: #575757;
	text-decoration: none;
	display: block;
	text-align: left;
	font: bold 110% Verdana, Arial, Helvetica, sans-serif;
	}
#nav ul li a.singleline {
	padding-top: 27px;
	}
#nav ul li .top {
	color: #919191;
	font-size: 90%;
	font-style: italic;
	}
#nav ul li a:hover, #nav a:active {
	color: #084D8B;
	border-bottom: 7px solid #065F93;
	}
#nav li#active a {
	background: #c60;
	border: 1px solid #c60;
	color: #fff;
	}
/* HEADER STYLES : END */

/* --- SIDEBAR (and SEARCH) STYLES : BEGIN --- */

#sidebar {
	font: 1.0em Verdana, Arial, Sans-Serif;
	background: #fff;
	padding: 0;
	color: #bbb;
	width: 225px;
	text-align: left;
	position: absolute; /* Positioning is used in place of FLOAT to align to left side underneath header */
	top: 165px;
	left: 20px;
	}
#sidebar a {
	color: #555;
	}	
#sidebar a:hover {
	text-decoration: underline;
	color: #000;
	}

#sidebar h2 {
	font: bold 1em Arial, Helvetica, sans-serif;
	margin: 5px 0 0;
	padding: 6px 0 2px 6px;
	color: #EB7425;
	text-transform: uppercase;
	border-bottom: 1px dotted #ddd;
	}
#sidebar h5 {
	color: #bbb;
	font-size: 1em;
	font-weight: normal;
	padding: 0;
	margin: 0 0 0 8px;
	}
#sidebar .pastevents {
	margin-left: 20px;
	padding: 5px;
	}
#sidebar .pastevents a:hover {
	text-decoration: underline;
	}
#sidebar form {
	margin: 0;
	}
#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 5px 0 0 0;
	}
#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 10px;
	padding: 0 5px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	padding: 0;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 8px 0 0;
	padding: 0;
	border-bottom: none;
	}
#sidebar ul ul li {
	background: url("images/bllt-sidebar.gif") no-repeat 0 .4em; 
	padding-left: 9px; 
	}

#searchform, #searchform2 {
	padding: 5px 3px 5px 10px; 
	text-align: left;
	border-top: 5px solid #D8E1E9;
	border-left: 5px solid #D8E1E9;
	border-right: 5px solid #CED7DF;
	border-bottom: 5px solid #CED7DF;
	margin: 0;
	}
#searchform { background-color: #2a78ba; background: url(images/bg-searchform.jpg) repeat; }
#searchform2 { background-color: #db5301; background: url(images/bg-searchform2.jpg) repeat; }

#searchform p, #searchform2 p {
	font-size: 10px;
	font-style: italic;
	margin: 0;
	padding: 0;
	color: #365e7f;
	}
#searchform2 p { color: #f8f2ee; }
#searchform #s, #searchform2 #s {
	width: 130px;
	height: 15px;
	padding: 1px 1px 1px 2px;
	}

#searchsubmit {
	background: #aebccb url(images/bg-btn.gif) repeat-x;
	border: 1px solid #617681;
	font-size: 9px;
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #fff;
	margin: 0 3px 0 0;
  	padding: 0;
	height: 19px;
	width: 53px;
	}
.searchnote {
	text-align: left;
	background-color: #FEFECD;
	padding: 10px;
	margin: 20px 0;
	}
.searchnote p { padding: 0; margin: 0; }
.searchresults {
	margin: 10px 15px 10px 0;
	padding: 15px;
	font-size: 100%;
	text-align: left;
	background-color: #F6F3EA;
	border: 7px solid #fff;
	}
.searchresults h3 {
	font-size: 1.4em;
	margin: 0;
	padding: 0;
	}
.searchresults h3 a {
	text-decoration: underline;
	}
.searchresults .excerpt {
	margin-top: 15px;
	margin-left: 25px;
	padding: 2px 10px;
	font-style: italic;
	border-left: 2px solid #c0c0c0;
	}
.searchresults .excerpt p {
	margin-top: 0;
	padding-top: 0;
	}
.searchresults .note {
	color: #999;
	}
.searchresults hr {
	border: 0;
	border-bottom: 1px dotted #ccc; /*overrides universal border setting */
	display: block;
	margin-bottom: 10px;
	}
	
.entry form { /* Makes password protected posts look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

/* SIDEBAR (and SEARCH) STYLES : END */

/* --- POST STYLES : BEGIN --- */

.column {
	padding: 0 0 5px 45px;
	margin: 0 auto 0 225px;
	min-width: 500px;
	max-width: 900px;
	}

.column .entry img {
	margin: 0 10px 10px 10px;
	border: 3px solid #ccc;
	}
.column .postmetadata {
	text-align: center;
	padding-top: 5px;
	font-size: 85%;
	}
.column .attachment {
	text-align: center;
	margin: 5px 0px;
	}
.column .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
	}
.post {
	margin: 10px 15px 10px 0;
	padding: 0 0 15px 0;
	font-size: 100%;
	text-align: left;
	background-color: #fff/*#F6F3EA*/;
	border-top: 7px solid #7ab8ef;
	}
.post .categoryname { /* Might be EXTINCT! */
	color: #e3dec5;
	font-size: 2em;
	margin: -10px 12px 0 0;
	padding: 0;
	text-align: right;
	}

.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 {
	margin: 10px 35px;
	padding: 0;
	color: #333;
	}
.post ul, .post ol {
	margin-left: 35px;
	padding-left: 25px;
	margin-right: 15px;
	}

.post h3.posttitle {
	margin: 0;
	padding: 15px 5px 3px 20px;
	font-size: 2.6em;
	line-height: 1.2em;
	}
.post h3.posttitle a {
	color: #065f93;
	}
.post h3.posttitle a:hover {
	text-decoration: underline;
	color: #043f61;
	}

.post h4.postedby {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1.1em;
	font-weight: normal;
	color: #888;
	margin: 0 0 15px 0;
	padding: 0 5px 2px 21px;
	line-height: 1.2em;
	}
.post p {
	margin-left: 35px;
	margin-right: 35px;
	}
.post blockquote {
	margin: 15px 30px 0 45px;
	padding-left: 10px;
	border-left: 5px solid #ddd;
	color: #777;
	}
.post .entry a {
	text-decoration: underline;
	}

/* --- EVENT STYLES --- */
.eventpost {
	margin: 20px auto 0;
	text-align: left;
	padding: 0;
	width: 552px;
	}
.eventpost .bg-wrapper {
	background: url(images/postevent-edges.gif) repeat-y;
	}
h3.eventdate {
	font-size: 1.8em;
	color: #fff;
	margin: 0;
	padding: 10px 0 0 25px;
	width: 552px;
	height: 38px;
	background: url(images/postevent-header.gif) no-repeat;
	}
h4.eventtitle {
	font-size: 1.5em;
	color: #666;
	margin: 0 25px;
	padding: 5px 0 10px 0;
	border-bottom: 1px dotted #ccc;
	}
.eventpost .time {
	color: #ddd;
	padding-left: 15px;
	font-size: 0.8em;
	}
.eventpost p {
	margin: 15px 25px 10px 45px;
	}
.eventpost a {
	color: #860101;
	}
.eventpost ul, .eventpost ol {
	margin-left: 25px;
	}
.eventpost .postmetadata {
	text-align: left;
	color: #777;
	font-size: 0.9em;
	width: 552px;
	height: 47px;
	background: url(images/postevent-footer.gif) no-repeat;
	padding: 0 0 0 30px;
	margin: 0;
	border: none;
	}
.eventpost .postmetadata p {
	padding: 0 50px 0 30px;
	}
#eventscomment {
	width: 520px;
	margin: 20px auto 0;
	}
/* END EVENT STYLES */

/* --- PAGE POST STYLES --- */

#content {
	font-size: 1.2em
	}

.page {
	margin: 0 15px 10px 0;
	padding: 0 0 15px 10px;
	font-size: 100%;
	text-align: left;
	background-color: #fff/*#F6F3EA*/;
	border: 7px solid #fff;
	}
.page a { text-decoration: underline; }
.page h2.pagetitle {
	margin: 0;
	padding: 0;
	}
.page h2, .page h3, .page h4 {
	color: #065f93;
	}
.page h2 {
	margin-top: 3px;
	font: normal 2em Arial, Helvetica, sans-serif;
	}
.page ul {
	/*list-style-type: none;*/
	}
.page ul li {
	/*font-weight: bold;*/
	margin-top: 5px;
	font-size: 1.1em;
	}
.page ul ul {
	margin-left: 5px;
	padding-left: 0;
	}
.page ul ul li {
	font-weight: normal;
	margin: 1px 0;
	font-size: 1em;
	}
.postmetadata {
	clear: left;
	color: #777;
}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
.callout {	
	border: 1px solid #ede0a8;
	padding: 5px 15px;
	margin: 20px 60px;
	background-color: #ffc;
	}	

/* PAGE/POST STYLES : END */

/* --- COMMENT STYLES : BEGIN --- */
h3.comments {
	padding: 0;
	margin: 40px auto 20px;;
	}
h3#comments, h3#respond {
	text-align: left;
	padding-left: 40px;
	padding-right: 40px;
	font-size: 1.6em;
	margin-top: 20px;
	color: #EB7425;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	background-color: #fff;
	margin: 0 40px;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
	
.commentlist li {
	font-weight: bold;
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	margin: 10px 5px 10px 0;
	}
#commentform {
	text-align: left;
	margin-left: 100px;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	margin: 5px 0;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 60%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	}

.commentmetadata {
	font-weight: normal;
	margin: 0;
	display: block;
	}

.alt {
	margin: 0;
	padding: 10px;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	color: #777;
	}

/* COMMENT STYLES : END */


/* --- FOOTER STYLES : BEGIN --- */

#footer, #footer-home {
	padding: 40px 0 20px 0;
	clear: both;
	margin-right: 10px;
	text-align: right;
	color: #bbb;
	}
#footer-home { text-align: center; padding: 10px 0; }
#footer p { margin: 0 0 4px 0; padding: 0; }	
#footer .credits { color: #bbb;}
#footer .credits a { color: #bbb; text-decoration: underline; }
#footer .credits a:hover {color: #666; }

.copyright {
	font-style: italic;
	}
#minilinks {
	font-size: 0.9em;
	text-align: left;	
	padding: 0 0 20px 80px;
	margin: 0 auto 0 225px;
	width: 650px;
	}
#minilinks ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#minilinks li {
	padding: 0 0 1px 13px;
	margin: 0 0 1px 5px;
	white-space: nowrap;
	}
#minilinks a {
	text-decoration: underline;
	color: #545454;
	}
#minilinks a:hover {
	color: #000;
	}
#mini-feeds, #mini-posts, #mini-resources, #mini-sagindie {
	float: left;
	margin: 3px 5px;
	width: 130px;
	}
#minilinks h4 {
	padding-left: 18px;
	margin-bottom: 4px;
	font-weight: normal;
	height: 14px;
	font-size: 1em;
	}
#mini-feeds h4 { background: url(images/icon-minifeeds.gif) no-repeat; }
#mini-posts h4 { background: url(images/icon-miniposts.gif) no-repeat; }
#mini-resources h4 { background: url(images/icon-miniresources.gif) no-repeat; }
#mini-sagindie h4 {	background: url(images/icon-minisagindie.gif) no-repeat; }

/* FOOTER STYLES : END */


/* --- IMAGE STYLES : BEGIN --- */
/* These styles apply to general image usage; specific style handle their own images. */
p img {
	padding: 0;
	max-width: 100%;
	}
a img {	border: none; }

.linkicon {	margin-bottom: -4px; }
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	clear: right;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	clear: left;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left;
	}
/* IMAGE STYLES : END */

/* --- CALENDAR STYLES : BEGIN --- */
#wp-calendar {
	empty-cells: show;
	width: 155px;
	color: #999;
	padding: 3px;
	margin: 0 0 20px 20px;
	background-color: #fff;
	}
	
#wp-calendar a {
	text-decoration: none;
	display: block;
	}

#wp-calendar #prev a {
	font-size: 9pt;
	padding-left: 10px;
	text-align: left;
	}
#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	text-decoration: none;
	}	
#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
	
/* CALENDAR STYLES : END */


/* --- MISC STYLES : BEGIN --- */

.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}

strike {
	color: #777;
	}
	
code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	color: #777;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}
.page hr {
	clear: both;
	}

.navigation {
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
	clear: both;
	}
/* MISC STYLES : END */

/* Styles for Workshops Page */
#post-184 .photoinset { width: 200px; margin: 5px 15px 10px 15px; float: right; }
#post-184 .photoinset img { margin-bottom: 5px; }
#post-184 .newyork { width: 300px; float: left; }
#post-184 .losangeles { width: 300px; float: left; }
.rsvpcities ul { margin-bottom: 20px;}
.rsvpcities ul li {	list-style-type: none;	font-weight: bold;	color: #065f93; }
.rsvpcities ul li.loc { font-size: 1.5em; }
.rsvpcities ul ul { margin-left: 20px; }
.rsvpcities ul ul li {	font-weight: normal; color: #222; margin-bottom: 5px; }
.rsvpcities { height: 525px; clear: right; min-width: 610px; }

/* Styles for Contracts Page */
#contracts {}
#contracts fieldset {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px dotted #777;
	margin: 15px 50px;
	}
#contracts legend {
	font-weight: bold;
	font-size: 1.5em;
	}
#contracts ul li {
	list-style-type: none;
	background: url(images/bllt-greendisc.gif) no-repeat 0 0.4em;
	padding-left: 11px;
	margin: 1px 0;
	font-size: 0.9em;
	}
#contracts ul ul li { background-image: none; margin-left: 30px; padding-left: 5px; margin-top: 4px; list-style-type: circle; }
#contracts ul ul ul li { list-style-type: none; }
#contracts fieldset a, #contracts fieldset a:visited, #contracts a.doclink, #contracts a.doclink:visited {
	background: url(images/icon-contractview.gif) no-repeat;
	font-weight: bold;
	padding-left: 20px;
	padding-bottom: 5px;
	}
#contracts fieldset a, #contracts fieldset a:visited { margin-left: 40px; }
#contracts fieldset a:hover, #contracts a.doclink:hover { background: url(images/icon-contractview2.gif) no-repeat; }
.acrobat { width: 420px; margin-left: 50px; }
.acrobat img { float: left; margin-right: 20px;  }
.acrobat { color: #777; font-size: 0.9em; }
.acrobat p { margin-left: 20px; }
#contracts-callout { height: 55px; width: 190px; background: url(images/sidebar-contracts.jpg) no-repeat; padding: 13px 10px 3px 50px; margin: 8px 0 0 18px; font-size: 12px; }
#contracts-callout a { color: #286399; font-weight: bold; }

/* Styles for Resources Main Page */
#resources-main table { margin: 50px auto; }
#resources-main table img { margin: 0 auto 15px auto; }
#resources-main table td { vertical-align: top; width: 33%; padding: 0 10px; font-size: 0.9em; }
#resources-main table ul { text-align: left; }
#resources-main table ul li { margin: 0 0 5px 0; padding: 0; font-size: 0.9em; }

/* Styles for Flickr Badge */
#flickr_photoset { margin: 15px auto; width: 100px; padding: 10px;}
#flickr_photoset img {border: 1px solid black !important; margin: 2px 0 8px 0; }
#flickr_photoset p { display: block; color: #666; text-align: center; padding: 0; margin: 0;}
#flickr_photoset a { text-decoration: none; color: #3993ff; }