/*  
Theme Name: Upstream Connections
Theme URI: http://www.upstreamconnections.com/
Description: A two column theme. Light and simple with blues 
Version: 1.0
Author: Ines Sotomayor
Author URI: http://www.upstreamconnections.com/
*/

/* Basics and Typography */

body {margin: 0px; background: #e5e5e5; font: 14px Arial, Helvetica, sans-serif; color: #333333;}

p {}

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

h3 a {color: #595b5f; text-decoration: none; border-bottom: 1px dotted #595b5f;}

a {text-decoration: none; color: #33a2c9;}
a:link {text-decoration: underline;}
a:visited {}
a:hover, a:active {text-decoration: none;}
input, textarea, select {
	border: 1px solid #999999;
	background-color: #f6f6f6;
	color: #333;
	font-size: 14px;
	font-family: Arial, Lucida Sans Unicode, sans-serif;
}

input.btn {
	border: 1px solid #6993b9;
	background: #187eb0;
	color: #ffffff;
	font: bold 15px Arial, Lucida Sans Unicode, sans-serif;
	height: 28px;
}

blockquote {
	margin: 10px;
	padding: 0 0 15px 15px;
	border-left: 4px solid #cccccc;
	font-size: .9em;
	line-height: 1.4em;
	font-style: italic;
}

code {
	font-family: monospace;
	color: #666;
}

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

.small {font-size: 0.8em; color: #999;}
.small a {color: #999; text-decoration: none;}
.small a:hover {color: #f7941d;}


/* Layout */

#wrapper {width: 1000px; margin: 0 auto; background: url(images/bck_body.gif) #fff;}


#header {height: 130px; background: url(images/logo.gif) #1a3f75 no-repeat; position: relative;}

#header img {}

	/* Header Styles */
	#header h1 {}
	#header h1 a {}	
		
#search {float: right; margin: 50px 50px 0 0;}
#search .btn {height: 21px;}

#menu {position: absolute; bottom: 10px; color: #ffffff; left: 95px; z-index: 10;}
#menu ul {list-style: none; margin: 0px; padding: 0px;}
#menu li {float: left; border-right: 1px solid #008cd4; padding: 0px; margin: 0px;}
#menu a {padding-right: 10px; margin-left: 10px; color: #ffffff; text-decoration: none; font: bold 13px Arial, Helvetica, sans-serif;}
#menu a:hover {color: #00a6fc; text-decoration: underline;}

	

#main {background: #fff; overflow: hidden;	margin: 0 auto; width: 768px;
	border: 1px solid #46a5c8; border-bottom: 0; border-top: 0; clear: both; margin-top: -5px;}
	
#content {
	float: left;
	width: 620px;
	padding-bottom: 25px;
	padding-left: 70px;
	 font: 14px Arial, Helvetica, sans-serif; color: #333333;
}

#content .tit {font: 24px Georgia, Times, serif; color: #ccc; margin-top: 20px; border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 20px;}


* html #content, * html #sidebar {overflow: hidden; /* For IE */}

#posts {float: left; display: inline; /* IE double margin bug fix */}

/* Sidebar Styles */

#sidebar {float: right; width: 280px; padding-bottom: 20px; background: #1864b2; color: #fff;}
#sidebar a {color: #fff; text-decoration: none; line-height: 1.5em;}
#sidebar a:hover, #sidebar a.active {color: #3aa1ff; text-decoration: underline;}

#sidebar h2 {color: #fff; font: 24px/22px Georgia, Times, serif; border-bottom: 1px solid #0553a4; padding: 15px 0 10px 0; margin: 0; margin-bottom: 10px;  background: url(images/bck_img_register.gif) no-repeat;}
#sidebar ul {margin: 0; padding: 0; padding-bottom: 6px; padding-left: 20px; list-style: none; font-size: 13px;}
#sidebar li {margin: 0; padding: 0;}
#sidebar ul ul {list-style: square !important; margin-left: 0 !important;}
#sidebar li a {padding: 3px 0;}	

#sidebar #categories ul {margin-top: -10px;}
#sidebar #categories a {font: bold 14px/21px Arial, Helvetica, sanserif; border-bottom: 1px solid #0553a4; display: block; height: 20px;}
#sidebar #categories a:hover {background: #1c6abb !important;} 





/* Blog */

.post {clear: both; margin-right: 18px; padding-bottom: 20px; border-bottom: 1px solid #ccc;}

.postCategory {color: #3b8eb1; font: bold 1em Arial, Helvetica, sans-serif; border-bottom: 4px solid #e5e5e5; height: 30px; padding-top: 10px;} 
.postCategory a {display: block; clear: both; float: right; color: #a49e9a; font: 11px Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; border: 1px solid #d9d5d4; padding: 5px 10px; text-align: center; margin-top: -20px;}
.postCategory a:hover {background: #33a2c9; color: #ffffff;}

.posttitle {font: 36px/37px Georgia, Times, serif; margin: 15px 0; color: #007acc;}
.posttitle a {color: #007acc; text-decoration: none;}

.posttitle a:link, .posttitle a:visited {}
.posttitle a:hover, .posttitle a:active {color: #595959;}
.postmeta {color: #333; font: bold 11px Arial, Helvetica, sans-serif; margin: 0;}
.postmeta a {color: #333; text-decoration: none; border-bottom: 1px dotted #595b5f;}
.postmeta a:hover {color: #007acc;} 
.postentry {line-height: 1.4em; }
.postfeedback {margin: 0; border-bottom: 1px solid #ffffff; padding-bottom: 20px; margin-bottom: -15px;} 
.postfeedback a, a.permalink, a.commentslink {color: #007acc; text-decoration: none; border-right: 1px solid #c8c7c6; padding: 0 10px 0 5px;}
.postfeedback a:hover,  a.permalink:hover, a.commentslink:hover {color: #333;}

a.link {color: #007acc; text-decoration: none;}
a.link:hover {color: #333;}

/* Comments */

#commentlist {
	margin: 1.2em 0;
	padding: 0;
	border-bottom: 1px solid #cccccc;
	list-style-type: none;
	font: 0.9em/1.3em Arial, Helvetica, sans-serif;
	color: #3b8eb1;
}

#commentlist a {color: #333333; text-decoration: none; border-bottom: 1px dotted #595b5f;}
#commentlist a:hover {color: #f7941d;}

#commentlist li {
	border-top: 1px solid #cccccc;
	padding: 20px;
	background-color: #FFF;
}

#commentlist .commentmeta {font-size: 0.9em;}

.alt {background-color: #ffffff;}

.commenttitle {margin-bottom: 0; font-size: 1em;}
.commenttitle a {color: #33a2c9; text-decoration: none; border-bottom: 1px dotted #595b5f;}
.commenttitle a:hover {color: #f7941d;}

.commentmeta {
	margin-top: 0;
	font-size: 0.7em;
}

h2#comments {color: #8cbfd8;}

#comment {width: 98%;}
#comments {font: bold 1.2em Arial, Helvetica, sans-serif; margin-top: 25px; background: #187eb0; padding: 7px;} 
#comments a {color: #8cbfd8; text-decoration: none; font-weight: bold; padding: 0 5px;} 

#comments a:hover {color: #fff;}

#postcomment {color: #e5e5e5; font-size: 1.2em; margin-top: 25px; background: #187eb0; padding: 7px; color: #ffffff;}

/* Widgets and Etc */

.widget_search div {margin: 1.2em 0;}
#sidebar #s {margin-bottom: 2px; width: 170px; height: 17px;}
.spoiler {background: #e5e5e5; color: #e5e5e5; padding: 3px;}
.spoiler_hover {background: inherit; color: inherit; cursor: pointer;}

.author {color: #007acc;}



/*   ////////////////////////////		CALENDAR		//////////////////////////////////   */

#calendar {background: #696969; margin: 0 !important; margin-left: -20px !important;}
#calendar a {background: none;}
#calendar h2 {background: url(images/bck_img_strategies.gif) top no-repeat; padding-left: 20px; border-bottom-color: #595959; margin-bottom: 10px;}

#calendar table#wp-calendar {width: 93%; margin: 0 auto;  margin-left: 0px; background-color: #fff;}
#calendar table#wp-calendar caption {background: #4c4c4c; padding: 5px 0; margin: 0 !important; font: bold 14px Arial, Helvetica, sans-serif;}
thead, tfoot  {margin: 0;background: #ccc;}
tfoot a {background: none !important;}

#calendar table#wp-calendar tr.weekDayName
	{background-color: #9a9a9a; font: 10px Arial, Geneva, Helvetica, sans-serif;}

#calendar table#wp-calendar tr.weekDayName	td
	{color: #ffffff; font: 10px Arial, Geneva, Helvetica, sans-serif; text-align: center;}


#calendar table#wp-calendar td 
	{
    text-align: center;
    padding: 3px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #3d678c;
	padding-top:5px;
	padding-bottom: 5px; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;
	}

#calendar table#wp-calendar th
	{
    text-align: center;
	padding: 3px;
	}

#calendar table#wp-calendar td.space 	{height:14px;}

	
#calendar table#wp-calendar td a
	{
	display: inline;
	color: #3d678c;
	text-decoration:none;
	padding: 0;
	margin: 0;
	background: #e5e5e5; display: block;
	}
	
#calendar table#wp-calendar td a:hover
	{background-color: #c0dcea;color: #3d678c;}

table#wp-calendar td a
	{
	background-image: url(images/bck_day.gif);
	background-repeat: no-repeat;
	background-position: center;
	padding-right:1px;
	font-weight: bold;
	color: #ffffff;
	}

#calendar .bottom
	{
	background:url(images/bck_calendar_bot.gif) no-repeat #1cb2d6;
	height: 21px;
	width: 257px;
	margin-left: 0px;
	}


	/* Footer Styles */
	
#footer {padding: 10px 0 15px 0; clear: both; text-align: center; background:url(images/bck_footer.gif) #27578b bottom repeat-x; color: #ffffff; font: 11px/18px Arial, Helvetica, sans-serif;}
#footer p {margin: 0 !important; padding: 0 !important;}
#footer a {color: #ffffff; text-decoration: none;}
#footer a:hover {color: #008cd4; text-decoration: underline;}