/*-----------------------------------------*/
/*---    M A G G S W E B   10/2008      ---*/
/*-----------------------------------------*/

@import url(layout.css);
@import url(menu.css);

/* --- G E N E R I C   S T Y L E S  --- */

html { min-height:100%; margin-bottom:1px; }

body {
	background:#000000 url(/images/backblack.jpg) repeat-x top left;
	background-attachment:fixed;
	font-family:arial,tahoma,verdana,sans-serif;
	font-size:80%;	/* Reduce DEFAULT font size */
	color:#EBEBEB; 
}

h1 {	font-family: Georgia, "Times New Roman", Times, serif;
		font-weight:normal;
		margin: 0; 
		padding: 0 0 15px 0;
		font-size:2em;	/* font displayed at 24px */
		background:url(/images/h1.jpg) repeat-x;	
		margin-top:3px;
		margin-bottom: 10px;
		padding:5px;
}

h1.link {		background:url(/images/h1link.jpg) repeat-x;		padding-left: 30px;	}
.link:hover {	background:url(/images/h1link-over.jpg) repeat-x;		cursor:pointer;	}

/* Headings on 'About Me' */
h2.notepad,
h2.html,
h2.php,
h2.css,
h2.js {	margin: 30px 0px 10px;	padding: 0px 0px 5px 25px;	 border-bottom: 1px dashed #666;}
.notepad {		background:url(/images/icons/page_text.gif)		no-repeat 0px 3px;	}
.html {			background:url(/images/icons/page_tag_blue.gif) no-repeat 0px 3px;	}
.php {			background:url(/images/icons/page_script.gif) 	no-repeat 0px 3px;	}
.css {			background:url(/images/icons/page_link.gif) 	no-repeat 0px 3px;	}
.js {			background:url(/images/icons/page_code.gif) 	no-repeat 0px 3px;	}

/* General heading styles */
h2,h3,h4,
h5,h6,p   { margin:0;
			font-weight:normal;
			padding: 3px 10px;
}

h2 {font-size:150%; line-height:150%; color: #CCCCCC;font-family: Georgia, "Times New Roman", Times, serif;} 
h3 {font-size:1.2em; font-weight:bold;}  
h4 {font-size:1em;} 
h5 {font-size:0.8em;}	
h6 {font-size:0.6em;}		
p, a, li {font-size:1em; line-height: 1.3em;} 
a {			color:#BB0000;	text-decoration:none;	--font-weight:bold;	}
a:hover {	color:#BB0000;	text-decoration:underline;	}
a:active { 	outline:none; }
a:focus { 	outline:none; }
img {		border:none; }

.white { color:#fff;}
.white:hover { color:#fff;}

/* --- W O R D L E --- */

#wordle {
		width:500px;
		height:200px;
		background-image:url(/images/content_wordle.jpg);
		background-repeat:no-repeat;
		position:relative;
		margin:20px 0; /* TB LR */
}

#wordle span {
	position:absolute;
	left:0px;
	top:120px;
	width: 500px;
	height: 50px;
	background-color:#666;
	color:#fff;
	font-weight:bold;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

/* ---  T A G   C L O U D  --- */

#tagcloud {
	border: 1px solid #000;	
	background-color:#666;
}

.word {
	font-family: Verdana, Tahoma, Arial;
	padding: 4px 4px 4px 4px;
	letter-spacing: 3px;
	text-decoration: none;
	font-weight: normal;
}
.size9 {	color: #000;	font-size: 26px;	}
.size8 { 	color: #111;	font-size: 24px;	}
.size7 {	color: #222;	font-size: 22px;	}
.size6 {	color: #333;	font-size: 20px;	}
.size5 {	color: #444;	font-size: 18px;	}
.size4 {	color: #555;	font-size: 16px;	}	
.size3 {	color: #777;	font-size: 14px;	}	/*666 is background colour*/
.size2 {	color: #888;	font-size: 12px;	}
.size1 {	color: #999;	font-size: 8px;	    }
.size0 {	color: #999;	font-size: 6px;	    }