/*   
Theme Name: The SWAT Kats Fan Art Archive
Theme URI: http://www.swatkats.info/skfaa
Description: The default theme for The SWAT Kats Fan Art Archive
Author: MoDaD
Author URI: http://www.swatkats.info
Template: 
Version: 1.0
.
Not compatabile with IE6 or lower.
.
*/

/*------------------------------------------------------------------

 							RESET CODE 
 
 ------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/*------------------------------------------------------------------

 							DEFAULT GLOBALS 
 
 ------------------------------------------------------------------*/
 
body {

	text-align: center;	
	background-color: #000;
	color: #fff;
	background-image: url('images/black.jpg');
	position: relative;
}

	.randombgart {
		
		background-repeat: no-repeat;
		background-position: top center;
		min-height: 580px;	
	}
	.randombgart.bg001 {
	
		background-image: url('images/bgs/001.jpg');			
	}
	
	.randombgart.bg002 {
	
		background-image: url('images/bgs/002.jpg');		
	}
	
	.randombgart.bg003 {
	
		background-image: url('images/bgs/003.jpg');		
	}
	
	.randombgart.bg004 {
	
		background-image: url('images/bgs/004.jpg');		
	}
	
	.randombgart.bg005 {
	
		background-image: url('images/bgs/005.jpg');		
	}
	
	.randombgart.bg006 {
	
		background-image: url('images/bgs/006.jpg');		
	}
	
	.randombgart.bg007 {
	
		background-image: url('images/bgs/007.jpg');		
	}
	
	.randombgart.bg008 {
	
		background-image: url('images/bgs/008.jpg');		
	}
	
	.randombgart.bg009 {
	
		background-image: url('images/bgs/009.jpg');		
	}
	
	.randombgart.bg010 {
	
		background-image: url('images/bgs/010.jpg');		
	}
	
	.randombgart.bg011 {
	
		background-image: url('images/bgs/011.jpg');		
	}
	
	.randombgart.bg012 {
	
		background-image: url('images/bgs/012.jpg');		
	}
	
	.randombgart.bg013 {
	
		background-image: url('images/bgs/013.jpg');		
	}
	
	.randombgart.bg014 {
	
		background-image: url('images/bgs/014.jpg');		
	}
	
	.randombgart.bg015 {
	
		background-image: url('images/bgs/015.jpg');		
	}
 
.the_width {

	width: 960px;
	margin: 0 auto;	
	clear: both;
	height: 1%;
	overflow: auto;
}

.hidethis {

	display: none;
	visibility: hidden;	
}

.clear {

	clear: both;	
}

a {

	color: #fff;	
}

a:hover {

	color: #ffc600;		
}

b, strong {

	font-weight: bold;
	font-style: inherit;	
}

i, em {

	font-weight: inherit;
	font-style: italic;	
}
/*------------------------------------------------------------------

 							HEADER
 
 ------------------------------------------------------------------*/

.artist_credit {

	position: absolute;
	top: 0px;
	left: 0px;	
	font-size: 10px;
	font-family: arial, sans-serif;
	z-index: 1;
}

	.artist_credit a {
	
		color: #fff;	
	}
	
		.artist_credit a:hover {
			
			color: #ffc600;	
		}

.header {

	/*overflow: auto;
	height: 1%;*/
	height: 100px;
	width: 960px;
	margin: 0 auto;	
	clear: both;
	overflow: hidden;
}

.header .logo {

	display: block;
	float: left;
	width: 200px;
	text-align: left;
	overflow: hidden;
	padding: 15px 0px 0px 0px;
}

	.header .logo h1 a {
	
		font-family: 'Permanent Marker', arial, serif;
		font-size: 35px;
		text-decoration: none;
		color: #fff;
		line-height: 1em;
		padding-left: 2px;
	}
	
	.header .logo span {
		
		font-family: 'Six Caps', sans-serif;
		font-size: 25px;
		line-height: 1em;
	}

.header ul {

	display: block;
	float: right;
	width: 650px;
	height: 100px;
	/*border-top: 5px solid #fff;*/
	/*height: 1%;
	overflow: auto;*/
}

	.header ul li {
	
		display: block;
		float: left;
		width: 130px;	
	}
	
		.header ul li a {
		
			display: block;
			padding: 25px 0px 25px 0px;	
			font-family: 'Six Caps', sans-serif;
			font-size: 25px;
			line-height: 1em;
			color: #fff;
			text-decoration: none;
			background-image: url('images/navbg.png');
			background-repeat: repeat-x;
			background-position: 200px 200px;
			margin-top: 5px;
		}
		
		.artist .header ul li.page-item-639 a,
		.homepage .header ul li.ishome a,
		.header ul li.current_page_item a,
		.header ul li a:hover {
		
			/*color: #000;	
			background-position: 0px 0px;*/
			border-top: 5px solid #fff;
			margin-top: 0px;
		}
		
		.artist .header ul li.page-item-639 a,
		.homepage .header ul li.ishome a,
		.header ul li.current_page_item a {
		
			/*font-weight: bold;*/
			font-size: 36px;
			padding-top: 20px;	
		}

/*------------------------------------------------------------------

 							HOMEPAGE SLIDESHOW
 
 ------------------------------------------------------------------*/

.slideshow {

	display: block;
	height: 375px; /* Master height decided here */
	overflow: hidden;	
	text-align: center;
	border: 0px solid #000;
	width: 500px;
	/*background-color: #000;*/
	background: none;
	
}

	.slideshow .random_image {
	
		display: block;
		width: 500px;
		padding: 5px 0px 0px 0px;
		background: none;
		
	}

	.slideshow a {
	
		/*display: block;
		text-align: center;
		width: 500px;
		height: 300px;
		margin: 0 auto;	*/
	}

	.slideshow .forced_thumb {
	
		/*max-height: 300px;
		width: auto;
		display: block;
		margin: 0 auto;	
		border: 0px;*/	
	}
	
	.random_description {
		
		padding-top: 10px;
		font-family: arial, sans-serif;
		font-size: 14px;
		background: none;
	}

	.random_box .ngg-widget.entry-content {
	
		padding: 0px;
		margin: 0px;
		text-align: center;	
		width: 300px;
		height: 300px;
		margin: 0 auto;
		display: block;
		font-size: 0px;
		line-height: 0em;
		background: none;
	}
	
		.random_box .ngg-widget.entry-content a {
		
			display: inline-block;
			padding: 0px;
			margin: 0px;	
			text-align: center;
			width: 300px;
			height: 300px;
			display: none;
			background: none;

		}
		
			.random_box .ngg-widget.entry-content a img {
			
				padding: 0px;
				margin: 0px;
				background: none;	
			}
			
		.random_box h3 {
		
			font-family: 'Six Caps', sans-serif;
			font-size: 30px;
			line-height: 1em;
			padding-bottom: 10px;
		}

/*------------------------------------------------------------------

	 					PAGE
 
 ------------------------------------------------------------------*/

.entry.page {

	margin-top: 0px;	
	text-align: left;
}

.entry.page h3 {

	text-align: center;
	border-bottom: 1px dotted #ccc;
	font-size: 24px;
	font-weight: bold;	
	padding-bottom: 5px;
	padding-top: 10px;
}

.entry.page ul {

	list-style-type: square;
	padding: 10px 0px 0px 15px;	
}

.entry.page ol {

	list-style-type: decimal;	
	padding: 10px 0px 0px 25px;	
}

.entry.page ul li,
.entry.page ol li {

	padding-top: 10px;	
}

/*------------------------------------------------------------------

 							HOMEPAGE
 
 ------------------------------------------------------------------*/

.homepage .entry {

	margin-top: 0px;
	margin-bottom: 0px;
}

.homepage .entry.news h3 {

	font-style: italic;
	font-weight: bold;	
}

.homepage h2,
h1.page {

	font-size: 40px;
	font-family: 'Six Caps', sans-serif;
	padding: 5px 0px 5px 0px;
	text-align: left;
	background-image: url('images/curve1.png');
	background-repeat: no-repeat;
	background-position: bottom right;
}
	
	h1.page {
	
		padding-bottom: 10px;	
	}

	.homepage h2 span,
	h1.page span {
	
		background-color: #000;
		padding-right: 5px;	
	}
	
		h1.page span {
		
			border: 1px solid #fff;
			padding-left: 5px;	
		}

.home_container01 {

	height: 1%;
	overflow: auto;	
	padding: 28px 0px 10px 0px;
	border-width: 0px 0px 0px 0px;
	border-color: #ccc;
	border-style: solid;
	background-image: url('images/curve1.png');
	background-repeat: no-repeat;
	background-position: top right;
}

	.home_container01 .short_description {
		
		float: left;
		width: 418px;
		text-align: left;
		background-image: url('images/gradient1.png');
		background-repeat: repeat-y;
		background-position: 0px 0px;
		padding-left: 10px;
	}
	
		.home_container01 .short_description h2 {
		
			/*font-size: 40px;
			font-family: 'Six Caps', arial, serif;*/
			padding: 0px 0px 15px 0px;	
			background: none;
		}
		
		.home_container01 .short_description p,
		.home_container01 .short_description ul,
		.home_container01 .short_description li {
		
			font-family: arial, sans-serif;
			font-size: 20px;
			padding: 0px 0px 15px 0px;
		}
	
	.home_container01 .random_box {
	
		float: right;
		width: 510px;
		padding: 10px 0px 10px 10px;
		border: 1px solid #ccc;	
		background-image: url('images/bg.png');
		background-repeat: no-repeat;
		background-position: top center;
	}

/*---------------------------------------*/

ul.home_list span.new-updated,
ul.home_list2 span.new-updated,
ul.home_list3 span.new-updated {
	
	padding: 0px 0px 0px 3px;
	font-weight: bold;
	color: #ff0000;	
}

/*---------------------------------------*/
ul.home_list {

	display: block;
	width: 300px;
	overflow: hidden;
	/*margin: 0 auto;*/
	border-width: 1px 1px 0px 1px;
	border-color: #000;
	border-style: solid;
}

	ul.home_list li {
	
		display: block;
		height: 25px;
		overflow: hidden;	
		border-bottom: 1px solid #000;
		width: 300px;
	}
	
		ul.home_list li span.left,
		ul.home_list li span.right {
		
			float: left;
			display: block;
			width: 150px;
			height: 25px;
			overflow: hidden;
		}
		
		ul.home_list li span.right a {
			
			font-size: 12px;
			display: block;
			height: 19px;
			padding-top: 6px;
			border-left: 1px solid #000;
			text-decoration: none;
			color: #000;
			font-style: italic;
		}
		
			ul.home_list li span.right a:hover {
			
				background-color: #ccc;	
			}
			
/*---------------------------------------*/

.homepage .artist_list {


}




/*---------------------------------------*/
ul.home_list2 {

	display: block;
	width: 903px;
	overflow: hidden;
	margin: 5px auto 0px auto;
	border-width: 1px 0px 0px 1px;
	border-color: #000;
	border-style: solid;
	height: 1%;
	overflow: auto;
	color: #fff;
}

	ul.home_list2 li {
	
		display: block;
		height: 25px;
		overflow: hidden;	
		border-bottom: 1px solid #000;
		border-right: 1px solid #000;
		width: 300px;
		float: left;
	}
	
		ul.home_list2 li span.left,
		ul.home_list2 li span.right {
		
			float: left;
			display: block;
			width: 150px;
			height: 25px;
			overflow: hidden;
			background-image: url('images/bg2.png');
			background-repeat: no-repeat;
			background-position: center center;
		}
		
		ul.home_list2 li span.right a {
			
			font-size: 11px;
			display: block;
			height: 19px;
			padding-top: 6px;
			border-left: 1px solid #000;
			text-decoration: none;
			color: #000;
			font-weight: bold;
			text-transform: uppercase;
			font-family: arial, sans-serf;
			background-image: url('images/gradient2.png');
			background-repeat: repeat-x;
			background-position: 0px 0px;
		}
		
			ul.home_list2 li span.right a:hover {
			
				background-position: 0px -25px;
				color: #fff;	
			}
/*---------------------------------------*/

ul.home_list3 {

	height: 1%;
	overflow: auto;
}

	ul.home_list3 li {
	
		width: 450px;
		float: left;
		display: block;
		border: 1px solid #000;
		margin: 5px 0px 5px 0px;
		overflow: hidden;
		height: 25px;
		background-color: #ccc;
	}
	
	ul.home_list3 li.offset {
	
		float: right;	
	}
	
	ul.home_list3 li.sep {
	
		width: 100%;
		display: block;
		clear: both;
		height: 1px;
		overflow: hidden;
		background-color: #ccc;	
		border: 0px;
	}
	
		ul.home_list3 li span.left {
		
			width: 150px;	
			float: left;
			border-right: 1px solid #000;
		}
		
		ul.home_list3 li span.right {
		
			width: 299px;
			float: right;
			display: block;
			height: 25px;
			overflow: hidden;
		}
		
		ul.home_list3 li span.right a {
			
			color: #000;
			text-decoration: none;
			display: block;
			text-transform: uppercase;
			font-size: 14px;
			background-image: url('images/gradient2.png');
			background-repeat: repeat-x;
			background-position: 0px 0px;
			height: 21px;
			font-weight: bold;
			padding-top: 4px;
		}
		
			ul.home_list3 li span.right a:hover {
				
				background-position: 0px -25px;
				color: #fff;
			}


/*------------------------------------------------------------------

 							ENTRIES
 
 ------------------------------------------------------------------*/

.entry, .details, .pagination {

	border: 1px solid #ccc;	
	padding: 10px 10px 15px 10px;
	margin-top: 15px;
	height: 1%;
	overflow: auto;
	background-image: url('images/bg.png');
	background-repeat: no-repeat;
	background-position: top center;
	font-family: arial, sans-serif;
	font-size: 16px;
}

.entry h1 {

	display: inline-block;
 	border: 1px solid #ccc;
 	height: 50px;
 	width: 300px;
}

	.entry h1 span {
	
		display: inline-block;
		padding-top: 15px;
		font-size: 20px;	
	}
	
.entry p {

	padding-top: 10px;	
}

.entry a, .details a, .pagination a {

	color: #fff;	
}

.entry a:hover, .details a:hover, .pagination a:hover {

	color: #ffc600;	
}

.credits {

	font-size: 10px;
	padding: 15px 0px 15px 0px;	
	font-family: arial, sans-serif;
}

.next, .previous {

	display: inline-block;
	padding: 0px 10px 0px 10px;	
}

 /*------------------------------------------------------------------

 							ARTWORK FORM
 
 ------------------------------------------------------------------*/
 
 .artwork_form {
 	
 }
 
 	.artwork_form p {
 	
 		display: block;
 		border: 1px solid #ccc;
 		padding: 10px;	
 		margin-bottom: 10px;
 		/*background-color: #666;*/
 		background-image: url('images/bg.png');
		background-repeat: no-repeat;
		background-position: top center;
		font-weight: bold;
 		
 	}
 	
 	.artwork_form .form_caption textarea {
 	
 		width: 896px;
 		height: 75px;
 		border: 1px solid #000;
 		background-color: #fff;
 		color: #000;
 		font-family: arial, sans-serif;
 		font-size: 16px;
 		padding: 10px;
 		margin: 5px 0px 5px 0px;
 	}
 	
 	.artwork_form .form_caption input {
 	
 		border: 1px solid #000;
 		color: #000;
 		background-color: #fff;	
 		margin: 5px 0px 5px 0px;
 	}
 	
 	.artwork_form p.text input {
 	
 		border: 1px solid #000;
 		color: #000;
 		background-color: #fff;
 		width: 896px;
 		font-family: arial, sans-serif;
 		font-size: 16px;
 		padding: 10px;	
 		margin: 5px 0px 5px 0px;
 	}
 	
 	.artwork_form .cap_space {
 	
 		display: block;	
 	}
 	
 	.artwork_form p.submit {
 	
 		margin-bottom: 0px;	
 	}
 
 /*------------------------------------------------------------------

 							THUMBNAIL GALLERY
 
 ------------------------------------------------------------------*/

.ngg-galleryoverview {

	display: block;
	overflow: auto;
	padding-top: 15px;	
	text-align: center;
}

.ngg-galleryoverview a {

	color: #000;	
}

	.ngg-galleryoverview.homepage {
	
		padding-top: 0px;	
	}

.ngg-galleryoverview em {

	font-style: italic;	
}

	.ngg-galleryoverview .ngg-gallery-thumbnail-box {
	
			display: inline-block;
			/*background-color: #fff;*/
			border: 1px solid #ccc;
			padding: 5px;
			width: 100px;
			height: 129px;
			margin: 0px 5px 5px 0px;
	}

		.ngg-galleryoverview .ngg-gallery-thumbnail-box .ngg-gallery-thumbnail {
		
			/*display: block;
			background-color: #fff;
			border: 1px solid #ccc;
			padding: 5px;
			width: 100px;
			height: 100px;
			float: left;	
			margin: 0px 5px 5px 0px;*/
			display: block;
			height: 129px;
			width: 100px;
			overflow: hidden;
		}
		
			.ngg-galleryoverview .ngg-gallery-thumbnail-box .ngg-gallery-thumbnail a {
				
			}
			
				.ngg-galleryoverview .ngg-gallery-thumbnail-box .ngg-gallery-thumbnail a img {
					
					display: block;
					padding: 0px;
					margin: 0px;
					width: 100px;
					height: 129px;
				}