﻿/*  

Theme Name: Whats Up BSB Theme.

Theme URI: http://star-studio.Org 

Description: 3 columns theme made by Star Studio. Exclusive for Whats Up BSB.

Version: 1.0

Author: Joyce Lang

Author URI: http://star-studio.Org 



*/











/* ------------------------------- basic ---------------------------------- */

body {

    background: #d7eae6;
	
	background-image:url(http://www.star-studio.org/test/wp-content/themes/whatsup/images/bg.jpg);
	
	background-repeat: repeat-x;

	font-size: 11px;

	font-family : 'Tahoma', Verdana, Arial, Helvetica, sans-serif; 

	color: #444444;

	margin:0 auto;

	padding:0;

  	text-align:justify;

}





table, td, tr {

	font-size: 11px;

	font-family : 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif; 

	color: #404040;

}

	



a:link{

	background-color:inherit;

	color: #000000;

	text-decoration: none;



}



a:visited{

	background-color:inherit;

	color: #000000;

	text-decoration: none;



}



a:hover{

	background-color:inherit;

	color: #2fbaa2;

	text-decoration: none;



}



a img {

 



padding: 0px;



}

a img:hover {





padding: 0px;



}





abbr, acronym, span.abbr {

	cursor: help;



}







strong {

        color: #a56868;

	cursor: default;

	}







b {

        color: #a56868;

		cursor: default;

	}







em {

        color: #2fbaa2;

		cursor: default;

	}

	

	

i {

        color: #2fbaa2;

		cursor: default;

	}







u {

        color: #2fbaa2;

		cursor: default;

		text-decoration: underline;

		

	}



.clear {clear:both;}



.entrydate { text-align:right;

		padding:0 5px 0 0;

		font-family:Georgia, Arial, Verdana;

		color: #847373;

		font-size: 20px;}

	

/* ************************************** D I V   search  **************************************** */

#busca {



  	float: left;

 	padding-left: 3px;

 	margin-top: 265px;



}



#busca_3 {



	float: center;

	width: 1000px;

	padding-left: 0px;

	margin-top: -13px;







}













/* ------------------------------- layout ---------------------------------- */

#page {

		width: 1000px;

		margin: 0 auto;

		text-align:justify;

		position:relative;

	

	



	}





/* ------------------------------- layout top ---------------------------------- */

#header {

	width: 1000px;

	height: 282px;

	margin-left:0px;

	}

	



#welcome{

	color: #8a8989;

	text-align: justify;

	border: 0px;



	}

	

#continued{

	
	h\eight:100%;

	background-image:url(http://www.star-studio.org/test/wp-content/themes/whatsup/images/bgd.jpg);

	background-repeat:repeat-y;}


.clear {clear:both;}










/* ------------------------------- footer ---------------------------------- */	

#footer{

	clear: left;

	width: 100%;

	background: #e4f4f1;

	color: #444444;

	text-align: center;

	text-size:10px;

	padding: 3px;

	border-top: 1px solid #ffffff;
	
	text-transform:uppercase;



}



#footer a{



	color: #808080;



}



/* ------------------------------- sidebar left ---------------------------------- */

#sidebar {

	width: 220px;

	text-align: justify;

	float: left;

	margin-top: -12px;

	margin-left: 16px

}



#sidebar ul {

	margin: 0;

	padding: 0;

	list-style-type: none;

}



#sidebar ul li {

}







#sidebar img {

 



background-color: #edebec;

padding: 0px;

border-bottom: 1px solid #d0d0d0;

border-top: 1px solid #d0d0d0;

border-right: 1px solid #d0d0d0;

border-left: 1px solid #d0d0d0;

padding-right: 5px;

padding-left: 5px;

padding-top: 5px;

padding-bottom: 5px;

margin: 1px;

-moz-border-radius:8px 0px 8px 0px;

}

#sidebar img:hover {





background-color: #edebec;

padding: 0px;

border-bottom: 1px solid #ab4143;

border-top: 1px solid #ab4143;

border-right: 1px solid #ab4143;

border-left: 1px solid #ab4143;

padding-right: 5px;

padding-left: 5px;

padding-top: 5px;

padding-bottom: 5px;

margin: 1px;

-moz-border-radius:8px 0px 8px 0px;

}







/* ***********************   sidebar design   ***********************  */





.sidebar-back {

	margin-bottom: 10px;

	padding: 0px;

	background-color: #eff9f7;
	


   }


.sidebar-title {



   color: #ffffff;

   font: arial;

   font-weight: bolder;

   letter-spacing: 1px;

   text-align: left;

   text-transform: uppercase;

   padding: 5px;

   font-size:11px;
   
   background:#8cd6c9;
    
   margin-bottom: 1px;




}





.sidebar-content {
	font-size: 11px;
	
	font-family : 'Tahoma', Tahoma, Arial, Helvetica, sans-serif;
	
	color: #847373;
	
	padding: 6px;
	
	text-align: justify;
	
	background-color: #eff9f7;
   }
   
   
   
.sidebar2-back {

	margin-bottom: 10px;

	padding: 0px;

	background-color: #eff9f7;
	


   }


.sidebar2-title {



   color: #ffffff;

   font: arial;

   font-weight: bolder;

   letter-spacing: 1px;

   text-align: left;

   text-transform: uppercase;

   padding: 5px;

   font-size:11px;
   
   background:#8cd6c9;
    
   margin-bottom: 1px;




}





.sidebar2-content {
	font-size: 11px;
	
	font-family : 'Tahoma', Tahoma, Arial, Helvetica, sans-serif;
	
	color: #847373;
	
	padding: 6px;
	
	text-align: justify;
	
	background-color: #eff9f7;
   }
   




.content-back {
	/* on content */

	margin-bottom: 10px;

	background-color: #fafafa;
	
	border: solid 1px #fc1a5c;
	

 

   }

.content-content {

	font-size: 11px;
	
	font-family : 'Tahoma', Tahoma, Arial, Helvetica, sans-serif;
	
	color: #847373;
	
	padding: 8px;
	
	text-align: justify;
	
	background: #eff9f7;
		


   }

.content-title {



   color: #cec8c8;

   font: Helvetica;

   font-weight: bolder;

   letter-spacing: 2px;

   text-align: left;

   text-transform: uppercase;

   padding-bottom: 0px;

   font-size:11px;
   
   border-bottom: dotted 1px #fafafa;
   
   background: #8cd6c9;
   
   margin-bottom:1px;
   





}













/* ------------------------------- sidebar right ---------------------------------- */

#sidebar2 {

	width: 220px;

	text-align: justify;

	float: left;

	margin-top: -12px;

	margin-left:6px;





}



#sidebar2 ul {

	margin: 0;

	padding: 0;

	list-style-type: none;

}



#sidebar2 ul li {

}









#sidebar2 img {

 



background-color: #3c3c3c;

padding: 0px;

border-bottom: 1px solid #363636;

border-top: 1px solid #363636;

border-right: 1px solid #363636;

border-left: 1px solid #363636;

padding-right: 3px;

padding-left: 3px;

padding-top: 3px;

padding-bottom: 3px;

margin: 1px;

-moz-border-radius:4px 4px 4px 4px;

}

#sidebar2 img:hover {





background-color: #3c3c3c;

padding: 0px;

border-bottom: 1px solid #3f3f3f;

border-top: 1px solid #3f3f3f;

border-right: 1px solid #3f3f3f;

border-left: 1px solid #3f3f3f;

padding-right: 3px;

padding-left: 3px;

padding-top: 3px;

padding-bottom: 3px;

margin: 1px;

-moz-border-radius:4px 4px 4px 4px;

}





















/* date on posts */

.date {

width: 80px;

float: left;

   color: #bba9a9;

   font: arial;

   font-weight: bolder;

   letter-spacing: 1px;

   text-align: left;

   text-transform: uppercase;

   padding: 5px;

   font-size:11px;
   
   background:#000000;
   
   border-right: solid 1px #d7eae6;
	


}


.day {
width: 80px;
color: #e4f4f1;
font-size: 11px;
}

.month {
width: 80px;
color: #fddeab;
font-size: 10px;
}

.year {
width: 80px;
color: #fddeab;
font-size: 9px;



}









/* Title in posts � */

.title-posts {

	margin: 0;

	margin-top: 0px;

	text-transform: uppercase;

	color: #ab4143;

	font-size: 11px;

	font-weight: bolder;

	padding: 3px;

	border-bottom: solid 1px #d7eae6;







}



/*  TAGS / DATE / LINK COMMENT  */





.postmeta {

font-size: 9px;

text-align: left;

font-family: Tahoma;

background: #e4f4f1;

margin-bottom: 1px;

padding: 4px;

color:#847373;

}



.postmeta a {

color: #000000;

}



.postmeta a:hover {

color: #000000;

}



.postmeta em {

color: #ab4143;

}











/* ------------- TITLE ABOUT ------------ */

.blocktitle {

	background: url('images/bgg.gif');

	width: 196px;

	height: 23px;

	padding-top: 10px;

	text-transform:uppercase;

	font-weight:bold;

	text-align: center;

	color: #847373;

 }

 

.blocktitle2 {

	background: url('images/coment.png');

	width: 196px;

	height: 23px;

	padding-top: 10px;

	text-transform:uppercase;

	font-weight:bold;

	text-align: center;

	color: #ab4143;

 }













/* ------------------------------- content ---------------------------------- */

#content {



		width: 500px;

		text-align: justify;

		margin-top: -5px;

		margin-left: 8px;

		padding: 6px;

		float: left;

}	









/* ------------------------------- Date and Title posts ---------------------------------- */

.postheader {

	margin: 0;

	margin-top: 0px;

	font-size: 11px;

	width: 100%;

	padding: 5px;

	text-transform:uppercase;

	font-weight:bold;

	color: #FFFFFF;



	}

.postheader a {

	color: #FFFFFF;

	}



.postmeta {

	font-size: 11px;

	}







/* ------------------------------- content text posts and pages ---------------------------------- */

.postentry {

	margin-top: -6px;

	padding-left: 0px;

    text-align: justify;

	}

	

.postentry ol {

	font-size: 1em;

	line-height: 1.5em;

	margin: 1.2em 0 1.2em 4.3em;

	padding: 0;

	}



.postentry li {

	list-style:none;

	padding-left: 10px;

	}	



.postentry ul {

	list-style:none;

	font-size: 1em;

	line-height: 1.5em;

	margin: 1.0em 0 1.0em 1.0em;

	padding: 0;

	}



.storyinfo {

	background: transparent;

	padding-right: 1px;

	text-transform:uppercase;

	font-weight:bold;

	padding-top: 3px;

    text-align: right;

    border-bottom: 1px dotted #847373;

}





.postentry img {

 



background-color: #edebec;

padding: 0px;

border-bottom: 1px solid #d0d0d0;

border-top: 1px solid #d0d0d0;

border-right: 1px solid #d0d0d0;

border-left: 1px solid #d0d0d0;

padding-right: 5px;

padding-left: 5px;

padding-top: 5px;

padding-bottom: 5px;

margin: 1px;

-moz-border-radius:8px 0px 8px 0px;

}



.postentry img:hover {





background-color: #edebec;

border: solid 1px #ab4143;

padding-right: 5px;

padding-left: 5px;

padding-top: 5px;

padding-bottom: 5px;

margin: 1px;

-moz-border-radius:8px 0px 8px 0px;

}











/* ------------------------------- title pages ---------------------------------- */

.titlepage {

	font-family: Trebuchet MS, Cambria, serif;

	color: #cec8c8;

	font-size: 11pt;

    font-weight: bolder;

    background-color: transparent;

	padding:6px;



    

 }







/* ------------------------------- forms ---------------------------------- */

input { 

background-color: #e4f4f1; 

font: 12px verdana, arial, helvetica, sans-serif;

color:#847373;

border:1px solid #d7eae6;

}





select{

font-size: 11px;

font-family : 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;

filter:alpha(opacity=80); 

opacity: .90; 

background-color: #e4f4f1;

border:1px solid #d7eae6;

color: #847373;}



textarea { 

background-color: #e4f4f1;

font:12px verdana, arial, helvetica, sans-serif;

color: #847373;

border:1px solid #d7eae6;

}









input.s {

	/* Search */

        border-top:1px solid #d7eae6;

        border-right:1px solid #d7eae6;

        border-bottom:1px solid #d7eae6;

        border-left:1px solid #d7eae6;

		background-color: #e4f4f1;

		text-align:center;



	}

	





input.stext {

	/* Search Text */

        border-top:1px solid #d7eae6;

        border-right:1px solid #d7eae6;

        border-bottom:1px solid #d7eae6;

        border-left:1px solid #d7eae6;

		background-color: #e4f4f1;

		color:#847373;



	}

















	

	



/* ------------------------------- Images ---------------------------------- */

img {



	border: 0px;

	

	}

	

.borderimage2 img {


background-color: #3c3c3c;

padding: 0px;

padding-right: 3px;

padding-left: 3px;

padding-top: 3px;

padding-bottom:3px;

margin: 1px;

border: solid 1px #363636;

-moz-border-radius:8px 0px 8px 0px;



}

.borderimage2 img:hover {


background-color: #3c3c3c;

padding: 0px;

padding-right: 3px;

padding-left: 3px;

padding-top: 3px;

padding-bottom:3px;

margin: 1px;

border: solid 1px #3f3f3f;

-moz-border-radius:8px 0px 8px 0px;

}













/* ************************************** C O M M E N T  S **************************************** */

.alt {

background-color: #ab4143;}



.commentlist li {

margin: 15px 0 3px;

padding: 5px 8px 3px;

list-style: none;}



#commentlist {

margin: 0;

padding-left: 2px;

padding-right: 2px;

padding-top: 0px;

border-bottom:0px solid #847373;

list-style-type: none;}



#commentlist li {

border-top: 0px;

padding: 5px 8px;

background-color: transparent;

align:justify;}





.commentdate {

background-color: #8cd6c9;

border-top: 1px solid #8cd6c9;

border-left: 1px solid #8cd6c9;

border-right: 1px solid #8cd6c9;

color: #ffffff;

font-size:10px;

letter-spacing:0px;

line-height:12px;

font-weight:normal;

font-family:Verdana;

text-align:center;

padding-right:2px;

padding-left:5px;

padding-top:2px;

padding-bottom:2px;

width:290;}



.comment-content {

background: #e4f4f1;

border-bottom: 1px solid #e4f4f1;

border-left: 1px solid #e4f4f1;

border-right: 1px solid #e4f4f1;

color: #808080;

font-size:10px;

letter-spacing:0px;

line-height:11px;

font-weight:normal;

font-family:Verdana;

text-align:justify;

padding-top:5px;

padding-left:4px;

padding-bottom:2px;

padding-right:3px;

top-margin:-10px;

width:290;

}



.cit {	

font-weight: bold; 

padding:2px; 

text-align: right; 



}





hr {

border: 1px;

border-top: solid #d7eae6;

height: 1px;}









div.comment-number {

	float: right;

	color: #847373;

	width: 40px;

	text-align: right;

}

























/* ------------------------------- Lists ---------------------------------- */

p {

	



	}



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

	display:block;

	margin: 1.2em 0;

	font-family: "Lucida Grande", Tahoma, Arial, sans-serif;

	color: #847373;

	}



h1, h2{ font-size: 1.4em; }

h3 { font-size: 1.3em; }

h4 { font-size: 1.2em; }





ol {list-style-type:none; margin-left:8px; margin-right:6px;}



ol li {padding:10px; margin-top:0px; }





/***************** PAGINAVI ETC *****************/



#footlink {

border-top:0px solid #e4f4f1;

line-height:22px;

font-size:11px;

width: 100%;

text-align:center;

padding-top:0px;

padding-bottom:3px;

margin-bottom:3px;

margin-top: 2px;

}



#footlink span.pages{

background: #e4f4f1;

padding:5px;

margin:1px 2px 1px 2px;

BORDER-left: #d7eae6 1px solid; 

BORDER-top: #d7eae6 1px solid; 

BORDER-right: #d7eae6 1px solid; 

BORDER-bottom: #d7eae6 1px solid;  color:#847373;

}



#footlink span.extend{

background: #e4f4f1;

padding:5px;

margin:1px 2px 1px 2px;

BORDER-left: #d7eae6 1px solid; 

BORDER-top: #d7eae6 1px solid; 

BORDER-right: #d7eae6 1px solid; 

BORDER-bottom: #d7eae6 1px solid;  color:#847373;

}





#footlink span.current{

background: #e4f4f1;

padding:5px;

margin:1px 2px 1px 2px;

BORDER-left: #d7eae6 1px solid; 

BORDER-top: #d7eae6 1px solid; 

BORDER-right: #d7eae6 1px solid; 

BORDER-bottom: #d7eae6 1px solid;  color:#847373;

}







#footlink span.footlinkcurrent{

background: #e4f4f1;

padding:5px;

margin:1px 2px 1px 2px;

BORDER: #a7b463 1px solid; 

color:#847373;}







#footlink span.footlinktotal {

background: #000000;

padding:5px;

margin:1px 2px 1px 2px;

BORDER: #d7eae6 1px solid; 

color:#847373;}







#footlink a {

background: #e4f4f1;

padding:5px;

margin:1px 2px 1px 2px;

BORDER-left: #d7eae6 1px solid; 

BORDER-top: #d7eae6 1px solid; 

BORDER-right: #d7eae6 1px solid; 

BORDER-bottom: #d7eae6 1px solid;  color:#847373;}



#footlink a:link, #footlink a:visited, #footlink a:active {

background: #e4f4f1;

padding:5px;

margin:1px 2px 1px 2px;

BORDER-left: #d7eae6 1px solid; 

BORDER-top: #d7eae6 1px solid; 

BORDER-right: #d7eae6 1px solid; 

BORDER-bottom: #d7eae6 1px solid;  color:#847373;}



#footlink a:hover {

background: #000000;

padding:5px;

margin:1px 2px 1px 2px;

BORDER-left: #d7eae6 1px solid; 

BORDER-top: #d7eae6 1px solid; 

BORDER-right: #d7eae6 1px solid; 

BORDER-bottom: #d7eae6 1px solid;  

color:#847373;

}





.categories {

list-style : none;

margin : 0;

padding : 0;

color : #847373;

font-family : georgia;

font-style : italic;

font-weight : bold;

font-size : 15px;

text-transform : lowercase;

text-align : left;

border-bottom : 1px solid #d7eae6d7eae6;

}

.categories ul, .categories ul li {

list-style : none;

margin : 0;

padding : 0;

background : none;

font-family : verdana;

font-style : normal;

font-weight : normal;

font-size : 12px;

}

.categories ul li a {

background : #d7eae6 url(ima) left center no-repeat;

border-bottom : 1px solid #d7eae6;

color : #847373;

display : block;

padding : 2px 15px;

margin : 2px;

}

.categories ul li a:hover {

background-color : #d7eae6;

color : #a2a2a2;

}







/**************************  B - Q U O T E S  *****************************/



blockquote {

	

	color: #847373;

	background: #e4f4f1;

	border-left: solid 6px #d8e6e3;

	padding-left:10px;

	padding-right:8px;

	padding-top:4px;

	padding-bottom:4px;

	font-size: 11px;

	text-align: justify;

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

	font-style: italic;

	

}


