/*  
	Theme Name: Pearly Grey
	Theme URI: http://www.bballcity.com/download/themes/pearly Grey/
	Description: A wordpress theme by Ash Haque
	Version: 1.0
	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: #06c;
			}
			
		* a:hover {
			cursor: pointer;
			text-decoration:underline;
			/* works well for onclick anchors */
			}
	
		* a:active {
			outline: none;
			}
			
		:focus {
			-moz-outline-style: none;
			}
		
		:link img {
			border: none;
			}
		
		* img {
			border: none;
			}
		
		a img {
			border: none;
			}
		
		:link img, :active img {
			border: none;
			}
	
	
	
	
	
	/* Structure
	----------------------------------------------------------------------------- */
		
		html { 
			background: #444;
			}
	
		body {
			font-size: 62.5%; /* Sets the page font to 10px */
			font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
			text-align: center;
			color: #444;
			padding: 25px 0;
			}
			
		#wrapper {
			width: 950px;
			margin: 0 auto;
			padding: 10px;
			text-align: left;
			font-size: 1.1em;
			background: #ddd;
			}
			
		#header {
			padding: 1px;
			border: 1px solid #ccc;
			background: url(../../../images/header.jpg) no-repeat;
			padding: 15px 15px 5px 15px;
			}
	
		#main {
			overflow: auto;
			height: 1%;
			padding: 10px 0;
			}
	
		#content {
			float:left;
			width: 708px;
			border: 1px solid #ccc;
			background: #fff;
			}
			
		.content {
			padding: 15px 25px 30px 20px;
			}
			
		#sidebar {
			float: right;
			width: 230px;
			border: 1px solid #ccc;
			background: #fff;
			}
			
		#footer {
			padding: 20px 10px;
			*padding: 10px;
			/* IE6 and IE7 hack */
			clear: both;
			font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
			background: #fff;
			border: 1px solid #ccc;
			}
	
	
	
	
	
		/* Header
		----------------------------------------------------------------------------- */
		
			#header h1 a {
				font-size: 1.4em;
				padding-bototm: 5px;
				color: #555;
				}
				
			#header p.description {
				padding-top: 5px;
				font-size: 1.2em;
				}
						
			ul.mainmenu {
				display: block;
				overflow: auto;
				height: 1%;
				padding: 20px 1px 1px 0;
				}
			
			
			.mainmenu li {
				float: left;
				position: relative;
				}
				
			.mainmenu li a {
				_width: 1%;
				/* Or else IE6 does a crappy of job of displaying the menu */
				height: 15px;
				display: block;
				padding: 15px;
				text-transform: uppercase;
				font: bold 1em arial, helvetica, verdana, sans-serif;
				color: #000000;
				}
			
			.mainmenu li.home a {
				padding-left: 0;
				}
			
			.mainmenu li a:visited {
				color: #000000;
				text-decoration: none;
				}
			
			.mainmenu li a:hover {
				color: #06c;
				text-decoration: underline;
				}
				
		
		
					
		/* Content
		----------------------------------------------------------------------------- */
			
			#content h2 a {
				text-transform: uppercase;
				font-size: 0.8em;
				color: #555;
				}
		
			#content p a, #content .metadata a {
				color: #06c;
				padding-bottom: 2px;
				}
		
			#content p a:hover, #content .metadata a:hover {
				}
				
			#content p a:visited, #content .metadata a:visited {
				color: #06c;
				}
		
			#content p {
				font: 1em/2em 'Lucida Grande', Verdana, Arial, Sans-Serif;
				padding: 1.3em 0;
				color: #444;
				text-align: justify;
				}
		
			#content .post h3 {
				border-bottom: 1px solid #ccc;
				font: 1.2em "Lucida Grande", sans-serif;
				padding-top: 20px;
				text-transform: uppercase;
				}
							
			#content .post-contain {
				overflow: auto;
				height: 1%:
				clear: both;
				padding: 0 0 50px;
				}
				
			#content .postright {
				float: right;
				width: 500px;
				}
						
			#content ul.metadatafront {
				float: left;
				width: 155px;
				padding: 3.6em 0 10px;
				}
			
			#content ul.metadatafront li {
				padding: 5px 0;
				background: none;
				}
				
			#content ul.metadatafront li.category ul li {
				padding-left: 25px;
				background: url(images/icon_folder.gif) center left no-repeat;
				}
			
			#content ul.metadatafront li.category ul {
				margin: 0;
				padding: 0;
				}
				
			#content ul.metadatafront li.date {
				padding-left: 25px;
                                color: #ababab;
				background: url(images/icon_date.gif) center left no-repeat;
				}
				
			#content ul.metadatafront li.leave_comment {
				padding-left: 25px;
				background: url(images/icon_comments.gif) center left no-repeat;
				}
				
			#content .metadata {
				display: block;
				padding: 10px;
				background: #f8f8f8;
				border: 1px solid #ddd;
				margin: 5px 0 40px;
				}
		
		
		
		
		
		/* Comments
		----------------------------------------------------------------------------- */
		
			#comments {
				overflow: auto;
				height: 1%;
				}
		
			.commentlist {
				width: 360px;
				float: left;
				}
				
			#respond {
				width: 300px;
				float: right;
				}
					
			.respond {
				padding: 25px 0 0 25px;
				}
						
			.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 don't */
				margin: 5px 0;
				padding: 10px 0 5px 0;
				list-style-type: none;
				width: 100%;
				overflow: auto;
				height: 1%;
				}
				
			.comment_number a {
				font: 3.2em Georgia, serif;
				float: right;
				padding-right: 10px;
				margin-top: -0.8em;
				color: #d6d6d6;
				}
				
			.comment_author {
				font-size: 1.4em;
				}
				
			h3#comments {
				display: block;
				text-transform: uppercase;
				font-size: 1.5em;
				}
		
			#commentform input, #commentform textarea {
				width: 95%;
				}
			
			#commentform textarea {
				padding-right: 1px;
				}
			
			#commentform p {
				padding: 5px 0;
				margin: 0;
				}
			
			#commentform label {
				text-transform: uppercase;
				font: 1.1em arial, helvetica, verdana, sans-serif;
				}
			
			#commentform #submit {
				width: auto;
				background: #f8f8f8;
				border: 1px solid #ccc;
				margin-top: 15px;
				text-transform: uppercase;
				font-size: 0.9em;
				padding: 5px 10px 3px 10px;
				}
		
		
		
		
		/* Sidebar
		----------------------------------------------------------------------------- */
		
			#sidebar h2 {
				text-transform: uppercase;
				font: 1.3em 'Trebuchet MS', Tahoma, Arial, Helvetica, Verdana, sans-serif;
				margin-bottom: 5px;
				display: block;
				border-bottom: 1px solid #ccc;
				}
			
			#sidebar ul.sidebar {
				padding: 10px;
				}
		
			#sidebar ul li.side {
				padding-bottom: 15px;
				}
				
			#sidebar div {
				line-height: 1.7em;
				}
				
			#sidebar h2 {
				display: block;
				padding: 0 0 5px;
				}
			
			#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 .postright ol, #content .post ol {
			padding-left: 25px;
			*padding-left: 30px;
			}
		
		#content ul li {
			padding-left: 15px;
			background: url(images/bullet.gif) center left no-repeat;
			}
		
		#content ul li a {
			padding: 0 !important;
			margin: 0 !important;
			}
				
	
	
	/* 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: #555;
			font-weight: normal;
			font-family: 'Trebuchet MS', Verdana, Sans-Serif;
			}
	
		h1 {
			font-size: 2.2em;
			}
	
		h2 {
			font-size: 2.0em;
			}
	
		h3 {
			font-size: 1.8em;
			}
	
		h4 {
			font-size: 1.6em;
			}
			
			
			
			
			
	/* Images
	----------------------------------------------------------------------------- */
	
		#content img {
			padding: 5 px;
			border: 1px solid #ccc;
			max-width: 100%;
			display: left;
			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;
                        font-color: #cccccc;
			}
			
		/* This is if you use the current page-archives.php for your archives */
			
		h2.pagetitle {
			display: block;
			text-align: center;
			padding: 10px;
			background: #f8f8f8;
			border: 1px solid #ddd;
			text-transform: uppercase;
			font-size: 1.4em;
			margin-bottom: 30px;
			}
						
				
				
				
				
	/* 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;
			}