/*** Text Properties ***/
h1 {
	font: normal 16pt georgia bold;
	text-align: center;
	letter-spacing: 1px;
	margin-bottom: 0px;
	color: #0CF;
	text-decoration:underline;
	}
	
h2 {
	font: normal 12pt georgia bold; 
	text-align: center;
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color: #1F251F;
	}
	
h3 { 
	font: normal 14pt georgia bold; 
	text-align: center;
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color: #80FFFF;
	}
	
h4 {
	font: normal 20pt georgia bold;
	text-align: center;
	letter-spacing: 1px;
	margin-bottom: 0px;
	color: #000;
	text-decoration:none;
	}
	
p			  { margin: 0 0 1em 0; text-align: left; line-height:1.8; }
p.last 		  { margin-bottom:0; }
p.first		  { margin-top:1em; }
p.img		  { float: left; margin:0 1em 1em 0; padding:0; }

blockquote    {
    margin:0 0 1em 1em;
    padding-left:1em;
    border-left:2px solid #DBDBDB;
}
strong        { font-weight: bold; }
em            { font-style: italic; }
pre           { border: 1px solid #ddd; margin-bottom: 1.2em; padding:1.2em; }
ins           { text-decoration:none; } /*remove underline from text*/
del           { text-decoration:line-through; }
acronym       { border-bottom:1px dotted #666; }
dl {
    line-height:1.8;
    margin-bottom:1.2em;
}

.descriptors {
	font-size:14px;
	color: #000;
	text-align:left;
	padding: 10px;
	font-family:"Courier New", Courier, monospace;
}
/*** links ***/

img
{  border-style: none;
}


a {
	text-decoration:none;
	color:#B7CAC2;
	text-shadow:1px 1px 2px #000;
}

a:link {font-weight: bold;text-decoration:none;}
a:visited {font-weight: bold; text-decoration: none;}
a:hover, a:active {text-decoration: none;}

a.navbar:link {text-decoration: none;}
a.navbar:visited {text-decoration: none; }
a.navbar::active {text-decoration: none; }
a.navbar:hover {text-decoration: none;}

ol, ul {list-style: square;}

body {
	margin: 0 auto;
	height:100%;
	overflow:auto;
	background-image:url(bgs/largerbg.jpg);
	background-repeat:repeat-x;
	background-color:#FFF;	
	}

/* Divs */

#container {
	width: 1000px;
	margin:0 auto;
	border:#000;
	border-style:solid;
	background-image:url(bgs/containerbg.jpg);
	background-repeat:no-repeat;
	background-color: #39393B;
	}

#content{
	padding: 5px 10px 5px 10px;
	text-align: justify;
	float:center;
	width: 590px;
	height:85%;
	border:#000;
	border:double;
	background-color:#000;
	overflow-y:auto;
	overflow-x: hidden;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #FFFFFF;
	font-style: normal;
	box-shadow: 0px 0px 5px 5px #FFFFFF;
	-webkit-box-shadow: 0px 0px 5px 5px #FFFFFF;
	-moz-box-shadow: 0px 0px 5px 5px #FFFFFF;
	}
	
.gallery{
	width:590px;
	text-align:left;
	font:Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0 auto;
	}
	
#gallery {
	width:590px;
	text-align:center;
	font:Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0 auto;
	}
	
#navbar {
	text-align: left;
	width: 350px;
	float: left;
	margin: 0 auto;
	left: 14px;
	top: 3px;
	}
	
#likebox {
	text-align: center;
	width: 580px;
	float: left;
	margin: 0 auto;
	top: 3px;
	color:#FFF;
	padding: 5px;
	background-color:#FFF;
	}

#subnav {
	text-align: center;
	width: 590px;
	padding: 0px 0px 10px 0px;
	float: left;
	margin: 0 auto;
	left: 14px;
	top: 3px;
	}
		
#distance { 
	width:1px;
	height:50%;
	background-color:#fc6;
	margin-bottom:-13.75em; /* half of container's height */
	float:left;
	}
 
p#controls {
		text-align:center;
	}
	#controls span {
		padding-right:2em;
		cursor:pointer;
	}
	#cf {
		position:relative;
		height:281px;
		width:450px;
		margin:0 auto;
	}
	#cf img {
		position:absolute;
		left:0;
		-webkit-transition: opacity 1s ease-in-out;
		-moz-transition: opacity 1s ease-in-out;
		-o-transition: opacity 1s ease-in-out;
		transition: opacity 1s ease-in-out;
		opacity:0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);		
	}
	
	#cf img.opaque {
		opacity:1;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
		filter: alpha(opacity=1);		
	}	
	
.transition {
	-webkit-transition:all 1.0s ease-in-out;
	-moz-transition:all 1.0s ease-in-out;
	-o-transition:all 1.0s ease-in-out;
	-transition:all 1.0s ease-in-out;	
}

.selected {
	font-weight:bold;
}

section {
	border-bottom:1px black solid;
}

.hover, img {
	-webkit-user-select: none;
	-webkit-touch-callout: none;	
}

a {
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-transition:all 0.5s ease-in-out;
}


.no-csstransitions #bs_transitions,.no-csstransforms #bs_2dtrans,.no-csstransforms3d #bs_3dtrans, .no-cssanimations #bs_animation {
	color:red;
}

.csstransitions #bs_transitions,.csstransforms #bs_2dtrans,.csstransforms3d #bs_3dtrans, .cssanimations #bs_animation {
	color:green;
}
	

/* image classes */
.picinline {
	text-align:center;
	border: 2px;
	border-color: #4B0106;
	padding: 2px;
}

.picsmall {
	border: 3px;
	border-color: #29434B;
	padding: 2px;
}

.picbig {
	border: 2px;
	border-color: #65738B;
	padding: 6px;
	margin: 0px 7px 0px 0px;
}

/** comic gallery holders**/
	#comicholder { width: 750px; height: 1162px; margin-right: 0; margin-left: 0; margin-top: 60px; text-align: center; }
	#strip {padding:10px;}
	#stripholder { width: 800px; height: 600px; margin: 0 auto;text-align: center; }
	#thecallholder { width: 800px; height: 610px; margin-top: 0 auto;text-align: center;  color:#000;}
	
	#adholder { width: 800px; height: 130px; margin: 0 auto;text-align: center; background-color:#FFF;}
/**space between top of holder and navigation**/
	
	#cg_img  { height: 1230px; width: 750px; margin: 0 auto;}
	#cg_img2  { height: 520px; width: 800px; margin: 0 auto;}
	#cg_img3  { height: 460px; width: 755px; margin: 0 auto;}
	#cg_nav2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: center;}
	#cg_nav1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;text-align: center; }
	#cg_nav1 a, #cg_nav2 a 	{ text-decoration: none; }
	#cg_nav1 a:hover, #cg_nav2 a:hover { text-decoration: underline; }
	#cg_credits 			{ text-align:center; font-family:"Courier New", Courier, mono; font-size: 8px; color:#999; }
	#cg_credits a 			{ text-align:center; color:#999; text-decoration: none; }
	#cg_credits a:hover		{ text-align:center; text-decoration: none; }
	.cg_arrow1, .cg_arrow2	{ font-weight: bold; }
	
/*comments*/

#disqus_thread{
	width: 706px;
	margin: 0 auto;
	padding: 20px;
	color: #CCC;
	background-color:#333;
	border-style:solid;
	border-color:#000;
	background-image:url(bgs/disqus-bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
}

.disqus_thread a:link {color:#000; text-decoration:underline;}
.disqus_thread a:hover {color:#000; text-decoration:underline;}
.disqus_thread h3 { 
	font: normal 14pt georgia bold; 
	text-align: center;
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color:#DAE9E8;
	}

#disqus_thread_siphons{
	width: 755px;
	margin-left:97px;
	padding: 20px;
	color: #CCC;
	background-color:#333;
	border-style:solid;
	border-color:#000;
	background-image:url(bgs/disqus-bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
}

.disqus_thread_siphons a:link {color:#000; text-decoration:underline;}
.disqus_thread_siphons a:hover {color:#000; text-decoration:underline;}
.disqus_thread_siphons h3 { 
	font: normal 14pt georgia bold; 
	text-align: center;
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color:#DAE9E8;
	}
	
/* social buttons*/
#social-box {
  display: block;
  position: relative;
  float: left;
  width: 55px;
  margin: -5px 0 -165px -80px;
  padding: 0px 0 0px 0px;
  background: #fff;
  border-top: 5px solid #c2c2c2;
  border-bottom: 5px solid #c2c2c2;
  border-left: 5px solid #c2c2c2;
}

#social-twitter {
  margin-bottom: 10px;
}

#social-facebook {
  margin: 0 -5px -5px 5px;
}

.social {
  margin: 10px 0 0 0;
  float: left;
}

.social a img {
  margin-right: 2px;
  filter: alpha(opacity=85);
  -moz-opacity: .85;
  opacity: .85;
}

.social a:hover img {
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  opacity: 1.0;
}

.social { 
	float: left;
	width: 580px;
	margin-bottom: 30px; 
	margin-left: 50px;
	padding-bottom: 10px;
	
}

.like-facebook, .tweet-twitter {
	float: left;
	margin-right: 3px;
	height: 25px;
	padding: 7px;
	text-align: center;
	border: 3px solid #fff;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px;
	-moz-box-shadow: 0 0 3px #8e8e83; 
	-webkit-box-shadow: 0 0 3px #8e8e83; 
	box-shadow: 0 0 3px #8e8e83; 
}

.google {
	float: left;
	margin-right: 3px;
	width: 60px;
	height: 25px;
	padding: 7px;
	text-align: center;
	border: 3px solid #fff;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px;
	-moz-box-shadow: 0 0 3px #8e8e83; 
	-webkit-box-shadow: 0 0 3px #8e8e83; 
	box-shadow: 0 0 3px #8e8e83; 
	background: -moz-linear-gradient(top, #BBDBE1 0%, #4E616B 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BBDBE1), color-stop(100%,#4E616B));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BBDBE1', endColorstr='#4E616B',GradientType=0 );
}

.like-facebook { 
	width: 140px;
	background:#D2DDDD;
	background: -moz-linear-gradient(top, #BBDBE1 0%, #4E616B 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BBDBE1), color-stop(100%,#4E616B));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BBDBE1', endColorstr='#4E616B',GradientType=0 );
}

.tweet-twitter { 
	width: 100px;
	background: #D2DDDD;
	background: -moz-linear-gradient(top, #BBDBE1 0%, #4E616B 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BBDBE1), color-stop(100%,#4E616B));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BBDBE1', endColorstr='#4E616B',GradientType=0 );
}