/* BACKGROUND (HEADER)
-----------------------------------------------------------*/
#headerBg	{	background-image:url(../images/headerBg.gif);
				background-repeat:repeat-x;
				left:0;
				position:absolute;
				top:0;
				width:100%;
			}
/*---------------------------------------------------------*/


/* WRAPPER
-----------------------------------------------------------*/
#wrapper 	{	margin:0px auto; width:925px;}
/*---------------------------------------------------------*/


/* HEADER
-----------------------------------------------------------*/	  	
		#header	{	position:relative;
					width:925px;		
				}				
			#menu		{	height:25px;
							left:0;
							position:absolute;
							top:6px;
						}
			#contacts	{	height:25px;
							left:575px;
							position:absolute;
							text-align:right;
							top:5px;
							width:350px;
						}
			#logo		{	height:125px;
							left:10px;
							position:absolute;
							top:32px;
						}
			.coolpink {	height:42px;
							left:825px;
							position:absolute;
							top:95px;						
						}
			.availableBadge	{	height:180px;
							left:755px;
							position:absolute;
							top:-50px;						
						}
/*---------------------------------------------------------*/

/* CONTENT
-----------------------------------------------------------*/
	#content	{	margin:0px auto;
					left:0;
					position:relative;
					top:200px;
					width:925px;
				}
		#featured		{	background-image:url(../images/PortfolioBg.png);
						background-repeat:repeat-y;
						left:0;
						padding-bottom:20px;
						position:relative;
						top:0;
						width:925px;
					}
			.mainPost	{	left:63px;
							margin-bottom:20px;
							position:relative;
							top:25px;
							width:825px;
						}
			.comingSoon	{	left:-50px;
							position:absolute;
							top:50px;
						}
			
				.mainPost ul		{ margin:10px 0 0 -25px;}
				.mainPost ul li		{ font-size:1.2em; line-height:1.8em;}
				.mainPost ul li	a	{ font-size:1em;}
				.mainPost ul li	span{ font-size:0.9em; font-style:italic;}
						
			.post	{	left:25px;
						position:relative;
						top:25px;
						width:900px;
					}
			.madeByPi	{	left:379px;
							position:absolute;
							top:340px;
						}
				
			.leftPost		{	border-bottom:1px dashed #444;
							left:0;
							margin-bottom:20px;
							padding-bottom:20px;
							position:relative;
							top:0;
							width:425px;
						}
			
				.leftPost ul		{ margin:10px 0 0 -25px;}
				.leftPost ul li		{ color:#fdf7e9; font-size:1.2em; line-height:1.8em;}
				.leftPost ul li	a	{ color:#A2A588; font-size:1em;}
				.leftPost ul li	a:hover	{ color:#5c6871;}
				.leftPost ul li	span{ font-size:0.9em; font-style:italic;}
				
				.leftPost p	a	{ color:#A2A588; font-size:1em;}
				.leftPost ul li	a:hover	{ color:#5c6871;}
				
			.rightPost		{	border-bottom:1px dashed #444;
							left:472px;
							margin-bottom:20px;
							padding-bottom:20px;
							position:absolute;
							top:0;
							width:425px;
						}
						
				.rightPost ul		{ margin:10px 0 0 -25px;}
				.rightPost ul li	{ color:#fdf7e9; font-size:1.2em; line-height:1.8em;}
				.rightPost ul li a	{ color:#A2A588; font-size:1em;}
				.rightPost ul li a:hover	{ color:#5c6871;}
				.rightPost ul li span{ font-size:0.9em; font-style:italic;}
				
				.rightPost p	a	{ color:#A2A588; font-size:1em;}
				.rightPost ul li	a:hover	{ color:#5c6871;}
				
				
				.dateTab	{	left:-63px;
								position:absolute;
								top:5px;
							}
				.mainSoftware	{	left:724px;
								position:absolute;
								text-align:right;
								top:31px;
								width:100px;
							}
				.software	{	left:325px;
								position:absolute;
								text-align:right;
								top:38px;
								width:100px;
							}
				.postPadding{	line-height:2em;
								padding-bottom:5px;
							}
				.postPicture{	padding:10px 0;
								margin-bottom:-10px;
							}
				.postBackToTop{	left:415px;
								position:absolute;
							}
				.mainPostBackToTop{	left:815px;
								position:absolute;
							}
		
/*---------------------------------------------------------*/

/* TYPOGRAPHY
-----------------------------------------------------------*/
p	{	color:#0f0f0f;
		font-family:Arial, Helvetica, sans-serif;
		font-size:1.2em;
		line-height:1.6em;
	}

p.dark	{	color:#fdf7e9;
		font-family:Arial, Helvetica, sans-serif;
		font-size:1.2em;
		line-height:1.6em;
	}

.greyText	{	color:#676767;
				font-family:Georgia, "Times New Roman", Times, serif;
				font-size:1.1em;
			}
/*---------------------------------------------------------*/

/* GENERIC (LISTS, FORMS, BUTTONS ETC)
-----------------------------------------------------------*/
	#menu ul	{margin-left:-25px; }
	#menu ul li	{display:inline; list-style-type:none; margin-left:25px; }
	#menu ul li a{color:#676767; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.1em; text-transform:uppercase; font-weight:normal; text-decoration:none; }
	#menu ul li a:hover	{color:#7E0E09; text-transform:uppercase; font-weight:normal; text-decoration:none; }
	#menu ul li a.selected{	border-bottom:2px solid #7e0e09; color:#fdf5e6; font-weight:bold; }
	
	#contacts ul	{text-align:right; }
	#contacts ul li	{color:#676767; display:inline; list-style-type:none; }
	#contacts ul li a{color:#676767; font-weight:bold; text-decoration:none; }
	#contacts ul li a:hover	{color:#7E0E09; font-weight:bold; text-decoration:none; }
					
/*---------------------------------------------------------*/

/* FOOTER
-----------------------------------------------------------*/
.folioFooter {	position: relative;
			width:100%;
		}
	.footerBox	{	margin:0 auto;
					position:relative;
					vertical-align:top;
					width:925px;
				}
		
		.footerCopyright	{	left:25px; position:absolute; top:272px; }
		.footerCopyright p	{	color:#a3a09a; font-size:1em; font-style:normal; width:500px; }		
		.footerCopyright p a{	color:#9e120d; font-size:1em; text-decoration:none; }
		.footerCopyright p a:hover{	color:#9e120d; font-size:1em; text-decoration:none; border-bottom:1px solid #fff; }
		
		.footerMenu	{	left:525px; position:absolute; top:272px; }
		.footerMenu p	{	color:#a3a09a; font-size:1em; font-style:normal; text-align:right; width:400px; }		
		.footerMenu p a	{	color:#a3a09a; font-size:1em; margin-left:6px; text-decoration:none; }
		.footerMenu p a:hover{	color:#fff; font-size:1em; margin-left:6px;text-decoration:none; border-bottom:2px solid #9e120d; }
		
					
/*---------------------------------------------------------*/