/*
Theme Name: Emotional Engine Theme
Theme URI: http://jasonwhipple.com/
Description:
Version: Version 1.0 (WP2.7)
Author: Jason Whipple
Author URI: http://jasonwhipple.com/

*/


@import "blueprint/screen.css";
@import "blueprint/plugins/fancy-type/screen.css";


/* GLOBAL STYLES */

html { height: 100%; }


body { font-family: Georgia, "Times New Roman", Times, serif; color: #555; height: 100%; font-size: .8em;}

/* HEADINGS */

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -270px; /* the bottom margin is the negative value of the footer's height */
}

#header { background-image: url(http://www.emocorps.com//images/header-final-IT2.jpg); height: 256px; }
#main-menu { margin-bottom: 36px; margin-top: 214px; font-size: small;}
#main-menu a:hover { color: #663366; text-decoration: none; }
#main-menu a:active { color: #663366; text-decoration: none; }

}

#menu { }
	
}
#static-page {
	padding-top: 30px;
}
a:link { 
}
#content {
}

#sidebar { list-style-type: circle; }
#sidebar-2 {
	list-style-type: circle;
}
#disclaimer {
}

#footer { color: #ccc; background-color: #663366; border-left-style: solid; border-top-style: solid; border-top-color: #bbb; border-top-width: 2px; padding-top: 18px; margin-top: 18px; height: 270px !important; }
#footer hr { background-color: #3A474E; color: #3A474E; }
.push { height: 0px; }
a, a:hover { color: #663366; text-decoration: none }
#title a { font-size: 3em; }
                 

/* TEXT STYLES */

#main-menu a { padding-left: 3px; padding-right: 9px; color: #666; } 

#footer a { color: #E8BB5E; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #555; }
#sidebar-2 h4, #disclaimer h4 {
	font-weight: bold;
	color: #555;
}
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { font-family: "arial black"; color: #ccc; }
#static-page h3 {
	color: #444;
}
#portfolio { }
#portfolio img { border-color: #ddd; border-style: solid; border-width: 0px; height: 216px; width: 310px; }
#project { margin-bottom: 1.5em; }
#project-caption { background-color: #555; color: #f5f5f5; }
.post {
}
.excerpt {
}
.single-page-post { }
.single-page-post img { float: right; }
.single-page-video {
}
.single-page-video img {
}
.single-page-web {
}
.single-page-web img { height: 378px; width: 590px; }
hr.space {
}
.category-name {
	text-transform: uppercase;
	color: #666;
}
.thumbnail1 img { height: 36px; width: 40px; }
.thumbnail2 img {
	height: 126px;
	width: 190px;
}
#date-comments { }
.read-more { text-align: right; }
.read-more a { text-align: right; }
#search-form { padding-top: 12px; }
#wp-pagenavi {
}

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #ccc;
	color: #555;
	background-color: #ddd;	
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #ccc;
	color: #555;
	background-color: #ddd;	
}
.wp-pagenavi a:hover {	
	color: #f5f5f5;	
	border: 1px solid #ddd;
	background-color: #999;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #ccc;
	color: #555;
	background-color: #ddd;	
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	border: 1px solid #ccc;
	background-color: #ddd;
}
.wp-pagenavi span.current {
	color: #f5f5f5;
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #ddd;
	background-color: #999;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #ccc;
	background-color: #ddd;
}
.emphasis {
	color: #3F6473;
}
.box {
	border-color: #d9d9d9;
	border-style: solid;
	border-width: 2px;
	background-color: #33ccff;
}
#static-page img {
	margin-top: 12px;
}
#body-static {
	height: auto;
	background-color: #3A474E;
}
#static-text {
	font-weight: bold;
}
#static-disclaimer {
	margin-top: 18px;
	padding-top: 9px;
	border-top-color: #bbb;
	border-top-width: 1px;
	border-top-style: solid;
	font-style: italic;
}
#paypal {
	text-align: center;
	font-weight: none;
}
img.paypal {
	margin-top: .5em;
	margin-bottom: 1.5em;
}
.paypal {
	background-color: #666666;
}
.feedback-text {
}
.feedback-name {
	text-transform: uppercase;
	font-weight: bold;
}
.quiet {
}
#success {background-color: #33ccff;}
/*navigation menu */
#nav {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background-color:#60625C;
bottom:0;
left:0;
margin:0;
padding:0;
width:100%;
position:absolute;
z-index:1;
}
#nav, #nav ul {
line-height:40px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
width:100%;
}
#nav a, #nav a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
border:medium none;
display:block;
text-decoration:none;
}
#nav li {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
border-right:1px solid #6E7073;
}
#nav a, #nav a:visited {
color:#FFFFFF;
display:block;
padding:0 20px;
}
#nav a:hover, #nav a:active, .current_page_item a, #home .on {
text-decoration:none;
}
#nav li ul {
border-bottom:1px solid #6E7073;
height:auto;
left:-999em;
line-height:30px;
margin:0;
padding:0;
position:absolute;
width:222px;
}
#nav li li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#1E1F21 none repeat scroll 0 0;
border-left:1px solid #6E7073;
border-right:1px solid #6E7073;
border-top:1px solid #6E7073;
width:220px;
}
#nav li li a, #nav li li a:visited {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#1E1F21 none repeat scroll 0 0;
color:#FFFFFF;
font-size:0.9em;
font-weight:normal;
}
#nav li li a:hover, #nav li li a:active {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#60625C none repeat scroll 0 0;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left:auto;
}
ul#menu {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	font-size:1.2em;
}

ul#menu li {
	float: left;
	padding: 0;
	margin: 0;
	border-right:solid 1px #fff;
}

ul#menu ul li {
	float: none;
	position: relative;
	border-bottom: 1px solid #7EAED7; /* fixes gap problem in IE */
	border-left: 1px solid #FFF;
	z-index:1000;
}

ul#menu li ul {
	margin: 0;
	padding: 0;
	display:none;
	list-style: none;
	position: absolute;
	background: #9CC;
}
ul#menu ul ul{
	margin-left: .2em;
	position: absolute;
	top: 0; /* if using borders, -1px to align top borders */
	left: 100%;
}

ul#menu * a:hover, ul#menu li a:active{
background:#7EAED7 !important;
color: #FFFFFF;
}

ul#menu li a:link,
ul#menu li a:visited,
ul#menu li a:hover,
ul#menu  li a:active{
	display: block;
	padding: .2em .3em;
	text-decoration: none;
	background: #5587B3;
	 color: #FFFFFF;
}


ul#menu ul li a:link,
ul#menu ul li a:visited,
ul#menu ul li a:hover,
ul#menu ul li a:active {
	width: 8em;
}
/* font size and background??? */
#nav2{
background:#222;
font-size:1.0em;
}
/* line height of whole unnumbered list */
#nav2, #nav ul {
list-style: none;
line-height: 1;
}
/* character of how links line up, in this case room for "block" w/ no decoration and no border*/
#nav2 a, #nav a:hover {
display:;
text-decoration: none;
color: #fff;
border:none;
}
/* border right */
#nav2 li {
float: left;
list-style:none;
border-right:0px solid #a9a9a9;
}
/* link/page color and padding */
#nav2 a, #nav2 a:visited {
display: block;
font-weight:none;
color: #a0a09b;
padding:6px 6px;
}
/* block color */
#nav2 a:hover, #nav2 a:active, .current_page_item a, #home .on {
background:#4b4e85;
text-decoration:none;
}
#nav2 li ul {
position: absolute;
left: -999em;
height: auto;
width: 150px;
border-bottom: 1px solid #a9a9a9;
}
#nav2 li li {
width: 172px;
border-top: 1px solid #a9a9a9;
border-right: 1px solid #a9a9a9;
border-left: 1px solid #a9a9a9;
background: #777;
}
#nav2 li li a, #nav2 li li a:visited {
font-weight:normal;
font-size:0.9em;
color:#FFF;
}
#nav2 li li a:hover, #nav2 li li a:active {
background:#000;
}
#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul {
left: auto;
}
a.main:hover {
background:none;
}