/*  
Theme Name: Upstream Connections
Theme URI: http://www.upstreamconnections.com/
Description: A two column theme. Basic. 
Version: 1.0
Author: Ines Sotomayor
Author URI: http://www.upstreamconnections.com/
*/





/* ////////////////// GENERAL /////////////////////////// */


body {
	margin: 0;
	background: url(images/bg_body_jeanne.gif) #643F4B repeat-x;
	font: 0.9em Arial, Verdana, Helvetica, sans-serif;
	color: #fff;
}

p {font-size: 1em; margin: 1.2em 0; line-height: 1.3em;}
ol, ul {font-size: 1em; margin: 1em 0 1em 2em; padding: 0;}
h1, h2, h3, h4, h5, h6 {margin: 0.8em 0; line-height: 0.9em;}
h1 {font-size: 1.5em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.2em;}

a {color: #D8006A; text-decoration: none;}
a:link {}
a:visited {}
a:hover, a:active {color: #DC7688; }

form {margin: 0; padding: 0; border: 0;}

input, textarea, select {
	border: 1px solid #F8D6E4; 
	background: #f6f6f6; 
	color: #333; 
	font: 1em Arial, Helvetica, sans-serif;}
	
input.btn {
	border: 1px solid #D8006A; 
	background: #D8006A; 
	color: #ffffff; 
	font: bold 1em Arial, Helvetica, sans-serif; 
	padding: 0.2em;}

blockquote {margin: 1.2em; padding: 0 0 1.2em 1.2em;
	border-left: 4px solid #F9DFEB;
	font-size: 0.9em;
	line-height: 1.4em;
	font-style: italic;
}
code {
	font-family: monospace;
	color: #666;}

.small {font-size: 0.8em;}
.small a {color: #D8006A;}
.small a:hover {color: #643F4B;}





/* //////////////////////// LAYOUT ///////////////////////// */

#wrapper {
	margin: 0 auto;
	width: 960px;
	background: #fff;
	overflow: hidden;}
	
	
	
	
/* //////////////////// HEADER  //////////////// */

	
#header {background: url(images/blog_hdr_jeannegubert.jpg) #F1B5D1 no-repeat; color:#fff; padding: 3em 2em; height:66px;}

#header img {}
#header h1 {font: bold 2em Arial, Helvetica, sans-serif; padding-left: 3em; margin: 0; text-indent:-999px;}
#header h1 a {color: #ffffff; text-decoration: none;}
#header h1 a:hover {color: #DC7688; text-decoration: underline;}
#header h2 {font: normal 1em Arial, Helvetica, sans-serif; padding-left: 6em; margin: 0; color: #fff; text-indent:-999px;}		

#header #topBanner {list-style: none; float: right;}
#header #topBanner a {display: block; border: 1px solid #666666; height: 60px; width: 468px;  text-align: center; top: -1em; position: relative;}


	
/* //////////////////// TOP NAV  //////////////// */
	
#menu {background: #643F4B; list-style: none; margin: 0; padding: 1em;}
#menu li {display: inline;}
#menu a {font-size: 1em; color: #F8D6E4; padding: 0 .3em;}
#menu a:hover {color: #fff;}
#menu a.active {color: #fff; font-weight: bold;}





/* ///////////////////// CONTENT (posts column)  //////////////// */

#content, #sidebar {overflow: hidden;}
#content {float: left; width: 66%; background: #fff;}
#content .tit {color: #643F4B; font: 1.5em Arial, Helvetica, sans-serif; border-bottom: 1px solid #F8D6E4; margin: .5em; background: #F9DFEB; padding: .6em; padding-left: 1.5em;}

#content .notFound {clear: both; padding: 1em 2em;}
#content .notFound h2 {font-size: 1.9em; margin: .8em 0 .2em 0; color: #D8006A;}
#content .notFound h3  {background: #F9DFEB; padding-bottom: 2em; padding: .5em; color: #643F4B;}
#content .notFound form {border-bottom: 1px solid #e5e5e5;}

#content .postsnavlnk {padding: 1em 2em;}
#content .postsnavlnk a {color: #D8006A;}
#content .postsnavlnk a:hover {color: #DB7585;}

#content .bannerPost {clear: both; margin: 1.5em 0;}

	
/* ////////////// SIDEBAR NAVIGATION //////////////// */


#sidebar {float: right; width: 34%; background: #F9DFEB; padding-bottom: 2em;}
#sidebar h2 {font-size: 1.7em; color: #643F4B; line-height: 1em; padding-left: 0.9em; margin-bottom: 0.2em;}

#sidebar ul {margin: 0; padding: 0; list-style: none; color: #643F4B;}
#sidebar ul ul {margin: 0 1em; padding: 0; border-bottom: 2px solid #fff;}

#sidebar li {display: inline;}
#sidebar li a {
	display: block;
	padding: 0.3em 0.8em;
	line-height: 1.1em;
	color: #643F4B;
	text-decoration: none;
	border-bottom: 1px solid #fff;}
#sidebar li a:hover,  
#sidebar li a.active {color: #643F4B; background: #fff;}

#sidebar .number {color: #FFFFFF;}	 
#sidebar .viewAll {font-weight: bold;}
#sidebar a img {border: 0;}

#sidebar #categories {} 
#sidebar #categories h2 {background: #F0A0B5 url(images/bg_categories.gif) repeat-x; border-bottom: 2px solid #fff; padding: .8em 0 .8em .9em; margin: 0;}
#sidebar #categories h2 a {float: left; padding: .2em .4em; border: 1px solid #fff; background: #F0B5D1; color: #fff;  font-size: .5em; margin: .1em .3em 0 0;}
#sidebar #categories h2 a:hover {background: #DC7688;}
#sidebar #categories ul {margin: 0;}
#sidebar #categories li {}
#sidebar #categories li a  {background: #F6C7D3; color: #333333;padding-left: 3.3em;}
#sidebar #categories a:hover  {background: #F0A0B5 !important;}

#sidebar #blogroll {}
/*  #sidebar #search {display: block; margin: 1em;}  */

#search {float: right; margin-top: -0.4em;}
#search #s {padding: 0.2em; margin-bottom: .1em; color: #666666;}


#sidebar #banners {}
#sidebar #banners ul {padding-bottom: 1em;}
#sidebar #banners h2 {}
#sidebar #banners li {clear: both; display: block; padding: .2em .3em; margin: .3em; text-align: center; overflow: hidden;}
#sidebar #banners .left {float: left; width: 130px; border: 1px solid #c1c1c1; height: 100px; line-height: 100px; background: #e5e5e5;}
#sidebar #banners .right {float: left; width: 130px; border: 1px solid #c1c1c1; height: 100px;line-height: 100px; background: #e5e5e5; margin-left: 10px;}
#sidebar #banners .wide {width: 275px; border: 1px solid #c1c1c1; height: 70px; line-height: 70px; background: #e5e5e5;} 
#sidebar #banners a {border: 0; margin: 0; padding: 0;}
#sidebar #banners a:hover {background: none;}

#sidebar #banners .ad250x250 {width: 250px; height: 250px; text-align: center; overflow: hidden;}
#sidebar #banners .ad160x600 {width: 160px; height: 600px; text-align: center; overflow: hidden;}

#sidebar #calendar {}
#sidebar #calendar h2 {margin-bottom: .8em; color:#643F4B;}
#sidebar #calendar #wp-calendar {width: 70%; margin: 0 auto; background: #fff; text-align: center; font-size: .8em;}
#sidebar #calendar #wp-calendar caption {background: #643F4B; color: #fff; padding: 0.6em 0;  margin: 0 auto; font-size: 1.2em; font-weight: bold;}
#sidebar #calendar #wp-calendar thead {background: #F0A0B5; color: #fff;}
#sidebar #calendar #wp-calendar th {padding: .3em 0;}
#sidebar #calendar #wp-calendar td {text-align: center; border: 1px solid #ccc; border-top: 0; border-left: 0; height: 16px; padding: 4px;}
#sidebar #calendar #wp-calendar td a {background: #F9DFEB; padding: 0;}
#sidebar #calendar #wp-calendar td a:hover {background: #F0A0B5 !important; color: #fff;}
#sidebar #calendar #wp-calendar td a.active {background:#F0A0B5; color: #fff;}
#sidebar #calendar #wp-calendar tfoot a {background: #F0A0B5;color: #fff; font-weight: bold; font-size: 1.2em;}
#sidebar #calendar #wp-calendar tfoot a:hover { background: #643F4B !important; color: #fff;}
#wp-calendar tfoot {background: #F0A0B5;} 
#sidebar #calendar #wp-calendar tfoot td#next, 
#sidebar #calendar #wp-calendar tfoot td#prev, 
#sidebar #calendar #wp-calendar tfoot td#next a, 
#sidebar #calendar #wp-calendar tfoot td#prev a  {border: 0 !important;}
#sidebar #calendar #wp-calendar tfoot td.pad {border: 0 !important;} 
 

#sidebar #ads {} 
#sidebar #ads li {clear: both; display: block; margin: 1.5em 0; text-align: center; overflow: hidden;}
#sidebar #ads a {border: 0; margin: 0; padding: 0;}
#sidebar #ads a:hover {background: none;}





/* ////////////////////// BLOG ////////////////////////////// */

.post {clear: both; padding: 0.3em 2em; border-bottom: 1px solid #F6C7D3; padding-bottom: 1.5em; overflow: hidden;}

.post img {border: 1px solid #ccc; float: left; margin-right: .8em; margin-bottom: .8em;}

.postCategory {color: #F0B4D2; font: 1.5em Arial, Helvetica, sans-serif; border-bottom: 1px solid #e5e5e5; margin-top: .5em; background: #FDF2F8; padding: .5em; position: relative;} 
.postCategory a  {color: #F0B4D2; font: bold 0.5em/2.3em Arial, Helvetica, sans-serif; text-decoration: none; border: 1px solid #e5e5e5; padding: .1em .8em; text-align: center; position: absolute; top: .8em; right: 1.7em; background: #fff; text-transform: uppercase;}
.postCategory a:hover {background: #643F4B; color: #fff;}


.posttitle {font-size: 1.9em; margin: .8em 0 .2em 0; color: #4C2537;}
.posttitle a {color: #4C2537; text-decoration: none;}
.posttitle a:link, .posttitle a:visited {}
.posttitle a:hover, .posttitle a:active {color: #643F4B;}


.postmeta {color: #D8006A; font: .8em Arial, Helvetica, sans-serif; margin: 0;}
.postmeta a {color: #D8006A; text-decoration: none; border-bottom: 1px dotted #F6C7D3;}
.postmeta a:hover {color: #DC7688;} 

.author {font-weight: bold;}

.postentry {color: #4C2537;}
.postentry ul {padding: 0 0 0 .5em; margin: 0 0 1em 2em;}
.postentry ul li {}
.postentry ol {padding: 0 0 0 .5em; margin: 0 0 1em 2em;}
.postentry ol li {}

.postfeedback {margin: 0; border-bottom: 1px solid #ffffff; padding-bottom: 20px; margin-bottom: -15px; clear: both; } 
.postfeedback a, a.permalink, a.commentslink {color: #D8006A; text-decoration: none; border-right: 1px solid #c8c7c6; padding: 0 10px 0 5px;}
.postfeedback a:hover,  a.permalink:hover, a.commentslink:hover {color: #DE768B; text-decoration: none;}



.post p.small, .post p.small a  {color: #D8006A; font-weight: bold;}


/* ////////////// COMMENTS //////////////////// */


#commentlist {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #e5e5e5;
	list-style: none;}

#commentlist a {text-decoration: underline;}
#commentlist a:hover {color: #643F4B;}
#commentlist li {
	border-top: 1px solid #e5e5e5;
	padding: .5em 3em;
	background-color: #FDF2F8;
}

.alt {background-color: #fff; color:#333; font-size: .8em; line-height: 1.1em;}
.alt a {text-decoration: none; color:#333;}
.alt a:hover {color: #D8006A;}

.alt h3.commenttitle {margin-bottom: 0; font-size: 1.3em; color: #D8006A; line-height: 1.4em;}
.alt h3.commenttitle a {color: #D8006A;}
.alt h3.commenttitle a:hover {color: #DB7585;}

.alt p.commentmeta {margin-top: 0; font-size: 0.9em; color: #D8006A; line-height: 1.5em;}
.alt p.commentmeta a {color: #D8006A;}


h2#comments, h2#postcomment{background: #F8D6E4; color: #643F4B; padding: .5em; font-size: 1em;}

#comments a {color: #643F4B; text-decoration: none; font-size: 1.2em; }
#comments a:hover {color: #DE768B;}

#commentform p {font-size: .9em;}
#commentform textarea#comment {width: 95%;}
#commentform a.link {color: #D8006A;}
#commentform a.link:hover {color: #643F4B;}





#footer {background:#4C2537; padding: .8em; clear: both; color: #F8D6E4; text-align: center;}
#footer a {color: #F8D6E4; text-decoration: none;}	
#footer a:hover {color: #fff;}