/*
Theme Name: Maid of Might (TwentyTen)
Template: twentyten
Author: Michelle
*/
@import url('http://maidofmight.net/wordpress/wp-content/themes/twentyten/style.css');

body, input, textarea, .page-title span, .pingback a.url {
	font-family: HelveticaNeue, Helvetica, Arial, sans-serif;
	}

body {
	background: #01678F url(images/Corel_08_048_coloured_blue.png);
	color: #5F5F5F;
	font-size:100%;
	margin:0 10px;
	}

#access, #access .menu-header, div.menu, #branding, #main, #wrapper {
	margin:0 auto;
	max-width:940px;
	}

#wrapper {
	background-color:transparent;
	margin:0 auto 20px;
	}

/************************************************
*	Header					*
************************************************/

#header {
	padding-top:0;
	}

#branding {
	background-image:url(images/sgbanner2010-230px.png);
	height: 230px;
	padding: 0;
	overflow: hidden;
	position:relative;
	}

#nav-below {
	margin: -18px 0 18px 0;
}

/************************************************
*	Main Layout				*
************************************************/

#main {
	background-color:white;
	}

#container.one-column {
	margin:0;
	float:none;
	}

#content {
	text-align:justify;
	}

.one-column #content {
	margin:0 40px;
	width:860px;
}

#content, #content input, #content textarea { /* override TwentyTen */
	color: #666666;
	font-size:95%;
	}

#content img {
	max-width:none; /* TwentyTen default is 640px */
	}
/************************************************
*	Content	Elements			*
************************************************/

/** Headings **/

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
	color:#666;
	font-weight: bold;
	}

#content h1 { font-size:1.5em }
#content h2 { font-size:1.4em }
#content h3 { font-size:1.1em }
#content h4 { font-size:1em }

#content h1.front-page {
	margin:0;
	padding:0;
	color:white;
	font-size:0.00001em;
	border-bottom:0;
	}

#content h2, #content h3 { /* styling inspired by wptouch H3 */
	border-top: 1px solid #adadad;
	border-bottom: 1px solid #adadad;
	background-color:#eee;
	padding: 5px 35px;
	margin:15px -40px 25px -40px;
}

#content h2.entry-title { /* Blog page titles */
	border-right: 1px solid #adadad;
	background-color: #F7F7F7;
	margin:0 0 5px -30px;
	}

.page-title span { /* Used on Category, Archive, etc. pages */
	color:#B51821;
	font-size:1em;
	font-style:normal;
	font-weight:bold;
	}

#content .entry-title, #content .page-title {
	color:#B51821;
	}

#content .comic-item-alt { background-color:#D3E3FF} /* used on Comics pages */

/** End Headings **/

#content blockquote, #content .pullout {
	background: #F7F7F7;
	font-style:normal;
	margin: 0 24px 24px 24px;
	padding:1em 1.1em 0 1em;
	border: 1px solid #AFAFAF;
	}

.entry-content {
	padding-top:0; margin-top:24px; /* This fixes the offset placement of floated images and surrounding text when placed immediately following entry-content. margin-top must be 24px instead of default stylesheet's padding:12px to fix the extra line that occurs only for floated images at start of entry. */
	}

#content blockquote p, #content .pullout p {
	margin-bottom:1.2em;
	}

#content blockquote em, #content blockquote i {
	font-style:italic;
}

#content ul li, #content ol li { padding:2px 0; }

#content p.jump-to { font-weight:bold; margin-bottom:10px; }

cite {
	font-weight:bold;
	}

q {
	font-style:italic;
	}

hr {
	background-color:transparent;
	border-top:1px solid #DDD;
	margin:1em 0;
	}

.attention {
	background: #F7F7F7;
        border:1px solid #AFAFAF;
	padding: 1em 1.5em;
	}

#content .attention p {
	margin-bottom:12px;
	}

h2+.attention { margin-top:25px }

.entry-utility {
	background-color: #F7F7F7;
	color: #666;
	font-size: 0.8em;
	text-transform: uppercase;
	margin: 0px 0px 50px 0px;
	padding: 5px 10px 5px 10px;
	border: 1px solid #E6E6E6;
	}

#content p.wp-caption-text {
	margin-bottom:5px;
	}

.wp-caption {
	max-width: 650px !important; /* prevent too-wide images from breaking layout. TwentyTen default = 632px. */
}


/************************************************
*	Sidebar (#primary)        	        *
************************************************/

#primary {
	margin: 0 20px 0 0;
	font-size:0.9em;
	line-height:1.4em;
	}

#primary h3 {
	color: #0076A3;
	font-size: 1em;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	border-bottom: 1px solid #DDD;
	}

#primary p {
	margin:0; padding:0;
	}

#primary a {
	color: #666;
	font-weight:normal;
	text-decoration: none;
	border-bottom:1px dotted #666;
	}

#primary a:focus {
	background:#0076A3;
	color:#fff;
	border-bottom:0;
	}

#primary a:hover {
	border-bottom:0;
	}

#primary .widget-container  {
	background: #F7F7F7;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	border: 1px solid #AFAFAF;
	}

#main .widget-area ul {
	padding-right:0;
	}

#main .widget-area ul ul {
	margin-left:5px;
	}

#primary ul li {
	list-style-type: none;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	}

#primary ul li li {
	background: url(images/arrow.gif) no-repeat top left;
	padding-left: 15px;
	}

#primary ul li ul li {
	background: url(images/arrow.gif) no-repeat top left;
	padding-left: 15px;
	}

/************************************************
*	Footer					*
************************************************/

#colophon {
	border-top:0;
	margin-top:0;
	padding:0;
	}

#footer {
	background: #003663;
	margin: 0px auto 0px;
	padding: 15px 0;
	font-size:0.9em;
	color: #65ADC3;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	}

#footer a {
	color: #65ADC3;
	text-decoration: none;
	border-bottom:1px dotted #65ADC3;
	}

#footer a:hover {
	color: #65ADC3;
	border-bottom:0;
	text-decoration: underline;
	}

#footer a:focus {
	background-color:#fff;
	color:#003663;
	text-decoration: none;
	}

/************************************************
*	Hyperlinks				*
************************************************/
#content a {
	color:#0076A3;
	text-decoration:none;
	font-weight:bold;
	}
#content a:hover {
	text-decoration:underline;
	}
#content a:focus {
	background-color:#0076A3;
	color:#fff;
	outline:0;
	}
#content a:active {
	outline:0;
	}
#content a:focus img {
	outline:medium solid #0076A3;
	background-color:#fff;
	}
#content .more-link {
	color:#B51821;
	text-transform:uppercase;
	}

#content .entry-title a, #content .page-title a {
	color:#B51821;
	}

#content .entry-title a:focus {
	background-color:#B51821;
	color:#fff;
	}

#content .entry-title a:active {
	background-color:#B51821;
	}

/************************************************
*	Search					*
************************************************/

#searchform {
	margin:10px 0;
	}

#s {
	line-height:16px;
	color: #222222;
	margin: 0 0 0 30px;
	padding: 3px 0px 3px 3px;
	width:140px;
	}

#searchsubmit {
	background: white;
	color: #003663;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 12px;
	text-transform:uppercase;
	font-weight: bold;
	text-decoration: none;
	margin: 0 0 0 3px;
	padding: 2px 3px 2px 2px;
	border: 0;
	}

#searchsubmit:hover, #searchsubmit:focus, #searchsubmit:active {
	background:#0076A3;
	color:white;
	border: 0;
	cursor:pointer;
	}

/************************************************
*	Accessibility      			*
************************************************/

.hidden { /* hides 'Search' label */
	position:absolute;
	left:0;
	top:-500px; 
	width:1px;
	height:1px;
	overflow:hidden;
	}

#skip_to_content {
	position:absolute;
	left:5px;
	top:5px;
	padding:2px;
	background-color:#00648B;
	line-height:1.2;
	}

#skip_to_content a {
	color:#003663;
	text-decoration:none;
	font-weight:bold;
	font-size:0.8em;
	padding:5px;
}

#skip_to_content a:focus, #skip_to_content a:active {
	color:#fff;
	text-decoration:underline;
}

/*
.hidden, #skip_to_content a, #skip_to_content a:visited,
#skip_to_sidebar a, #skip_to_sidebar a:visited {
	position:absolute;
	left:0;
	top:-500px; 
	width:1px;
	height:1px;
	overflow:hidden;
	}

#skip_to_content a:focus, #skip_to_content a:active,
#skip_to_sidebar a:focus, #skip_to_sidebar a:active {
	position:absolute;
	left:0;
	top:0;
	overflow:visible;
	padding:5px 10px 9px 10px;
	width:auto;
	height:auto;

	font-size:0.9em;
	font-weight:normal;
	color:#0076A3;
	text-decoration:underline;
	text-transform: uppercase;
	background:white;
	border-right:1px dotted #0076A3;
	border-bottom:1px dotted #0076A3;
	}

#skip_to_content a:active, #skip_to_sidebar a:active {
	text-decoration:none; 
	}

#skip_to_sidebar a, #skip_to_sidebar a:visited {
	position:absolute;
	left:542px;
	top:-20px;
	width:1px;
	height:1px;
	overflow:hidden; 
	}

#skip_to_sidebar a:focus, #skip_to_sidebar a:active {
	padding:0 3px 2px;
	width:auto;
	height:auto;
	background:#f7f7f7;
	border:1px dotted #AFAFAF;
	color:#0076A3;
	font-size:0.8em;
	text-transform: uppercase;
	text-decoration:underline; 
	}
*/

/************************************************
*	Comments 				*
************************************************/


h3#comments-title { 
	background-color:#F7F7F7;
	border-right: 1px solid #adadad;
	border-left:0;
	margin:15px -10px 25px -20px;
	padding:10px 30px;
}

h3#reply-title {
	background:none; 
	border:0; 
	padding:0; 
	margin:10px 0;
}

#content .commentlist {
	font-size:0.9em;
}

#content .commentlist li.comment {
	background-color: #F7F7F7;
	border: 1px solid #AFAFAF; /*E6E6E6*/
	padding:5px 10px 0 10px;
	margin-right:-10px;
	}

#content .commentlist .children {
	margin-top:10px;
	margin-left:20px;
	}

#content .commentlist .children li.comment {
	border-left:0;
	border-right:0;
	border-bottom:0;
	margin-left:-30px;
	padding-left:40px;
	}

#content .commentlist p {
	margin-bottom:12px;
	}

#content .commentlist .avatar {
	position:relative;
	float:left;
	top:5px;
	left:5px;
	margin-right:15px;
	margin-bottom:15px;
	}

#content .comment-author cite {
	color: #666;
	}

#content .comment-body {
	clear:both;
	text-align:left;
	}

.reply {
	clear:both; /* corrects placement for logged-in users who don't see "Edit" and "More Options" */
	}

#respond {
	text-align:left;
	}

#respond input {
	margin-bottom:4px;
	}

#respond label {
	color:#666;
	font-size:1em;
	}

#content .reply {
	padding-bottom:14px;
	}

#content .reply a, #content .reply a:visited {
	background: #0076A3;
	color: #FFFFFF;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 0.9em;
	text-decoration: none;
	margin: 0px;
	padding: 2px 5px 2px 5px;
	border: 1px solid #0076A3;
	}

#content .reply a:hover, #content .reply a:focus {
	background: #003663;
	color: #FFFFFF;
	text-decoration: none;
	border: 1px solid #003663;
	}

.comment-meta {
	font-size:0.8em;
	}

.comment-form-author, .comment-form-email, .comment-form-url, .gravatar-allowed {
	font-size:0.9em;
	color:#888;
	}

.comment-form-author #author,
.comment-form-email #email,
.comment-form-url #url {
	width:20em;
	}

/* Submit Buttons */
#respond .form-submit input {
	width:10em;
	margin-right:5px;
	}

/* Submit Buttons */
#respond .form-submit input:hover, #respond .form-submit input:focus {
	cursor:pointer;
	}

/************************************************
*	Table of Contents Nav: Comics Pages 	*
************************************************/


#toc ul,#toc li{
	margin:0;
	padding:0;
	display:inline;
	list-style-type:square;
	background:none;
	text-transform:uppercase;
}
#toc a {
	font-weight:bold;
	margin:0 10px 4px 2px;
}

/************************************************
*	Figures      				*
************************************************/

.figures h4 {
	width:95%;
	border-top:1px solid #DDD;
	margin-top:10px;
	padding-top:3px;
	}
.figsubhead { border-bottom:0; margin-top:2em; }
.figures td {
	width:33%;
	font:11px verdana;
	text-align:left;
	vertical-align:top;
	padding:0 5px;
	min-height:105px;
}
.figures tr td ul {
	padding:0;
	margin:0 0 0 95px;
	}
.figures tr td ul li {
	list-style:none;
	padding:0;
	margin:0 0 5px 0;
	background:none;
	}
.figures img {
	padding:0;
	float:left;
	margin:10px 15px 10px 0;
	}

/************************************************
*	Icon Tables				*
************************************************/

.icons01 { float: left; width: 120px; height: 160px; margin: 3px; }
.icons02 {  text-align: center; background-color: #777; color: #eee; padding:2px 10px; border-bottom: 3px #fff solid; }
.icons03 {  text-align: center; background-color: #ddd; padding: 10px; /*border: #777 solid 1px;*/ }

/************************************************
*	One-time customization			*
************************************************/

#content table.supergirl-profiles { /* /supergirl-kara-modern/ */
	border:0;
	padding:0;
	margin:1em 0;
	}

#content table.supergirl-profiles tr td { /* /supergirl-kara-modern/ */
	border:0;
	padding:0;
	margin:0;
	}