/*  

Theme Name: Simply Basic

Theme URI: http://www.bballcity.com/download/themes/simply-basic/

Description: A wordpress theme by Ash Haque

Version: 1.5

Author: Ash Haque

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



The CSS, XHTML is released under a Creative Commons License

http://creativecommons.org/licenses/by/2.5/

*/





/*

1. Universal Declarations

2. Structure

	2.1. Header

	2.2. Content

	2.3. Comments

	2.4  Sidebar

	2.5  Footer

3. Lists

4. Headings

5. Images

6. Forms

7. Page Specific

8. Extras

*/





/* Universal Selectors

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



	*  {

		margin: 0;

		padding: 0;

		/* Resets all margins and paddings on the page */

		}

		

	ul {

		list-style-type: none;

		}

	

	* a:link, * a:visited, * a:hover, * a:active {

	text-decoration: none;

	color: #993300;

}

		

	* a:hover {

		cursor: pointer;

		/* works well for onclick anchors */

		}

	

	:link img {

		border: none;

		}

	

	* img {

		border: none;

		}

	

	a img {

		border: none;

		}

	

	:link img, :active img {

		border: none;

		}











/* Structure

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

	

	html { 

		margin-bottom: 0.1em;

		background: #111;

		}



	body {

		font-size: 75%; /* Sets the page font to 10px */

		font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	
		text-align: center;

		color: #eee;

		}

		

	.top {

		background: #111;

		width: 100%;

		padding: 10px 0;

		border-bottom: 1px solid #ccc;

		font-size: 1.1em;

		}



	#wrapper {

		width: 746px;

		margin: 0 auto;

		padding: 50px 0;

		text-align: left;

		font-size: 1.1em;

		}

		

	#header {

		padding: 1px;

		border: 1px solid #111;

		}



	#main {

		padding: 50px 0 0;

		}



	#content {

		float:left;

		width: 500px;

		padding: 1px 0 60px;

		border: 1px solid #111;

		}

		

	#sidebar {

		float: right;

		width: 210px;

		padding: 1px 0 60px;

		border: 1px solid #111;

		}

		

	#footer {

		padding: 60px 0;

		*padding: 30px 0;

		/* IE6 and IE7 hack */

		clear: both;

		border-top: 1px solid #eee;

		border-bottom: 0;

		font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

		}











	/* Header

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

	

		#header h1 a {

			}

			

		#header p.description {

			font-size: 1.6em;
			font-family: "Times New Roman", Times, serif;
			font-style: italic;

			}

					

		ul.mainmenu {

			display: block;

			overflow: auto;

			height: 1%;

			padding: 20px 1px 1px 0;

			border-bottom: 1px solid #eee;

			}

		

		.mainmenu li {

			float: left;

			position: relative;

			}

			

		.mainmenu li a {

			_width: 1%;

			/* Or else IE6 does a crappy of job of displaying the menu */

			height: 40px;

			display: block;

			padding: 25px 15px 0 15px;

			}

		

		.mainmenu li.home a {

			padding-left: 0;

			}

		

		.mainmenu li a:hover {

			text-decoration: underline;

			}

	

	

	

	

				

	/* Content

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

	

		#content h2 a {

			color: #eee;

			}

	

		#content p a, #content .metadata a {

			color: #993300;

			padding-bottom: 2px;

			border-bottom: 1px solid #993300;

			}

	

		#content p a:hover, #content .metadata a:hover {

		color: #CC3300;

		padding-bottom: 2px;

		border-bottom: 1px solid #CC3300;

			}

			

		#content p a:visited, #content .metadata a:visited {

			color: #993300;

			}

	

		#content p {

			font-size: 1.2em;
			
			font-family: "Times New Roman", Times, serif;
			
			padding: 13px 0;

			color: #eee;

			text-align: left;

			}
			
		.statement {

			font-size: 1.4em;
			
			font-family: "Times New Roman", Times, serif;
			
			font-style: italic;

	      }

		#content .post h3 {

			border-bottom: 1px solid #eee;

			font: 1.2em "Lucida Grande", sans-serif;

			padding-top: 20px;

			text-transform: uppercase;

			}

			

		#content .entry {

			padding-top: 10px;

			width: 100%;

			overflow: auto;

			height: 1%;

			}

	

		#content .metadata {

			display: block;

			padding: 10px 0 60px;
			
			font-size: 7pt;

			}

	

	

	

	

	

	/* Comments

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

	

		.commentlist {

			padding: 10px 0 30px 0;

			}

			

		.commentlist li {

			background: url(images/dot.gif) bottom left repeat-x;

			/* This fixes a Firefox / Safari bug where the bottom border sometimes shwoed up and sometimes didn't */

			margin: 10px 0;

			padding: 25px 0 10px 0;

			list-style-type: none;

			width: 100%;

			overflow: auto;

			height: 1%;

			}

			

		.comment_number a {

			font: 3.2em Georgia, serif;

			float: right;

			padding-right: 10px;

			color: #d6d6d6;

			}

			

		.comment_author {

			font-size: 1.4em;

			}

			

		h3#respond {

			display: block;

			padding-top: 15px;

			}

	

	

	

	

	

	/* Sidebar

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

	

		#sidebar ul li.side {

			padding-bottom: 25px;

			}

			

		#sidebar div {

			line-height: 1.7em;

			}

			

		#sidebar h2 {

			display: block;

			padding: 0 0 10px;

			}

		

		#sidebar ul li a {

			line-height: 1.9em;

			}

			

		#sidebar ul li ul li ul {

			padding-left: 15px;

			}

			

		#sidebar ul li ul li ul li ul {

			padding-left: 30px;

			}

	

	

	

	

	

	/* Footer

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

	

		#footer p {

			line-height: 2.2em;

			}	











/* Lists

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



	#content ul, #content ol {

		line-height: 2em;

		padding: 15px 0 15px;

		}



	#content ul li a, #content ol li a {

		line-height: 2.5em;

		}



	#content .post ol {

		padding-left: 25px;

		*padding-left: 30px;

		}

		

	#content .post ul li {

		padding-left: 20px;

		background: url(images/bullet.gif) center left no-repeat;		

		}









/* Headings

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



	h1, h1 a, h1 a:hover, h1 a:visited, h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, h4, h4 a, h4 a:hover, h4 a:visited {

		color: #eee;

		font-weight: normal;
		
		font-family: "Times New Roman", Times, serif;

		}



	h1 {
	font-size: 3em;
	font-style: italic;
}



	h2 {

		font-size: 1.8em;

		}



	h3 {

		font-size: 1.8em;

		}



	h4 {

		font-size: 1.6em;

		}

		

		

		

		

		

/* Images

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



	#content img {

		padding: 2px;

		border: 1px solid #ccc;

		max-width: 100%;

		margin: 0 auto;

		}



	#content img.none {

		border: 0;

		max-width: 90%;

		margin: 0 auto;

		}

		

	#content img.wp-smiley {

		border: 0;

		padding: 0;

		margin: 0;

		display: inline;

		/* For whenever one uses smileys in posts */

		}











/* Forms

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



	.searchform {

		width: 250px;

		float: right;

		text-align: right;

		}

		

		

		

		

		

/* Page Specific

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



	.last_20 li {

		line-height: 2em;

		}



	.archive_date {

		width: 100px;

		float: left;

		}

		

	/* This is if you use the current page-archives.php for your archives */

		

	.pagetitle {

		display: block;

		padding: 0 0 60px;

		}

					

			

			

			

			

/* Extras

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



	blockquote {

		margin: 0;

		padding: 0 0 0 25px;

		background: url(images/quote.gif) top left no-repeat;

		}



	html>body blockquote {

		background-position: 0 0;

		}

		

	.center {

		text-align: center;

		}



	hr {

		display: none;

		}