/*
Theme Name: Fresh
Theme URI: http://www.antoniowells.com/2008/10/05/fresh-wordpress-theme/
Description: Fresh is a clean and minimalistic 3 Column WordPress Theme suitable for resource blogs or even a company website. Built for WordPress Version 2.6+ and Widget Ready. <a href="http://www.antoniowells.com/2008/10/05/fresh-wordpress-theme/" target="_blank">Fresh</a> Theme by <a href="http://www.antoniowells.com" target="_blank">Antonio Wells.com</a>.
Version: 1.0.1
Author: <a href="http://www.antoniowells.com/">Antonio Wells.com</a>
Author URI: http://www.antoniowells.com/
Tags: 3 columns, clean, widget ready, widgets, Gravatar, right sidebar, valid CSS, valid XHTML, wordpress themes, fixed width, fresh
For the WordPress community (GPL).
*/

/*** GENERAL TAGS ***/

body
{
	margin: 0px;
	padding: 0px;
	background: #fff;
	font-family: 'Tahoma', 'Arial', 'Verdana', 'Trebuchet MS', sans-serif;
	font-size: 0.9em;
	color: #000;
}

h1, h2, h3, h4, h5
{
	font-weight: normal;
	margin: 2px 0px 5px 0px;
}

a, a:link, a:active
{
	color: #000000;
text-decoration: none;
}

img
{
	border: 0px;
}

blockquote
{
	padding: 10px;
	background: #f0f9fc url(images/bg_blockquote.gif) no-repeat 0.6em 0.4em;
	border: 1px solid #CCDDE4;
	border-left: 6px solid #CCDDE4;
}


/* Start Page Structure IDs */

#Wrapper {
	width: 1150px;
	margin: 0 auto;
}

#Header {
	height: 370px;
width: 1150px;

}
#Rightlogo {
		float: left;
background: #ffffff url(http://www.jembemusic.net/images/logo-right.gif) no-repeat;
height: 266px;
width: 300px;}


#white{
background:#ffffff;}

#leftcolumn{
float: left;
width: 142px;
position: absolute;
margin-top: 30px;
padding: 0px;
background: #ffffff;
}

}
/****************************************************** Banners ************************************************/
	#Leaderboard{
		float: right;
		width: 750px;
                height:115px;

	}


	#Leaderboard{
		float: right;
		width: 728px;
                height: 90px;


	}


	#Leaderboard ul
	{
		padding: 0px;
		margin: 4px 0px 10px 0px;
		list-style: none;

		margin: 10px 0px 10px 0px;
	}

		#Leaderboard  ul li
		{       height: 90px;
			padding:0px;
                        border: 1px solid #000000;
		}
		
			#Leaderboard  ul li a
			{
				font-size: 10px;

			}

/*********************************************************************************/

	#AboutBanner{
		float: right;
		width: 300px;
                height: 131px;
            margin: 7px 10px 10px 0px;

	}


	#AboutBanner ul
	{
		padding: 0px;
		
		list-style: none;

	}

		#AboutBanner ul li
		{       height: 131px;
			padding:0px;
             /*           border: 1px solid #000000;        */              /* To give the AboutBanner a border, un-comment the code on the left */

		}
		
			#AboutBanner ul li a
			{
				font-size: 10px;

			}

/********************************************************************************/

	#HeaderBanner{
		float: right;
		width: 300px;
                height: 250px;


	}


	#HeaderBanner ul
	{
		padding: 0px;

		list-style: none;

		margin: 20px 0px 10px 0px;
	}

		#HeaderBanner ul li
		{       height: 250px;
			padding:0px;
                        border: 1px solid #000000;
		}
		
			#HeaderBanner ul li a
			{
				font-size: 10px;

			}





/********************************************************* End Banners ************************************************************/

#BlogTitle {
float: left;
/*background: #ffffff url(http://www.jembemusic.net/images/logo.gif) no-repeat;*/
height: 350px;
width: 350px;
font-family: "Arial Rounded MT Bold", Arial, Helvetica, Sans-Serif;
	}
	
		/*#BlogTitle h1 {
			font-family: Arial, Helvetica, Sans-Serif;
			font-size: 1.2em;
			color: #ffffff;
			line-height: 1.8em;
                        padding-top: 300px;
		}*/
		
		
		/* If you would like to use an image logo in the header versus text:
		1. Comment out the section above and uncomment the section below
		2. Create your logo (I recommend 300px Width x 25px Height, Maximum 500px Width x 125px Height) 
		3. Swap the image location with your logo image below
		4. Adjust your Width and Height Below accordingly
		5. Oh... you lose the ability to link to the homepage by clicking the logo :-(
		#BlogTitle h1 {
			background: url(http://www.jembemusic.net/images/logo.gif) no-repeat;
			text-indent: -9999px;
			width: 350px;
			height: 300px;
			margin-top: 10px;
			display: block;
		} 
		 */
		
			#BlogTitle h1 a {
				text-decoration: none;
                                color:#ffffff;
			}
		
		#BlogTitle .Description {
			font-family: Arial, Helvetica, Sans-Serif;
			font-size: 1.0em;
			color: #ffffff;
		}
	
	#SearchBox {
		float: left;
		width: 300px;
		padding-top: 0px;
margin-bottom: 25px;
margin-left: 10px;
margin-top: 30px;
	}
	
		#SearchBox .SearchField {
			background: #f2f2f2;/*url(images/field_search.gif) no-repeat;*/
			width: 225px;
			height: 23px;
			border: 0px;
			padding: 8px 4px 4px 4px;
			font-size: 1em;
		}
		
		#SearchBox .SearchButton {
			background:url(images/btn_search.gif) no-repeat;
			width: 60px;
			height: 33px;
			border: 0px;
			margin-top: 1px; /* IE Specific Style to make the Search Button behave */
			_margin-top: 3px; /* IE only Style Hack */
			vertical-align: top;
		}
		
		#SearchBox .SearchButton:hover {
			background: url(images/btn_search-hover.gif) no-repeat;
		}
	
	#NavPanel {
		background: #ffffff;
		height: 34px;
                width: 100%;
		padding: 5px 5px 0px 10px;
                margin-top: 20px;
		
	}

#Body {
	padding: 10px 0px;
}

#Footer {
	background: #ffffff /*url(images/bg_footer.gif) repeat-x*/;
	padding: 30px 0px 10px 0px;
	color: #000000;
	font-size: 0.9em;
	line-height: 1.4em;
}
	
	#Footer a {
		color: #000000;
		font-weight: bold;
	}
	
		#Footer a:hover {
			color: #00adef;
		}

/* End Page Structure IDs */


/* Start Common Classes */

.LeftContent {
	float: left;
	width: 525px;
margin-left: 150px;
margin-top: 24px;
}

.first-left {
	float: left;
	width: 140px;

margin-top: 30px;
padding: 5px 5px 4px 5px;
background: #ffffff;
}



		.first-left h2
	{
		font-size: 18px;
		font-family: "Arial Rounded MT Bold", Arial, Helvetica, Sans-Serif;
		text-transform: uppercase;
		letter-spacing: -1px;
		color: #000000;
		padding-top: 0px;
	}
	
	.first-left ul
	{
font-family:"Arial Rounded MT Bold", Arial, Helvetica, Sans-Serif;

		padding: 0px;
		margin: 4px 0px 200px 0px;
		list-style: none;
		border-top: 1px dotted #f2f2f2;
		margin: 4px 0px 20px 0px;

	}

		.first-left  ul li
		{
			padding: 2px 0 2px 0px;
			border-bottom: 1px dotted #f2f2f2;
line-height:16px;



		}
		
			.first-left  ul li a
			{
display: block;
				font-size: 11px;
color: #000;

			}
			.first-left  ul li a:hover
			{
				font-size: 11px; color: #FFFFFF; background:#000;


			}

	.first-left  .children
	{
		padding-left: 10px;
	}
	
	.first-left  h2#cat
	{
	}
	
	.first-left  h2#arh
	{
	}

.LeftSideBar {
	float: left;
	width: 140px;
}


.RightSideBar {
	float: right;
	width: 300px;
}

.CommonPanel {
	margin: 10px;
}

.Clear
{
	clear: both;
}

.Ads {
	text-align: center;
}

.RSS
{
	margin-top: 10px;
	float: left;
font-size: 0.9em;

}

	.RSS a
	{
		background: url(images/rss.gif) no-repeat center right;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		padding: 6px 28px 6px 0px;
color: #000;
	}

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

.alignleft
{
	float: left;
}

.alignright
{
	float: right;
}

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;
}

.wp-caption {
	background: #f3f3f3;
	border: 1px solid #dddddd;
	padding: 5px;
	margin: 5px;
	font-size: 0.8em;
	text-align: center;
}

/* End Common Classes */



/* Start Menu: Categories, Archives, etc. */
/******************************************************************************* New Menu ********************************************/
.Menu {
	width: 140px;
	float: left;

}

	.Menu ul
	{
		margin: 0;
		padding: 0;
		text-transform: uppercase;
		
	}
	
		.Menu ul li
		{
			display: block;
                        height: 32px;

			
		}

			.Menu ul li a
			{
				display: block;
				float: left;
				font-size: 19px;
				font-family: "Arial Rounded MT Bold", Arial, Helvetica, Sans-Serif;
				background: #000;		
				color: #fff;
				text-decoration: none;				
				text-align: left;
				margin: 0px 0px 0px 0px;
				padding: 5px;
				
			}
			
				.Menu ul li a:hover
				{
					color: #FFFFFF;
				}
				
				.Menu ul li.current_page_item a
				{
					color: #FFFFFF;
				}
/* End Menu: Categories, Archives, etc. */

/******************************************************************** End New Menu **********************************************/
/*.Menu {
	width: 725px;
	float: left;
}

	.Menu ul
	{
		margin: 0;
		padding: 0;
		list-style-type: none;
		
	}
	
		.Menu ul li
		{
			display: inline;
			
		}

			.Menu ul li a
			{
				display: block;
				float: left;
				font-size: 0.9em;
				font-family: Arial, Helvetica, Sans-Serif;
				background: url(images/btn_nav.gif) no-repeat top right;		
				color: #666666;
				text-decoration: none;				
				text-align: center;
				margin: 0px 3px 0px 3px;
				padding: 10px 0px 8px 0px;
				width: 100px;
			}
			
				.Menu ul li a:hover
				{
					color: #000;
				}
				
				.Menu ul li.current_page_item a
				{
					color: #CE0000;
				}*/
	
/* End Menu: Categories, Archives, etc. */



/* Start Articles */

.Article
{
	padding-bottom: 30px;
	border-bottom: 1px solid #000;
	margin-bottom: 20px;
       text-align: left; /* */
}

	.Article h2
	{
		font-size: 30px;
		font-family: Arial, Helvetica, Sans-Serif;
		margin: 0px 0px 6px 0px;
	}
	
		.Article h2 a
		{
			color: #000000;	
		}
		
	.Article .meta
	{
		font-size: 11px;
		display: block;
		color: #999999;
	}
	
		.Article .meta a
		{
			color: #000000;
		}
	
			.Article .meta .Author {
				color: #000000;
				font-weight: bold;
			}

.CalendarGroup {
	float: left;
	width: 49px;
}

	.CalendarGroup .Calendar {
		text-align: center;
		background: url(images/date-calendar.gif) no-repeat;	
		height: 51px;
		padding: 4px;
	}
	
	.CalendarGroup .Month {
		text-transform: uppercase;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #FFFFFF;
	}
	
	.CalendarGroup .Day {
                padding-top:5px;
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 18px;
	}
	
	.CalendarGroup .Year {
		display: none;
		visibility: hidden;
	}

.TitleGroup {
	float: left;
	width: 500px;
padding-left: 0px;
text-align: left;
}

.PostContent
{
	line-height: 18px;
	margin-top: 15px;
	/*border-top: solid 1px #000000;*/
}

	.PostContent a, .PostContent a:link, .PostContent a:active
	{
		/*border-bottom: 1px dotted #000;*/
		text-decoration: none;
font-weight: bold;
	}
	
	.PostContent a:hover
	{
		/*border-bottom: 1px dotted #000;*/
		color: #00adef;
	}

.more-link
{
	font-weight: bold;
	padding: 10px 14px;
	background-color: #d7f4fd;
	border: 1px solid #0099cc;
	border-bottom: 1px solid #0099cc!important;
}

	a.more-link, a.more-link:active
	{
		color: #CE0000!important;
	}

/* End Articles */



/* Start Sidebar */

.Sidebar
{
	width: 470px;
	float: right;
}

	.Sidebar h2
	{
		font-size: 18px;
		font-family: "Arial Rounded MT Bold", Arial, Helvetica, Sans-Serif;
		text-transform: uppercase;
		letter-spacing: -1px;
		color: #000000;
		padding-top: 20px;
	}
	
	.Sidebar ul
	{
		padding: 0px;
		margin: 4px 0px 200px 0px;
		list-style: none;
		border-top: solid 1px #CEDDE4;
		margin: 4px 0px 20px 0px;
	}

		.Sidebar ul li
		{
			padding: 6px 0 6px 0;
			border-bottom: 1px dotted #CEDAE0;
		}
		
			.Sidebar ul li a
			{
				font-size: 13px;
			}

	.Sidebar .children
	{
		padding-left: 10px;
	}
	
	.Sidebar h2#cat
	{
	}
	
	.Sidebar h2#arh
	{
	}


/* Start Comments */

.CommentsGroup {
	text-align: right;
}

.CommentsCloud a {
	/*background: url(images/comments.gif) no-repeat;*/
	padding: 0px 8px 8px 8px;
	margin-right: 5px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1.3em;
	text-align: center;
	border-bottom: none !important;
	color: #000000 !important;
	text-decoration: none;
}

.CommentsCloud a:hover{color: #00adef;}
.CommentsText {
	color: #999999;
}

.Comments
{
	padding-top: 10px;
	margin-top: -5px;
}

	.Comments h2
	{
		margin-bottom: 15px;
	}

.Comment
{
	display: block;
	padding: 10px;	
	
}

.Alt
{
	background: #E7F8FF;
	border-top: 1px solid #69b4da;
	border-bottom: 1px solid #69b4da;
}

.CommentMeta
{
	color: #999999;
	border-bottom: solid 1px #000000;
	padding-bottom: 4px;
}

	.CommentMeta span
	{
		font-size: 14px;
		font-weight: bold;
	}
	
	.CommentMeta .Gravatar {
		float: left;
		padding-right: 10px;
	}
	
	.CommentMeta .GravatarDate {
		float: left;
		padding-top: 5px;
	}

.CommentForm
{
	background: #f1f1f1;
	display: block;
	padding: 10px;
	margin-top: 10px;
	border: 1px solid #999;
}

	.CommentForm span
	{
		font-size: 16px;
		display: block;
		color: #000;
		margin-bottom: 4px;
	}

	.CommentForm input, .CommentForm textarea
	{
		width: 350px;
		background: #ffffff;
		border: 1px solid #999;
		padding: 4px;
		margin-bottom: 10px;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	.CommentForm input.SubscribeButton
	{
		width: 136px;
		height: 37px;
		background: #fff;
		display: block;
		border: 0px;
		color: #000;
		font-size: 1.4em;
		font-weight: bold;
	}

	.CommentForm input.SubscribeButton:hover
	{
		background: #000;
color:#fff;
	}
/* Start Comments */