﻿body {
	text-align: center;
	font-family: Georgia, "Times New Roman", serif;
	background-color: black;
	background-image: url('../images/bodybackground.jpg');
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0;
	padding: 0;
}

#header 
{
	text-align: left;
	display: block;
	height: 75px;
	width: 950px;
	margin: 0 auto;
	padding: 0;
}

#header img 
{
	border: 0;
	margin: 0;
	padding: 0;
}

#header a 
{
	color: white;
	border: 0;
	padding: 0;
	margin: 0;
	text-decoration: none;
}

#navigation
{
	background-color: #474747;
	height: 32px;
	width: 950px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	margin: 0 auto 16px auto;
	padding: 0;
	opacity:0.7;
	filter:alpha(opacity=70);
	text-align: center;
}

#navigation ul 
{
	display: inline-block;
	margin: 0 auto;
	height: 100%;		
	padding: 0;
	opacity:1;
	filter:alpha(opacity=100);
	list-style: none;
}

#navigation ul li 
{
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	width: 150px;
	height: 32px;
}

#navigation ul li a
{
    font-size: 18px;
	color: white;
	line-height: 32px;
	text-align: center;
	display: block;
	width: 100%;
	height: 100%;
	opacity:1;
	filter:alpha(opacity=100);
}

#navigation ul li a:link, #navigation ul li a:visited { text-decoration: none; }
#navigation ul li a:hover, #navigation ul li a:active { text-decoration: underline; }

#mount 
{
	text-align: left;
	width: 950px;
	margin: 0 auto;
}

#left 
{
	color: white;
	width: 230px;
	background-color: #474747;
	float: left;
}

#left h1 {
	margin: 16px;
 	font-weight: bolder;
	font-size: 30px; 
}

#left h2 {
	font-size: 16px;
	margin: 16px 16px 0 16px;
	border-bottom: 1px dotted white;
}

#left ul {
	margin: 0 16px;
	list-style: none;
	padding: 0;
}

#left ul li 
{
	font-size: 12px;
	color: white;
	display: block;
	height: 32px;
	line-height: 32px;
	border-bottom: 1px dashed #5e5e5e;
	text-indent: 12px;
}

#left ul li a 
{
	width: 100%;
	display: block;
	font-size: 12px;
	height: 32px;
	line-height: 32px;
	color: white;
	text-decoration: none;
}

#left ul li a:link, #left ul li a:visited { background-color: inherit; }
#left ul li a:hover, #left ul li a:active { background-color: #6a427f; }

#left ul li a img 
{
	border: none;
	vertical-align: middle;
}

#left ul li a.rss { background: url('../images/rss.png') no-repeat right; }
#left ul li a.rss:hover, #left ul li a.rss:active { background-color: #6a427f; }

#left ul li a.lock { background: url('../images/lock.png') no-repeat right; }
#left ul li a.lock:hover, #left ul li a.lock:active { background-color: #6a427f; }

#left ul li a.archive { background: url('../images/archive.png') no-repeat right; }
#left ul li a.archive:hover, #left ul li a.archive:active { background-color: #6a427f; }

#left .link
{
	color: white;
	display: block;
	margin: 0 16px;
	font-size: 11px;
}

#left .link a { color: white; } 
#left .link a:link, #left .link a:visited { text-decoration: none; }
#left .link a:hover, #left .link a:active { text-decoration: underline; }

#left table 
{
	text-align: left;
	margin: 0 16px;
	list-style: none;
	padding: 0;
	border-collapse: collapse;
}

#left table tr
{
	border-collapse: collapse;
}

#left table tr td
{
	border-collapse: collapse;
	font-size: 12px;
	color: white;
	height: 32px;
	line-height: 32px;
}

#left table th
{
	font-size: 12px;
	color: white;
	height: 32px;
	line-height: 32px;
	border-collapse: collapse;
}

#right 
{
	color: white;
	width: 700px;
	float: right;
	margin: 0;
	padding: 0;
	display: block;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#right a { color: #6853db; }
#right a:link, #right a:visited { text-decoration: none; }
#right a:hover, #right a:active { text-decoration: underline; }

#right h1 a, #right h2 a, #right h3 a { color: white !important; }
#right a:link, #right a:visited { text-decoration: none; }
#right a:hover, #right a:active { text-decoration: underline; }


#search 
{
	color: white;
	margin: 0;
	padding: 5px;
	display: block;
	background-color: #474747;
	line-height: 24px;
}

#search form 
{
	color: white;
	vertical-align: top;
	text-indent: 0;
	margin: 0;
	padding: 0;
}

#search input 
{
	color: white;
	font-family: Georgia, "Times New Roman", serif;
	vertical-align: top;
	display: inline-block;
	margin: 0;
	height: 24px;
}

#search input.textbox
{
	width: 325px;
	background-color: #373737;
	border: 1px solid #272727;
	height: 24px;
	font-size: 16px;
	line-height: 24px;
	padding: 0 3px;
}

#search input.button
{
	vertical-align: top;
	line-height: 24px;
	background-color: #474747;
	width: 80px;
	border: 1px solid #474747;
	line-height: 24px;
	font-size: 16px;
}

#search select
{
	vertical-align: top;
	line-height: 24px;
	background-color: #373737;
	border: 1px solid #272727;
	line-height: 24px;
	font-size: 16px;
	font-family: Georgia, "Times New Roman", serif;
	vertical-align: top;
	display: inline-block;
	margin: 0;
	height: 24px;
	color: white;
}


#content 
{
	clear: both;
	background-color: black;
	font-size: 16px;
	line-height: 24px;
}

#right #content h1 
{
	font-size: 30px;
	font-weight: normal;
	margin: 20px 0 0 0;
}

#right #content h2
{
	font-size: 24px;
	font-weight: normal;
	margin: 16px 0 0 0;
}


#right #content h3
{
	font-size: 16px;
	font-weight: normal;
	margin: 5px 0 0 0;
}


#right #content .date
{
	font-size: 12px;
	font-weight: bolder;
	margin: 0 0 16px 0;
}

#right #content p
{
	opacity: 0.8;
	filter: alpha(opacity = 80);
	font-size: 16px;
	line-height: 24px;
	margin: 0 0 16px 0;
}

#right .textitem
{
	padding: 0 0 0 0;
	border-bottom: 1px dashed #878787;
}


/* Footer */
#right .textitem .articlefooter {
	clear: both;
	height: 32px;
	line-height: 32px;
	border-top: 1px dotted #373737;
	margin: 16px 0 0 0;
	padding: 5px 0;
}

/* Social Bookmarks */

#right .textitem .articlefooter .socialbookmarks 
{
	float: right;
	display: inline-block;
	margin: 0;
	padding: 0;
	border: 0;
}

#right .textitem .articlefooter .socialbookmarks ul
{
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
}

#right .textitem .articlefooter .socialbookmarks ul li 
{
	width: 24px;
	height: 24px;
	font-size: 6px;
	display: block;
	float: left;
	display: block;
	margin: 0 5px;
	padding: 5px;

}


#right .textitem .articlefooter .socialbookmarks a 
{
	color: white;
	line-height: 6px;
	vertical-align: bottom;
	display: block;
	width: 24px;
	height: 24px;
	text-decoration: none;
}

#right .textitem .articlefooter .socialbookmarks a.delicious:link,
#right .textitem .articlefooter .socialbookmarks a.delicious:visited 
{ background-image: url('../images/socialbookmarks/sb_delicious_gray.png'); }
#right .textitem .articlefooter .socialbookmarks a.delicious:hover,
#right .textitem .articlefooter .socialbookmarks a.delicious:active 
{ background-image: url('../images/socialbookmarks/sb_delicious.png'); }

#right .textitem .articlefooter .socialbookmarks a.digg:link,
#right .textitem .articlefooter .socialbookmarks a.digg:visited 
{ background-image: url('../images/socialbookmarks/sb_digg_gray.png'); }
#right .textitem .articlefooter .socialbookmarks a.digg:hover,
#right .textitem .articlefooter .socialbookmarks a.digg:active 
{ background-image: url('../images/socialbookmarks/sb_digg.png'); }

#right .textitem .articlefooter .socialbookmarks a.mrwong:link,
#right .textitem .articlefooter .socialbookmarks a.mrwong:visited 
{ background-image: url('../images/socialbookmarks/sb_mrwong_gray.png'); }
#right .textitem .articlefooter .socialbookmarks a.mrwong:hover,
#right .textitem .articlefooter .socialbookmarks a.mrwong:active 
{ background-image: url('../images/socialbookmarks/sb_mrwong.png'); }

#right .textitem .articlefooter .socialbookmarks a.reddit:link,
#right .textitem .articlefooter .socialbookmarks a.reddit:visited 
{ background-image: url('../images/socialbookmarks/sb_reddit_gray.png'); }
#right .textitem .articlefooter .socialbookmarks a.reddit:hover,
#right .textitem .articlefooter .socialbookmarks a.reddit:active 
{ background-image: url('../images/socialbookmarks/sb_reddit.png'); }

#right .textitem .articlefooter .socialbookmarks a.stumbleupon:link,
#right .textitem .articlefooter .socialbookmarks a.stumbleupon:visited 
{ background-image: url('../images/socialbookmarks/sb_stumbleupon_gray.png'); }
#right .textitem .articlefooter .socialbookmarks a.stumbleupon:hover,
#right .textitem .articlefooter .socialbookmarks a.stumbleupon:active 
{ background-image: url('../images/socialbookmarks/sb_stumbleupon.png'); }

#right .textitem .articlefooter .socialbookmarks a.technorati:link,
#right .textitem .articlefooter .socialbookmarks a.technorati:visited 
{ background-image: url('../images/socialbookmarks/sb_technorati_gray.png'); }
#right .textitem .articlefooter .socialbookmarks a.technorati:hover,
#right .textitem .articlefooter .socialbookmarks a.technorati:active 
{ background-image: url('../images/socialbookmarks/sb_technorati.png'); }

#right .textitem .articlefooter .labels {
	float: left;
	display: inline-block;
}

#right .textitem a.label
{
	margin: 0 5px;
	padding: 5px;
	border: 0;
	background-color: #000033;
	text-decoration: none;
	color: white;
}

#right .textitem a.label:link, #right .textitem a.label:visited
{
	background-color: #102057;
}

#right .textitem a.label:hover, #right .textitem a.label:active
{
	background-color: #42294f;
}


#right .image
{
	width: 210px;
	text-align: center;
	background-color: #474747;
	display: inline-block;
	color: white;
	margin: 16px 16px 16px 0;
	padding: 0;
	vertical-align: top;
}
 
#right .image img
{
	color: white;
	border: none;	
	margin: 16px 16px 0 16px;
	padding: 0;
}

#right .image .caption
{
	line-height: 14px;
	width: 175px;
	margin: 5px 16px 16px 16px;
	text-align: left;
	display: block;	
	font-size: 12px;
	padding: 0;
}

#right .image a 
{
	text-decoration: none;
	color: white;
	border: none;
}

/* Fun Item */

#right #content .funitem 
{
	background-color: #222222;
	display: block;
	padding: 16px;
	margin: 16px 0 0 0;
}

#right #content .funitem h3
{
	display:block;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 18px;
	line-height: 26px;
	color: #6a427f;
}

#right #content .funitem .date
{
	display: block;
	font-size: 12px;
	line-height: 14px;
	margin: 0;
	padding: 0;
}

#right #content .funitem a
{
	font-size: 16px;
	color: white;
	display: block;
	height: 48px;	
	line-height: 48px;
	margin: 0;
	padding: 0 16px;
	background-image: url('../images/arrow.gif');
	background-position: right;
	background-repeat: no-repeat;
}

#right #content .funitem a:link, #right #content .funitem a:visited
{
	border: 1px solid #474747;
	background-color: #474747;
}

#right #content .funitem a:hover, #right #content .funitem a:active
{
	border: 1px solid #575757;
	background-color: #575757;
}

#right #content .funitem a.dead
{
	padding: 0;
	margin: 0;
	display: block;
	color: white;
	background-image: url('../images/skullup.jpg');
	background-position:center;
	background-repeat: no-repeat;
	height: 48px;
	width: 48px;
}

#right #content .funitem a.dead:link, #right #content .funitem a.dead:visited
{

	border: 1px solid #474747;
	background-image: url('../images/skullup.jpg');
}

#right #content .funitem a.dead:hover, #right #content .funitem a.dead:active
{
	border: 1px solid #575757;
	background-image: url('../images/skulldn.jpg');
}


#right #content .funitem .text
{
	display: block;
	vertical-align: top;
	line-height: 18px;
	font-size: 14px;
	margin: 5px 0;
	padding: 0;		
}


/* File Item */

#right #content .fileitem 
{
	background-color: #222222;
	display: block;
	padding: 16px;
	margin: 16px 0 0 0;
}

#right #content .fileitem h3
{
	display:block;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 18px;
	line-height: 26px;
}

#right #content .fileitem .fileinfo
{
	display: block;
	font-size: 14px;
	line-height: 16px;
	margin: 5px 0;
	padding: 0;
}

#right #content .fileitem a
{
	vertical-align: middle;
	font-size: 18px;
	color: white;
	display: block;
	height: 48px;	
	line-height: 48px;
	margin: 0;
	padding: 0;
	background-image: url('../images/arrowdn.gif');
	background-position: right;
	background-repeat: no-repeat;
}

#right #content .fileitem a:link, #right #content .fileitem a:visited
{
	border: 1px solid #474747;
	background-color: #474747;
}

#right #content .fileitem a:hover, #right #content .fileitem a:active
{
	border: 1px solid #575757;
	background-color: #575757;
}

#right #content .fileitem img
{
	margin: 0 16px;
	border: 0;
	padding: 0;
	vertical-align: middle;
}

#right #content .fileitem .text
{
	display: block;
	vertical-align: top;
	line-height: 18px;
	font-size: 14px;
	margin: 5px 0;
	padding: 0;	
}

/* Portfolio Image*/

#right #content .portfolioitem
{
	display: block;
	background-color: #474747;
	margin: 16px 0;
	padding: 16px;	
}

#right #content .portfolioitem a
{
	color: white;
	border: 0;
}


#right #content .portfolioitem img 
{
	float: left;
	margin: 0 16px 0 0;
	border: 0;	
}

#right #content .portfolioitem h2 
{
	display: block;
	margin: 0 0 16px 0;
	padding: 0;
}

/* Archive */

#right .archive
{
	color: white;
	text-align: left;
	margin: 16px 0 16px 0;
	width: 100%;
	border-collapse:collapse;
}

#right  .archive th
{
	padding-top: 16px;
	font-weight: bolder;
	font-size: 16px;		
	border-bottom: 1px dotted white;
}

#right .archive td
{
	font-size: 14px;		
	border-bottom: 1px dashed #474747;
	line-height: 24px;
	height: 32px;
}

#right .archive a { color: #6853db; }
#right .archive a:link, #right .archive a:visited { text-decoration: none; }
#right .archive a:hover, #right .archive a:active { text-decoration: underline;	}

/* Searchitem */

#right .searchitem 
{
	background-color: #222222;
	display: block;
	padding: 16px;
	margin: 16px 0 0 0;
	font-size: 12px;
}

#right .searchitem a
{
	font-size: 18px;
	color: white;
	display: block;
	height: 48px;	
	line-height: 48px;
	margin: 0;
	padding: 0 16px;
	background-image: url('../images/arrow.gif');
	background-position: right;
	background-repeat: no-repeat;
}

#right .searchitem a:link, #right .searchitem a:visited { 	border: 1px solid #474747; background-color: #474747; }
#right .searchitem a:hover, #right .searchitem a:active { 	border: 1px solid #575757; background-color: #575757; }

#right .pages 
{
	display: block;
	line-height: 32px;
	padding: 0;
	margin: 10px 0 0 0;
	text-align: center;
	vertical-align: middle;
}

#right .pages ul
{
	display: inline-block;
	list-style: none;
	text-align: center;
	padding: 0;
	margin: 0 auto;
}

#right .pages ul li
{
	width: 32px;
	height: 32px;
	line-height: 32px;
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 2px;
}

#right .pages ul li.current { background-color: #6a427f;  } 

#right .pages ul li a
{
	color: white;
	font-weight: bolder;
	display: block;
	padding: 0;
	margin: 0;
}

#right .pages ul li a:link, #right .pages ul li a:visited { background-color: #474747; } 
#right .pages ul li a:hover, #right .pages ul li a:active { background-color: #6a427f; } 



