/* CSS Document */

* {	
	padding: 0;
	margin: 0;
}



body {                                             
	font-family:verdana;
	font-size:10px;
	color: #f6f6f6;
	text-align: left; /* required for random text centering bug in IE6*/
	letter-spacing: 0px;
	line-height: 1.21;
	background-color: #e7e7e7;
	padding: 0;
	margin: 0;
}

img{
	margin: 0;
	padding: 0;
}
/* ------------------------------- fonts -------------------------------- */

p 	{
	font-size: 10px;
	line-height: 1.5;
	letter-spacing: 1.1;
	
}
	
h1 	{
	font-size: 20px;
	font-weight: 300;
	letter-spacing: 1.8;
}
	
h2 	{
	font-size: 13px;
	font-weight: 200;	
	letter-spacing: 1.7;		
	color: #FF00B8;
	
}

h3 	{
	font-size: 12px;
	letter-spacing: 1.6;
	font-weight: 300;
	line-height: 1.4;		
}

a{
	color: #1C7AD5;
	text-decoration: none;
}

.red{
	color:#D5241A;
	text-decoration: none;
}

/* ------------------------------- Moduels -------------------------------- */
#span{
	margin:0px auto; width:710px;
	padding: 0px 0px 0px 0px;
	background-image: url('img/title.jpg');
	 background-repeat: no-repeat;
}
#title{
	margin: 0px 0px 0px 0px;
	height: 119px;
}

.title{
	text-align:left;

}

#contentmod{
	float:left;
	display:inline;
	list-style: none;
	text-align:left;
	background-color: #fff;
	color: #999;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	width: 710px;
	height: auto;
	
}


#topbar{
	float:left;
	display:inline;
	list-style: none;
	text-align:left;
	width: 710px;;
	color: #ccc;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
	height: auto;
	border-bottom: 20px solid #fff;	

}

#topbar .tab{
	float:left;
	display:inline;
	background-color: #e7e7e7;
	width: auto;
	font-size: 12px;
	padding: 5px 20px 5px 20px;
	border-right: 1px solid #e7e7e7;
	border-bottom: 1px solid #fff;	
}

#topbar .tabon{
	float:left;
	background-color: #fff;
	color: #1C7AD5;
	display:inline;
	width: auto;
	font-size: 12px;
	padding: 5px 20px 5px 20px;
	border-right: 0px solid #e7e7e7;
	border-bottom: 1px solid #fff;	
}

#topbar a{
	color: #999;
}

#topbar a:hover{
	color: #1C7AD5;
}



#sidebar{
	float:left;
	display:inline;
	list-style: none;
	text-align:left;
	background-color: #fff;
	width: 130px;;
	color: #999;
	padding: 8px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: auto;
	
}

#sidebar li{
	list-style: none;
	width: 120px;
	padding: 2px 5px 2px 20px;
	margin: 4px 0px 4px 0px;
}

#sidebar a{
	color: #ccc;
}

#sidebar a:hover{
	color: #1C7AD5;
}

.on{
	list-style: none;
	color: #FF00B8;
	width: 120px;
	padding: 5px 5px 5px 0px;
	
}

.off{
	list-style: none;
	width: 120px;
	padding: 5px 5px 5px 0px;
	
}

#botbar{
	float:left;
	display:inline;
	text-align:right;
	background-color: #fff;
	width: 700px;;
	color: #999;
	padding: 5px 10px 5px 0px;
	margin: 0px 0px 0px 0px;
	height: auto;
	
	
}

/* ------------------------------- Classes -------------------------------- */



.breadcrumbs
{
	clear: both;
	height: auto;
	color: #999;
	margin: 0px 0px 0px 0px;
	padding: 3px 2px 4px 30px;
	border-bottom: 1px solid #fAfAfA;
	
}

.nav
{
	clear: both;
	height: auto;
	color: #999;
	margin: 0px 0px 0px 0px;
	padding: 3px 2px 4px 30px;
	border-bottom: 1px solid #fAfAfA;	
}

.breadcrumbs a{
	color: #1C7AD5;
	text-decoration: none;
	
}
.nav a{
	text-decoration: none;
}

.footer a{
	color: #6E6E6E;
	text-decoration: none;
	
}


.line
{
	clear: both;
	height: 1px;
	background: url(img/line.gif);
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

}

.subtitle{
	color: #999;
	padding: 25px 10px 3px 30px;
}

.subsubtitle{
	color: #999;
	padding: 20px 10px 5px 30px;
}

.comments{
	color: #D5B67D;
}
/* ------------------------------- Portfolio PG -------------------------------- */

#portcontentmod{
	float:left;
	display:inline;
	list-style: none;
	text-align:left;
	color: #999;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 700px;
	height: auto;
}



.portimage{
	border: solid 1px #EEEEEE ;
	margin-bottom: 5px;
}

/* ------------------------------- text version 1 - for portfoilo -------------------------------- */

#textbox1{
	float:right;
	display:inline;
	width: 565px;
	height: auto;
	margin: 0px 0px 0px 5px;
	background-color: #e7e7e7;
}

#textboxinner1{
	padding: 10px 10px 5px 10px;
	margin: 5px 0px 0px 5px;
	width: 540px;
	height: auto;
	background-color: #fff;
	
}

#textbox1 a{
	color: #6E6E6E;
}

.bottom{
	padding: 0px 0px 5px 0px;
}

/* ------------------------------- text version 2 - for plain text -------------------------------- */

#textbox2{
	float:left;
	display:inline;
	width: 710px;
	height: auto;
	margin: 0px 0px 0px 0px;
	background-color: #e7e7e7;
}

#textboxinner2{
	padding: 14px 100px 5px 20px;
	margin: 0px 0px 5px 0px;
	width: 590px;
	height: auto;
	background-color: #fff;
	
}

#textbox2 a{
	color: #6E6E6E;
}

/* ------------------------------- latest -------------------------------- */

#latest{
	float:left;
	display:inline;
	width: 298px;
	height: 298px;
	margin: 0px 10px 7px 0px;
	background-color: #FFF;
	border: solid 1px #EEEEEE;
	
}


/* ------------------------------- badge bits -------------------------------- */

#badge{
	float:left;
	display:inline;
	width: 145px;
	height: auto;
	margin: 0px 10px 10px 0px;
	background-color: #EEEEEE;
}

#thumb{
	float:left;
	display:inline;
	padding: 0px;
	width: 143px;
	margin: 0px 0px -2px 0px;
}

#txt{
	float:left;
	display:inline;
	color: #999;
	height: 50px;
	width: 126px;
	padding: 5px 9px 10px 8px;
	margin: 0px 1px 0px 1px;
	
}

/* ------------------------------- everyday bits -------------------------------- */

#edbadge{
	float:left;
	display:inline;
	width: 109px;
	height: auto;
	margin: 0px 10px 10px 0px;
	background-color: #EEEEEE;
}