/* BASICS */

body {
	background-color : #ffffff ; 
	margin  : 0px 0px 0px 0px ; 
	padding : 0px 0px 0px 0px ;
	font-size     : 10pt ; 
	font-family   : verdana, arial, tahoma, times new roman, arial black ; 

}


/* DIV Sections */

.top {
	background-image : url('../images/vaguetop.jpg') ;
	height           : 100px ; 
}

.navbar {
	position : absolute ;
	top      : 110px ;
	left     : 10px ;
	width    : 110px ;
}

.specials {
	padding : 10px 10px 10px 10px ;
	width   : 100px ;
}

.middle {
	margin-left  : 140px ;
	margin-right : 10px ;
        margin-top   : 10px ;
}

.mid2 {
	margin  : 10px 100px 100px 100px ; 
	padding : 0px 0px 0px 0px ;
}

.life {
	border : 2px solid #000000 ;
	background-color : #ffccaa ; 
        background-image : url('../images/xjon.gif') ;
        background-repeat : no-repeat ;
        background-position : 10 10 ;
	padding : 15px ;
	margin : 10 10 10 10 ;
}

.elec {
	border : 2px solid #000000 ;
	background-color : #ffffcc ; 
        background-image : url('../images/xmiko.gif') ;
        background-repeat : no-repeat ;
        background-position : 10 10 ;
	padding : 15px ;
	margin : 10 10 10 10 ;
}

.travel {
	border : 2px solid #000000 ;
	background-color : #00ccff ; 
        background-image : url('../images/xearth.gif') ;
        background-repeat : no-repeat ;
        background-position : 10 10 ;
	padding : 15px ;
	margin : 10 10 10 10 ;
}

.philo {
	border : 2px solid #000000 ;
	background-color : #ffffff ; 
        background-image : url('../images/xearth.gif') ;
        background-repeat : no-repeat ;
        background-position : 10 10 ;
	padding : 15px ;
	margin : 10 10 10 10 ;
}

.rpg {
	border : 2px solid #000000 ;
	background-color : #ddffdd ; 
        background-image : url('../images/xearth.gif') ;
        background-repeat : no-repeat ;
        background-position : 10 10 ;
	padding : 15px ;
	margin : 10 10 10 10 ;
}


/* LINK Sections */

a:link    { color: blue;  text-decoration: none }
a:active  { color: red;   text-decoration: none }
a:visited { color: blue;  text-decoration: none }
a:hover   { color: green; text-decoration: underline }

a:link.blog    { color: red;  text-decoration: none }
a:active.blog  { color: red;  text-decoration: none }
a:visited.blog { color: red;  text-decoration: none }
a:hover.blog   { color: blue; text-decoration: none }

a:link.nav,
a:active.nav,
a:visited.nav {
	display	     : block ;
	padding 	     : 5px 5px 5px 5px ;
	margin	     : 0px -5px -15px -10px ;
	border-left      : 12px solid #711515 ;
	border-right     : 1px  solid #711515 ;
	background-color : #B51032 ;
	color		     : #FFFFFF ;
	text-decoration  : none ;
}

a:hover.nav {
	display	     : block ;
	padding 	     : 5px 5px 5px 5px ;
	border-left      : 12px solid #711515 ;
	border-right     : 1px  solid #711515 ;
	background-color : #000000 ;
	color		     : #FFFFFF ;
	text-decoration  : none ;
}


a:link.arbl,
a:active.arbl,
a:visited.arbl {
	padding		: 5px 5px 5px 5px ;
	margin		: 0px 0px 0px 0px ;
	line-height		: 32px ;
	background-color	: #b51032 ;
	color			: #FFFFFF ;
	text-decoration	: none ;
	border		: 1px solid #000000 ;
}

a:hover.arbl {
	background-color	: #000000 ;
}

a:link.lock,
a:active.lock,
a:visited.lock {
	display		: block ;
	padding		: 5px 5px 5px 5px ;
	margin		: 0px 10px 5px 0px ;
	line-height		: 15px ;
	background-color	: #3210B5 ;
	color			: #FFFFFF ;
	font-size		: 10pt ; 
	text-decoration	: none ;
	border		: 1px solid #000000 ;
}

a:hover.lock {
	background-color : #000000 ;
}

a:link.tops,
a:active.tops,
a:visited.tops {
	display		: inline ;
	padding		: 5px 5px 5px 5px ;
	margin		: 0px 0px 0px 0px ;
	width			: 100% ;
	line-height		: 32px ;
	background-color	: #850075 ;
	color			: yellow ;
	text-decoration	: none ;
	border		: 1px solid #000000 ;
}

a:hover.tops {
	background-color : #000000 ;
}


/* TEXT Section */

h1.bt {
	font-size     : 14pt ; 
	font-family   : verdana, arial black, tahoma, times new roman, arial black ; 
	color         : red ; 
	text-align    : left ;
	margin-top    : 0px ;
	margin-bottom : -12px ;
	margin-left   : 75 ;
	border-bottom : 1px solid #000000 ;
}

h1.prime {
	font-size     : 22pt ; 
	font-family   : verdana, arial black, tahoma, times new roman, arial black ; 
	color         : black ; 
	text-align    : left ;
	margin-top    : 0px ;
	margin-bottom : 0px ;
	margin-left   : 0px ;
	border-bottom : 1px solid #000000 ;
}

h1 {
	font-size     : 22pt ; 
	font-family   : verdana, arial black, tahoma, times new roman, arial black ; 
	color         : black ; 
	text-align    : center ;
	margin-top    : 0px ;
	margin-bottom : 0px ;
	margin-left   : 0px ;
}

h2 {
	font-size     : 15pt ; 
	font-family   : verdana, arial black, tahoma, times new roman, arial black ; 
	color         : black ; 
	text-align    : center ;
	margin-top    : 0px ;
	margin-bottom : 0px ;
	margin-left   : 0px ;
	border-bottom : 1px solid #000000 ;
}

h3 {
	font-size     : 12pt ; 
	font-family   : verdana, arial black, tahoma, times new roman, arial black ; 
	color         : black ; 
	text-align    : left ;
	margin-top    : 10px ;
	margin-bottom : 10px ;
	margin-left   : 0px ;
}

h4 {
	font-size     : 12pt ; 
	font-family   : verdana, arial black, tahoma, times new roman, arial black ; 
	color         : black ; 
	text-align    : left ;
	margin-top    : 10px ;
	margin-bottom : 10px ;
	margin-left   : 0px ;
}

p.date {
	margin-left   : 75 ;
	text-align    : left ;
	font-style    : italic ; 
	font-size     : 8pt ; 
	margin-bottom : 35px ;
}

p {
	text-align : justify ;
	font-size  : 10pt ; 
}

ul {
	text-align  : justify ;
	font-size   : 10pt ; 
}

ol {
	text-align : justify ;
	font-size  : 10pt ; 
}

li {
	margin-bottom : 20px ;
}

/* IMAGE Section */

img {
	border : 2px ;
	margin : 5px 5px 5px 5px ;
}

img.frame {
	border : 2px solid black ;
	margin : 5px 5px 5px 5px ;
	align  : center ;
}