/*  
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 /////////////////////////// */


/* Align (used for images) */

.aligncenter {
	margin: 5px auto 5px auto;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.alignleft {
	margin: 14px 15px 10px 0;
	float: left;
}

.alignright {
	margin: 14px 0px 10px 15px;
	float: right;
}

body {
	margin: 0;
	background: #ecebeb;
	font: 0.9em Tahoma, Verdana, sans-serif;
	color: #515151;
}

p {font-size: 0.9em; 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: #007EB9; text-decoration: none;}
a:link {}
a:visited {}
a:hover, a:active {color: #00B4E4; }

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 #00B4E4; 
	background: #00B4E4; 
	color: #ffffff; 
	font: bold 1em Arial, Helvetica, sans-serif; 
	padding: 0.2em;}
blockquote.mag
{
float:right;
font-family:Georgia, Arial, Serif;
font-size:1.0em;
background:none;
width:350px;
border-top:#4C739E 3px solid;
border-bottom:#4C739E 3px solid;
margin:0.5em;
padding:0.4em;
color:#4C739E;
}
blockquote {margin: 1.2em; padding: 0.1em 0em 0.1em 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/header_lt-usa.jpg) no-repeat #D8ECF7; color:#fff; padding: 0; height:136px; width:960px; text-align:left;}

#header img {}
#header h1 {font: bold 2em Arial, Helvetica, sans-serif; padding-left: 3em; margin: 0; display:none;}
#header h1 a {color: #ffffff; text-decoration: none;}
#header h1 a:hover {color: #00B4E4; text-decoration: underline;}
#header h2 {font: normal 1em Arial, Helvetica, sans-serif; padding-left: 6em; margin: 0; color: #999999; display:none;}		

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


	
/* //////////////////// TOP NAV  //////////////// */
	
#menu {background: url(images/bg_menu.jpg) #007EB9 repeat-y; 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: #004A78;}
#menu a.active {color: #004A78; font-weight: bold;}





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

#content, #sidebar {overflow: hidden;}
#content {float: left; width: 66%; background: #fff;}
#content .tit {
	color: #007EB9;
	font: 1.5em Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #C2DCED;
	margin: 0.5em;
	background: #e7f1f8;
	padding: 0.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: #00B4E4;}
#content .notFound h3  {
	background: #5E696E;
	padding-bottom: 2em;
	padding: 0.5em;
	color: #fff;
}
#content .notFound form {border-bottom: 1px solid #e5e5e5;}

#content .postsnavlnk {padding: 1em 2em;}
#content .postsnavlnk a {color: #007EB9;}
#content .postsnavlnk a:hover {color: #00B4E4;}

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

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


#sidebar {float: right; width: 34%; background: url(images/bg_categories_02.jpg) top repeat-x #D1E9F9; padding-bottom: 2em;}
#sidebar h2 {
	font-size: 1.7em;
	color: #007EB9;
	line-height: 1em;
	padding-left: 0.9em;
	margin-bottom: 0.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: #5E696E;
	text-decoration: none;
	border-bottom: 1px solid #ffffff;
}
#sidebar li a:hover,  
#sidebar li a.active {color: #fff; background: #007EB9;}

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

#sidebar #categories {} 
#sidebar #categories h2 {
	background: url(images/bg_categories.jpg) repeat-x top #58A9D6;
	border-bottom: 2px solid #fff;
	padding: .8em 0 .8em .9em;
	margin: 0;
	color:#FFFFFF;
}
#sidebar #categories h2 a {
	float: left;
	padding: .2em .4em;
	border: 1px solid #fff;
	color: #fff;
	font-size: .5em;
	margin: .1em .3em 0 0;
	background-color: #58A9D6;
}
#sidebar #categories h2 a:hover {background: #58A9D6;}
#sidebar #categories ul {margin: 0;}
#sidebar #categories li {}
#sidebar #categories li a  {background: #58A9D6; color: #ffffff; padding-left: 3.3em;}
#sidebar #categories a:hover  {background: #007EB9 !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: 0.8em;
	color:#007EB9;
}
#sidebar #calendar #wp-calendar {width: 70%; margin: 0 auto; background: #fff; text-align: center; font-size: .8em;}
#sidebar #calendar #wp-calendar caption {
	background: #007EB9;
	color: #fff;
	padding: 0.6em 0;
	margin: 0 auto;
	font-size: 1.2em;
	font-weight: bold;
}
#sidebar #calendar #wp-calendar thead {background: #58A9D6; 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 {
	padding: 0;
	background-color: #D2E6F2;
}
#sidebar #calendar #wp-calendar td a:hover {
	color: #fff;
	background-color: #58A9D6;
}
#sidebar #calendar #wp-calendar td a.active {background: #58A9D6; color: #fff;}
#sidebar #calendar #wp-calendar tfoot a {
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	background-color: #007EB9;
}
#sidebar #calendar #wp-calendar tfoot a:hover {
	color: #fff;
	background-color: #00B4E4;
}
#wp-calendar tfoot {background: #007EB9;} 
#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: 0px solid #ccc;}

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


.posttitle {font-size: 1.9em; margin: .8em 0 .2em 0; color: #007EB9;}
.posttitle a {color: #007EB9; text-decoration: none;}
.posttitle a:link, .posttitle a:visited {}
.posttitle a:hover, .posttitle a:active {color: #00B4E4;}


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

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



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


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


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

#commentlist a {text-decoration: underline;}
#commentlist a:hover {color: #00B4E4;}
#commentlist li {
	border-top: 1px solid #C2DCED;
	padding: .5em 3em;
	background-color: #e7f1f8;
}

.alt {
	background-color: #fff;
	color:#5E696E;
	font-size: 0.8em;
	line-height: 1.1em;
}
.alt a {
	text-decoration: none;
	color:#5E696E;
}
.alt a:hover {color: #00B4E4;}

.alt h3.commenttitle {
	margin-bottom: 0;
	font-size: 1.3em;
	color: #5E696E;
	line-height: 1.4em;
}
.alt h3.commenttitle a {
	color: #5E696E;
}
.alt h3.commenttitle a:hover {color: #00B4E4;}

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


h2#comments, h2#postcomment{background: #007EB9; 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: #007EB9;
}
#commentform a.link:hover {color: #00B4E4;}





#footer {
	background:#fff;
	padding: 0.8em;
	clear: both;
	color: #50667e;
	text-align: center;
	width:935px;
	margin:0 auto;
}
#footer a {color: #50667e; text-decoration: none;}	
#footer a:hover {color: #0084ba;}
/*////////////////////////	FOOTER	//////////////////////////*/

td#footer	{padding: 15px;}

td.footerGroup	
	{
	height:28px;
	background-color: #e7f1f8;
	text-align: center;
	font-size: 11px; 
	color: #50667e;
	}

td.footerGroup	a		{color: #50667e;}
td.footerGroup	a:hover	{color: #0084ba;}

td.footerInfo	
	{
	font-size: 9px;
	line-height: 14px; 
	color: #92a0b0;
	padding-top:14px;
	padding-bottom: 14px;
	}

td.footerInfo	a		{color: #92a0b0;}
td.footerInfo	a:hover	{color: #0084ba;}

td.footerCards	
	{
	font-size: 11px;
	color: #cdcdcd;
	vertical-align: top;
	width: 365px;
	}

td.footerCards	a		{font-weight: bold; color: #086fa8;}
td.footerCards	a:hover	{color: #0084ba;}

table.boxFooter
	{
	}
	
table.boxFooter td.left
	{
	width:13px;
	height:28px;
	background-image: url(images/box_footer_left.gif);
	background-repeat:no-repeat;
	background-position: top left;	
	}

table.boxFooter td.right
	{
	width:13px;
	height:28px;
	background-image: url(images/box_footer_right.gif);
	background-repeat:no-repeat;	
	background-position: top right;	
	}