/*



Theme Name: Bluespot



Version: 1.0.1



Description: Bluespot is a hybrid Wordpress theme made by fusing Coffeespot and AquaBlue by <a  href="http://wpthemepark.com" title="WP ThemePark">WP ThemePark</a>. Version 1.0.1+ supports multiple languages. Included languages in ver 1.0.1 : French. To help translate to other languages, please contact me.



Author: Gurdit



Author URI: http://www.gurdit.com/blog/



*/



/* Section: Body --------- */







body {


background-color:#fef7e3;	



}



/* Sub-Section: Body Paragraph and Links --------- */

a:link, a:visited {

	color:#DF8C00;

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

	font-size:12px;

	text-decoration:none;
	

}

p {



	margin: 0.5em 0px 0.7em;



	line-height:1.6em;



}



.header-text {

	color: #FFFFFF;
	font-size: 14px;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;

}

.header-text1 {

	font-family: arial;

	font-size: 14px;

	font-weight: normal;

	color: #FFFFFF;

	text-decoration: none;

}



.nav-text {

	font-family: arial;

	font-size: 12px;

	font-weight: bold;

	color: #FFFFFF;

	text-decoration: none;

}

.nav-text a:link, a:visited {

	color:#DF8C00;

	

	}

.nav-text1 a:link, a:visited {

	color:#DF8C00;

	

	}

.nav-text1 {

	font-family: arial;

	font-size: 12px;

	font-weight: normal;

	color: #FFFFFF;

	text-decoration: underline;

}



.body-text {

	font-family: arial;

	font-size: 11px;

	font-weight: normal;

	color: #000000;

	text-decoration: none;

}





.body-text1 {

	font-family: arial;

	font-size: 11px;

	font-weight: bold;

	color: #df8d00;

	text-decoration: none;

}

.bodyText8 {
	color: #000000;
	font-size: 20px;
	line-height: normal;
	font-family: "Myriad Pro", Arial;
	font-weight: normal;
	text-decoration: none;

}

.bodyText6 {
	color: #df8d00;
	font-size: 20px;
	line-height: normal;
	font-family: "Myriad Pro", Arial;
	font-weight: normal;
	text-decoration: none;

}

.leftbox-text {

	font-family: arial;

	font-size: 16px;

	font-weight: bold;

	color: #000000;

	text-decoration: none;

}


.bodyText3 {
	color: #FFFFFF;
	font-size: 14px;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;

}


.textfield {

	font-family: arial;

	font-size: 11px;

	font-weight: normal;

	color: #000000;

	text-decoration: none;

	height: 15px;

	width: 200px;

	border: 1px solid #DF8C00;

}







abbr, acronym {



	font-style: normal;



	border-bottom: 1px dotted;



}



abbr[title]



{



	cursor:help;



}



blockquote{



	background: #EEE url(img/blockquote.png) no-repeat bottom left;



	/*border: 1px solid #E0E0E0;*/



	padding: 10px;



	padding-bottom: 40px;



	margin: 1em;



}



.commentlist li blockquote{



	background: #eeeee9;



        border: 1px dashed #191970;



        border-left: 2px solid #191970;



        border-bottom: 2px solid #191970;



	padding: 10px;



        padding-top: 3px;



        padding-bottom: 3px;



	margin: 1em;



        margin-left: 2em;



        color:#666;



        font-style: italic;



}



.commentlist li.alt blockquote{



	background: #f4f4f4;



}











dl dt 



{



	font-weight:bold;



	margin:5px 0;	



}



dl dd 



{



	padding-left:20px;



	display:inline;



}



fieldset 



{



	border:none;



}



img.right 



{



	float:right;



	padding:5px;



}



img.left 



{



	float:left;



	padding:5px;



}



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left;

	}





#rap {



	margin: 0 auto;



	width: 868px;

	voice-family: "\"}\""; 

  	voice-family: inherit;

	background-image:url(img/main-bg.jpg);

	background-repeat:repeat-y;

	overflow:hidden;

	



}







html>body #rap { /* be nice to Opera */



	width: 868px;

	

		

	



}



/* Sub-Section:  FONTS --------- */







h2,h3 {



	font-size: 1.6em;



	color: #D57B00;



	padding: 3px 0;



	margin: 0;



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



	font-weight:normal;



	border-bottom:#eaeaea 1px solid;



}







/* Section: Positioning --------- */











#main {





	float: left;

	width: 585px;

	margin-left:10px;	

	

	border:1px solid #C60;

	margin-right:5px;

	margin-top:10px;

	margin-bottom:10px;

	font-family: arial;

	font-size: 11px;

	font-weight: normal;

	color: #000000;

	text-decoration: none;

	



}

#sidebar {

	width: 253px;

	padding:0px;

	margin-left:0px;

	border:1px solid #C60;

	margin-top:10px;

	margin-bottom:10px;

}



#main ul 

{



	margin:0px 10px;



	padding:0px;



	list-style:none;



}



#main ul li 



{



	list-style-image:url(img/bullet.png);



	padding:3px 0;	



	margin:0 1em;



}



.post 



{



		



	/*background:url(img/yysun.jpg) no-repeat top left;	*/



}







.post-title



{



	margin-left:5px;			



}



.post-title a:link, .post-title a:hover, .post-title a:visited, .post-title a:active 



{

color: #000000;
font-size: 24px;
line-height: normal;
font-family: "Myriad Pro", Arial;
font-weight: normal;
text-decoration: none;
}



.day-date {



	font-size: 0.9em;



	color: #999;



	padding: 3px 0;



	margin: 0 0 0 5px;			



}



.day-date em 



{



	font-style:normal;



	color:#666;



}



.post-content h4 



{



	font-size:1em;



	font-weight:normal;



}



.post-content h4 em



{



	font-style:normal;



	float:right;



	font-weight:normal;



}



.post-info {



	font-size : 0.9em;



	color : #666;



	margin : 0;



	background:url(img/comments-small.gif) no-repeat left center;



	padding-left:12px;



	border-bottom:#eaeaea 1px solid;



}





.post-content {

    color: #000000;
	font-size: 14px;
	line-height: normal;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	text-decoration: none;

	padding-top:10px;

	padding-left:5px;



}

.categories{

	font-weight:bold;

	}





#sidebar ul



{



	list-style: none;	



}



#sidebar form, #sidebar .block, #sidebar ul 



{



	margin:4px;



	padding: 0px;		



	font-size: 11px;		



	



}



#sidebar ul ul 



{



	margin:0px;



	padding:0;	



}



#sidebar ul li 



{



	list-style-image:none;

	margin:0px;

	text-decoration:underline;

	padding:1px 1px;

	font-weight:normal;



	



}



#sidebar ul li ul li



{



	list-style-image:url(img/arrow.gif);



	margin:0 0px;



	padding:0px 0;



	



}



#sidebar a {



		

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

font-size:11px;



text-decoration: none;

color:#000;

	border:none;



	



}



#sidebar a:hover 



{



	



}







#sidebar ul img {



	border:#459 1px solid;



}



#sidebar h2



{



	margin:20px 0 0 0;



	font-size: 1em;	



	color: #fafafa;	



	height:20px;



	border:none;	



	font-variant:small-caps;		



	font-weight:bold;



	padding:5px 10px 0;







}



#sidebar li h2 



{



	background:none;



	color:#996666;



	border-bottom:#996666 1px solid;



	padding:0;



	margin:0 0 0 0;



}



#sidebar ul li.feed



{



	list-style:none;



	background:url(img/feed.png) no-repeat left center;



	padding-left:18px;



	margin:0;



}



#sidebar ul li a img{



	border: none;



}



#sidebar a.noundie:hover {



	border: none;



}













#comments, #respond{



	margin: 2em 0 0 5px;



}



#commentform 



{



	margin:10px;



	padding:10px;



}



#rap .commentlist {



	margin: 0 1em;



	padding: 0;



}



.commentlist li 



{



	list-style:none;



	margin: 1em 0;



	padding: 0.5em;	



	background:#eeeee9;



}



.commentlist li.alt 



{



    background:#fff;



}



.commentlist li .cmtinfo 



{



	font-size:1em;	



	border-bottom: #ddd 1px solid;



}



.commentlist li cite 



{



	font-style:normal;



	font-weight:bold;



}



.commentlist li .cmtinfo em 



{



	float:right;



	margin:0;



	padding:0;



	font-style:normal;



	font-size:0.9em;



	color:#999;



}



.nocomments 



{



	padding-left:10px;



}







fieldset{



	border: none;



}







.field label{



	display: block;



}







textarea{



	width: 90%;



	height: 20em;



	border: 1px solid #ccc;	



	background:#f0f0f0;



}







input{



	border: 1px solid #ccc;	



	background:#f0f0f0;



}

.search_button{


	border: 0px;	



	background:none;



}


button {



	border: 1px solid #ccc;	



	background:#EBF1F5;



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



        height: 20px;



}











/* Navigation */



#gnav 



{



	list-style:none;	



	margin:0;



	



	



	font-variant:small-caps;



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

	



	font-weight:bold;



	text-align:right;	



	font-size:1.2em;			



}



#gnav li 



{



	list-style:none;



	display:inline;



	margin:0;



	padding:5px 10px;		



}



#gnav li a:link, #gnav li a:visited



{



	color:#ccc;



	text-decoration:none;



	padding:2px 0;	



	border-bottom:none;



	background:none;



}



#gnav li a:hover, #gnav li a:active



{



	border-bottom:#fff 2px solid;



	color:#fff;



	background:none;



}



#gnav li.current_page_item a:link, #gnav li.current_page_item a:visited, #gnav li.current_page_item a:hover, #gnav li.current_page_item a:active



{



	border-bottom:#fff 2px solid;



	color:#fff;



}









/* Section: Misc --------- */







 #main,#content, #sidebar, .widget {



    overflow: hidden;



}



#footer {



	font-family: arial;

	font-size: 11px;

	font-weight: normal;

	color: #FFFFFF;

	text-decoration: none;

	



}



#footer strong 



{



	color:#fff;



	font-size:1em;



}



#footer ul 



{



	margin:0;



	padding:0;		



}



#footer ul li 



{



	list-style:none;



	padding-left:15px;







}



#footer div 



{



	float:right;



	width:30%;



	margin:0;



	padding:0;		



}



#footer a 



{



font-family: arial;

	font-size: 11px;

	font-weight: normal;

	color: #FFFFFF;

	text-decoration: none;





}



#footer a:hover



{



	

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

font-size:11px;

text-decoration: underline;

color:#000000;



}









/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */



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

  REQUIRED to hide the non-active tab content.

  But do not hide them in the print stylesheet!

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

.tabberlive .tabbertabhide {

 display:none;

}



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

  .tabber = before the tabber interface is set up

  .tabberlive = after the tabber interface is set up

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

.tabber {

	

}

.tabberlive {



 margin-top:10px;

}



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

  ul.tabbernav = the tab navigation list

  li.tabberactive = the active tab

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

ul.tabbernav

{

 margin-left:5px;

 padding: 1px 1px;



 

}



ul.tabbernav li

{



 list-style: none;

 margin: 0;

 display: inline;

}



ul.tabbernav li a

{

 padding: 3px 0.5em;

 margin-left: 1px;

 border: 1px solid #778;

 border-bottom: none;

 background: #F6B000;

 text-decoration: none;

}



ul.tabbernav li a:link { color: #fff; }

ul.tabbernav li a:visited { color: #667; }



ul.tabbernav li a:hover

{

 color: #000;

 background: #F6B000;

 border-color: #227;

}



ul.tabbernav li.tabberactive a

{

 background-color: #CF7100;

 border-bottom: 1px solid #fff;

}



ul.tabbernav li.tabberactive a:hover

{

 color: #000;

 background: #F6B000;

 border-bottom: 1px solid white;

}



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

  .tabbertab = the tab content

  Add style only after the tabber interface is set up (.tabberlive)

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

.tabberlive .tabbertab {

 padding: 10px;

 border:1px solid #DF8C00;

 margin-left:5px;

 

 list-style:none;

 text-decoration:underline;

 line-height:1em;



 /* If you don't want the tab size changing whenever a tab is changed

    you can set a fixed height */



 /* height:200px; */



 /* If you set a fix height set overflow to auto and you will get a

    scrollbar when necessary */



 /* overflow:auto; */

}



/* If desired, hide the heading since a heading is provided by the tab */

.tabberlive .tabbertab h2 {

 display:none;

}

.tabberlive .tabbertab h3 {

 display:none;

}



/* Example of using an ID to set different styles for the tabs on the page */

.tabberlive#tab1 {

}

.tabberlive#tab2 {

}

.tabberlive#tab2 .tabbertab {

 height:200px;

 overflow:auto;

}