/*
Theme Name: 	Titmouse Animation
Description:    Custom theme created for Titmouse animation studio.  
Author:         Jenny Kortina
Author URI:		http://wwww.jennykortina.com
 
*/

/*** GLOBAL : GENERAL STYLE DEFAULTS ***/
html
{
	margin: 0;
	padding: 0;
}
body, input, textarea
{
	background: url('images/bg-repeat-x.jpg') repeat-x black;
	margin: 0;
	font-family: helvetica, arial;
	font-size: 14px;
	color: #444;
}
h1, h2, h3, h4, h5, h6
{ 
	font-weight: normal;
	clear: both;
}
hr
{
	background-color: #999;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
pre
{
	font: 11px Monaco, monospace;
	line-height: 1.5;
	margin-bottom: 1.5em;
}
code
{
	font: 11px Monaco, monospace;
}
p
{
	margin: 4px 0 12px 0;
}
a {
	color: #EA2895;
	text-decoration: none;
}
a:hover
{
	color: #EE69B4;
}
#content ul li {
	list-style: none !important;
}
.clear {
	clear:both;
}
/*** PAGE LAYOUT ***/

/* Styles that affect the entire layout of the page */
#paperRoll {
	background: url('images/paper-repeat-y.png') repeat-y;
	margin: 0 auto;
	width: 1100px;
}
#wrapper {
	background: url('images/bg-page.png') no-repeat;
	margin: 0 auto;
	width: 1100px;
	position: relative;
}
div#main
{
	margin: 0 auto;
	width: 971px;
	margin-top: -265px;
}
div#container
{
	float: left;
}
div#contentWrapper {
	width: 624px;
	float:left;
}
div#content
{
	width: 564px;
	padding: 90px 30px;
	float:left;
	background: url('images/blog-wide-middle.png');
}
div#contentTop {
	width: 624px;
	height: 6px;
	float:left;
	background: url('images/blog-wide-top.png');
}
div#contentBottom {
	width: 624px;
	height: 4px;
	float:left;
	background: url('images/blog-wide-bottom.png');
}
/*** HEADER : MENU ***/

/* To see a menu in your header, you'll need to first add one in WordPress Admin */
.menu ul
{
    list-style: none;
    margin: 0;
}
.menu ul ul
{
    display: none;
}
.menu li
{
    display: inline;
    float: left;
	padding: 0 8px 0 4px;
}
.menu-item
{
	
}
.menu-item a
{
	font-size: 30px;
	text-decoration: none;
	color: #3eaf00;
}
.menu-item a:hover
{
	color: #5d8a05;
}



/*** HEADER : OTHER ***/
#customerHeader {
	position: relative;
	z-index: 1;
	margin-top: -130px;
	margin-left: -25px;
}
#homeClick {
	display: block;
	float: left;
	width: 490px;
	height: 118px;
	margin-left: 70px;
	margin-top: 7px;
	position: relative;
	z-index: 2;
}

/*header nav*/
#headerNav {
	width: 503px;
	height: 178px;
 	background: url(images/rollover.png);
 	margin-right: -35px; 
 	position: relative;
 	float: right;
	z-index: 5;  /*top most layer*/
}
#headerNav a { -moz-transition: none ;-webkit-transition: none ; transition: none ;}
#headerNav li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#headerNav li, #headerNav a {height: 42px; display: block;}
#headerNavPanel1b {left: 24px; width: 109px; margin-top: 23px !important;}
#headerNavPanel2b {left: 205px; width: 126px; margin-top: 23px !important;}
#headerNavPanel3b {left: 21px; width: 134px; margin-top: 72px !important;}
#headerNavPanel4b {left: 198px; width: 161px; margin-top: 72px !important;}
#headerNavPanel5b {left: 362px; width: 179px; margin-top: 0px !important; height: 183px !important;}
#headerNavPanel5b a, #headerNavPanel5b li {height: 183px !important;}

#headerNavPanel1b a:hover {background: transparent url(images/rollover.png) -565px -23px no-repeat;}
#headerNavPanel2b a:hover {background: transparent url(images/rollover.png) -747px -23px no-repeat;}
#headerNavPanel3b a:hover {background: transparent url(images/rollover.png) -563px -72px no-repeat;}
#headerNavPanel4b a:hover {background: transparent url(images/rollover.png) -740px -72px no-repeat;}
#headerNavPanel5b a:hover {background: transparent url(images/rollover.png) -904px 0px no-repeat;}


/*** CONTENT : POSTS AND PAGES ***/

/* Entry and Page Titles */
h1.entry-title
{
	
}
h2.entry-title
{
	
}
h2.entry-title a
{
	/*color: #222;*/
	color: #9D33C5;
}
h1.page-title
{
	
}

/* Media Alignment */
.alignright
{
	/* Style for right-aligned images in posts */
	padding: 8px 0 8px 8px;
	float: right;
}
.alignleft
{
	/* Style for left-aligned images in posts */
	padding: 8px 8px 8px 0;
	float: left;
}

/* Entry Content */
.entry-content
{
	float: left;
	font-size: 1em;
	line-height: 1.5em;
	width: 100%;
	margin-top: 1em;
}
.page .entry-content
{
	margin-top: 25px;
}
.entry-content a
{
	
}
.entry-content a:hover
{
	
}
.entry-content h1, h2, h3, h4, h5
{
	
}
.entry-content ol li
{
	
}

.entry-utility
{
	/* Style for the entry utility, which sits below a post and provides info like categories, tags, feeds, and an edit link (for authors) */
	font-size: 10px;
	font-style: italic;
}
.entry-meta
{
	font-size: 0.9em;
	line-height: 1.5em;
	float: left;
	width: 100%;
	font-style: italic;
	margin: 0;
}
.skip-link
{
	/* Style for the skip link */
	/*position: absolute;
	left: -9000px;*/
}
.navigation
{
	margin-top: 10px;
}


/*** CONTENT : COMMENTS ***/

div#comments
{
	/* Style that affects the DIV containing all the comments */
}
.comments h3
{
	/* H3 header style for comments */
}
.comments ol
{
	/* Comments are displayed as ordered lists by default, so you want to style that list so it looks the way you want */
}
.comments ol li
{
	/* Style each list item in the comments ordered list */
}
.comments img
{
	/* Style for the user avatar beside each comment */
	float: left;
	margin: 0 12px 8px 0;
}
.comments .comment
{
	/* Style that applies to each individual comment in a series of comments */
}

.children ul li
{
	/* A style that refers to the children (as in, responses to) any given comment */
}

.comment-reply-link
{
	/* Style for the "Reply" link on a comment */
}
.comment-meta
{
	/* Style for metadata for a comment */
}
div#respond
{
	/* DIV that contains the comment response form */
}
div#respond h3
{
	/* H3 header for the comment response form */
}


/*** CONTENT : SIDEBAR ***/
div#primaryWrapper
{
	float:left;
	width: 337px;
	margin-left: 10px;
}
div#primary
{
	float:left;
	background: url('images/blog-side-middle.png');
	width: 337px;
	padding-top: 60px;
}
div#primaryTop {
	width: 337px;
	height: 6px;
	float:left;
	background: url('images/blog-side-top.png');
}
div#primaryBottom {
	width: 337px;
	height: 4px;
	float:left;
	background: url('images/blog-side-bottom.png');
}
div#secondary
{
	/* Secondary Widget Area DIV */
}
.widget-area
{
	/* Class that applies to BOTH widget areas */
}
.xoxo
{
	position: relative;
	z-index: 2;
	width: 300px;
	margin-left: -20px;
}
.xoxo li {
	list-style: none;
	padding-bottom: 10px;
}

.xoxo #twitter-vjck {
	margin-left: -38px;
}
.xoxo .widget-title {
	color: #9d33c5;
}
#twitter-vjck .widget-title {
	margin-left: 40px;
}
#s {
	width: 293px;
	padding: 5px 0px 5px 5px;
	background: url(images/search.png) no-repeat right #F4F4F4;
	border: 1px solid #CCC;
}
#searchsubmit, .screen-reader-text {
	display:none;
}
/*** FOOTER ***/
div#footer
{
	background: url(images/footer.png);
	width: 932px ;
	height: 275px;
	clear: both;
	margin: 0 auto;
}

.footerLink {
	display: block;
	height: 238px;
	width: 400px;
	float: right;
	margin: 31px;
}

/*custom*/
.post, .page {
	position: relative;
	z-index: 2;
}
#videoFrameOverlay {
	display:none;
}
.widget_feacpost_featuredcategorypostswidget h3 {
	margin-bottom: 5px;
}
}