/* 	Designed by Shane Seminole Mielke
	Modified for ewebfoot.com by Chris Smith
	Layout CSS
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Body - General Layout Structure	
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body {
	margin: 0px;
	padding:0px;
	background-color: #827c64;
	font-family: Verdana, Arial, geneva, sans-serif;
	font-size: 9px;
	color: #000000;
	text-align: center;
	background-image: url(images/bg_concrete.jpg);
	/*background-repeat: repeat-x; */
}	

img {
	border:0;
}

A {font-size: 10px;}
A:link {color: #006699; font-weight: bold; text-decoration: none;}
A:active {color:#006699; font-weight: bold; text-decoration: none;}
A:visited {color: #006699; font-weight: bold; text-decoration: none;}
A:hover {color: #FFFFFF; font-weight: bold; text-decoration: none; background-color: #006699;}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	CONTAINER ELEMENTS
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#fHeader
{
	float:none;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	width:100%;
}

#fFooter
{
	float:none;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	width:460px;
}

#wrapper
{
	float:none;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	width:840px;
}

.pContainer {
	margin: 0px 0px 30px 0px;
	padding: 10px;
	background-color: #e8e8e8;
	float: none;
	vertical-align:top;
	text-align: left;
	font-family: Verdana, Arial, geneva, sans-serif;
	font-size: 9px;
	width: 840px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 820px;
}

.pBox {
	width: 820px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	PROJECT ELEMENTS	
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.pHeader {
	margin: 0px;
	padding: 0px;
	width: 388px;
}

.pDate {
	margin: 0px;
	padding: 0px;
	float: right;
	color: #999999;
	text-align: right;
}

.pImage {
	margin: 0px;
	padding: 10px;
	background-color: #d0d0d0;
}

.pHead {
	height: 200px;
	background-image: url(images/header.jpg); 
	background-repeat: no-repeat;
}

.pContent {
	margin: 0px;
	padding: 10px;
	background-color: #D0D0D0;
	/* box model hack */
	width: 820px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 800px;
}

.pText {
	margin: 0px;
	padding: 0px;
	text-align: left;
	color: #000000;
	/* box model hack */
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 800px;
}

.pIcon {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	float: left;
	width: 100px;
}

.pRole {
	margin: 10px 210px 0px 10px;
	padding: 0px;
	color: #666666;
}

.pLinks {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	float: right;
	color: #666666;
	/* box model hack */
	width: 180px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 110px;
}

.fLinks {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	color: #666666;
	text-align: center;
	/* box model hack */
	voice-family: "\"}\""; 
	voice-family: inherit;
}

.fAbout {
	margin: 0px;
	padding: 10px;
	height: 581px;
	background-color: #d0d0d0;
	color: #666666;
	text-align: center;
	font-size: 12px;
	/* box model hack */
	voice-family: "\"}\""; 
	voice-family: inherit;
}

.fCats {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	color: #666666;
	text-align: center;
	/* box model hack */
	voice-family: "\"}\""; 
	voice-family: inherit;
}

.dotSpacer {color: #D0D0D0}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	THUMBNAIL GRID ELEMENTS	
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

   
.pTable {
	margin: 0px;
	padding: 0px;
	float: left;
}

.pGrid {
	border-spacing: 0px;
	border-collapse: collapse;
}

.pSpacer {
	margin: 0;
	padding: 0;
	width: 10px;
}

.pGrid td {
	margin: 0px;
	padding: 0px;
	vertical-align: top;	
	text-align: left;
}

.pGrid div {
	margin: 0px 0px 10px 0px;
	padding: 10px 10px 20px 10px;
	text-align: left;
	background-color: #d0d0d0;
	font-family: Verdana, Arial, geneva, sans-serif;
	font-size: 9px;
	color: #000000;
	/* box model hack */
	width: 175px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 155px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	BOLDED NON-LINKED ELEMENTS
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
   
.pTitle {
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}

/* Folderblog Generated Content */
.fbthumb, .fbrandthumb, .fbthisthumb, .fbmenuthumb { 
    padding: 5px 0px 10px 0px;
    width: 140px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    float: left;
}
.fbcomthumb {
    padding: 0px 0px 5px 5px;
    float: right;
}
.fbthumb img, .fbmenuthumb img {
    border: 1px solid #000;
}
.fbthisthumb img {
    border: 2px solid #000;
}
.fbthisthumb {
    background-color: #eee;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
}