@charset "UTF-8";
/* 

Theme Name: Hatchback
Theme URI: http://www.michelleslonim.com
Description: Custom theme built for MichelleSlonim.com
Version: 1.0
Author: Thadd Williams
*/

/* Credits*/
/* A custom made template for www.michelleslonim.com */

/* ------------ GLOBAL */

body {
	margin: 0px;
	padding: 0px;
	background-color: #fff;
}

img, img a {
	border: none;
}

a:focus, object:focus, div:focus { outline: none }

#container {
	width: 900px;
	height: 680px;
	margin: 0px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}

#header {
	background: url('images/header.jpg') no-repeat 0px -10px;
	width: 900px;
	height: 135px;
}

#content {
	width: 900px;
	height: 545px;
	font-size: 12px;
	color: #000000;
}

/* ------------ NAVBAR */

#home-btn { position: relative; top: 15px; left: 30px; height: 75px; width: 825px; }

#nav { position: relative; top: 22px; left: 192px; height: 25px; width: 637px; }

ul#nav  { margin: 0px }

#nav li { /* Main nav list items */
	font-size: 13px;
	float: left;
	list-style: none;
	text-align: center;
	line-height: 25px; /* height of the tab */
}

#nav li a {   /* Main nav styles for all links */
	display: block; /* Although display:block suggests a vertical list the float:left property under #nav li causes the menu to float inline */
	line-height: 25px; /* height of the tab */
	text-decoration: none;
}

#nav li img, #nav li img a {
	padding: 0px;
	border: none;
}

#nav-home a:link, #nav-home a:visited  { background: url('images/nav-home.gif') no-repeat 0px 0px; width:  90px }
#nav-home a:hover, #nav-home a:active { background: url('images/nav-home.gif') no-repeat 0px -25px; width: 90px }
#nav-home a#current { background: url('images/nav-home.gif') no-repeat 0px -25px; width: 90px }

#nav-about a:link, #nav-about a:visited  { background: url('images/nav-about.gif') no-repeat 0px 0px; width: 90px }
#nav-about a:hover, #nav-about a:active { background: url('images/nav-about.gif') no-repeat 0px -25px; width: 90px }
#nav-about a#current { background: url('images/nav-about.gif') no-repeat 0px -25px; width: 90px }

#nav-media a:link, #nav-media a:visited  { background: url('images/nav-media.gif') no-repeat 0px 0px; width: 90px }
#nav-media a:hover, #nav-media a:active { background: url('images/nav-media.gif') no-repeat 0px -25px; width: 90px }
#nav-media a#current { background: url('images/nav-media.gif') no-repeat 0px -25px; width: 90px }

#nav-resume a:link, #nav-resume a:visited  { background: url('images/nav-resume.gif') no-repeat 0px 0px; width: 117px }
#nav-resume a:hover, #nav-resume a:active { background: url('images/nav-resume.gif') no-repeat 0px -25px; width: 117px }
#nav-resume a#current { background: url('images/nav-resume.gif') no-repeat 0px -25px; width: 117px }

#nav-contact a:link, #nav-contact a:visited  { background: url('images/nav-contact.gif') no-repeat 0px 0px; width: 105px }
#nav-contact a:hover, #nav-contact a:active { background: url('images/nav-contact.gif') no-repeat 0px -25px; width: 105px }
#nav-contact a#current { background: url('images/nav-contact.gif') no-repeat 0px -25px; width: 105px }

#nav-links a:link, #nav-links a:visited  { background: url('images/nav-links.gif') no-repeat 0px 0px; width: 75px }
#nav-links a:hover, #nav-links a:active { background: url('images/nav-links.gif') no-repeat 0px -25px; width: 75px }
#nav-links a#current { background: url('images/nav-links.gif') no-repeat 0px -25px; width: 75px }

#nav-michelledp a:link, #nav-michelledp a:visited  { background: url('images/nav-michelledp.gif') no-repeat 0px 0px; width: 65px }
#nav-michelledp a:hover, #nav-michelledp a:active { background: url('images/nav-michelledp.gif') no-repeat 0px -25px; width: 65px }
#nav-michelledp a#current { background: url('images/nav-michelledp.gif') no-repeat 0px -25px; width: 65px }

/*End Nav Bar */

/* ------------ MAIN BODY */

/*Entries*/
#entries-home, #entries-michelledp { /*News Page Content*/
	margin-left: 435px;
	width: 425px;
	height: 475px;
	overflow: auto;
	position: relative; /* Fixes IE bug with overflow content */
}

#entries-news { /*News Page Content*/
	margin-left: 435px;
	width: 425px;
	height: 475px;
	overflow: auto; /* Locks content into box, uses scrollbars if necessary */
	position: relative; /* Fixes IE bug with overflow content */
}

#entries-about { /*About Page Content*/
	margin-left: 250px;
	width: 575px;
	height: 465px;
	overflow: auto; /* Locks content into box, uses scrollbars if necessary */
	position: relative; /* Fixes IE bug with overflow content */
}

#entries-media { /*Media Page Content*/
	margin-left: 325px;
	width: 535px;
	height: 475px;
	overflow: auto; /* Locks content into box, uses scrollbars if necessary */
	position: relative; /* Fixes IE bug with overflow content */
	text-align: center;
}

#entries-resume { /*RŽsumŽ Page Content*/
	margin-left: 350px;
	width: 400px;
	height: 490px;
	overflow: hidden;
	position: relative; /* Fixes IE bug with overflow content */
}

#entries-contact { /*Contact Page Content*/
	margin-left: 50px;
	width: 435px;
	height: 465px;
	overflow: auto; /* Locks content into box, uses scrollbars if necessary */
	position: relative; /* Fixes IE bug with overflow content */
}

#entries-links { /*Links Page Content*/
	margin-left: 100px;
	width: 335px;
	height: 475px;
	overflow: auto; /* Locks content into box, uses scrollbars if necessary */
	position: relative; /* Fixes IE bug with overflow content */
	font-size: 15px;
}

.entry {
	padding: 5px;
}

.entry-media {
	padding: 10px 5px;
	display: inline;
}


.entry-block {
	padding-top: 10px;
}

span.entry-title {
	font-weight: bold;
	font-size: 20px;
	color: #663300;
}

span.entry-title a:link, span.entry-title a:visited {
	color: #663300;
	text-decoration: none;
}

span.entry-title a:hover, span.entry-title a:active {
	color: #994D00;
	text-decoration: none;
}

span.entry-subtitle {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #000;
}

span.entry-subtitle a:link, span.entry-subtitle a:visited {
	text-decoration: underline;
	color: #ffcc66;
}

span.entry-subtitle a:hover, span.entry-subtitle a:active {
	text-decoration: none;
	color: #ffcc66;
}

.entry-post {
	text-align: left;
}

.entry-post a:link, .entry-post a:visited {
	color: #ffcc66;
	text-decoration: underline;
}

.entry-post a:hover, .entry-post a:active {
	color: #ffcc66;
	text-decoration: none;
}

/*Subscription Box*/
#subscribe { width: 335px; height: 25px; float: right; margin: 10px 55px 0px 0px; }
#subscribe form { font-family: Arial, Helvetica, sans-serif; width: 200px; margin: 0px auto }
#signup_email { font-family: Arial, Helvetica, sans-serif; border: 1px solid #ffcc66; background-color: #ffffcc; color: #663300; padding: 3px }
#button { font-family: Arial, Helvetica, sans-serif; color: #663300; font-weight: bold; border: 1px solid #ffcc66; background-color: #ffffcc; padding: 3px }

/*Blogroll List*/

li.blogroll {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	font-size: 15px;
	line-height: 22px;
}
li.blogroll  a:link, li.blogroll a:visited { 
	background: url('images/star.gif') no-repeat 0px 0px;
	width: 20px;
	padding-left: 22px;
	text-decoration: none;
	color: #ffcc66;
}
li.blogroll a:hover, li.blogroll a:active {
	background: url('images/star.gif') no-repeat 0px -20px;
	width: 20px;
	padding-left: 22px;
	text-decoration: none;
	color: #ffffcc;
}

/*Media Titles List*/

span.entry-title-media {
	font-weight: bold;
	font-size: 20px;
}

span.entry-title-media a:link, span.entry-title-media a:visited {
	background: url('images/star.gif') no-repeat 0px 0px;
	padding-left: 25px;
	color: #ffcc66;
	text-decoration: none;
}

span.entry-title-media a:hover, span.entry-title-media a:active {
	background: url('images/star.gif') no-repeat 0px -20px;
	padding-left: 25px;
	color: #ffffcc;
	text-decoration: none;
}


/*Entry Post Images*/
img.alignleft {
	float: left;
	padding: 0px 10px 10px 0px;
}

img.aligncenter {
	margin: 0px auto 0px auto;
	padding: 5px;
}

img.alignright {
	float: right;
	padding: 0px 0px 10px 10px;
}

/*Entry Scrollbar - FleXcroll*/

.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0; left: 0;
}

.vscrollerbase {
	width: 10px;
	background: none;
}

.vscrollerbar {
	width: 10px;
	background-color: #ffcc66;
}

.hscrollerbase {
	height: 10px;
	background: none;
}

.hscrollerbar {
	height: 10px;
	background-color: #ffcc66;
}

.scrollerjogbox {
	width: 10px;
	height: 10px;
	top: auto; left: auto;
	bottom: 0px; right: 0px;
	background-color: gray;
}

/* ------------ FOOTER */

#footer {
	width: 900px;
	margin: 0px auto;
	color: #666666;
	text-align: center;
	font-size: 11px;
}

#footer a:link, #footer a:visited {
	text-decoration: underline;
	color: #666666;
}

#footer a:hover, #footer a:active {
	text-decoration: none;
	color: #666666;
}