/*  



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: none;

                text-decoration: underline;

                color: #06c;



		/* 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: url('http://canisay.org/images/stripes.png');



		}







	body {



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



		line-height: 14 px;

                font-family: 'Georgia', Verdana, Arial, Sans-Serif;



		text-align: center;



		color: #000;



		padding: 25px 0;



		}



		

	#wrapper {



		width: 950px;



		margin: 0 auto;



		padding: 10px;



		text-align: left;



		font-size: 1.1em;



		background: transparent;



		}





		



	#header {



		padding: 1px;



        border: 1px solid #999;


		
 		background: #fff;



		padding: 15px 15px 150px 15px;



		}







	#main {



		overflow: auto;



		height: 1%;



		padding: 10px 0;



		}







	#content {



		float:left;



		width: 708px;



                border: 1px solid #999;



		background: #fff;



		}



		



	.content {



		padding: 15px 25px 30px 20px;



		}



		



	#sidebar {



		float: right;



		width: 230px;



		border: 1px solid #999;



		background: #fff;



		}



		



	#footer {



		padding: 20px 10px;



		*padding: 10px;



		/* IE6 and IE7 hack */



		clear: both;



		font-family: 'Georgia', Verdana, Arial, Sans-Serif;



		background: #fff;



		border: 1px solid #999;



		}























	/* Header



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



	



		#header h1 a {



			font-size: 1.4em;



			padding-bottom: 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;



			}



		



		.homepage ul.mainmenu {



			padding: 20px 1px 1px 10px;



			}



		



		.mainmenu li {



			float: left;



			position: relative;

                        border: 0px solid #ccc;

			}



			



		.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 Georgia, helvetica, verdana, sans-serif;



			color: #888;



			}



		



		.mainmenu li.home a {



			padding-left: 0;



			}



		



		.homepage .mainmenu li.home a {



			padding-left: 15px;



			}



		



		.mainmenu li a:hover {



			color: #999;

			text-decoration: underline;



			}



	



	



	



	



				



	/* Content



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



		



		#content h2 a {



			text-transform: uppercase;



                        font-size: 0.8em;



			color: #000;



                        padding: 5px;



                        display: block;



                        border-bottom: 1px solid #ccc;



			}



	



		#content p a, #content .metadata a {



			color: #06c;



			padding: 0px;



			border: 0px solid #ddd;



			}



	



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



			border-bottom: 0px solid #666;



			}



			



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



			color: #cc6600;



			}



	



		#content p {



			font: 1em/2em 'Georgia', Verdana, Arial, Sans-Serif;



			padding: 5px;



                        margin: 5px 0px;



			color: #000;



			text-align: justify;



			}



	



		#content .post h3 {



			border-bottom: 1px solid #ccc;



			font: 1.2em "Georgia", sans-serif;



			padding-top: 20px;



			text-transform: uppercase;



			}



						



		#content .post-contain {



			overflow: auto;



			height: 1%:



			clear: both;

                        

			padding: 0 0 20px;



			}



			



		#content .postright {



			width: 650px;



                        margin: 10px auto 10px auto;



			}



					



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



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

                        border: 1px solid #0b8d08;



			}



		#content ul.metadatafront li.author {



			padding-left: 25px;



			background: url(http://www.iconarchive.com/icons/enos-layuk/hanna-barbera-heroes/Space-Ghost-16x16.png) 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;



			}



	#content .date {



			display: block;



			padding: 5px 5px;



			background: #fff;



			border: 0px solid #ddd;



			margin: 0;



			}



	



	



	



	



	/* 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;

                        margin: 20px 0 0;

			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 Georgia, 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 'Georgia', Tahoma, Arial, Helvetica, Verdana, sans-serif;

                        color: #000;

                        padding: 5px;



			display: block;

                  



			border-bottom: 1px solid #ccc;



			}



		



		#sidebar ul.sidebar {



			padding: 10px;



			}



		#sidebar ul li.side {


            line-height: 1.7em;
			padding: 10px 5px;

			}



	        .noposts {padding-top: 5px;

                        }



		#sidebar div {



			line-height: 1.7em;

                        padding: 10px 0;

			}

		



		#sidebar ul li a {



			line-height: 1.9em;

                        padding: 5px 0;

			}



		#sidebar ul li ul li ul {



			padding-left: 15px;



			}



		#sidebar h2 {



			display: block;



			padding: 5px 0;



			}



		#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: #000;



		font-weight: normal;



		font-family: 'Georgia', 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: 10px;



		border: 1px solid #ccc;



		max-width: 100%;



		display: block;



		margin: none;



		}







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

                border: 1px solid #0b8d08;



		}



		



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



		



	h2.pagetitle {



		display: block;



		text-align: center;



		padding: 10px;



		background: #fff;



		border: 0px solid #ddd;



		text-transform: uppercase;



		font-size: 1.4em;



		margin-bottom: 30px;



		}

h2.profile {



		display: block;



		text-align: left;



		padding-left: 5px;



		background: #fff;



		border: 0px solid #ddd;



		text-transform: uppercase;



		font-size: 1.4em;



		margin-bottom: 10px;



		}
h2.archive {



		display: block;



		text-align: center;



		padding: 10px;



		background: #fff;



		border: 0px solid #ddd;



		text-transform: uppercase;



		font-size: 1.4em;



		margin-top: 40px;
		margin-bottom: 20px;



		}

					



			



			



			



			



/* Extras



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







	blockquote {



		margin: 10px;

		padding: 5px 15px;

                border: 1px dashed #999;

                background: #fff;

                color: #06c;

                font-size: 13px;

                line-height: normal;



		}



        .blocktext {

                color: #06c;



                }



	html>body blockquote {



		background-position: 0 0;



		}



		



	.center {



		text-align: center;



		}







	hr {



		display: none;



		}