/* 
Jimmy's World, Comics and Graphics CSS Main Style Sheet
Author: Brian Aultz
Email: brianaultz@gmail.com
Discription: This is the main style sheet for the
	website, Jimmy's World, Comics and Graphics where
	it can be foundt at www.jimmysworld.net for more
	info please go to that site. Thanks =)
	
Now Lets begin the fun!!!
*/


/* Main Graphical Layout Elements */

html {
	background-image: url(background_main.jpg);
	background-attachment: fixed;
	background-repeat: repeat-x;
	background-color: #757884;
}

body{
	background-image: url(background_art.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: right;
	padding: 0px;
	margin: 0px;
}

#container {
	width: 900px;
	padding: 0px;
	margin-left: 30px;
}

#branding {
	background-image: url(branding.png);
	width: 735px;
	height: 375px;
	padding: 0px;
	margin: 0px;
}

#branding h1, #branding h2 {
	text-indent: -9999px;
	padding: 0px;
	margin: 0px;
}

#content-bk {
	background-color: #757884;
	border-color: #000000;
	border-style: solid;
	border-width: 7px;
	border-top-style: none;
	width: 616px;
	padding: 10px;
	margin: 0px 0px 0px 22px;
}

#siteinfo {
	background-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	text-align: center;
	clear: both;
	padding: 1em;
	margin: 0px;
}

#siteinfo p {
	color: #FFFFFF;
}

#siteinfo a:link, #siteinfo a:visited {
	text-decoration: underline;
	color: #FFFFFF;
}

#siteinfo a:hover, #siteinfo a:active {
	text-decoration: underline;
	color: #990000;
}

/* Main Navagation Elements */

#navi {
	padding: 0px;
	margin: -230px 0px 30px 0px;
}

#navi ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px 0px 0px 20px;
}

#navi li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	font-style: oblique;
	line-height: 25px;
	letter-spacing: 1px;
}

#navi a:link, #navi a:visited {
	text-decoration: none;
	color: #CCCCCC;
}

#navi a:hover, #navi a:active {
	text-decoration: none;
	color: #990000;
}

/* Main Page Elements */

#content {
	width: 600px;
	text-align: justify;
}

H2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #000033;
}

.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #000033;
	padding: 0px;
	margin: -15px 0px 10px 20px;
}

.spacer {
	border-style: none;
	float: right;
}

.gallerySpace {
	text-align: left;
}

.right {
	text-align: right;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
}

ul {
	list-style-type: circle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
}

a:link, a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #000033;
}

a:hover, a:active {
	font-weight: bold;
	text-decoration: none;
	color: #990000;
}

img {
	border-color: #000033;
	border-style: double;
	border-width: 4px;
	padding: 2px;
	margin: 5px;
}

a:hover img, a:active img {
	border-color: #990000;
}

/* Special Elements */

#social {
	float: right;
	padding: 0px 0px 20px 10px;
	margin: 40px -20px 0px 0px;
}

#social ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#social img {
	border-style: none;
	padding: 0px;
	margin: 5px;
}