/*
Theme Name: Feeling Pinky
Theme URI: 
Description: Using Elliot Jay Stocks Starkers theme as a base, built on, personalized and built soley for my requirements.
Version: 1.6
Author: Michael Howlett
Author URI: http://michaelhowlett.co.uk
Tags: white, black, pink. Simple.
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/*Page Structure*/


/*
@font-face {
	font-family: 'QuickEndJerkRegular';
	src: url('fonts/quick_end_jerk-webfont.eot');
	src: local('quick_end_jerk-webfont'), url('quick_end_jerk-webfont.woff') format('woff'), url('fonts/quick_end_jerk-webfont.ttf') format('truetype'), url('fonts/quick_end_jerk-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

*/

#wrap				{	width: 960px; 
						min-height: 100%;
						height: auto !important; 
						height: 100%;
						margin: 0 auto -100px;
}
pre				{	margin-bottom: 10px;	}
.push				{	height: 100px; width: 960px; float: left;	}


/*Header.php*/


#top-header			{	display: block;
						width: 960px;
						float: left;
						
}

#navigation			{	display: block;
						width: 660px;
						float: left;
						
}
#head-nav			{	display: block;
						width: 660px;
						float: left;
						margin-bottom: 20px;
						height: 17px;
}
				
ul#pages			{	list-style: none;
						margin: 1px 0 0 15px;
						float: right;
					
}
ul#home				{	list-style: none;
						margin: 1px 0 0 15px;
						float: left;

						
}

ul#pages li,
ul#pages li a		{	display: inline;
						color: #ffcccc;
						margin: 0 5px 0 0;
}
ul#home li,
ul#home li a		{	display: inline;
						color: #ffcccc;
						margin-right: 15px;
}
#subscribe li,
#subscribe li a		{	display: inline;
						color: #ffcccc;
						margin: 0 5px 0 0;
}
#subscribe ul		{	float:right;	}




.header				{	height: auto;
						background-color: #200c15;
						padding: 2px 0;
						
}
#logo				{	width: 660px;
						display: block;
						height: auto;
						float: left;
						margin-bottom: 20px;
						
}
#logo2				{	width: 280px;
						display: block;
						height: auto;
						float: right;
						margin-bottom: 20px;
						
}
#head,
#head2				{	width: inherit;
						display: block;
						float: left;
}

a.rollover 			{	width: 215px;
						height: 30px;
						display: block;
						background: url(images/logo-24.png) top left no-repeat; 
						margin: 10px 20px;
}

a.rollover:hover	{	background-position: -215px;

}


#subscribe			{	width: 280px;
						float: right;
						height: 17px;
					
}				
#subscribe span		{	float: left;
						color: #ffcccc;
						margin: 1px 10px;
}				
				
/*Index.php*/

.post				{	display: block;
						float: left;
						padding-bottom: 20px;
						margin-bottom: 10px;
						width: inherit;
						min-height: 260px;
}

#post-index			{	width: 660px;
						float: left;
}

.title-bar			{	width: inherit;
						height: 20px;
						display: block;
						background-color: #200c15;
						
}
				


.title-bar a		{	float: left;
						margin: 2px 10px 2px 15px;
						color: #ffcccc;
						text-decoration: none;
						padding: 1px 5px;
						background: none;
}


.title-bar a:hover,
ul#pages li a:hover,
#subscribe a:hover,
ul#home li a:hover	{	background: #ffcccc;
						color: #200c15;
					
}
.title-bar span		{	float: right;
						color: #ffcccc;

}

span.date			{	float: right;
						color: #ffcccc;
						margin: 3px 10px 0 0;

}
.post-content		{	display: inline-block;
						height: auto;	
						border-bottom: dotted 1px #999;
						min-width: 660px;
}
.post-text			{	width: 300px;
						display: inline-block;
						float: left;
						margin: 10px 20px;
						
}
						
.post-thumb			{	float: left;
						margin: 5px 0 0 10px;
}
.post-thumb a:hover	{	background: none;	}
.wp-post-image 		{	width: 300px; height: auto;	border-style:none; margin: 5px; 			}





.header-box			{	display: inline-block;
						width: 150px;
						height: 20px;
						background-color: #200c15;
						float: left;
						margin: 0 80px 5px 0;
}
.header-box h2,
.footer-box h2,
.footer-contact h2	{	display: block;
						float: left;
						margin: 2px 10px;
						width: auto;
						color: #ffcccc;
}

#sidebar			{	width: 280px;
						margin-left: 20px;
						float: left;
}


#sidebar ul			{	display: inline-block;
						width: 150px;
						float: left;
						margin-bottom: 20px;
}
#sidebar li			{	display: block;
						margin: 5px 0;
						width: 150px;
						border-bottom: dotted 1px #200c15;
}

li a				{	padding: 1px 5px;
						margin-left: 5px;
						
}


input#s, input.contact
					{	width:	215px; 
						font-size: 1em; 
						border: 2px solid #200c15;
						margin-bottom: 20px;
						padding: 0px;
						height: 16px;
}
input#s				{	border-left: none;	}

input#s:focus,
input.contact:focus	{ 	background-color: #ffcccc;	} 
.button				{	display: block;
						background-color: #200c15;
						width: 60px;
						height: 20px;
						color: #ffcccc;
						border: solid 2px #200c15;
						padding-bottom: 4px;
						cursor:pointer;
						font-size: 1.0em;
						float: left
}						

.button:hover		{	color: #200c15;	
						background-color: #ffcccc;
						border: solid 2px #200c15;
						
}

#single-content		{	margin: 20px;
						padding-bottom: 20px;
						border-bottom: dotted 1px black;
						
}
#single-content ul	{	list-style:circle;
						margin-bottom: 20px;

}
#single-content li	{	margin-left: 20px;
						
}

.preview	
					{	width: 400px;
						height: auto;
						padding: 5px;
						border: 1px dotted;
}

.preview-small		{	width: 290px;
						height: auto;
						padding: 5px;
						border: 1px dotted;
						display: inline-block;
						
}
.wp-caption a:hover,
.aligncentre a:hover,
img a:hover			{	background: none;	}


#single-extras,
#respond			{	margin: 0 20px;		}

.next				{	float: right;	}
.previous			{	float: left;	}


.next,.previous		{	background-color: #200c15;
						color: #ffcccc;
						display:inline-block;
						padding: 2px 10px;
}

.next a,
.previous a			{	background-color: #200c15;
						color: #ffcccc;
}

.next a:hover,	
.previous a:hover	{	background: #ffcccc;
						color: #200c15;
					
}



.archive-post		{	display: block;
						width: 300px;
						height: auto;
						
}

.post-odd			{	float: right;
						width: 320px;
						height: 300px;
						margin-top: 20px;

}

.post-even			{	float: left;
						width: 320px;
						height: 300px;
						margin-top: 20px;

}

.title-bar h3 a		{	clear: both;	
						margin: 2px 1px;
						
						
}

.archive-content	{	margin: 5px;
						
}




.archive-text		{	min-height: 200px;
						max-height: 250px;
						overflow: auto;
						
}

#search-content	p	{	margin-bottom: 20px;

}


	
h2#search span		{	float: none;
						font-family: "Arial Black", Helvetica, sans-serif;
						font-weight: bold;
						display: inline;
}
					

#sidebar-text		{	float: left;
						display: block;

}



#footer				{	float: left;
						min-height: 100px;
						width:100%;
}

.footer-inner		{	width: 960px;
						margin: 0 auto;
						
}

#footer-nav 		{	display:block;
						float:left;
						height:auto;
						margin-bottom:20px;
						width: 960px;
						
}
.column				{	width: 150px;
						height: auto;
						display: block;
						float: left;
						margin: 0 20px 0 0 ;
						
}




.footer-box,
.footer-contact		{	display: inline-block;
						width: 150px;
						height: 20px;
						background-color: #200c15;
						float: left;
						margin-bottom: 5px;
}
.footer-contact		{	width: 200px;	}

#footer ul			{	width: 120px;
						
						
}

#footer ul li		{	border-bottom: dotted 1px #200c15;
						margin: 5px 0;
						
}

#contact-form		{	float: left;
						display: inline-block;
						width: 220px;
						
}
.contact-box		{	margin: 5px 0;
						
}


textarea			{	border: solid 2px black;
						
}
textarea.contact	{	width: 300px;

}

textarea#comment	{	width: 600px;

}


#blog-info			{	width: 960px; float: left;	}

#blog-info	p		{	text-align: center; 		}


/*Contact Page */

#left, #right		{	width: 300px;
						height: auto;
						padding: 0 10px;
						margin-top: 20px;
}

#contact-title		{	display: block;
						position: relative;
						height: 80px;
						width: inherit;
						margin: 0 5px 10px 0;
						border-bottom: 1px dotted;
						
}
#contact-title span	{
						font-family:"Times New Roman", Georgia, Times, serif;
						font-style:italic;
}
#contact			{	position: absolute;
						top: 0px;
						left: 0px;
						width:170px;
						height: 60px;
						background: url(images/welcome-bg.jpg);
						
}

#me2				{	position: absolute;
						top:25px;
						left: 165px;
						width:60px;
						height: 25px;
}

#contact span	{		font-size: 45px;
						position: absolute;
						top:2px;
						left: 10px;
						color: #f7feff;

}

#me2 span		{		font-size: 31px;
						
}



/* About Me Page */
#about-top	{
	position: relative;
	display: block;
	height: 105px;
	width: inherit;
	margin: 10px 0 10px 0;
	border-bottom: 1px dotted;
}
#hello	{
	position: absolute;
	width:90px;
	height: 40px;
	top: -10px;
}
#and	{
	position: absolute;
	top:-5px;
	left: 70px;
	width:60px;
	height: 55px;
}

#welcome	{
	position: absolute;
	top:10px;
	left: 115px;
	width:170px;
	height: 60px;
	background: url(images/welcome-bg.jpg);
}

#about-top span	{
	font-family:"Times New Roman", Georgia, Times, serif;
	font-style:italic;
}

#hello span	{
	font-size: 40px;
	color: #999;
}
#and span	{
	font-size: 72px;
	color: #200c15;
}
#welcome span,
span#caps	{
	font-size: 41px;
	position: absolute;
	top:3px;
	left: 41px;
	color: #f7feff;
	
}

span#caps	{
	left: 5px;
	font-size: 48px;
	
}

#name{
	position: absolute;
	top:-5px;
	left: 295px;
	width:370px;
	height: 65px;
}

#name p,
#name span	{
	font-family:"Times New Roman", Georgia, Times, serif;
	font-style:italic;
	font-size: 18px;
	color: #999;
	
}
#name span,
#me span	{
	color: #200c15;
	
}

#me	{
	position: absolute;
	top:75px;
	width:660px;
	height: 25px;
}

#me p	{
	font-family:"Times New Roman", Georgia, Times, serif;
	font-style:italic;
	font-size: 18px;
	color: #999;

}
#me a	{	
	font-family:"Times New Roman", Georgia, Times, serif;
	font-style:italic;
	font-size: 18px;
	color: #000;
}


/* Plugin extras */

#related	{
	padding-top: 10px;
	border-top: 1px dotted;
	border-bottom: 1px dotted;
	width: inherit;
	margin-bottom: 40px;
}

div.wpcf7-response-output	{
	background-color: #ffcccc;
	color: #000;
	border: solid 2px #000 !important;
	margin: 0 !important;
}



/* Profile */

.project-box-left,
.project-box-right{
	width: 320px;
	height: auto;
	margin: 20px 0;
	float: left;
	display: block;
}
.project-box-left{
	margin-right: 20px !important;
}
.project-image{
	width: inherit;
	margin: 10px 0 10px 0;
	float: left;
}

.project-info,
.project-links{
	text-align: justify;
	margin: 0 10px;
	width: 300px;
}

#page-text P{
	margin: 20px
}