@charset "utf-8";
/* CSS Document */

h2 {font-size:59px; font-weight:normal; margin-top: -20px; margin-bottom:-10px; }
h3 {font-size:26px; font-weight:normal;}
a {color:#f00;text-decoration:none;}
a:hover {color:#Fff;text-decoration:none;}
img { border: none; }

h2 a{color:#fff;}
h2 a:hover {color:#f00;}

body {
	background-color: #000;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	font-size:17px;
}


#wrapper {
margin: 0 auto;
width: 850px;
min-height: 800px;
}

#header {
	width: 850px;
	margin: 0 0 50px 0;
	height: 185px;
	background-image: url(image/chris.png);
	background-position:right;
	background-repeat:no-repeat;
}

#headtext {
	padding: 30px 0 0 20px;
	height: 130px;
}

#headtext h1 {font-size:140px; display: inline; font-weight:normal;}
#headtext h2 {font-size:100px; display: inline; font-weight:normal;}
#headtext h3 {font-size:63px; display: inline; font-weight:normal;}

#left {
	margin: 0 5px 5px 5px;
 	padding: 0;
 	min-height: 320px;
 	width: 320px;
 	float: left;
}
#left h2 {text-align:left;}
#left h3 {text-align:left; margin-top:15px; margin-bottom:0px;}
#left p {text-align:right;}
#left a {text-align:right;}

#middle{
 	padding: 0 10px 0 10px;
	height: 350px;
	width: 190px;
	float: left;
 	display: inline;
}
#middle h2 {text-align:center;margin-bottom:12px;}
.photo {width:160px; height:120px; overflow:hidden; margin:0 20px;display:block;}
div #gallery img {vertical-align:middle; margin:0 auto;}

#right{
	margin: 0px 0px 5px 0px;
 	padding: 0;
 	height: 350px;
 	width: 280px;
 	float: left;
}
#right h2 {text-align:right;}
#right h3 {text-align:right; margin-top:0px; margin-bottom:-5px;}

#blog {
	width: 100%;
	margin-bottom:20px;
	min-height:200px;
}
div .blogtext {width:320px; text-align:right;}
div .blogtext p{display:inline;}
div .blogtext img{display:inline-block;}
div .otherclickText {display:inline;}
div.blogtext h2 {font-size:30px; margin:0; padding-bottom:10px;}
.dateText {font-size: 12px;}
a #clickMe {text-align:right; margin-top:10px;}
div.clickText p {display:block; margin:0; padding-bottom:10px;}
div.clickText img {float:right; width: 200px;
height : auto; padding:5px 0 5px 5px;}

#twits {
	width: 100%;
	text-align:right;
}
#twits a {text-align:right; margin-top:12px; }

#twitlist {
	width:320px;
	margin-bottom:12px;
}
#twitlist p {text-align:right; font-size: 12px; margin-top:12px; margin-bottom:0;}
#twitlist p a {color:#fff;text-decoration:none; margin-top:0;}
#twitlist p a:hover {color:#F00;text-decoration:none;}
#twitlist span {font-size: 12px;}

#pics {
	width: 100%;
}
.linkdiv {
	height:20px; 
	width:100px; 
	background:#000;
	position:relative;
	top:-20px;
 	left:70px;
	border:none;
	text-align:center;
}
#gallery > .linkdiv { display:none;} 
#gallery:hover > .linkdiv { display: block; }

#chat {
	width: 100%;
	height:300px;
	margin: 0 0 35px 0;
}

#more {
	width: 100%;
}
.aboutlink {position:relative; top:4px; } 
.stufflink {position:relative; top:5px;} 
.contactlink {position:relative; top:4px;} 
#morebuttons {text-align:right;}
#morebuttons span{display:none;}
#fb {float:right; display:block; width:52px; height:51px; background: url("image/facebook.gif") no-repeat 0 0;}
a#fb:hover {background-position: 0 -51px;}
#tw {float:right; display:block; width:57px; height:51px; background: url("image/twitter.gif") no-repeat 0 0;}
a#tw:hover {background-position: 0 -51px;}
#my {float:right; display:block; width:57px; height:51px; background: url("image/myspace.gif") no-repeat 0 0;}
a#my:hover {background-position: 0 -51px;}
#ms {float:right; display:block; width:63px; height:51px; background: url("image/msn.gif") no-repeat 0 0;}
a#ms:hover {background-position: 0 -51px;}

#bottom {width: 540px; margin: 0 auto;}
.theSeparator {height:100px;}
#abouthidden {height:515px;}
#stuffhidden {height:530px;}
#contacthidden {height:530px;}
#msnhidden {height:250px; width:450px;}
.hiddenhead {height: 90px; width:360px; margin: 0 auto;}
#msnhidden .hiddenhead {width:410px;}
.hiddenhead h1 {font-size:90px; display: inline; font-weight:normal;}
.hiddenhead h2 {font-size:60px; display: inline; font-weight:normal;}
.hiddenhead h3 {font-size:48px; display: inline; font-weight:normal;}
#abouthidden .hiddentext {background-image:url(image/signature.gif); height:413px;}
#stuffhidden .hiddentext {height:427px;}
#contacthidden .hiddentext {text-align: center;}
#msnhidden .hiddentext {height:150px;}
.hiddentext {margin:0 20px; background-repeat:no-repeat; background-position: 300px 360px; overflow:visible;}
.hiddentext h2 {font-size:20px; margin-top:20px; margin-bottom:-20px; color:#f00; line-height:1.2em; text-align:right;}
.hiddentext h3 {font-size:20px; margin-bottom:-20px; color:#F00; line-height:1.2em; text-align:left;}
.hiddentext p {font-size:16px; margin-bottom:-10px; line-height:1.2em; text-align:right;}
.hiddentext img {float:left; margin-top:5px; margin-right:5px;}

.hiddentext p.middle {text-align:center;}
ul .design, li .design {font-size:16px; line-height:1em; text-align:right; list-style-type:square; list-style-image: url(image/design.gif);}
ul .charity, li .charity {font-size:16px; line-height:1em; text-align:right; list-style-type:square; list-style-image: url(image/charity.gif);}
ul .punk, li .punk {margin-left:-20px;;font-size:16px; line-height:1em; text-align:left; list-style-type:square; list-style-image: url(image/punk.gif);}
ul .god, li .god {margin-left:-20px;;font-size:16px; line-height:1em; text-align:left; list-style-type:square; list-style-image: url(image/god.gif);}


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
	ColorBox example user style
	These rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
	in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:#000;}

#colorbox{}
	#cboxContent{background:#000; margin-top:20px;}
		#cboxLoadedContent{background:#000; padding:5px;}
                #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
                #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
                #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
                #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(image/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
                #cboxPrevious.hover{background-position:bottom left;}
                #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(image/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
                #cboxNext.hover{background-position:bottom right;}
                #cboxLoadingOverlay{background:#000;}
		#cboxLoadingGraphic{background:url(image/loading.gif) center center no-repeat;}
		#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(image/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
		#cboxClose.hover{background-position:bottom center;}