/* 	StyleSheet
	Cesar Gallo
	http://www.thecomics.org/

 */
 
/*
	PALLETE
	
	Orange: 			#e2721a
	Bright Orange:		#ff7e19
	

*/

/*
RESET
*/

* { 
				margin:0px; padding:0px;
				}
p {
				color:white;
				}
h2 {
				color:white;
				}
ul { 
				list-style:none;
				}
a:link {
				color:#e2721a;
				text-decoration:none;
				}
a:visited {
				color:#e2721a;
				text-decoration: none;
				}
a:active {
				color:#e2721a;
				text-decoration: none;
				}
a:hover {
				color:#ff7e19;
				text-decoration: underline;
				}

/*
UTILITIES
*/

.clear { clear:both; }
.button { border:1px solid gray; background:white; padding:3px 8px;
						-moz-border-radius:5px; -webkit-border-radius:5px; color:black; }
.button:hover { border:1px solid white; background:#e2721a; color:white; }

body {
				background: #7f7f7f url("images/bodytiletop.jpg") repeat-x scroll;
				font-family:Georgia,serif;
				font-size:12px;
				font-size-adjust:none;
				font-stretch:normal;
				font-style:normal;
				font-variant:normal;
				font-weight:normal;
				line-height:normal;
				}

#page-wrap					{ background:url("images/bodytilebottom.jpg") repeat-x scroll bottom; }
#fancywrap					{ background:url("images/fancybackground.png") repeat-x fixed bottom; }
#inner-wrap					{ width:960px; min-height:1000px; background: black; margin:0 auto; border:1px solid white; }


/*
	HEADER
*/

#top-bar {
				padding:0px 0 0 0;
				background:black;
				border-bottom:1px solid white;
				}
#top-bar p {
				color:white;
				width:180px;
				float:left;
				position:relative;
				top:35px;
				}
form#searchform {
				margin:5px 5px 10px 10px;
				float:right;
				position:relative;
				top:30px;
				}
h1 a.logo {
				width:280px;
				height:52px;
				background:url("images/logo.png") no-repeat;
				text-indent:-9999px; margin:0px;
				float:left;
				top:87px; position:relative;
				}
h1 a.me {
				width:65px;
				height:100px;
				background:url("images/spritemap.png") no-repeat scroll -179px -32px;
				width:87px;
				height:139px;
				text-indent:-9999px;
				margin-right:20px;
				float:left;
				position:relative;
				top:21px;
				}

/*
	MENU
*/
#navigation					{ height:20px; padding:0; margin:0; border-bottom:1px solid white;}
ul#mainnav					{ list-style:none; width:180px; float:left; margin:0; }
ul#extranav					{ list-style:none; width:180px; float:right; margin:0; }
ul#mainnav li, 
ul#extranav li				{ display:inline; }
ul#mainnav li a				{ text-indent:-9999px; display:block; height:20px; float:left; }
ul#extranav li a			{ text-indent:-9999px; display:block; height:16px; float:right; }
ul#mainnav li a.home		{ background:url(images/spritemap.png) no-repeat 0px -20px; width:60px; }
ul#mainnav li a.about		{ background:url(images/spritemap.png) no-repeat -60px -20px; width:60px; }
ul#mainnav li a.links		{ background:url(images/spritemap.png) no-repeat -120px -20px; width:60px; }
ul#mainnav li a.home:hover	{ background:url(images/spritemap.png) no-repeat 0px 0px; width:60px; }
ul#mainnav li a.about:hover	{ background:url(images/spritemap.png) no-repeat -60px 0px; width:60px; }
ul#mainnav li a.links:hover	{ background:url(images/spritemap.png) no-repeat -120px 0px; width:60px; }
ul#extranav li a.rss		{ background:url(images/spritemap.png) no-repeat -181px 0px; width:20px; height:20px; }

.content					{ background:white; min-height:1000px;}

ul#menu						{ list-style:none; }
ul#menu li					{ display:inline; }
ul#menu li a				{ text-indent:-9999; display:block; height:20px; float:left; }
ul#menu li a.home			{ background:url(images/spritemap.png) no-repeat bottom left; width:60px; }
ul#menu li a.about			{ background:url(images/spritemap.png) no-repeat scroll -60 -20px; width:60px; }
ul#menu li a.links			{ background:url(images/spritemap.png) no-repeat scroll -120 -20px; width:60px; }
ul#menu li a.rss			{ background:url(images/spritemap.png) no-repeat scroll -181 -0px; position:relative; width:16px; top:2; left:580; }
ul#menu li a.home:hover		{ background:url(images/spritemap.png) no-repeat top left; width:60px; }
ul#menu li a.about:hover	{ background:url(images/spritemap.png) no-repeat scroll -60 -0px; width:60px; }
ul#menu li a.links:hover	{ background:url(images/spritemap.png) no-repeat scroll -120 -0px; width:60px; }

ul#post-nav li {
				display:inline;
				}

/*
	BLOG POSTS
*/
.post h2 {
				margin:0 0 15px 0;
				}
.post h2 a {
				color:white;
				}
.datebox {
				width:36px;
				float:left;
				padding:5px;
				background:#e2721a;
				color:white;
				text-align:center;
				margin:0px 10px 0px 0px;
				}
.day {
				font-size:2.4em;
				font-weight:bold;
				margin:0px;
				}
.month {
				font-size:0.8em;
				font-weight:bold;
				text-transform:uppercase;
				margin:0px;
				}
.year {
				font-size:1.0em;
				font-weight:bold;
				margin:0px;
				}



/*
	STRUCTURE
*/
#sidebar					{ width:125px; margin:20px 5px 0px 5px;  float:left; }
#main-col					{ width:815px; margin:20px 5px 0px 5px; float:left; min-height:800px; }
img.alignnone {
				margin-bottom:25px;
				border:1px solid white;
				}
							
/*
	FOOTER
*/
#footer						{ height:30px; padding:8px; text-align:center; }