/*

Theme Name: Robert McCarthy

Theme URI: http://robmccarthy.co.uk

Description: Based around Elliot Jay Stocks' Starkers Theme. Customized for Rob McCarthy by Michael Howlett

Version: 1.0

Author: Michael Howlett

Author URI: http://www.michaelhowlett.co.uk



*/





/*******

	grey: #f2f1f1

	blue: #f3f3f3









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

	RESET.

	

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



*								{	margin: 0; padding: 0;	}

html							{	overflow: auto; 	}

html, body						{	height: 100%;	}

body							{	font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; 

									background-color: #eae9e9; 	}

ul								{	list-style: none inside;	}

ol								{	list-style: decimal inside;	}

a								{	outline: none; text-decoration: none;	}

.wp-post-image 					{	width: 270px; height: auto;	border-style:none; margin: 15px; 			}

table							{	border-collapse: collapse;	}

.news-thumb						{	width: 270px; height: auto;	border-style:none; margin: 15px; 			}







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



	BASIC TYPOGRAPHY.	

	

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



p 								{	font-size: 1.1em; line-height: 1.5em; 	

									font-family: Arial, Helvetica, sans-serif; color: #303030;

									font-weight: 100; margin-bottom: 0.7em;	}

a								{	font-size: 1.0em; line-height: 1.5em; 	

									font-family: Arial, Helvetica, sans-serif; color: #787878; text-decoration:underline;

									font-weight: 100;	}

a:hover							{	color: #787878; text-decoration:underline;		}

a img,							

img								{	vertical-align: middle; border: none; float: right;	}

h1								{	font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; font-weight: normal; color: #CCC;	}

h2								{	font-family: Arial, Helvetica, sans-serif; color: #787878; font-size: 1.1em; 	}

h2.blue							{	font-family: Arial, Helvetica, sans-serif; color: #787878; display:block; font-size: 1.1em; padding-bottom: 2px; font-weight: normal;	}





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

	

	CLASSES.	

	

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



.column-narrow			{	display: block;

							width: 300px;

							height: 100%;

							padding:  0 20px 10px 0;

							float: left;

							

							

}

.column-wide			{	display: inline-block;

							width: 620px;

							float: right;

							margin-right: 20px;

							

}





.box-30					{	display: inline-block;

							width: 300px;

							height: 30px;

							background-color: #787878;

							margin-bottom: 5px;

							margin-right: 20px;

							

							

}



.box-100				{	display: inline-block;

							width: 300px;

							height: 100px;							

							background-color: #787878;

							margin-bottom: 5px;

							margin-right: 20px;



}



.box-30 p, .box-30 a	{	display: inline-block;

							margin: 8px 0 0 15px;	

							color: #f3f3f3;
							
							font-size: 1.1em;

							

}

.box-100 p, .box-100 a	{	display: inline-block;

							margin: 0 0 0 15px;	

							color: #f3f3f3;
							
							font-size: 1.1em;

							

}





.aligncenter 			{	display: inline-block;

							margin-left: auto;

							margin-right: auto;

							

}



img.aligncenter			{	width: 590px; !important;

							height: auto;

}





#topcontrol				{ 	display: none;	}





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

	HEADER.PHP

	

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

#page-wrap				{	width: 960px;							  

							min-height: 100%; 

							height: auto !important; height: 100%;

							margin: 20px auto;

							



}



#main-header			{	width: 300px;

							min-height: 150px;

							float: left;

							

							

							

}

h1#blog-title a			{ 	display: block; margin-top: 8px;	}







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



	INDEX.PHP



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





#main-content			{	width: 310px; 

							height: 100%;

							float: left;

							margin-right:10px;

}



ul#cat li				{	display: block;

							width: 300px;

							height: 30px;

							background-color: #f3f3f3;

							margin-bottom: 5px;

							color: #787878; 

							

}



ul#cat li.current-cat 	{ 	background-color: #787878;

							color: #F3F3F3

}



ul#cat li.current-cat a	{	color: #F3F3F3;	}

ul#cat li a				{	display: inline-block;

							margin: 8px 0 0 15px;	

							color: #787878;
							
							font-size: 1.1em;

							

}



.post					{	background-color: #f2f1f1;

							margin-bottom: 20px;

							width:auto;

							

}



h2.post-title			{	display: inline;

							margin: 15px;

							color: #787878;

							padding-bottom: 1em;

							font-weight: normal;

}



h2.post-title a			{	color: #787878;

							font-size: 1em;

}



.content				{	width: 300px;	



}



.content p				{	padding-bottom: 1em;

							margin: 0 15px 0 15px;

							text-align: left;

}





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



LEFT-MAIN.PHP



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





#profile				{	width: auto;

							height: auto;

							display: inline-block;

							padding: 15px;

							background-color: #f2f1f1;

							margin-top: 10px;

}







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



COLUMN_NEWS.PHP

right hand column



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

#news					{	width: 300px;

							

							

}

.news-item				{	width: 300px;

							height: auto;

							display: inline-block;

							background-color: #f2f1f1;

							margin-bottom: 20px;

							

}

.news-item p			{	margin: 0 15px 0 15px;

							padding-bottom: 15px;

}

.news-item h2			{	margin: 15px 0 0 15px;

							

}



ul#contact				{ 	margin-top: 8px;	}





								

								

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



SINGLE.PHP

All things do with posting



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



#post-content			{	width: 300px;

							height: auto;

							display:block;

							float: left;

							padding: 15px;

							background-color: #f2f1f1;

}







.post-text				{	width: 300px;

							display:block;

							float: left;

							background-color: #f2f1f1;

}



.post-text p			{	margin: -5px 15px 1.6em 15px;

							text-align: left;

							

}

.post-text h2			{ 	display: block;

							margin:10px 15px 0 15px;	}

.post-images			{	width: 590px;

							padding: 15px 15px 15px 15px;

							background-color: #f2f1f1;

							float: left;

							margin-bottom: 15px;

							

}







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



FOOTER.PHP



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

#footer			 		{	width: 960px;

							height: 30px;

							margin: 0px auto;

}



.push					{	height: 35px;

							clear: both;

							

}

#footer-inside			{	height: 30px;

							width: 960px;

							

}