/* Generic / Tag Styles */
html {
	overflow-y: scroll;
}
body {
	/*background-color: #;*/
	background-image: url('images/tiled.png');
	background-repeat:repeat-x;
	font: 10px/1.5em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #383843;
	font-size: 12px;
	line-height: 1.6;
}

#headbar {
	height: 40px;

	overflow: hidden;
	background-image: url('images/header-bg.png');
	background-repeat:repeat-x;
	background-color: #000000;
}

.clear {
	clear: both;
	height: 0px;
	overflow: hidden;
}


/*header stuff */

		#topheader {
			position: relative;
			
			margin: 0 auto 0 auto;
			padding: 0px 0px 0px 0px;
			height: 120px;			
			width: 910px;
		}
		a#logo {
			display: block;

			width: 270px;
			height: 113px;
			padding: 0px !important;
			margin: 0 0px 0px 0;
			
			background-color: #ffffff;
		}
		a#logo img {
			width: 270px;
			height: 113px;
			padding: 0px !important;
			border: none;
		}
		ul#articles {
			position: absolute;

			font-size: 10px;
			top: 0px;
			right: 0px;
			text-align: center;
			width: 627px;
			height: 120px;
			overflow: hidden;
			margin: 0 0 0 0;
			padding: 0 0 0 0 !important;
		}
		ul#articles > li {
			display: block;
			
			float: left;
			
			width: 150px;
			height: 120px;
			padding: 0px !important;
			margin-left: 9px;
		}
		ul#articles > li:first-child {
			margin-left: 0px;
			padding: 0px !important;
		}


/* Sets up the menu */

#top-menu
{
	padding: 0;
	padding-top: 15px;
	margin: 0 0 0 0;
	list-style: none;

}

#top-menu li 
{
	float: left;
}


/* Defines the appearance of the links */

#top-menu a 
{
	font-size: 0.8em;
	color: #666;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: -0.05em;
	padding: 0 0 0 10px;
}

#top-menu a:hover 
{
	color: #fff;
}

#top-menu a.visited 
{
	color: #666;
}

img {
	border: 0 none;
}

img.wp-smiley {
	float: none;
	vertical-align: middle;
}

img.centered, .aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	border:1px #000000 solid;
	padding: 0px;
	margin: 0 0 5px 15px;
	display: inline;
	}

img.alignleft {
	border:1px #000000 solid;
	padding: 0px;
	margin: 0 15px 5px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

h1,h2,h3 {
	color: #666666;
}
h1 {
	font-size: 18px;
}
h2 {
	font-size: 16px;
	padding: 0 0 6px 0;
}
h3 {
	font-size: 14px;
	padding: 0 0 4px 0;

	margin-bottom: 5px;
}

a {
	color: #306893;
	text-decoration: none;
	
	padding: 2px 0;
}
#contentRight p a:hover {

	color: #2f7e00;
}

/* Navigation at rest */
#navtop {
	float: left;
	padding: 10px 4px 4px 5px;

}
#navtop .searchtop {
	float: right;
	padding: 0 0 0 25px;
}
#dropsContainer {
	float: left;
	
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	
	font-size: 11px;

	text-transform: lowercase;
	list-style: none;
	color: #a3a3a3;
}
li.drop {
	float: left;

	margin: 0 10px 0 10px;
	padding: 0 0 10px 0;
}
li.drop span {
	display: block;
}
li.drop div.dropList {
	position: absolute;
	z-index: 1000;
	margin: 6px 0 0 0;
	padding: 5px 10px 0 0;

	background-color: #eeeeee;
	
	border: 1px solid #000000;
	
	display: none;
}
li.drop div.dropList ul {
	list-style: none;

	padding: 0 5px 0 5px;
	margin: 0 0 0 0;	
}
li.drop:hover div.dropList {
	display: block;
}
li.drop div.dropList li {
	height: 16px;
	
	padding: 0 0 8px 0;
}

/* links */
li.drop a {
	color: #a3a3a3;
	text-decoration: none;
	
	font-weight: normal;
}
li.drop a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
li.drop a.icon {
	display: block;
	
	padding: 1px 0 0 22px;
	height: 15px;
}
li.drop a.entries {
	background-image: url(images/rss.png);
	background-repeat: no-repeat;
}
li.drop a.comments {
	background-image: url(images/chat.png);
	background-repeat: no-repeat;
}
li.drop a.phone {
	background-image: url(images/phone.png);
	background-repeat: no-repeat;
}
li.drop a.email {
	background-image: url(images/email.png);
	background-repeat: no-repeat;
}
li.drop a.pages {
	background-image: url(images/pages.png);
	background-repeat: no-repeat;
}
li.drop a.cats {
	background-image: url(images/cats-head.png);
	background-repeat: no-repeat;
}
li.drop a.archives {
	background-image: url(images/archives.png);
	background-repeat: no-repeat;
}
li.drop a.links {
	background-image: url(images/links.png);
	background-repeat: no-repeat;
}
li.drop a.about {
	background-image: url(images/about.png);
	background-repeat: no-repeat;
}
li.drop a.twitter {
	background-image: url(images/twitter.png);
	background-repeat: no-repeat;
}
li.drop a.facebook {
	background-image: url(images/facebook.png);
	background-repeat: no-repeat;
}
li.drop a.flickr {
	background-image: url(images/flickr.png);
	background-repeat: no-repeat;
}

#page {
	width: 950px;
	border: 1px solid #d2d2d2;
	margin: 0 auto 0 auto;
	position: relative;
	padding: 0 0 0 0;
}

#adsenseContainer {
	background-image: url('images/adbg.png');
	background-color: #ffffff;
}

#adsense {
	width: 728px;
	border: 0px solid #d2d2d2;
	margin: 0 auto 0 auto;
	position: relative;
	padding: 5px 0 5px 0;
}

.pageFrame {
	position: absolute;
 
	overflow: hidden;
	
	background-repeat: no-repeat;
	
	width: 3px;
	height: 3px;
}
.pageFrameTop {
	top: 0px;
}
.pageFrameBottom {
	bottom: 0px;
}
.pageFrameLeft {
	left: 0px;
}
.pageFrameMid {
	left: 3px;
	right: 3px;
	
	width: auto;
}
.pageFrameRight {
	right: 0px;
}
#pageTop, #pageBottom {
	position: relative;
	
	overflow: hidden;
	
	height: 3px;
}
#pageTopLeft {
	background-image: url('images/frame-top-left.png');
}
#pageTopMid {
	height: 2px;
	border-top: 1px solid #d2d2d2;
}
#pageTopRight {
	background-image: url('images/frame-top-right.png');
}
#pageBottomLeft {
	background-image: url('images/frame-bottom-left.png');
}
#pageBottomMid {
	height: 2px;
	border-bottom: 1px solid #d2d2d2;
}
#pageBottomRight {
	background-image: url('images/frame-bottom-right.png');
}


#header, #pageTopMid {
	background-color: #f7f7f7;
}
#header {
	height: 33px;
	
	padding: 0 10px 0 10px;
	
	border-right: 1px solid #d2d2d2;
	border-bottom: 1px solid #cecece;
	border-left: 1px solid #d2d2d2;
}
#headerName {
	float: left;

	font-size: 13px;
	color: #306893;
	padding: 6px 0 10px 0;

	overflow: none;
}
#headerNav {
	float: right;
	
	-moz-user-select: none;
}
div.headerNavButton {
	
	padding: 10px 15px 10px 20px;
	
	text-align: center;
}
div.headerNavButton a {
	color: #aaaaaa;
	text-decoration: none;
	cursor: pointer;
}
div.headerNavButton a:hover {
	background-color: inherit;
	
	text-decoration: none;
	color: #306893;
}
div.headerNavButtonSelected {
	position: relative;
	
	padding-top: 9px;
	padding-bottom: 13px;
	margin-top: -2px;
	
	z-index: 10;
	
	background-image: url('images/header-nav-left.png');
	background-repeat: no-repeat;
}
div.headerNavButtonSelected a {
	cursor: default;
}
div.headerNavButton .headerNavButtonSelectedRight {
	display: none;
}
div.headerNavButtonSelected .headerNavButtonSelectedRight {
	display: block;
	
	background-image: url('images/header-nav-right.png');
	background-repeat: no-repeat;
	
	width: 10px;
	height: 36px;
	
	position: absolute;
	top: 0px;
	right: 0px;
}

#headerNavSearch {

}
#headerNavSearch input {
	border: 0px solid #cecece;
	
	background-image: url('images/search.png');
	background-repeat: no-repeat;
	
	padding: 1px 1px 1px 16px;
	
	color: #383843;
}

#sidegraph {
	position: absolute;
	background-image: url('images/sidegraph.png');
	background-repeat: no-repeat;
	background-position: top right;
	width: 200px;
	top: -1px;
	bottom: 0;
	left: -201px;
	z-index: 1;
}

#minigraph {
	position: absolute;
	background-image: url('images/sidegraph-sm.png');
	background-repeat: no-repeat;
	background-position: top right;
	width: 200px;
	top: -1px;
	bottom: 0;
	left: -201px;
	z-index: 1;
}

#content, #pageBottomMid, div.headerNavButtonSelected, #footer {
	background-color: #ffffff;
}

#content {
	position: relative;

	padding-right: 10px;
	padding-left: 10px;
	
	padding-top: 10px;
	padding-bottom: 10px;
}
#contentLeft {
	top: 10px;
	bottom: 10px;
}

#content p {

	text-align: justify;
	font-size: 13px;
	line-height: 1.5;
}

#content p a:hover {

	color: #2f7e00;
}

#contentLeft {
	position: absolute;

	width: 110px;

	padding: 0 0 0 0;
	margin: 0 0 0 0;
	
	background-image: url('images/content-left.png');
	
	z-index: 1;
	
	overflow: hidden;
}
#contentLeftBottom {
	position: absolute;
	bottom: 0px;
	
	height: 10px;
	width: 110px;
	
	background-image: url('images/content-left-bottom.png');
}

#contentRight {
	float: right;

	width: 660px;
	text-align: justify;
}

#singletop {
	width: 100%;
	height: 70px;

	margin-bottom: 10px;

	background-image: url('images/singletop.png');
	
	z-index: 1;	
	overflow: hidden;
}

#footer {
	padding: 10px 0 10px 0;
	border-top: 1px solid #cecece;
	color: #aaaaaa;
	font-size: 10px;
	
	margin: 0 0 0 0;

	text-align: center;
}

.contentHeader {
	padding: 1px 0 2px 0;
}

.contentHeader a:hover {

	color: #2f7e00;
}

.contentHeaderDate, .contentHeaderTime, .contentHeaderComments {
	width: auto;
	height: 16px;
	text-align: left;
	background-repeat: no-repeat;
}

.contentHeaderTime, .contentHeaderComments {
	float: right;
	padding: 0 25px 0 0;
	text-align: right;
	background-position: top right;
}

.contentHeaderDate {
	float: left;
	padding: 0 0 0 25px;
	background-image: url(images/calendar.png);
	background-position: top left;
}

.contentHeaderTime {
	background-image: url(images/clock.png);

}

.contentHeaderComments {
	background-image: url(images/comments.png);
}

.contentIndexHeader {
	padding: 0 0 0 0;
}

.contentHeaderIndexDate, .contentHeaderIndexTime, .contentHeaderIndexComments {
	width: auto;
	margin-bottom: 50px;
	height: 16px;
	text-align: left;
	background-repeat: no-repeat;
}

.contentHeaderIndexTime, .contentHeaderIndexComments {
	float: right;
	padding: 0 25px 0 0;
	text-align: right;
	background-position: top right;
}

.contentHeaderIndexDate {
	float: left;
	padding: 0 0 0 25px;
	background-image: url(images/calendar.png);
	background-position: top left;
}

.contentHeaderIndexTime {
	background-image: url(images/clock.png);

}

.contentHeaderIndexComments {
	background-image: url(images/comments.png);
}

.indexav {
	float: left;
	padding: 10px 5px 0 0;
	width: 165px;
}

.avbanner {
	border: 0px solid #000000;
	width: auto;
	float: left;
	padding: 0 0 0 0;
	width: 45px;
	height: 55px;
	text-align: left;
}

.avauthor {
	font: normal 10px/1.5em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	border: 0px solid #000000;
	float: left;
	padding: 0 0 0 3px;
	text-align: left;
	width: 110px;
	height: 55px;
}

.searchHeaderDate, .searchHeaderTime, .searchHeaderComments {
	width: auto;
	height: 16px;
	text-align: left;
	background-repeat: no-repeat;
}
.searchHeaderTime, .searchHeaderComments {
	float: right;
	padding: 0 0 0 0;
	text-align: right;
}
.searchHeaderDate {
	float: left;
	padding: 0 0 0 0px;
}

.solidline {
	border-bottom:1px #C6C6CD solid;
	margin-top:18px;
	clear:both;
	margin-bottom:15px;}
	
.indexsolid {
	border-bottom:1px #C6C6CD solid;
	margin-top:18px;
	clear:both;
	margin-bottom: 10px;
}
	
.solidtopline {
	padding-bottom:20px;
	clear:both;
	}

.solidcomment {

	clear:both;

	}

.solidsingle {
	padding-bottom:5px;
	clear:both;
	}

.solidspacer {
	padding-bottom:15px;
	clear:both;
	}
	
.solidindex {
	margin-bottom:3px;
	clear:both;
	}

.solidheader {
	margin-bottom:10px;
	clear:both;
	}
	
.solidupdate {
	border-bottom:1px #C6C6CD solid;
	margin-bottom:5px;
	}

.solidlinebreak {
	border-bottom:1px #000000 solid;
	margin-bottom:5px;
	}
	
.solidsep {
	border-bottom:1px #C6C6CD solid;
	margin-top:7px;
	margin-bottom:12px;
	clear:both;
	}
	
.indexsolidsep {
	border-bottom:1px #C6C6CD solid;
	margin-bottom:3px;
	padding-top: 10px;
	clear:both;
	}

.indexsep {
	border-bottom:1px #e3e3e3 solid;
	margin-bottom:7px;
	clear:both;
	}	

.postmetadata {background:#FFFFFF;padding:0.8em;color:#999; font-size:9px;-moz-border-radius: 10px;-khtml-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;  border: 1px solid #ccc; margin-bottom: 10px;}
.postmetadata a {}
.postmetadata a:hover {}

img.postmetadata {
        vertical-align: middle;
}

.gaygame {
	margin-top: 17px;
	clear:both;
}

.banner {
	float: left;

	text-align: justify;
	font: normal bold 10px/1.5em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
       
	background-image: url('http://ctrlclick.com/images/gaygamer.png');
	background-repeat: no-repeat;
	padding: 0px 2px 14px 125px;
}

.leftcats {
        float: left;

        text-align: justify;
        font: normal 10px/1.5em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
       
        background-image: url('images/cats.png');
        background-repeat: no-repeat;
        padding: 2px 15px 2px 21px;
}

.leftcats a:hover {
	color: #2f7e00;
	background:#000000;
	}

.lefttags {
        float: left;
       
        text-align: justify;
        font: 10px/1.5em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
       
        background-image: url('images/tag.png');
        background-repeat: no-repeat;
        padding: 2px 0 0 21px;
}
	
.lefttags a:link {
	color: #2f7e00;
	}
.lefttags a:visited {
	color: #2f7e00;
	}
.lefttags a:active {
	color: #2f7e00;
	}
.lefttags a:hover {
	color: #306893;
	background:#000000;
	}

.navtags a:hover {
	color: #306893;
	background:#000000;
	}
	
.twitoff{
	padding:8px;
	border:1px solid #C6C6CD;
	margin: 10px;
	margin-bottom: 20px;
	background: #F6F6F6;
	font-size: 11px;
	width: 606px;
	}

blockquote {padding:5px;border:1px dashed #C6C6CD; margin: 15px; background: #F6F6F6;}
blockquote p {margin: 13px 13px 13px 13px;}

.searchtags {
	color:#727288;
	font-weight:600;
	border:1px #C6C6CD solid;
	border-width:1px 0;
	padding-left:8px;
	margin-bottom:60px;
	}

.indextags {
	float: left;
	color:#727288;
	text-align: justify;
	font: normal bold 10px/1.5em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin-left: 0px !important;
	margin-top: 8px !important;
	background-image: url('images/cats.png');
	background-repeat: no-repeat;
	padding: 2px 0px 4px 21px !important;
}


/* Comments */
.posted {
	color: #888;
	margin-top: .3em;
	}

.posted cite {
	font-weight: bold;
	font-style: normal;
	}

.entrylink {
	text-align: justify;
	}

.entryOFFindex {
	margin-top: 10px;
	border: 1px #C6C6CD solid;
	clear:both;
	font-size: 10px;
}

.entryindex {
	/*font-size:10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

	border: 1px solid #C6C6CD;*/

	clear:both;
}

.commentlink {
	text-align: right;
	}

ol.commentlist {
	font: 10px/1.5em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	list-style: none;
	margin-left: 39px;
	margin-top: 18px;

	}

.commentlist li {
	color: #444;
	font-style: normal;
	padding: 1em;
	text-align: justify;
	margin: 0 0 0 0;
	border: 1px solid #ccc;
	}

.commentlist td {
	text-align: left;
	border: 0px solid #ccc;
	}

.commentlist .alt {
	border: 1px solid #ccc;
	}

.commentlist .authorcomment {

	background-image:url(images/stripeauthor.gif);
	background-repeat:repeat;
	border: 1px solid #ccc;
	}

.commentlist .altauthorcomment {

	background-image:url(images/stripeauthor.gif);
	background-repeat:repeat;
	border: 1px solid #ccc;
	}
	
.commentlist p {
	margin: .6em 0 0 0;
	font-size: 11px !important;
	}

.commentlist blockquote p {
	margin: 0 0 0 0;
	}

.commentlist table {
	margin: 0 0 0 0;
	}

.monsterid {
	margin-top: 3px;
	border:1px #C6C6CD solid;
	}

.thumbnails {
	border:1px #000000 solid;
	}

.artimgleft {
	border:1px #000000 solid;
	float: left; 
	margin-right: 20px;
	margin-bottom: 10px;
	margin-top: 5px;
	}

.artimgright {
	border:1px #000000 solid;
	float: right; 
	margin-left: 20px;
	margin-bottom: 5px;
	}
	
#postcomment {
	text-align: justify;
	}

input#submitComment {
	background-color: #FFF; font-size: 60%;
	border: 1px solid #888;
	font-weight: bold;
	padding: 2px 4px;
	}

input#submitComment:hover {
	cursor: pointer;
	}

.avatar {margin:0 auto;border:1px #C6C6CD solid}

.compact {
	margin-left: 10px;
	}
	
.cloud {
	margin-left: 10px;
	text-align: justify;
	width: 313px;
	}

/*	Navigation links		*/

.prev {
	display: block;
	float: left;
	text-align: left;
	width: 49%;
	font: 10px/1.5em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin-bottom: 25px; 
	}

.next {
	display: block;
	float: right;
	text-align: right;
	width: 49%;
	font: 10px/1.5em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin-bottom: 25px; 
	}
	
.clr {clear:both;}

/*	Pagebar		*/

.pagebar 
	{ 
		font: 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		padding-top: 10px; 
		padding-bottom: 10px; 
		margin: 0px; 
	}

.pagebar a, .pageList .this-page 
	{
		padding: 2px 6px; 
		border: solid 1px #606060; 
		background: #ffffff; 
		text-decoration: none;
	}

.pagebar a:visited 
	{
		padding: 2px 6px; 
		border: solid 1px #606060; 
		background: #ffffff; 
		text-decoration: none;
	}

.pagebar .break 
	{
			padding: 2px 6px; 
			border: none; 
			background: #ffffff; 
			text-decoration: none;
	}

.pagebar .this-page 
	{
		padding: 2px 6px; 

		font-weight: bold; 
		font-size: 11px; 
		vertical-align: top; 

	}

.pagebar a:hover 
	{
		color: #2f7e00; 

		border-color: #036; 
		text-decoration: none;
	}
	
#navLeft {
	float: left;
	width: 388px;
	}
#navRight {
	float: left;
	width: 388px;
}

.post {
	text-align: left;

	padding: 0px 0px 0px 0px;
}

div.post h1 {
	font-size: 3px;
}

.postthumb {
	margin-bottom: 40px;
}

.postthumb img {
	border: 1px solid #000000;
}

.postthumb a {
	padding: 0px;
	margin: 0px;
}

div.indexfoot {
	text-align: justify;
	padding: 0 0 0 10px;
	margin-bottom: 5px !important;
	font-size: 10px;
	width: 910px;
}

div.indexfoot a:hover {

	color: #2f7e00;
}

div.indexcol:first-child {
	padding-left: 0px !important;
	border-left: 0 none !important;
}

div.indexcol {
	float: left;
	width: 289px;
	height: inherit;
}

div.indexfoot div#column1 {
	text-align: left;
	overflow: hidden;
}

div.indexfoot div#column2 {
	border-right: 1px solid rgb(198, 198, 205);
	border-left: 1px solid rgb(198, 198, 205);
	padding: 0 10px 0 10px;
	margin: 0 10px 0 10px;
	overflow: hidden;
}

div.indexfoot div#column3 {
	text-align: left;
	overflow: hidden;
}

#alinks a:hover {
	color: #2f7e00;
}

.meta {
background:#f3f3f3;
font-size:11px;
line-height:15px;
color:#333;
padding:5px 10px;
margin:0 0 30px 0;
border-top:#bbb 1px solid;
}

.signature {
float:left;
padding:0 15px 0 0;
border-right:#bbb 1px solid;
width:200px;
}

.bannertags {
float:left;
padding:0 0 0 15px;
width:440px;
}

#player1, #player2, #player3 {
text-align: center !important;
}