/*  
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/bck_body.gif) repeat-x #fff;
	font: 0.85em/1.2em Arial, Helvetica, sans-serif;
	color: #333;
}

p {font-size: 1em; margin: 1.2em 0; line-height: 1.4em;}
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: #22268a; text-decoration: none;}
a:link {color: #22268a;}
a:visited {}
a:hover, a:active {color: #000; text-decoration: underline; }

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

input, textarea, select {
	border: 1px solid #ccc; 
	background: #fff; 
	color: #000; 
	font: 1em Arial, Helvetica, sans-serif;}
	
input.btn {
	border: 0; 
	background: #1f225a; 
	color: #fff; 
	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 #ccc;
	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: #999;}
.small a:hover {color: #F63;}





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

#wrapper {
	margin: 0 auto;
	width: 1000px;
	background: url(images/bck_wrapper.gif) repeat-y #fff;
	overflow: hidden;
	_height: 100%;
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	}
	
	
	
/* //////////////////// TOP NAV  //////////////// */
/*	
#menu {color: #c5d6f6; background: #1f225a; border-bottom: 1px solid #fff; list-style: none; margin: 0; padding: 0; padding: 5px 0 7px; padding-left: 165px;}
#menu li {display: inline;}
#menu a {font-size: 1em; color: #c5d6f6; padding: 0 .3em;}
#menu a:hover {color: #fff;}
#menu a.active {color: #fff; font-weight: bold;}
*/	
	
/* //////////////////// HEADER  //////////////// */

	
#header {clear: both; background:url(images/header.png) repeat-x #c5d6f6; color: #fff; height: 99px;}
#header h1 {float: right; font-size: 26px; line-height: 30px; font-weight: normal;  margin: 0; margin-top: 32px; margin-right: 195px; _margin-right: 99px;}
#header h2 {clear: both; float: right; font-size: 11px; font-weight: normal; line-height: 14px; width: 325px; margin: 0;}		

#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;}

div#search {clear: both; margin-right:0; padding-left: 10px; height:28px; background:#FFFFFF; border-bottom: 2px solid #53568A;}
div#search form { float:left; padding:0px; margin: 0px}
div#search #s { margin-top:8px; padding: 0px; width:170px; float:left; margin-right:5px;}
div#search #searchbtn { margin-top:6px !important;  padding: 0px; border:none; }
div#search #menu { height: 15px; float:right; padding-right:20px; margin-top:5px;}

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

#content, #sidebar {overflow: hidden; _height: 100%;}
#content {float: right; width:719px;  background: #fff;}
#content .tit {color: #999; font: 1.5em Arial, Helvetica, sans-serif; border-bottom: 1px solid #e5e5e5; margin: .5em; background: #fff; 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: #22268a;}
#content .notFound h3  {background: #1f225a; padding-bottom: 2em; padding: .5em; color: #fff;}
#content .notFound form {border-bottom: 1px solid #e5e5e5;}

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

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

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


#sidebar {float: left; width: 280px; background: #22268a; padding-bottom: 2em;}
#sidebar h2 {font-size: 1.7em; color: #a3bef1; line-height: 1em; padding-left: .9em; margin-bottom: .2em;}

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

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

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

#sidebar #categories {} 
#sidebar #categories h2 {background: #1f225a; 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: #c5d6f6; color: #000;  font-size: .5em; margin: .1em .3em 0 0;}
#sidebar #categories h2 a:hover {background: #1f225a; color: #fff;}
#sidebar #categories ul {margin: 0;}
#sidebar #categories li {}
#sidebar #categories li a  {background: #1f225a; color: #fff;padding-left: 3.3em;}
#sidebar #categories a:hover  {background: #22268a !important;}

#sidebar #blogroll {}



#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;}
#sidebar #calendar #wp-calendar {width: 80%; margin: 0 auto; background: #fff; text-align: center; font-size: .8em;}
#sidebar #calendar #wp-calendar caption {background: #a3bef1; color: #22268a; padding: 0.6em 0;  margin: 0 auto; font-size: 1.2em; font-weight: bold;}
#sidebar #calendar #wp-calendar thead {background: #1f225a; 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: #a3bef1; padding: 0;}
#sidebar #calendar #wp-calendar td a:hover {background: #22268a !important; color: #fff;}
#sidebar #calendar #wp-calendar td a.active {background: #22268a; color: #fff;}
#sidebar #calendar #wp-calendar tfoot a {background: #a3bef1;color: #22268a; font-weight: bold; font-size: 1.2em;}
#sidebar #calendar #wp-calendar tfoot a:hover { background: #22268a !important; color: #fff;}
#wp-calendar tfoot {background: #a3bef1;} 
#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 #ccc; padding-bottom: 1.5em; overflow: hidden;  _height: 100%;}

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

.postCategory {color: #999999; font: 1.5em Arial, Helvetica, sans-serif; border-bottom: 1px solid #e5e5e5; margin-top: .5em; background: #f7f7f7; padding: .5em; position: relative;} 
.postCategory a  {color: #999999; 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: #22268a; color: #fff;}


.posttitle {font-size: 1.9em; margin: .8em 0 .2em 0; color: #22268a;}
.posttitle a {color: #22268a; text-decoration: none;}
.posttitle a:link, .posttitle a:visited {}
.posttitle a:hover, .posttitle a:active {color: #6b90d4;}


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

.author {font-weight: bold;}

.postentry {}
.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: #22268a; text-decoration: none; border-right: 1px solid #c8c7c6; padding: 0 10px 0 5px;}
.postfeedback a:hover,  a.permalink:hover, a.commentslink:hover {color: #6b90d4; text-decoration: none;}



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


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


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

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

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

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

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


h2#comments, h2#postcomment{background: #1f225a; color: #fff; padding: .5em; font-size: 1em;}

#comments a {color: #fff; text-decoration: none; font-size: 1.2em; }
#comments a:hover {color: #FFCC00;}

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

#footer {margin: 0px; font-size: 8pt; text-align: center; background:#fff; padding: .5em; clear: both; color: #333; text-align: center; border-top: 1px solid #fff;}
#footer a {color: #22268a; text-decoration: none;}	
#footer a:hover {color: #6b90d4;}