/*  
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: #666666;
	font: 0.85em Arial, Verdana, Helvetica, sans-serif;
	color: #666666;
}

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 {}
a:link {}
a:visited {}
a:hover, a:active {}

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

input, textarea, select {
	border: 1px solid #999999; 
	background: #f6f6f6; 
	color: #333; 
	font: 1em Arial, Helvetica, sans-serif;}
	
input.btn {
	border: 1px solid #202020; 
	background: #363636; 
	color: #b4b4b4; 
	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 #cccccc;
	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: #FF6633;}





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

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

	
#header {background: url(images/bck_header.jpg) repeat-x #3ba7e0; height: 137px; position: relative; z-index: 1;}

#header img {}
#header h1 {float: left; margin: 0;}
#header h1 img {}
#header h1 a:hover {}
#header h2 {}		

#header #topBanner {list-style: none; float: right; top: 22px; right: 20px; position: absolute; z-index: 100;}
#header #topBanner a {display: block; border: 1px solid #666666; height: 60px; width: 468px; color: #666666; text-align: center; background: #333;}

#header a {float: left;}
#header a.logolnk img {float: left; border: 0;}


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





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

#content, #sidebar {overflow: hidden;}
#content {float: left; width: 66%; background: #fff;}
#content .tit {color: #999999; font: 1.5em Arial, Helvetica, sans-serif; border-bottom: 1px solid #e5e5e5; margin: .5em; background: #f7f7f7; 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: #dc0b13;}
#content .notFound h3  {background: #CCC; padding-bottom: 2em; padding: .5em; color: #fff;}
#content .notFound form {border-bottom: 1px solid #e5e5e5;}

#content .postsnavlnk {padding: 1em 2em;}
#content .postsnavlnk a {color: #dc0b13;}
#content .postsnavlnk a:hover {color: #0072cf;}

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

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


#sidebar {float: right; width: 34%; background: #004996; padding-bottom: 2em;}
#sidebar h2 {font-size: 1.7em; color: #ffe400; line-height: 1em; padding-left: .9em; margin-bottom: .2em;}

#sidebar ul {margin: 0; padding: 0; list-style: none; color: #666666;}
#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: #fff;
	text-decoration: none;
	border-bottom: 1px solid #e5e5e5;}
#sidebar li a:hover,  
#sidebar li a.active {color: #fff; background: #00366e;}

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

#sidebar #categories {} 
#sidebar #categories h2 {background: #dc0b13; border-bottom: 2px solid #fff; padding: .8em 0 .8em .9em; margin: 0; color: #fff;}
#sidebar #categories h2 a {float: left; padding: .2em .4em; border: 1px solid #fff; background: #dc0b13; color: #fff;  font-size: .5em; margin: .1em .3em 0 0;}
#sidebar #categories h2 a:hover {background: #00366e;}
#sidebar #categories ul {margin: 0;}
#sidebar #categories li {}
#sidebar #categories li a  {background: #dc0b13; color: #fff;padding-left: 3.3em;}
#sidebar #categories a:hover  {background: #00366e !important; color: #fff;}

#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 #calendar {}
#sidebar #calendar h2 {margin-bottom: .8em;}
#sidebar #calendar #wp-calendar {width: 70%; margin: 0 auto; background: #fff; text-align: center; font-size: .8em;}
#sidebar #calendar #wp-calendar caption {background: #00366e; color: #ffe400; padding: 0.6em 0;  margin: 0 auto; font-size: 1.2em; font-weight: bold;}
#sidebar #calendar #wp-calendar thead {background: #dc0b13; 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: #ffe400; padding: 0; color: #000;}
#sidebar #calendar #wp-calendar td a:hover {background: #dc0b13 !important; color: #fff;}
#sidebar #calendar #wp-calendar td a.active {background: #dc0b13; color: #fff;}
#sidebar #calendar #wp-calendar tfoot a {background: #00366e; color: #ffe400; font-weight: bold; font-size: 1.2em;}
#sidebar #calendar #wp-calendar tfoot a:hover {background: #dc0b13 !important; color: #fff;}
#wp-calendar tfoot {background:#00366e;} 
#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;}

.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: #dc0b13; color: #fff;}


.posttitle {font-size: 2.2em; margin: .8em 0 .2em 0; color: #dc0b13;}
.posttitle a {color: #dc0b13; text-decoration: none;}
.posttitle a:link, .posttitle a:visited {}
.posttitle a:hover, .posttitle a:active {color: #0072cf;}


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

.author {font-weight: bold;}

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



.post p.small, .post p.small a  {color: #dc0b13; font-weight: bold;}
p.small a:hover {color: #0072cf;}


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


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

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

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

.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: #0072cf;}

.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: #dc0b13; 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: #0072cf;}





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