/*  

Theme Name: MyStream

Version: 1.1.2

Description: Designed by <a href="http://www.woothemes.com">WooThemes</a>.

Author: WooThemes

Author URI: http://www.woothemes.com

*/



/* Default styles */

@import "reset.css";



/* >>>> Non-valid CSS3 effects (border-radius, etc) can be found in css/effects.css <<<< */

@import "css/effects.css";



/*-------------------------------------------------------------------------------------------



INDEX:



1. SETUP

-1.1 Defaults

-1.2 Hyperlinks



2. NAVIGATION

-2.1 Drop-down menus



3. SITE STRUCTURE & APPEARANCE

-3.1 Transparency

-3.2 Containers

-3.3 Header

-3.4 Content

-3.5 Sidebar

-3.6 Footer

-3.7 Ads



4. POSTS

-4.1 Typographic Elements

-4.2 Images

-4.3 Pagination / WP-Pagenavi



5. WIDGETS

-5.1 Social Media Box

-5.2 Tabber

-5.3 Generic Widgets

-5.4 Specific Widgets



6. COMMENTSAREA

-6.1 Comments

-6.2 Comments Form



7. GENERAL STYLES



-------------------------------------------------------------------------------------------*/







/*-------------------------------------------------------------------------------------------*/

/* 1. SETUP */

/*-------------------------------------------------------------------------------------------*/



/* 1.1 Defaults */



body  {

	font: 12px Arial,Helvetica,Sans-serif;

	line-height: 1.5;  /*unitless for proper inheritance*/

}



h1, h2, h3, h4, h5, h6  {

	margin: 0;

	font-family: Arial,Helvetica,Sans-serif;

}



h1  {font-size: 36px} h2  {font-size: 30px} h3  {font-size: 26px}

h4  {font-size: 20px} h5  {font-size: 18px} h6  {font-size: 16px}



p  {margin: 0;}



/* 1.2 Hyperlinks */



a:link, a:visited  { text-decoration: none; }

a:hover  { text-decoration: underline; }



h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,

h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited  {

	text-decoration: none;

}



h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover  {text-decoration: underline;}







/*-------------------------------------------------------------------------------------------*/

/* 2. NAVIGATION */

/*-------------------------------------------------------------------------------------------*/



#navigation  {

	position: relative;

	height: 37px;

	margin: 0 0 20px 0;

}



#nav, #nav ul {

	z-index: 100;

	float: left;

	padding: 0;

	margin: 0;

	list-style: none; 

	line-height: 1;

}



#nav li {

	float: left;

	position: relative;

	margin: 0 4px 0 0;

}



#nav a:link, #nav a:visited {

	z-index: 100;

	display: block;

	padding: 0 10px;

	line-height: 37px;

	font-size: 14px;

	font-weight: bold;

	color: #fff;

}



#nav .current_page_item a, #nav a:hover  {

	text-decoration: none;

}



#subscribe  {

	position: absolute;

	top: 0;

	right: 0;

}



#subscribe a:link,

#subscribe a:visited  {

	padding: 0 20px 0 0;

	line-height: 39px;

	text-transform: uppercase;

	font-size: 20px;

	color: #fff;

	background: url(images/ico-rss.png) no-repeat right center;

}



#subscribe a:hover  {}



/* 2.1 Drop-down menus */



#nav li ul {

	position: absolute;

	width: 170px;

	left: -999em;

}



#nav li ul li {

	width: 170px;

	line-height: 18px;

	margin: 0 0 1px 0;

	border-style: solid;	

	background-color: #000;

}



#nav li ul li a:link, #nav li ul li a:visited { display: block; width: 155px; padding: 10px 5px 10px 10px; line-height: 18px; font-size: 12px; }

#nav li ul li a:hover  { background: none; }

#nav li ul ul {	margin: -33px 0 0 170px; }

#nav li:hover ul, #nav li.sfhover ul { left: auto; }

#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; }

#nav li:hover, #nav li.hover { position: static; } /* IE7 Fix */







/*-------------------------------------------------------------------------------------------*/

/* 3. SITE STRUCTURE & APPEARANCE */

/*-------------------------------------------------------------------------------------------*/



/* 3.1 Transparency */



#nav .current_page_item a,

#nav a:hover,

#main,

.post,

.Nav a:link,

.Nav a:visited,

.box,

.wooTabs li a:hover,

.wooTabs a.selected,

.widget,

#searchform #s,

#comments li,

#commentform input.txt,

#commentform textarea, #wp-calendar td,table#wp-calendar th  {

	background: rgba(0, 0, 0, 0.2);

}



/* 3.2 Containers */





#container  {

	width: 1040px;

	margin: 0 auto;

}



#main  {

	float: left;

	width: 1000px;

	padding: 20px;

}



/* 3.3 Header */



#header  { padding: 20px 0; }

#header h1, #header h2  { display: none; }



#header #logo  { float: left ;}

#header .header-banner  { float: right; }



#logo .site-title, #logo .site-description  { display: none; }

#logo .site-title a { color:#fff; font-size:42px; line-height:34px; text-transform:normal;  }

#logo .site-title a:hover { text-decoration:none; color:#eee; }

#logo .site-description { color:#eee; text-transform:uppercase; font-size:12px;}



#logo .site-title,

#logo .site-description { margin: 0 0 0 10px}



/* 3.4 Content */



#content  {

	float: left;

	width: 540px;

	margin: 0 20px 0 0;

}



#content.full  {

	width: 1000px; margin-right:0px;

}



#content.full .post { width: 960px; }



/* 3.5 Sidebar */



#sidebar  {

	float: left;

	width: 440px;

}



#left  {

	float: left;

	width: 210px;

	margin: 0 20px 0 0;

}



#right  {

	float: left;

	width: 210px;

}



/* 3.6 Footer */



#footer  {

	float: left;

	width: 980px;

	margin: 0 0 30px 0;

	padding: 15px 30px;

	font-size: 12px;

	color: #fff;

}



#footer a:link,

#footer a:visited  {

	color: #fff;

}



#footer .copyright  { float: left; margin: 0; }

#footer .credit  { float: right; margin: 0; }

#footer .credit img  { vertical-align: middle; }





/* 3.6 Ads */



.advert_content { margin-bottom:30px; text-align:center}





/*-------------------------------------------------------------------------------------------*/

/* 4. POSTS */

/*-------------------------------------------------------------------------------------------*/



.post  {

	margin: 0 0 30px 0;

	padding: 20px 20px 20px 20px;

}



.post:after {content:"."; display:block; visibility:hidden; clear:both; height:0}

* html .post { zoom:1; height:0  }

*+html .post { display:inline  }



.post h2.title  { margin: 0 0 7px 0; }

.post h2.title a:link, .post h2.title a:visited  {}



.post h2.catheading  { margin: 0 0 0 0; font-size: 20px; }



.post .meta  { margin: 0 0 10px 0; }



.entry  {}



.video { margin-bottom:20px}



.post .tags  { 

	float:left;

	margin: 0 0 0px 0;

	padding: 0 0 0 25px;

}



/* 4.1 Typographic Elements */



.entry h1 {}  .entry h2 {}

.entry h3 {}  .entry h4 {}

.entry h5 {}  .entry h6 {}



.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6  {	margin: 0 0 30px 0; }



.entry p  { margin: 0 0 30px 0; }



.entry blockquote  { padding: 10px 30px; }

.entry blockquote p  {}



.entry ul  { margin: 0 0 30px 0; padding: 0 0 0 30px; }

.entry ul ul  { margin: 0; }

.entry ul li  {	list-style-type: circle; }

.entry ul ul li  { list-style-type: disc; }



.entry ol  { margin: 0 0 30px 0; padding: 0 0 0 30px; }

.entry ol ol  { margin: 0; }

.entry  ol li  { list-style-type: upper-latin; }

.entry  ol li ol li  { list-style-type: lower-latin; }



/* 4.2 Images */



.entry img  { border: 5px solid #000; }



img.wp-smiley  { padding: 0; border: none; }



.entry .alignleft  { float: left; width: auto; margin: 5px 15px 10px 0; }

.entry .alignright  { float: right; width: auto; margin: 5px 0 10px 15px; }

.entry .aligncenter  { text-align: center; }



.entry .wp-caption { padding: 1px; text-align:center; background:#000; }

.entry .wp-caption img{ margin:0; padding:4px 0; background:none;	border:0; }

.entry .wp-caption-text { margin:0; padding:0; font-size:11px; text-align:center; }



/* 4.3 Pagination / WP-Pagenavi */



.prev  { float: left; font-size: 14px; font-weight: bold; }

.next  { float: right; font-size: 14px; font-weight: bold; }



#content .wp-pagenavi  {

	margin: -20px 0 0 0!important;

	padding: 0 0 7px 0!important;

	text-align: center!important;

}



#content .wp-pagenavi .pages  { margin: 0 15px 0 0; background: none; border: none; color: #fff; }



#content .wp-pagenavi .current  {

	margin: 0 2px 0 0;

	padding: 5px 10px 5px 10px;

	border: none;

}



#content .wp-pagenavi a:link, #content .wp-pagenavi a:visited  {

	padding: 5px 10px 5px 10px;

	font-weight: bold;

	background: none;

	border: none;

}





/*-------------------------------------------------------------------------------------------*/

/* 5. WIDGETS */

/*-------------------------------------------------------------------------------------------*/



/* 5.1 Social Media Box */



#social  {	

	margin: 0 0 30px 0;

	padding: 15px 0;

}



#social li  { 

	float: left;

	width: 150px;

	margin: 5px 0 5px 20px;

	padding: 15px 20px;

}



#social li img  { float: left; margin: 0 10px 0 0; }

#social li a span  { display: block; line-height: 16px; }

#social li a span.site  { font-size: 16px; color: #fff; font-weight: bold; }

#social li a span.url  { font-size: 11px; color: #989898; }

#social li a:hover  { text-decoration: none; }

#social li a:hover span.url  { color: #fff; }



/* 5.2 Tabber */



#tabber  { margin: 0 0 30px 0; }



#tabber .boxes  {	

	padding: 10px 20px;

}



.wooTabs  {

	float:left;

	padding: 0 0 0 20px;

	text-align: center;

}



.wooTabs li  { float:left; }



.wooTabs li a  {

	display: block;

	margin: 0 7px 0 0;

	padding: 7px 10px 7px 32px;

	font-weight: bold;

	color: #fff;

}



.wooTabs .lifestream  { background: url(images/ico-lifestream.png) no-repeat 6px center; }

.wooTabs .popular  { background: url(images/ico-popular.png) no-repeat 6px center; }

.wooTabs .comments  { background: url(images/ico-comments.png) no-repeat 6px center; }

.wooTabs .tags  { background: url(images/ico-tags.png) no-repeat 6px center; }



.wooTabs li a:hover,

.wooTabs li a:active{

	text-decoration: none;

}



.wooTabs li a:link,

.wooTabs li a:visited

{

	text-decoration: none;

}

.wooTabs a.selected:link,

.wooTabs a.selected:visited  {

	text-decoration: none;

}



#tabber .list  {

}



#tabber .list li a:link,

#tabber .list li a:visited  {

	display: block;

	padding: 6px 0 6px 25px;

	color: #fff;

}



.lifestream  { color: #fff; }

.lifestream td { padding-bottom:10px!important}

.lifestream a:link, .lifestream a:visited  { color: #fff; text-decoration:underline }

.lifestream a:hover, .lifestream a:active  { color: #fff; text-decoration:none }

.lifestream_date  { font-size: 14px; color: #fff; }



.lifestream_meta  { display: none!important; color:#ccc!important }

.lifestream_meta a {color:#ccc!important; text-decoration:underline}

.lifestream_credits  { display: none!important; }

.lifestream-paging { padding:10px 0; font-size:12px; font-weight:700;}





.lifestream h2 {margin:20px 0 10px; padding-bottom:10px; border-bottom:1px solid rgb(0,0,0) ; border-bottom:1px solid rgba(255,255,255,0.1)}





#tagcloud  { padding: 5px 10px; }

#tagcloud a:link, #tagcloud a:visited  { color: #fff; }



/* 5.3 Generic Widgets */



.widget  { 

	margin: 0 0 30px 0;

	padding: 10px 20px;

}



.widget h3  { margin: 0 0 10px 0; font-size: 18px; }

.widget h4  { margin: 20px 0 10px 0; font-size: 13px; }

.widget ul  {}



.widget ul li a:link,

.widget ul li a:visited  {

	padding: 0 0 0 20px;

	line-height: 30px;

}



.widget ul li a:hover  {

}



.widget_recent_comments li, .widget_ms_twitter li  { padding: 6px 0 6px 20px; line-height: 18px; } /* RESET LI STYLING FOR RECENT COMMENT & TWITTER */

.widget_recent_comments li a, .widget_ms_twitter a  { display: inline!important; padding: 0!important; line-height: 18px!important; background: none!important; border: none!important; } /* RESET <A> STYLING FOR RECENT COMMENT & TWITTER */



/* 5.4 Specific Widgets */



#ads  {

	margin: 0 0 30px 0;

	padding: 20px;

}



#ads img  { margin: 0 9px 0 0; }

#ads img.last  { margin: 0; }



.adspace-widget { text-align:center; margin-bottom:30px}

.code_ad {float:left; width:125px; height:125px; margin-right:9px}





#searchform  { margin: 5px 0 0 0; }

#searchform #s  { 

	width: 97%;

	padding: 9px 0 9px 5px;

	border: none;

	color: #fff;

}





.widget_woo_flickr .flickr_badge_image  { width: 75px; float: left; margin: 2px; border: 3px solid #000; }





.widget_ms_twitter li  { margin: 10px 0; }



/* CALENDAR */

#wp-calendar  { width:100%; margin-bottom: 15px; clear: both; padding: 0; }

#wp-calendar caption  { text-transform: uppercase; font-weight: bold;  }

#wp-calendar th,#wp-calendar td  { text-align: center; padding: 5px; }

#wp-calendar td  { background: transparent; }

#wp-calendar td,table#wp-calendar th  { padding: 3px 0; }

#prev a { float: left; }

#next a  { float: right; }





/*-------------------------------------------------------------------------------------------*/

/* 6. COMMENTSAREA */

/*-------------------------------------------------------------------------------------------*/



/* 6.1 Comments */



#comments h3  { margin: 0 0 20px 0; font-size: 20px; }

#comments li  {

	padding: 20px;

	margin: 0 0 20px 0;

}



#comments ul.children { margin: 0 0 0 0; }

#comments ul.children li  { margin: 10px 0 0 0; }



#comments .comment-meta  { margin: 0 10px 20px 0; font-size: 12px;}

#comments .comment-meta img  { float: left; margin: 0 10px 0 0; border: 2px solid #000; }

#comments .comment-meta span  {  }

#comments .comment-meta span.name  { display: block; font-weight: bold; font-size: 14px; }

#comments .comment-meta span.name a  { text-decoration: underline; }

#comments .comment-meta span.date,

#comments .comment-meta span.edit,

#comments .comment-meta span.perma  { font-size: 11px; }



#comments .comment-entry p  { margin: 0 0 10px 0; }



.reply a, .cancel-comment-reply a  { text-transform: uppercase; font-weight: bold; font-size: 10px; }



/* 6.2 Comments Form */



#respond h3  { margin: 10px 0 0 0; font-size: 20px; }



#commentform  { margin: 20px 0 0 0;	}

#commentform label  { font-size: 10px; text-transform: uppercase; }

#commentform label span  { font-weight: bold; font-style: italic; padding: 0 0 0 10px; }



#commentform input.txt,

#commentform textarea  {

	margin: 0 10px 10px 0;

	padding: 9px 5px 9px 10px;

	color: #fff;

	border: none;

}



#commentform textarea  { width: 95%!important; }



#commentform #submit  {

	padding: 7px 30px 8px 30px;

	font-weight: bold;

	font-size: 13px;

	text-transform: uppercase;

	color: #fff;

	border: none;

	background-color: #000;

}







/*-------------------------------------------------------------------------------------------*/

/* 7. GENERAL STYLES */

/*-------------------------------------------------------------------------------------------*/



.floatl  {float: left;width: auto;}

.floatr  {float: right;width: auto;}



.alignl  {text-align: left;}

.alignr  {text-align: right;}

.alignc  {text-align: center;}



/* http://sonspring.com/journal/clearing-floats */



html body * span.clear,

html body * div.clear,

html body * li.clear,

html body * dd.clear

{

	background: none;

	border: 0;

	clear: both;

	display: block;

	float: none;

	font-size: 0;

	list-style: none;

	margin: 0;

	padding: 0;

	overflow: hidden;

	visibility: hidden;

	width: 0;

	height: 0;

}