/*  
Theme Name:Monster in My Pocket
Theme URI:http://mimp.robotvaudeville.com/
Description:My theme for the MIMP Home Page.
Version:2.0
Author:Andrew Sylvester
Author URI:http://andrewsylvester.com/
*/

@charset "utf-8";
/* CSS Document */

/*** CSS reset. ***/
a, abbr, acronym, address, applet, big,
blockquote, body, caption, cite, code,
dd, del, dfn, div, dl, dt, em, fieldset,
font, form, h1, h2, h3, h4, h5, h6,
html, iframe, img, ins, kbd, label,
legend, li, object, ol, p, pre, q, s,
samp, small, span, strike, strong, sub,
sup, table, tbody, td, tfoot, th, thead,
tr, tt, ul, var							{ border:0; font-weight:inherit; font-style:inherit; font-family:inherit; font-size:100%; line-height:166%; margin:0; outline:0; padding:0;  vertical-align:baseline; }
blockquote, q							{ quotes:"" ""; }
blockquote:after, blockquote:before, 
q:after, q:before						{ content:""; }
body									{ background:transparent url(images/sprites.jpg) no-repeat -124px -409px; color:#000; font:12px/12px Verdana,Geneva,sans-serif; padding:20px 0; }
caption, th, td							{ font-weight:normal; text-align:left; }
:focus									{ outline:0; }
ol, ul									{ list-style:none; }
table									{ border-collapse:separate; border-spacing:4px; }

/*** General html styling. ***/
a				{ color:#00C; text-decoration:none; }
	a:focus		{ color:#00F; outline:0; text-decoration:underline; }
	a:hover		{ color:#00C; outline:0; text-decoration:underline; }
	a:active	{ color:#F00; outline:0; text-decoration:underline; }

abbr, acronym, dfn, ins	{ border-bottom:1px dotted #000; cursor:help; }

b, strong	{ font-weight:bold; }

blockquote	{ margin:0 0 12px 40px; }

cite				{ font-style:italic; }
	cite em, cite i	{ font-style:normal; }

code, kbd, samp	{ font-family:"Courier New",Courier,monospace; }

del	{ text-decoration:line-through; }

h1, h2, h3, h4, h5, h6	{ font-weight:bold; }
h1						{ font-size:200%; }
h2						{ font-size:150%; }
h3						{ font-size:133%; }
h4						{ font-size:100%; }
h5						{ font-size:90%; }
h6						{ font-size:80%; }

html	{ background:#000 url(images/background-html.gif) repeat-x 0 0; }

i, em	{ font-style:italic; }

ol, ul	{ margin-bottom:12px; }

p	{ margin-bottom:12px; }

var	{ font-style:italic; }

/*** Page element styling. ***/
#wrapper { margin:0 auto; overflow:hidden; width:960px; }

#header													{ background:url(images/sprites.jpg) no-repeat 0 0; height:260px; overflow:hidden; width:960px; }
	#header ul											{ background-color:#000; dislay:block; height:40px; list-style:none inside none; margin-top:220px; overflow:hidden; padding:0 20px; width:920px; }
		#header ul li									{ display:inline-block; float:left; height:26px; margin:7px 0; width:auto; }
			#header ul li a								{ background-image:url(images/sprites.jpg); background-repeat:no-repeat; color:#fff; display:inline-block; float:left; font-size:0; height:27px; margin-right:20px; }
				#header ul li a#nav-home				{ background-position:0 -220px; width:129px; }
					#header ul li a#nav-home:focus		{ background-position:0 -274px;  }
					#header ul li a#nav-home:hover		{ background-position:0 -247px;  }
					#header ul li a#nav-home:active		{ background-position:0 -274px;  }
				#header ul li a#nav-toys				{ background-position:-129px -220px; width:118px; }
					#header ul li a#nav-toys:focus		{ background-position:-129px -274px;  }
					#header ul li a#nav-toys:hover		{ background-position:-129px -247px;  }
					#header ul li a#nav-toys:active		{ background-position:-129px -274px;  }
				#header ul li a#nav-monsters			{ background-position:-247px -220px; width:163px; }
					#header ul li a#nav-monsters:focus	{ background-position:-247px -247px;  }
					#header ul li a#nav-monsters:hover	{ background-position:-247px -247px;  }
					#header ul li a#nav-monsters:active	{ background-position:-247px -274px;  }
				#header ul li a#nav-club				{ background-position:-410px -220px; width:119px; }
					#header ul li a#nav-club:focus		{ background-position:-410px -274px;  }
					#header ul li a#nav-club:hover		{ background-position:-410px -247px;  }
					#header ul li a#nav-club:active		{ background-position:-410px -274px;  }
				#header ul li a#nav-contact				{ background-position:-529px -220px; width:149px; }
					#header ul li a#nav-contact:focus	{ background-position:-529px -274px;  }
					#header ul li a#nav-contact:hover	{ background-position:-529px -247px;  }
					#header ul li a#nav-contact:active	{ background-position:-529px -274px;  }

form#searchform				{  }
	form#searchform button	{  }
	form#searchform input	{  }
	form#searchform label	{  }

#container	{ background:#fff url(images/background-container.gif) repeat-x 0 0; overflow:hidden; width:960px; }

#blog-body	{ display:inline-block; float:left; overflow:hidden; padding:20px; width:680px; }

#blog-body ul, ol	{ list-style-position:outside; margin:0 0 12px 40px; }

ul#index								{ list-style:none inside none; margin:0; overflow:hidden; padding:0; width:720px; text-align:center; }
	ul#index li							{ background:url(images/background-index-.gif) repeat-x 0 0; display:inline-block; float:left; height:180px; margin:0 40px 40px 0; overflow:hidden; padding:10px; width:180px; }
	ul#index li.red						{ background:#f00 url(images/background-index-red.gif) repeat-x 0 0; }
	ul#index li.yellow					{ background:#fff200 url(images/background-index-yellow.gif) repeat-x 0 0; }
	ul#index li.green					{ background:#8dc63f url(images/background-index-green.gif) repeat-x 0 0; }
	ul#index li.purple					{ background:#92278f url(images/background-index-purple.gif) repeat-x 0 0; }
	ul#index li a img					{ background-color:#fff; border:2px solid #fff; height:125px; margin:0 auto; padding:2px; width:125px; }
		ul#index li a img:focus			{ background-color:#000; border:2px solid #00C; }
		ul#index li a img:hover			{ background-color:#fff; border:2px solid #000; }
		ul#index li a img:active		{ background-color:#fff; border:2px solid #00C; }
	ul#index li h2, ul#index li h2 a	{ font-size:14px; line-height:16px; }
	ul#index li a						{ color:#000; text-decoration:none; }
		ul#index li a:focus				{ color:#FFF; outline:0; text-decoration:underline; }
		ul#index li a:hover				{ color:#000; outline:0; text-decoration:underline; }
		ul#index li a:active			{ color:#00C; outline:0; text-decoration:underline; }
	ul#index li #index-sponsor			{ border:5px solid #fff; display:block; height:125px; margin:auto; width:125px; }

.post	{  }

#comments	{  }

ol.commentslist			{  }
	ol.commentslist li	{  }

ul#post-nav								{  }
	ul#post-nav li						{  }
		ul#post-nav li.next-post		{  }
		ul#post-nav li.previous-post	{  }

#reply	{  }

form#commentform							{  }
	form#commentform button					{  }
	form#commentform fieldset				{  }
		form#commentform fieldset label		{  }
		form#commentform fieldset legend	{  }
	form#commentform input					{  }
	form#commentform textarea				{  }

ul#sidebar						{ background:#c2c2c2 url(images/background-index-gray.gif) repeat-x 0 0; display:inline-block; float:left; list-style:none inside none; margin:20px; overflow:hidden; padding:10px; width:180px; }
	#sidebar h3					{  }
	#sudebar li					{  }
		#siebar li ul			{  }
			#siebar li ul li	{  }
#sidebar-sponsor	{ display:inline-block; float:left; margin:0 20px; width:200px; }

#footer			{ background:url(images/sprites.jpg) no-repeat 0 -301px; height:40px; overflow:hidden; padding:20px; text-align:center; width:920px; }
	#footer h6	{ color:#fff; display:block; height:40px; line-height:40px; }