/*
Theme Name: Attack of the 1,000 Pixel Blog in 3D!
Theme URI: http://carringtonvanston.net/wp-content/themes/attack
Description: WordPress Theme with a 1950s B-Movie Feel
Version: 1.0
Author: Carrington Vanston
Author URI: http://carringtonvanston.net/
Tags: sci-fi, custom header, fixed width, two columns, widgets

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

on: 1.0


/* --------------- Defaults --------------- */

*
	{
	padding:0;
	margin:0;
	border:0;
	}

body
	{
	padding:0;
	margin:0;
	border:0;
	font-family: Tahoma, Geneva, sans-serif;
	color:#000;
	background: #02477e;
	}

/* --------------- Div IDs --------------- */

#header 
	{
	height:300px;
	padding:0;
	background: url("images/header.jpg") top center repeat-x;
	text-align: center;
	}
	
#container 
	{
	width: 910px;
	margin: 30px auto;
	border: solid 4px black;
	}
	
#main 
	{
	padding: 30px;
	color: black;
	background: white;
	}
	
#sidebar 
	{
	width: 200px;
	margin: 0;
	padding: 0;
	color: white;
	background: #132640;
	width:200px;
	}

#footer 
	{
	color: #02477e;
	background: url("images/footerBackground.gif") top center repeat-x;
	margin: 0 auto;
	text-align: center;
	height: 100px;
	}

#footerButtons
	{
	color: #02477e;
	width: 900px;
	margin: 0 auto;
	}

#twitter_div
	{
	width: 200px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}
	
#twitter_div a
	{
	color: white;
	background: transparent;
	text-decoration: underline;
	}

#twitter_div a:hover
	{
	color: #ffbc11;
	background: transparent;
	}

#twitter_update_list
	{
	list-style-type: none;
	margin: 0 10px;
	}

#twitter_update_list li
	{
	margin: 0 10px ;
	}

#twitterLink
	{
	display: block;
	margin: 10px auto 15px auto;
	text-align:center; 
	font-size: .7em;
	}
	
#roytanklink
	{
	display: block;
	margin: 10px auto 15px auto;
	text-align:center; 
	font-size: .7em;
	}
	
#roytanklink a
	{
	color: white;
	background: transparent;
	text-decoration: underline;
	}

#roytanklink a:hover
	{
	color: #ffbc11;
	background: transparent;
	}

#songInMyHead_div
	{
	width: 200px;
	padding: 0;
	margin: 0 0 20px 0;
	}

#songInMyHead_div p
	{
	margin: 10px;
	}

#songInMyHeadPlayer_div
	{
	width: 160px;
	margin: 10px;
	}

#songStores
	{
	font-size: .7em;
	}
	
#songInMyHead_div a
	{
	color: white;
	background: transparent;
	text-decoration: underline;
	margin: 0 10px;
	}

#songInMyHead_div a:hover
	{
	color: #ffbc11;
	background: transparent;
	}

#pages_div
	{
	width: 200px;
	padding: 0;
	margin: 0 0 20px 0;
	}
	
#pages_div a
	{
	display: block;
	color: white;
	background: transparent;
	text-decoration: underline;
	margin: 0 10px;
	}

#pages_div a:hover
	{
	color: #ffbc11;
	background: transparent;
	}
	
/* --------------- Classes --------------- */

h1, h2, h3, h4, h5, h6, p, center, cite
	{
	margin: 10px 0 0 0;
	padding: 0;
	}
	
ul, ol
	{
	margin: 10px 0 0 30px;
	padding: 0;
	}

li
	{
	margin: 0;
	padding: 0;
	}
	
h3.headline
	{
	margin: 0;
	font-weight: bold;
	}

blockquote
	{
	margin-left: 15px;
	padding-left: 10px;
	border-left: 4px solid #02477e;
	}

cite
	{
	font-style: italic;
	}

.dateLine
	{
	margin-top: 0;
	}

.postDivider
	{
	width: 640px;
	height: 2px;
	margin: 30px 0;
	border-top: 2px solid black;
	}

div.navigation
	{
	text-align: center;
	margin-top: 30px;
	}

.post
	{
	border: 0;
	}

.commentmetadata
	{
	font-size: .7em;
	font-weight: normal;
	}

h4.comment
	{
	margin-top: 30px;
	font-weight: bold;
	}
	
#commentTextArea
	{
	width: 640px;
	}

.commentlist
	{
	margin-left: 30px;
	list-style: none;
	}

.nocomments
	{
	margin-top: 30px;
	font-weight: bold;
	color: #999;
	background: transparent;
	}

cite.fn
	{
	font-weight: normal;
	font-style: normal;
	}

.comment-author, .vcard
	{
	margin-left: 0;
	}

img
	{
	border: 0;
	}

img.sidebarHeader
	{
	width: 200px;
	border: 0;
	padding: 0;
	margin: 0;
	}

img.size-thumbnail
	{
	border: 2px solid #132640;
	padding: 0;
	margin: 10px 10px 0 0;
	}

img.size-thumbnail:hover
	{
	border: 2px solid #990000;
	}

img.size-full
	{
	border: 2px solid #132640;
	padding: 0;
	margin: 10px 10px 0 0;
	}

img.size-full:hover
	{
	border: 2px solid #990000;
	}

img.logoLink
	{
	border: 0;
	color: transparent;
	background: transparent;
	}

div.post img
	{
	border: 2px solid #132640;
	padding: 0;
	margin: 10px 10px 0 0;
	}

div.post img:hover
	{
	border: 2px solid #990000;
	}
	

a.logoLink
	{
	text-decoration: none;
	border: 0;
	color: transparent;
	background: transparent;
	}
	
a
	{
	color: #132640;
	background: transparent;
	text-decoration: underline;
	border: 0;
	}

a:hover
	{
	color: #990000;
	background: transparent;
	}

a.headline
	{
	text-decoration: none;
	}
	
div.buttonFlickr 
	{
	float: left;
	width: 206px;
	height: 100px;
	background: url("images/buttonFlickr.gif") 0 -206px no-repeat;
	}

div.buttonFlickr a 
	{
	display: block;
	width: 206px;
	height: 100px;
	overflow:hidden;
	color:transparent;
	text-decoration: none;
	background: url("images/buttonFlickr.gif") top left no-repeat;
	}

div.buttonFlickr a:hover 
	{
	color:transparent;
	background: url("images/buttonFlickr.gif") -206px 0 no-repeat;
	}

div.buttonTwitter 
	{
	float: left;
	width: 220px;
	height: 100px;
	background: url("images/buttonTwitter.gif") 0 -220px no-repeat;
	}

div.buttonTwitter a 
	{
	display: block;
	width: 220px;
	height: 100px;
	overflow:hidden;
	color:transparent;
	text-decoration: none;
	background: url("images/buttonTwitter.gif") top left no-repeat;
	}

div.buttonTwitter a:hover 
	{
	color:transparent;
	background: url("images/buttonTwitter.gif") -220px 0 no-repeat;
	}

div.buttonFacebook 
	{
	float: left;
	width: 228px;
	height: 100px;
	background: url("images/buttonFacebook.gif") 0 -228px no-repeat;
	}

div.buttonFacebook a 
	{
	display: block;
	width: 228px;
	height: 100px;
	overflow:hidden;
	color:transparent;
	text-decoration: none;
	background: url("images/buttonFacebook.gif") top left no-repeat;
	}

div.buttonFacebook a:hover 
	{
	color:transparent;
	background: url("images/buttonFacebook.gif") -228px 0 no-repeat;
	}

div.buttonPodcast 
	{
	float: left;
	width: 240px;
	height: 100px;
	background: url("images/buttonPodcast.gif") 0 -240px no-repeat;
	}

div.buttonPodcast a 
	{
	display: block;
	width: 240px;
	height: 100px;
	overflow:hidden;
	color:transparent;
	text-decoration: none;
	background: url("images/buttonPodcast.gif") top left no-repeat;
	}

div.buttonPodcast a:hover 
	{
	color:transparent;
	background: url("images/buttonPodcast.gif") -240px 0 no-repeat;
	}
	
hr.clear 
	{
	clear:both;
	display:block;
	visibility:hidden;
	}


/*
Flickr styles
Images are wrapped in divs classed "flickr_badge_image" with ids "flickr_badge_imageX" where "X" is an integer specifying ordinal position. Below are some styles to get you started!
*/
#flickr_badge_uber_wrapper {text-align:center; margin: 20px auto;}
#flickr_badge_wrapper {padding: 0;}
.flickr_badge_image {margin: 0; display: inline;}
.flickr_badge_image img {margin: 4px; border: 2px solid black !important;}
.flickr_badge_image img:hover {border: 2px solid #ffbc11 !important;}
#flickr_badge_source {text-align:center; margin: 0;}
#flickr_badge_icon {float:left; margin-right: 5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#ffffff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#ffffff !important;}