/*
Theme Name: Chris Collard
Theme URI: http://ynotwee.com
Description: Custom WordPress Theme
Author: Kammy Burleson, YNot Web
Author URI: http://ynotweb.com

*/

/* 
font sizes (approx.):
1.5em = 18pt
1.2em = 14pt
1em = 12pt
0.8em = 10pt
0.75em = 9pt
0.7em = 8pt

*/


/* basics */

*{margin:0; padding:0;z-index: 0;}
html { min-height:100%; margin-bottom:1px; } /*keeps short pages from jumping */

body {
	background: #000;
	font-family:  "Trebuchet MS","MS Sans Serif", Geneva, Arial, Helvetica, Verdana, sans-serif;
	color: #fff;
	font-size: 11pt;
	margin: 0 10px 0 10px;
	}
	h1, h2, h3, h4 {
		font-family: "Trebuchet MS","MS Sans Serif", Geneva, sans-serif;
	}
h1 {font-size: 24pt;}
h2 {font-size: 18pt;}
h3 {font-size:14pt;}
h4 {font-size: 11pt;}
	h1, h2, h3 {
		font-weight: lighter;
	}

/* images and misc. */

img{ border: none;}
img a{border:none;}

/* WP image handling */
img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 5px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 5px;
	margin: 0 7px 2px 0;
	display: inline;
	}


blockquote{
	border-left:1px solid #fff;
	margin:15px;
	padding:0 12px 0 12px;
	}

code{
	margin:10px;
	font-family:"Courier New", Courier, monospace;}


/* links */

a{
	color:#FFF;
	text-decoration:none;
	border: none;
	}

a:hover{color:#FFF;text-decoration: underline; border: none;}



/* container */


#container {
	width: 100%;
	}
	
/* header */

#header {
    width: 100%; 
	color: #fff; 
	
	}

#header h1{

	letter-spacing: 1px;
	margin: 0;	
	padding: 20px 0 0 16px;	
	}
	
#header h1 a{color: #fff; text-decoration: none;}
#header h1 a:hover{color: #fff; text-decoration: none;}


#header h2{

	font-style: italic;
	color: #fff;
	letter-spacing: 1px;
	margin: 0;	
	padding: 0 0 0 18px;	
	}

/* main menu */


#menu {
float: right;
	background: #000;
	font-family:  "Trebuchet MS","MS Sans Serif", Geneva, Arial, Helvetica, Verdana, Tahoma, sans-serif;
	height:25px;
	margin-top: 30px;
text-transform:uppercase;
}


#menu ul {
	margin: 6px 0 0 0;
	padding: 0;
	text-align: left;
}

#menu ul li {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#menu ul li a {
	padding: 6px 13px 6px 13px;
	margin: 0;
	text-decoration: none;
	color: #fff;
}

#menu ul li a:hover {
	background-color: #000;
	color:#fff;
}



/* content */


#content {
	float: left;
	width: 100%;
	overflow: hidden;
	}

.post {
	margin: 0 auto;
	padding:15px;
	line-height: 14pt;
width: 100%;	
max-width: 980px;
	}
	
.post h2{

	color: #fff;
	}
	
.post h2 a{
	color: #fff;
	text-decoration: none;
	}
	
.post h2 a:hover{
	color: #fff;
	text-decoration: none;
	}
	
.post p{}

.post a{text-decoration:underline;}

.post ul {}

.post li {}

.entry p{margin:12px 0;}

.postmetadata{
	clear: both;
	background:#000;
	padding:6px;
	margin-top: 16px;
	border-left:solid 1px #A2A2A2;
	border-bottom:solid 1px #A2A2A2;
	}
	

.navigation {
	margin: 12px 0 20px 0;
	padding:2px;

	float:left;
	width:98%;
	}
	
	.alignleft {float:left;}
	.alignright {float:right;}

.pagetitle {}



/* standard comments aka legacy */


#commentssection{
	clear: both;
	padding: 2px 12px;
	margin: 0;
	}
	
#commentssection h3{

	font-style: normal;
	color: #fff;
	}

#commentform{
	background: #000;
	margin: 12px 12px 20px 12px;
	padding:20px;
	}
	
#commentform p{
	color: #fff;
	}
	
#commentform a{color: #fff; text-decoration: none; border-bottom: 1px dotted #fff;line-height: 14pt;}
	
#commentform h3{

	color: #fff;
	}
	
#commentbox{
	/*width:75%;
	min-width:400px;*/
	margin:5px 5px 0 0;
	}

#author, #email, #url, #commentbox, #submit{
	background: #000;
	margin:5px 5px 0 0;
	border: none; 
	padding: 6px;
	border: 1px none #B2B2B2;
	}

#submit{margin:5px 5px 0 0; color: #fff; border: 1px solid #fff;}

	}
ul.commentlist {list-style-type: none;}

ul.commentlist li {
	background: #000;
	margin:10px;
	padding:5px 0 5px 10px;
overflow: visible;


	}

ul.commentlist li.alt {background: #000;}
ul.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;}

ul.commentlist a {color:#fff;}

cite {
	font-weight: bold;
	font-style: normal;
	}
	
cite a{color: #fff; text-decoration: none; border-bottom: 1px dotted #fff;}


/* search */

#searchform{
	padding: 6px 0 6px 6px;

	}

#searchform input#s{

	padding: 2px;
	margin: 2px;
	border: 1px none  #B7B7B7;
	}

#searchform input#searchsubmit{

	padding: 2px;
	margin: 2px 0 0 2px;
	border: 1px none #B7B7B7;
	background-color: #fff;
	color: #fff9;
	}

/* footer */

#footer {
	background: #000;
	clear: both;
	width: 100%;
	margin:15px 0 0 0;


	}
	
#footer p{padding:15px;margin: 0; color: #ff;}
#footer a{color: #fff;text-decoration: none;}
#footer a:hover{color: #fff;text-decoration: underline;}


/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */


/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #000;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/* THREADED COMMENTS */
.alt {margin: 0;padding: 10px;}
#comments ul {list-style-type: none;
/*line-height: 18px;*/
margin:0;
padding: 0 0 10px 5px;
}

#comments ul li {list-style-type: none;list-style-image: none;list-style-position: outside;margin: 0 0 0 5px;padding: 5px 0 0 0;}

.commentlist {padding: 0;text-align: left;}
.commentlist li {margin: 15px 0 10px;padding: 5px 5px 10px 5px;list-style: none;}
.commentlist li ul li { margin-right: -5px;margin-left: 10px;list-style: none;}
.commentlist li li {background:none;border:none;list-style:none;margin:3px 0 3px 20px;padding:3px 0;}
.commentlist li .avatar {border:1px solid #fff;margin:15px 8px 6px 0;float: left;padding:2px;width:45px;height:45px;}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;}
.commentlist p {font-weight: normal;line-height: 1.5em;text-transform: none; margin: 10px 5px 10px 0;}
#commentform p {font-family:  "Trebuchet MS","MS Sans Serif", Geneva, Arial, Helvetica, Verdana, sans-serif;}
.commentmetadata {font-weight: normal; margin: 0;display: block; color: #fff;}
.commentmetadata a, .commentmetadata a:visited {color: #fff;}
.commentmetadata a:hover{ color: #fff;}
.children { padding: 0; }
.thread-alt {background-color: #000;}
.thread-even {background-color: #000}
.depth-1 {border: 1px solid #ddd;}
.even, .alt {border-left: 1px solid #ddd;}
.credit {float:right;}

/* SPLASH IMAGE VIEWER */
#splash_img {
width: 100%;
padding: 0;
margin:0 0 -60px 0;
text-align: center;
min-height: 560px;

}

.viewer_img {border: 1px solid #fff; margin: 0px; padding:0;}
.clear {clear: both;}