/*  
Theme Name: Stubbornella
Theme URI: http://www.stubbornella.org/@@@theme specific url@@@
Description: The stubbornella CMS theme based on the default WordPress theme.
Version: .1
Author: Nicole Sullivan
Author URI: http://www.stubbornella.org/

	Stubbornella Beta .1
	http://www.stubbornella.org/ @@@theme specific url@@@

	This theme was designed and built by Nicole Sullivan,
	whose website you will find at http://www.stubbornella.org/
	
*/
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0pr2
*/
/* reset */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/* fonts */
body{font:13px/1.231 helvetica,arial, clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
#ufo{text-indent: -5999px;}
/* Begin navigation */
#nav{overflow:hidden; _overflow:visible; zoom:1; position:absolute; bottom:0px; left:0; padding-bottom:5px;padding-left:4px; width:100%; clear:both;}
#nav li,#nav a, #nav span{float:left;}
#nav li.current, #nav a, #nav span{background:url(img/skin/nav_all.gif) no-repeat;}
#nav li.current{background-position:top right !important;font-size:110%; font-weight: bold;}
#nav li.current a{background-position:top left !important;color:#38373C; } 
#nav li.current a span{background-position:bottom right !important;padding: 8px 20px 10px 15px;_padding:7px 20px 9px 15px;} 
#nav a{background-position: 0 -87px; text-decoration:none;color:#fff;}
#nav .first a{background-position: 0 -999px;} 
#nav a:hover, #nav a:focus{background-position:100% -47px;}
#nav a:hover span, #nav a:focus span{background-position: 0 -47px;padding: 4px 15px 14px 15px;_padding:7px 20px 9px 15px;}
#nav span{background-position: 999px 999px;padding: 4px 15px 14px 15px; cursor:pointer;}
/*#nav li{border:solid 1px red;}
#nav a{border:solid 1px orange;}
#nav span{border:solid 1px yellow; background-image:none !important;}*/
/* End navigation */

/* Begin Typography & Colors */
body {background-color: #f2f2f2;color: #38373D;}
#page {border: 1px solid #959596;text-align: left; width: 1050px;margin:0 auto;padding-top:1px;}
#event {width:300px;float:right;}
#content{margin-bottom:30px;}
.narrowcolumn .postmetadata {text-align: center;}
.alt {background-color: #f8f8f8;}/* sets every other comment to gray bkg */
.me {background-color: #F8E6F2;}/* bkg color of my comments, here pink */
#footer {background-color: #38373c;border-top: solid 10px #e2e2e2;color:#e2e2e2;}
#headerimg .description {text-align: center;}
h1{position:absolute; top:-23px; left:10px;font-size:100%; }
h1 a{color: #333333;}
.description{visibility:hidden;}	
h1 a{display:block;}
h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {text-decoration: none;}
h2{font-size: 24px; font-family:"Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; letter-spacing:-1;line-height:26px;font-weight:normal;}
h3{font-size: 150%;}
h4{font-size: 120%;}
h5{font-weight: bold;}
h6{font-style: italic;}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {text-decoration: none;}
em{font-style:italic;}
strong{font-weight:bold;}
pre{background-color:#F8E6F2;padding: 10px; margin: 20px 0;overflow-x:auto;overflow-y: hidden;border-top: 1px dashed #DF2B72;border-bottom: 1px dashed #DF2B72;}
.entry p a:visited {color: #b85b5a;}
.basicList{padding-left: 25px;margin: 10px;}
.basicList li{list-style-image: url(http://www.stubbornella.org/content/wp-content/themes/stubbornella/img/pictos/puce.gif);}
ol{margin: 10px;padding-left:25px;}
ol li{list-style-type:decimal;}
.commentlist{padding-left:0;}
.commentlist li, #commentform input, #commentform textarea {}
.commentlist li { }
.commentlist cite, .commentlist cite a {font-weight: bold;}
small, .nocomments, .postmetadata, blockquote, strike {color: #777;}
a, h2, h2 a:hover, h3 a:hover {color: #DF2B72;text-decoration: none;}
a:hover {color: #AE0345;text-decoration: underline;}
#wp-calendar #prev a {}
#wp-calendar a {text-decoration: none;}
#wp-calendar caption {text-align: center;}
#wp-calendar th {font-style: normal;text-transform: capitalize;}
blockquote{padding: 20px 40px; border-left: 20px solid #e2e2e2; margin: 20px; font-size: 15px;}
blockquote cite:before{content: "~";}
blockquote cite{text-align: right;display:block;padding-top:10px; font-size: 13px;}
blockquote.callout {float: right; width: 50%;}
.wp-caption-text { color: #777; font-style: italic;margin-top: 0px;}
/* End Typography & Colors */
/* Skip to content (not yet used as I have little navigation before main content) */
.skip{background:transparent none repeat scroll 0%;display:block;overflow:hidden;padding:0.5em 0pt;text-indent:-600em;text-align:left; position:absolute; top:0; left:0;width:100%;z-index:10;}
.skip:hover, .skip:focus, .skip:active{display:block;background: #DF2B72  url("img/skin/body_bkg.gif") repeat-x bottom left;color:#fff;text-indent:10px;text-decoration:none;}
/* /Skip */
/* Begin Structure */
body { background:#f2f2f2 url("img/skin/body_bkg.gif") repeat-x top left;}
#page { background:none; border: none; }
hr{display:none;}
#header {height: 200px;width: 742px; z-index:10;}
#header{height:217px; background-image:none !important;background-color:none !important;zoom:1;}
#headerimg { background: url('img/skin/header.gif') no-repeat -1px 0;height: 217px; position:relative;border-left:solid 1px #ccc;}	
#sidebar{width:500px;float:right;}
#sidebar ul{padding-left:  35px; }
#sidebar ul ul{padding:0;}
#sidebar a:link{color:#38373D;}
.narrowcolumn {float: left;width: 540px;}
.midcolumn{width: 500px;}
.widecolumn {width: 727px;}
#content { background: url("img/skin/col_bkg_wide.gif") repeat-y 100% -3px;margin-top:-7px;_margin-top:-8px;z-index:11;}
#content .content_t{background: url("img/skin/col_t.gif") no-repeat top right;}
.content_t{border-left:solid 1px #ccc;}
#content .content_b{background: url("img/skin/col_b.gif") no-repeat bottom right;padding: 2px 8px 8px 0;}
.post {padding: 19px 28px 19px 19px;}
.widecolumn .post {margin: 0;}
.narrowcolumn .postmetadata {padding-top: 5px;}
.widecolumn .postmetadata {margin: 30px 0;}
.widecolumn .smallattachment {text-align: center;float: left;width: 128px;margin: 5px 5px 5px 0px;}
.widecolumn .attachment {text-align: center;margin: 5px 0px;}
.postmetadata {clear: left;}
#footer {clear: both;}
#footer p {margin: 0;padding: 20px 0;text-align: center;}
p{margin: 10px 0;}
/* End Structure */
/*	Begin Headers */
.pagetitle {color:#38373C; padding:18px 18px 0 18px;font-size:150%;}
#sidebar h2 {margin: 16px 0 15px 0;}
/* End Headers */
/* Begin Images */
p img {padding: 0;max-width: 100%;_width:100%;}
/*	Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid), a little tweaked now for backwards compatibility with my old theme... */
/* centered */	
.c{display: block;margin-left: auto;margin-right: auto;}
.txt_c{text-align:center}
/*  right */
img.r, {padding: 4px;margin: 0 0 2px 7px;display: inline;}
.txt_r{text-align:right;}
.r, .alignright{float: right;}
/* left */
img.l,img.floatLeft, img.floatRight {padding: 4px;margin: 0 7px 2px 0;display: inline;}
.txt_l{text-align:left;}
.l,.alignleft,.floatLeft, .floatRight{float: left}
/* End Images */
/* Begin Lists  */
.post ul, #sidebar ul ul{}
#sidebar ul ul{}
#sidebar ul .cat{overflow:hidden; _overflow: visible; zoom:1;list-style-type:none; list-style-image:none;color: #38373C; font-weight:bold;padding:0;}
.cat a{text-transform: uppercase;}
.cat a:link {color:#38373c; }
.cat li{background: url(http://www.stubbornella.org/content/wp-content/themes/stubbornella/img/pictos/puce.gif) no-repeat 0 2px; padding-left:13px; margin-right: 14px;float:left;width:40%;}
.cat .cat_even{background-image:url(http://www.stubbornella.org/content/wp-content/themes/stubbornella/img/pictos/puce_dark.gif);}
/* End Entry Lists */
/* Begin Form Elements */
.searchform {margin: 15px 19px 7px 19px;text-align: right; width:700px;color: #DF2B72;}
.searchform input{background-color:#F8E6F2; border:solid 1px #222222; color: #36373C;}
.searchform input:focus,.searchform input:hover{background-color:#fff;}
.searchform #searchsubmit {background: url(http://www.stubbornella.org/content/wp-content/themes/stubbornella/img/pictos/search_button.gif) no-repeat center center; border:none; background-color:none;text-indent: -5999px;height:16px; width:16px; color:transparent;font-size:0px;}
.no-results{padding:18px;}
.no-results h2{color: #38373C; font-size:150%;}
.no-results .searchform{width:auto;}
.entry form { /* This is mainly for password protected posts, makes them look better. */text-align:center;}
select {width: 130px;}
#respond{padding:18px;}
#commentform{margin:0 28px 0 18px; padding:0 0 48px 0; overflow:hidden; overflow:visible; zoom:1;}
#commentform input#author,#commentform input#email,#commentform input#url  {width: 170px;padding: 2px;margin: 5px 5px 1px 0;border:solid 1px #222222;background-color:#F8E6F2;}
#commentform textarea {width:100%;padding: 0;border:solid 1px #222222; background-color:#F8E6F2;}
#commentform input:hover, #commentform input:focus, #commentform textarea:hover, #commentform textarea:focus{background-color:#fff;}
#commentform #submit {margin: 0;float: right; }
/* End Form Elements */
/* Begin Comments*/
#comments{padding:18px;}
.commentlist{text-align: justify;border-top: 1px dashed #DF2B72;margin:10px 18px 10px 10px;}
.commentlist li{padding: 9px;list-style: none;border-bottom: 1px dashed #DF2B72;}
.commentlist p {margin: 10px 5px 10px 0;}
#commentform p {margin: 5px 0;}
.nocomments {text-align: center;margin: 0;padding: 0;}
.commentmetadata {margin: 0;display: block;}
.author_comment{background-color:pink;}
/* End Comments */
/* Recent Articles */
.recentArticles ul {padding: 0;border-top: 1px dashed #DF2B72;margin:10px;}
#content .recentArticles{padding: 0 9px 0 0;}
#content .recentArticles h2{padding-left:18px;}
#sidebar .recentArticles ul{padding:0;margin:0;}
.recentArticles ul li {list-style-type: none;list-style-image:none;border-bottom: 1px dashed #DF2B72;font-size:90%;}
.recentArticles ul li a{display:block !important;text-decoration:none;color: #36373C; padding:5px 10px; font-weight:bold;}
.recentArticles ul li a:hover, .recentArticles ul li a:focus{background-color:#F8E6F2;color:#E22A72 !important;}
.recentArticles ul li a .date{display:block; font-style:italic;font-weight:normal;}
.recentArticles ul li a:hover .date, .recentArticles ul li a:focus .date{color: #36373C !important;}
/* End Recent Articles */
/* Twitter */
#sidebar .twtr-tweets{padding:0 !important;margin:0;border-top: 1px dashed #DF2B72; color:#36373C;}
#sidebar .twtr-tweets .twtr-tweet {list-style-type: none;list-style-image:none;border-bottom: 1px dashed #DF2B72;padding:5px 10px;}
#sidebar .twtr-tweets span{}
#sidebar .twtr-tweets span a{font-style: normal;color:#DF2B72;}
#sidebar .twtr-tweets span a:hover, #twitter_update_list span a:focus, #twitter_update_list span a:visited{text-decoration:underline; color:#AE0345;}
#sidebar .twtr-tweets .twtr-tweet:hover, .twtr-tweets .twtr-tweet:focus{background-color:#F8E6F2;}
#sidebar .twtr-tweets i a {font-style:italic;font-size:100% !important;color: #777 !important;}
.twtr-widget .twtr-tweet-wrap{padding:0 !important;}
.twtr-hd, .twtr-ft{display:none;}
.twtr-doc{width:auto !important;}
/* End Twitter */
/* tag cloud */
.wp-tag-cloud-title{padding:0 20px 0 20px;}
.wp-tag-cloud{padding:0 20px 20px 20px;}
.wp-tag-cloud li{display:inline;}
.wp-tag-cloud a{color: #38373D;}
/* end tag cloud */
/* Begin Sidebar */
#sidebar{padding: 0 0 10px 0;}
#sidebar form {margin: 0;}
/* End Sidebar */
/* Begin Calendar */
.none{width:auto;}
#wp-calendar{empty-cells: show;margin: 10px auto 0;width: 155px;}
#wp-calendar #next a {padding-right: 10px;text-align: right;}
#wp-calendar #prev a {padding-left: 10px;text-align: left;}
#wp-calendar a {display: block;}
#wp-calendar caption {text-align: center;width: 100%;}
#wp-calendar td {padding: 3px 0;text-align: center;}
#wp-calendar td.pad:hover { /* Doesn't work in IE */background-color: #fff; }
/* End Calendar */
/* grids */
.line, .lastUnit {overflow: hidden;_overflow:visible;_zoom:1; }
.unit{float:left;_zoom:1;}
.unitExt{float:right;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit {float:none;_position:relative; _left:-3px; _margin-right: -3px;width:auto;}
/* ====== media ====== */
.media{margin:10px 0;clear: both;}
.media, .media .bd{overflow:hidden; _overflow:visible; zoom:1;}
.media .img{float:left;margin-right: 10px; margin-bottom: 10px;}
.media .img img{display:block;}
.media .mediaAction{float:right; margin-left: 10px; margin-bottom: 10px;}
/* ====== Tables ====== */
.data{margin: 10px 0;position:relative; zoom:1;vertical-align: top;border:1px solid #bcbabf;background-color: #eee;}
.data table {width:100%;}
.data tr:nth-child(odd){background-color: #e2e2e2;}
th, td{vertical-align:top;border:1px solid #fff; }
.txtC, .data .txtC td, .data .txtC th{text-align:center;}
.txtL, .data .txtL td, .data .txtL th{text-align:left;}
.txtR, .data .txtR td, .data .txtR th{text-align:right;}
.txtT, .data .txtT td, .data .txtT th{vertical-align:top;}
.txtB, .data .txtB td, .data .txtB th{vertical-align:bottom;}
.txtM, .data .txtM td, .data .txtM th{vertical-align:middle;}
.data th,.data td{padding:5px}
.data thead th{background-color: #38373D; color: #e2e2e2;vertical-align: middle !important; text-align: center;padding: 10px;font-size: 112%;}