/* 
   Thanks Brendan!
   http://www.brendancorcoran.com/
  */
html, body {
	margin:0; padding:0;
}
body {
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	background:url(../images/bg.gif) top center;
}
a:link {
	color: #f05555;
	font-family: Tahoma, "Lucida Grande", Helvetica, Arial, sans-serif;
	text-decoration:none;
}
a:visited {
	color: #f05555;
	font-family: Tahoma, "Lucida Grande", Helvetica, Arial, sans-serif;
	text-decoration:none;
}
a:hover, a:active {
	color: #f05555;
	text-decoration:none;
	border-bottom: 1px dotted #666666;
}
form {
	margin:0; padding:0;
}
abbr {
	border-bottom: 1px dotted #009900
}

.clear { clear:both; margin:0 auto; padding: 0; }
.clearLeft { clear:left; }
.clearRight { clear:right; }

/* Header */
#header h1 {
	margin:0 auto; padding:0;
	display:block;
	width:800px; height:73px;
	background:url(../images/header.gif) top left no-repeat;
	text-indent:-5000px;
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/main_header.png', sizingMethod='scale');*/
}

/* Page Headers */

#contentContainer h2 {
	width:800px; height:49px;
	margin:0 0 0 0; padding:0;
	text-indent:-5000px;
}
/*
#contentContainer h2#h-home { width:800px; height:60px; background:url(../images/home.png) no-repeat; }
#contentContainer h2#h-archive { background:url(../images/archive.png) no-repeat; }
#contentContainer h2#h-resume { background:url(../images/resume.png) no-repeat; }
#contentContainer h2#h-photos { background:url(../images/photos.png) no-repeat; }
#contentContainer h2#h-about { background:url(../images/about.png) no-repeat; }
*/
/* these are for my the_title(); function */
#contentContainer h2#h-Home { width:800px; height:60px; background:url(../images/home.gif) no-repeat; }
#contentContainer h2#h-Archive { background:url(../images/archive.gif) no-repeat; }
#contentContainer h2#h-Resume { background:url(../images/resume.gif) no-repeat; }
#contentContainer h2#h-Photos { background:url(../images/photos.gif) no-repeat; }
#contentContainer h2#h-About { background:url(../images/about.gif) no-repeat; }
/*
#contentContainer h2#h-Home {left: 0px;  width: 260px; }
*/
/* News Items */
#adContainer {
margin: 0 0 10px 0;
padding: 0;
}
#newsContainer {
	width:450px;
	margin:0 0 0 40px;
	margin:0 0 0 20px; padding:0;
	float:left;
	clear:both;
}
	.diggThis {
		float:left;
		clear:both;
		margin: 0 5px 0 5px;
		padding:0;
	}
	.newsItem {
		margin:0; padding:0 0 0 0;
	}
	.entry ul {
		list-style-type:none;
		margin:3 0 3px 5px; padding:0;
	}
	.entry ul li {
		margin:3px 0 3px 10px; padding:0;
	}
	.entry ul ul li {
		margin:3px 0 3px 5px; padding:0;
	}
	.entry ul ul ul {
		margin:3px 0 3px 5px; padding:0;
	}
	.newsItem h3 {
		margin:0 0 5px 0; padding:0;
		color: #f05555;
		text-transform: lowercase;
		font-size:1.6em;
		font-family: Tahoma, "Lucida Grande", Helvetica, Arial, sans-serif;
	}
	.newsItem h3 a {
		margin:0 0 5px 0; padding:0;
		color: #f05555;
		text-transform: lowercase;
		/*font-size:1.6em;*/
		font-family: Tahoma, "Lucida Grande", Helvetica, Arial, sans-serif;
	}
	.newsItem h4 {
		margin:0 0 5px 0; padding:0;
		color: #606060;
		font-size:1.2em;
		font-weight:normal;
	}
	.postmetadata {
	
	}

/* Side Modules */
#sidebar {
	margin:0; padding:0;
	float:right;
	width:270px;
	color:#999999;
}
/* I had a module header and footer for a while, but I got rid of it because it was giving me pains in my side.
I added them after the design was complete, it was originally suppoused to be a CSS gradient with the header and
footer with background images seemingly rounding the edges of the modules. I couldn't close a gap in IE6.
#moduleHeader {
	margin:0 auto; padding:0;
	width:270px; height:14px;
	background:url(../images/module_header.png) top left no-repeat;
}
#moduleFooter {
	margin:0 auto; padding:0;
	width:270px; height:14px;
	background:url(../images/module_footer.png) top center no-repeat;
}
*/
#moduleContainer {
	float:right;
	margin:0 auto; padding:0;
	width:270px;
	margin:0 0 0 10px !important;
	margin:0 0 0 10px; padding:0;
	/*margin:0 20px 0 10px !important;*/
	/*margin:0 20px 0 10px; padding:0;*/
}

#moduleContainer h3 {
	margin:0 0 0 0; padding:0;
	color:#f05555;
	text-transform: lowercase;
	font-size: 1.2em;
	font-family: Tahoma, "Lucida Grande", Helvetica, Arial, sans-serif;
}
#moduleContainer ul {
	/*margin:5px 25px 15px 35px;*/
	margin:0 0 0 0; padding:0;
	list-style:none;
}
#moduleContainer ul li {
	/*margin:5px 25px 15px 35px;*/
	margin:10px 0 0 0; padding:0;
	list-style:none;
}
#gamertag a {
	margin: 0 0 0 2px;
}
#gamertag a:hover {
	text-decoration: none;
	border: 0;
	margin: 0 0 0 2px;
	padding: 0;
}
/* this is for the sidebar - I'll probably add title images for these later...
#moduleContainer h3#search {background: transparent url(../images/search.png) no-repeat; height:20px; width:270px; text-indent:-5000px;}
#moduleContainer h3#pages {background: transparent url(../images/pages.png) no-repeat; height:20px; width:270px; text-indent:-5000px;}
#moduleContainer h3#archives {background: transparent url(../images/archives.png) no-repeat; height:20px; width:270px; text-indent:-5000px;}
#moduleContainer h3#categories {background: transparent url(../images/categories.png) no-repeat; height:20px; width:270px; text-indent:-5000px;}
#moduleContainer h3#diggs {background: transparent url(../images/diggs.png) no-repeat; height:20px; width:270px; text-indent:-5000px;}
*/

/*
Images are wrapped in divs classed "flickr_badge_image" with ids
"flickr_badge_imageX" where "X" is an integer specifying ordinal position.
Below are some styles to get you started!
*/
#flickr_badge_uber_wrapper {text-align:left; width:270px;}
#flickr_badge_wrapper {margin:0 0 0 10px;}
.flickr_badge_image1 {margin:0; padding:0;}
.flickr_badge_image img { text-align: center; padding:0; }
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:visited,
#flickr_badge_uber_wrapper a:link {text-decoration:none !important; color:#999999; border-bottom: none; border: none; }
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:active {text-decoration:none !important; color:#f05555; border-bottom: none; border: 1px; }
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

#moduleContainer ul ul {
	/*margin:5px 25px 15px 35px;*/
	margin:0 0 0 10px; padding:0;
	list-style:none;
}
#moduleContainer ul ul li {
	margin:0; padding:5px 5px 0 10px;
	display:block;
	background:url(../images/content_bullet.png) top left no-repeat;
}
#moduleContainer ul ul li:hover {
	margin:0; padding:5px 5px 0 10px;
	background:url(../images/content_bullet_hover.png) top left no-repeat;
}
	.categoryList {
		margin: 10px 0 0 0; padding: 0;
		display:block;
		width:250px;
	}
	.diggModule {
		margin: 10px 0 0 0; padding: 0;
		display:block;
		width:250px;
	}
/* I should have noted why I commented these styles out. I don't know whether to delete them or not.
#moduleContainer ul li a {
	border:1px solid #d0c0ad;
	background: url(../images/list_bg.png) 0 100%;
	display:block;
	padding:5px;
	text-decoration:none;
	color:#332200;
}
#moduleContainer ul li a:hover {
	border:1px solid #332200;
	background:#fcfcbc url(../images/content_bullet_hover.png) 0 100%;
}
*/
	

	
/* Side Styles */
	
/* Pages */
/* Pages - Resume */
hr.resume {
padding: 0;
margin: 0;
height: 1px;
width:150px;
}
h3.resume {
padding: 0;
margin: 0;
text-transform: none;
}
/* Further, blank styles for the resume formatting. I will use these to edit it later.
h4.resume {
padding: 0;
margin: 0;
}
ul.resume {
padding: 0;
margin: 0;
}
ul.resume li {
padding: 0;
margin: 0;
}
ul.resume ul {
padding: 0;
margin: 0;
}
ul.resume ul li {
padding: 0;
margin: 0;
}
*/
/* Navigation CSS */
#nav {
	position:relative; 
	margin:0; padding:0;
	width:800px; height:50px;
	background: url(../images/nav.png) no-repeat;
}
#nav ul {
	margin:0; padding:0;
}
#nav li {
	margin:0; padding:0;
	list-style:none;
	position:absolute;
	top:0;
}
#nav a { 
	height: 30px; 
	display: block;
	text-indent:-5000px;
}
#nav a:hover {
	background:transparent;
	color: #fff;
}
#nav span {
	display:none;
}
/* These styles map the links to positions on the image */
#nav li#home {left: 303px;  width: 89px; }
#nav li#archive {left: 395px;  width: 89px; }
#nav li#resume {left: 487px;  width: 89px; }
#nav li#photos {left: 579px;  width: 89px; }
#nav li#about {left: 671px;  width: 89px; }
/* These styles are used to trigger the tab (image) to appear in front while on certain pages. */
#nav li#home.thisPage {background: transparent url(../images/nav.png) -303px -50px no-repeat; }
#nav li#archive.thisPage {background: transparent url(../images/nav.png) -395px -50px no-repeat; }
#nav li#resume.thisPage {background: transparent url(../images/nav.png) -487px -50px no-repeat; }
#nav li#photos.thisPage {background: transparent url(../images/nav.png) -579px -50px no-repeat; }
#nav li#about.thisPage {background: transparent url(../images/nav.png) -671px -50px no-repeat; }
/* These styles do the same as above, except for mouseover. */
#nav li#home a:hover {background: transparent url(../images/nav.png) -303px -50px no-repeat; }
#nav li#archive a:hover {background: transparent url(../images/nav.png) -395px -50px no-repeat; }
#nav li#resume a:hover {background: transparent url(../images/nav.png) -487px -50px no-repeat; }
#nav li#photos a:hover {background: transparent url(../images/nav.png) -579px -50px no-repeat; }
#nav li#about a:hover {background: transparent url(../images/nav.png) -671px -50px no-repeat; }

/* Structure CSS */
#container {
	margin:10px auto; padding:0;
	width:800px;
}
#contentContainer {
	width:800px;
	margin:0 auto; padding:0;
	background:url(../images/content_loop.gif) top center repeat-y;
	text-align:left;
}
#footer {
	width:800px; height:20px;
	margin: 0 auto; padding: 0;
	background:url(../images/footer.gif) top center no-repeat;
}
#footer p {
	margin:0;
	padding:0;
}

/* Footer Text */
#copyright {
	font-size:9px;
	color:#666666;
}