/*
THEME NAME: Magnetic_orange
THEME URI: http://damonmuma.com
DESCRIPTION: loosely based on sandbox theme 'shades of grey'
VERSION: 1.0
AUTHOR: Damon Muma
AUTHOR URI: http://damonmuma.com/
TEMPLATE: sandbox
*/

/* Basic Styles
================================================*/


body {
	color: #9999CC;
	margin: 0;
	padding: 0;
	background-image: url(images/back.jpg);
	text-align: left;
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-position: left 326px;
	background-color: #000033;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	line-height: 1.3em;
	
}

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

a:hover  {
	color: #FF9900;
	text-decoration: underline;
}

a img, img.wp-smiley {border: 0;}

h1 a, h2 a, h3 a {
	color: #FF9900;
}

h1 {
	font-size: 1.7em;
	color: #FF9900;
}

h2 {
	font-size: 1.5em;
	color: #FF9900;
}

h3 {
	font-size: 1.4em;
	color: #FF9900;
}

h4 {font-size: 1.3em;}

h5 {font-size: 1.2em;}

h6, h7 {font-size: 1.1em;}

li, label, p, ol, table, ul  {
	font-size: 1em;
	list-style: none;
	
}

h1, h2, h3 {
	margin-top: 0.3em;
	margin-right: 0.3em;
	margin-bottom: 0.3em;
	margin-left: 0.3em;
}

p {
	margin-top: 0.3em;
	margin-right: 0.3em;
	margin-bottom: 0.6em;
	margin-left: 0.3em;
}

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

blockquote {
	background: url(images/shadow.png)
	padding-left: 32px;
}

blockquote blockquote{
	background: none;
	border-left: 1px solid #ccc;
	padding-left: 8px;
}

cite {}

code {
	border: 1px solid #ccc;
	background: url(images/shadow.png)
	padding: 0 2px;
	font-size: 1.1em;
}

del {color: #ff999c;}

dl {
	margin: 0;
	padding: 0;
}

dd {
	margin: 0 0 1em 0;
	padding: 0;
}

dt {
	font-weight: bold;
	margin: 0;
	padding: 0;
}

form {
	border: 0;
	display: inline;
	margin: 0;
	padding: 0;
}

ins {
	border-bottom: 1px dotted #333;
	text-decoration: none;
}

ins:after {/*Will not appear in versions of IE*/
	content: " (Updated)";
}

label {/* The CSS standard dictates "pointer" as the value for a "pointer that indicates a link". Unfortunately, IE 5 and IE 5.5 for Windows don't understand this value, using "hand" to mean the same thing. By placing pointer first misbehaving Microsoft browsers ignore it and use the hand value, while better behaved browsers take pointer and ignore hand.*/
	cursor: pointer;
	display: inline;
}

pre {
	border: 1px solid #ccc;
	background: #efefef;
	font-size: 1.1em;
	padding: 8px;
}

table {}

td, th {
	padding: .2em;
	text-align: left;
	vertical-align: top;
}

tfoot td {
	border-bottom: 1px solid #333;
	border-top: 1px solid #333;
	font-weight: bold;
}

/*==============================================*/

/* Basic Layout Styles
================================================*/
/*--- Wrapper ---*/

#wrapper {
	min-width: 700px;
	max-width: 1000px;
	text-align: left;
	left: 0px;
	top: 0px;
}

/*--- Page Header ---*/


#header {
	height: 326px;
	max-width: 1280px;
	padding: 0 .5em;
	background-image: url(images/top.jpg);
	background-repeat: no-repeat;
	background-color: #000033;
	z-index:-1;
}

#access {
	border-bottom: 2px solid #000;
	border-top: 2px solid #000;
	clear: both;
	padding-top: 0;
	float: left;
	margin-top: -140px;
	width: 100%;
	z-index:1;
}



#menu {
	margin: 0;
	margin-left:220px;
	border-color: #000000;
}


#menu a:link, #menu a:visited {
	font: bold 1em/1em Arial, Helvetica, sans-serif;
	float: left;
	width: auto;
	padding-top: 12px;
	padding-right: 8px;
	padding-bottom: 12px;
	padding-left: 8px;
}

#menu a:hover {
	color: #000033;
	background-color: #FF9900;
}

#menu ul li{float:left;}

#menu ul li:hover ul{
	display:block;
	padding-top:0.5em;
	position:absolute;/**/
	margin-left: -20px;
	margin-top:31px;
	float:left;	
}

#menu ul li:hover ul li {
	margin-left: -1px;
	float:left;
}

#menu ul li:hover ul li a{
	border:1px solid #000000;
	margin-top: -1px;
	padding-top: 6px;
	padding-right: 4px;
	padding-bottom: 6px;
	padding-left: 4px;
	background-color: #663366;
	position:relative;
	float:left;
}

#menu ul li:hover ul li a:hover{
	color: #000033;
	background-color: #FF9900;
}

#menu ul a{text-decoration:none;}
#menu ul,#menu ul ul,#menu ul li{list-style:none;margin:0;padding:0;}

#menu ul li a{padding:0.3em 0.5em;}
#menu ul ul{display:none;}
#menu ul ul li{float:none;}




#blog-title {display: none;}

#blog-description {display: none;}

/*--- Page Content ---*/

#container {
	float: left;
	overflow: hidden;
	width: 100%;
	margin-top: -100px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -240px;
}

#content {
	margin-top: 10px;
	margin-right: 1px;
	margin-bottom: 0;
	margin-left: 280px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 8px;
}


#currentcontent {
	margin-top: 0;
	margin-right: 1px;
	margin-bottom: 0;
	margin-left: 280px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 8px;
}

.archive-meta {
	color: #D1D1E9;
	padding-left: 15px;
}

#primary {
	float: right;
	overflow: hidden;
	width: 240px;
	padding-top: 50px;
	margin-top: -150px;
}


#primary ul li {
	list-style: none;

}

#primary ul li ul {
margin: 0;
padding: 0;
margin-left:20px;
}

#primary ul li ul li {
	list-style: none;
	margin: 0;
	padding: 0; 
	}

.sidebar {
}

.sidebar a {color: #777;}


.sidebar a:hover {
	color: #cc66ff;
}

.sidebar h1 a, h2 a, h3 a {
	color: #FF9900 !important; 
}

.sidebar h1 a:hover, h2 a:hover, h3 a:hover {
	color: #FF9900 !important;  
	}

#secondary {
	float: right;
	overflow: hidden;
	width: 240px;
	padding-top: 100px;
	display: none;
}

#secondary li {
	padding: 0 8px 0 0;
	margin: 0;
}

/*--- Page Footer ---*/
#footer {
	font-size: .8em;
	margin-top: 8px;
	text-align: right;
	float: right;
}

#generator-link {}

#theme-link {}

/*--- Skip ---*/
.skip-link {
	display:none;
}

/*--- Search ---*/

/* @group Searchform from blueberry*/
#searchform { padding: 0 0.7em; }
#searchform input[type=text] { margin: 0 0 0 20px; border: 0.05em solid #002142; width: 110px; }
#searchform input[type=submit] { background: #FF9900; border: 0.05em solid #002142; font-size: 1em; font-weight: bold; padding: 0.05em 0; text-transform: uppercase; width: 38px; }
/* @end */


/*--- Other Styles ---*/
#categories, #pages, #archives, #recent-posts, #recent-comments, .linkcat {
	background-image: url(images/backdark.jpg);
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-position: left 326px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 10px;
	list-style: none;
}

#categories h3, #pages h3, #archives h3, #recent-posts h3, #recent-comments h3, #primary #rss-links h3, #primary #meta h3 {
}

#rss-links, #meta, #primary #rss-links, #primary #meta {
	font-size: .95em; 
	background-image: url(images/backdark.jpg);
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-position: left 326px;
	margin-top: 0;
	margin-bottom: 5px;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 8px;
}

#rss-links h3, #meta h3 {
	font-size: 1.0em;
	padding: 0;	
}

#rss-links ul li a {
	padding-left: 15px;
}

#rss-links ul li a:hover {
}

#rss-links ul, #rss-links li, #rss-links a, #meta ul, #meta li, #meta a {
	display: inline;
	font-size: 1em;
	font-weight: normal;
}

#meta ul li a {
	padding-left: 15px;
}

#meta ul li a:hover {
}

.home #nav-above {display: none;}

.home .p1 {border-top: 0px;}

.nav-previous, .nav-next {
	display: inline;
	margin-right: 16px;
	margin-top: .2em;
	margin-bottom: .2em;
}

#nav-above, #nav-below {
	display: inline;
	margin-top: .5em;
	margin-bottom: .5em;
}

.navigation {
	display: inline;
	margin-top: .5em;
	margin-bottom: .5em;
}


.meta-sep {}

img.alignleft {
  float: left;
  margin: .5em 1em .5em 0;
}

img.alignright {
  float: right;
  margin: .5em 0 .5em 1em;
}

img.center {
	display: block;
	margin: .5em auto;
	text-align: center;
}
/*==============================================*/


/* Posts
================================================*/
.post {
	/*border-top: 1px solid #000;*/
	margin-top: 10px;
	margin-right: 1px;
	padding-top: .5em;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	background-image: url(images/backdark.jpg);
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-position: left 326px;
}


.currentpost {
	margin-top: 10px;
	margin-right: 1px;
	margin-left: -10px;
	padding-top: .5em;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	background-image: url(images/backdark.jpg);
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-position: left 326px;
	border: 1px solid #FF9900;
	display: block;
}


.entry-title a {
	color: #FF9900;
	margin: 1em 0;
}

.entry-title a:hover{
	color: #FF9900;
	margin: 1em 0;
}

.entry-date {
	font-size: .9em;
	padding-left: 10px;
}

.entry-content a:hover{
	color: #cc66ff;
	}
	
.entry-meta {
	color: #666;
	font-size: .9em;
	margin-bottom:.4em;
	margin-top:.4em;
}

.entry-meta a {color: #666;}

/*==============================================*/

/* Comments and Trackbacks
================================================*/
#comments {
	margin: 20px 0 0 0;
}

#trackbacks-list {border: 1px solid #333;}

.comment, .trackback, .pingback {
	border: 1px solid black;
	padding: 8px;
padding-bottom: 4px;
margin-bottom: 8px;
	background-image: url(images/backdark.jpg);
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-position: left 326px;
}

.comment-author, .comment-meta {display: inline;}

.comment-meta {
	margin-left: 100px;
	text-align: right;
        font-size: 0.8em;
}

.comment-meta a {color: #666;}

.comment p {margin: 6px 10px;}

#respond {
	margin: 8px 0;
	padding: 8px;
}

.bypostauthor {
	/*background: #fffff0;*/
	border: 3px solid black;
	
}

.comment-author {font-weight:bold; font-size:1.2em;}

.required {color: #ff7f50;}

#formcontainer {}

.form-input input:focus, .form-textarea input:focus {background: #ffdab9;}

.form-label label {font-weight: bold;}

.important {color: #c00;}

.caps {text-transform: uppercase;}

.unapproved {
	color: #c00;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	margin: 8px 0 0 0;
}

/*==============================================*/

/* Page
================================================*/

.page h2 {
	margin-top: 12px;
	
}

/*==============================================*/

/* Calendar Widget
================================================*/

#calendar_wrap {
	border: 1px solid #333;
	margin: 4px;
	text-align: center;
}

#wp-calendar {
	padding: 0;
	width: 99%;
}

#wp-calendar caption {
	font-weight: bold;
}

#wp-calendar thead tr th {
	background-color: #000066;
	text-align: center;
}

#wp-calendar tbody tr td a {
	font-weight: bold;
	color: #f60; 
}

/*==============================================*/

/* Asides
================================================*/

.home .category-asides {
	background: url(images/quickly.png) no-repeat top left;
	padding-left: 25px;
	padding-top: 25px;
}

.home .category-asides .entry-date, .home .category-asides .entry-meta {
	display: none;
}

/*==============================================*/

/* Printing
================================================*/
@media print {
    #footer, #primary, #secondary, .skip-link, #access, #respond, .navigation, #navigation-below, .edit-link {display: none;}
	 #wrapper {border-top: 0;}
	 #header {border-bottom: 3px solid #000;}
	 #blog-title {
		float: none;
		margin: 0;
		padding-bottom: 0;
		}
	#blog-description {display: none}
	#container {
		width: 99%;
		margin: 0;
		float: left;
		overflow: visible;
	}
	#content {
		margin: 0;
	}
	#primary {
		width: 0%;
		float: right;
	}
}
/*==============================================*/