/* 
	Theme Name: jd-nebula
	Theme URI: http://www.jdblog.net/wordpress
	Description: A two columns theme. Widget ready.
	Author: John Doe
	Author URI: http://www.jdblog.net
	Version: 1.0.0
		
/* Structure Divs */


body {
	color: #eeddfd;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background-attachment: fixed;
	background-color: #000000;
	background-image: url(images/sf-body.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
	
#content {
	margin: 0 auto;
	padding: 0;
	width: 795px;
	background-image: url(images/sf-content.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #000000;
	background-position: center top;
	border: 2px solid #000000;
	}

#header {
	height: 70px;
	margin: 0;
	padding: 0;
	}

#pages {
	font-size: 12px;
	margin: 0;
	padding: 15px 0 6px 20px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	}
	
#search {
	float: right;
	margin: 0;
	padding: 0;
	position: relative;
	right: 10px;
	top: -22px;
}	
	
#notice {
	float: left;
	margin: 0;
	padding: 0 0 20px 20px;
	width: 550px;
	}

#sidebar {
	float: right;
	font-size: 11px;
	line-height: 1.5em;
	margin: 0;
	padding: 0 10px;
	width: 170px;
	}

#credits {
	font-family: "Small Fonts", VT100, Arial, Helvetica;
	font-size: 9px;
	margin: 0;
	padding: 5px 20px;
	text-align: center;
	color: #eeddfd;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #AE99C2;
	}

	
/* Config Structure Divs */

	/* Header */
	#header h1 {
	font-size: 30px;
	letter-spacing: 0.1em;
	margin: 0;
	text-align: left;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;		
}
		
	#header a, #header a:hover {
		background: transparent;
		color: #ae99c2;
		text-decoration: none;
		}
	
	/* Pages */
	#pages li {
	display: inline;
	list-style-type: none;
		}
		
	#pages ul, ol {
		margin: 0;
	    padding-left: 20px;		
		}
		
	#pages a {
		background: #000000;
		color: #ECACE8;
		font-weight: bold;
		margin: 0 3px 0 0;
		padding: 6px 10px;
		}
		
	#pages a:hover {
	color: #000000;
	background-color: #ECACE8;
		}
		
	.current_page_item a, .current_page_item a:hover {
		background: #ECACE8!important;
		color: #eeddfd !important;
		}
		
	/* Search */
	#search input {
		border: 2px solid #AE99C2;
		font-size: 12px;
		padding: 2px;
		width: 160px;
		}
			
	/* notice */
	#notice p {
	font-size: 11px;
	line-height: 1.6em;
	text-align: justify;
		}
		
	#notice ul, #notice ol {
		font-size: 11px;
		line-height: 1.6em;
		}
			
	#notice ul {
		list-style-type: circle;
		margin: 0 0 0 30px;
		padding: 0;
		}
			
	#notice li {
		margin: 0;
		padding: 0;
		}

	#notice h2, #notice h2 a {
		color: #AE99C2;
		font-size: 18px;
		font-weight: normal;
		margin: 20px 0 0 0;
		padding: 0;
		text-decoration: none;
		}
		
	#notice h2 a:hover {
		background: transparent;
		color: #eeddfd;
		}
		
	#notice h3 {
		color: #de6fa8;
		font-size: 13px;
		font-weight: normal;
		margin: 0;
		padding: 20px 0 5px 0;
		}

	#notice small {
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 10px;
		}
		
	.feedback {
		color: #898A8A;
		font-size: 11px;
		margin: 0;
		padding: 0 20px;
		text-align: center;
		}
		
	/* entrance */
	.entrance {
		margin: 0;
		padding: 0;
		}

	/* Comments */
	#commentlist {
		list-style-type: none;
		margin: 0;
		padding: 0;
		}

	#commentlist li {
		margin: 10px 0;
		padding: 5px 10px;
		}
			
	#commentlist p {
		margin: 0;
		padding: 0;
		}
			
	#commentlist small {
		font-size: 11px;
		}

	.class_comment1 {
	background-color: #42223C;
}
	.class_comment2 {
	background-color: #000000;
}
	
	#comments, #postcomment {
		color: #E379C0;
		font-size: 11px !important;
		font-weight: normal;
		margin: 40px 0 10px 10px;
		text-transform: uppercase;
		}
			
	#commentform {
	border: 2px solid #763E6B;
	padding: 5px 20px;
	background-color: #000000;
		}
		
	#commentform input, #commentform textarea {
	border: 1px solid #763E6B;
	font-size: 11px;
	padding: 1px;
	background-color: #ECDDE7;
		}
		
	#commentform input:focus, #commentform textarea:focus {
	background-color: #FFFFFF;
		}
	
	/* Sidebar */
	#sidebar h3 {
		background: url(images/dot.gif) repeat-x bottom;
		color: #AE99C2;
		font-size: 12px;
		font-weight: bold;
		letter-spacing: 0.2em;
		margin: 0;
		padding: 0;
		text-transform: uppercase;
		}
		
	#sidebar ul, #sidebar ol {
		list-style: none;
		margin: 0;
		padding: 5px;
		}
		
	#sidebar li, #sidebar li:hover {
		margin: 0;
		padding: 0;
		}
		
	#sidebar a {
		color: #e379c0;
		}
		
	#sidebar a:hover {
		background: url(images/dot.gif) repeat-x bottom;
		color: #e379c0;
		}
		
	#sidebar div { 
		margin: 20px 0;
		padding: 0;
		}

	/*	Credits */
	#credits a {
		color: #eeddfd;
		}
		
	#credits a:hover {
		background: transparent;
		color: #AE99C2;
		}
		
	#credits p {
		margin: 0;
		padding: 0;
		}

/* General */
a {
	color: #e379c0;
	text-decoration: none;
	}

a:hover {
	background: #2e4f8e;
	color: #eeddfd;
	}

acronym, abbr, span.caps {
	cursor: help;
	border-bottom: 1px dotted #000;
	}
	
blockquote {
	padding: 5px 20px 25px 25px;
	margin: 1em;
	background-image: url(images/blockquote.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #000000;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #763E6B;
	} /* Idea from ShadedGrey of http://wpthemes.info/ */

cite {
	text-decoration: none;
	}
	
code {
	font-family: 'Courier New', Courier, Fixed, sans-serif;
	font-size: 1.1em;
	}

img {
	border: 0;
	margin: 4px;
	}

h4 {
	color: #CCCCCC;
	}
	
/* Float and Clear */
div.floatleft {
	float: left;
	}

div.floatright {
	float: right;
	}
	
div.both {
	clear: both;
	}
	
/* Images align */
img.border {
	border: 1px solid #C6C6C6;
	padding: 4px;
	margin: 0;
	}

img.border:hover {
	background: #E3F5FE;
	}

img.center {
	display: block; 
	margin: auto;   
	}

img.alignright {
	float: right;
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	float: left;
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
	
/* Text align */
.center {
	text-align: center;
	}
	
.alignright {
	text-align: right;
	}

.alignleft {
	text-align: left;
	}