/*
Theme Name: Eyesparks
Theme URI: http://eyesparks.com/
Author: Peter Hughes
*/


/* TABLE OF CONTENTS
00 - Global Elements
01 - Typography
01a - sIFR Type
02 - Header
03 - Main Structure
04 - Main Content
05 - Sidebars
06 - Footer
07 - Wordpress Defaults
*/


/* 00 - GLOBAL ELEMENTS ----------------------------------------------*/
* 				{ margin: 0;  padding: 0;}
html 			{ min-height: 100%; overflow-y:scroll; }
body			{ background:url(images/bg3.jpg) repeat; margin:0; padding:0;}


/* 01 - TYPOGRAPHY ---------------------------------------------------*/
p a				{font-weight:bold; text-decoration:none; color:#333;}
p a:hover		{text-decoration:underline;}

/* 01a - sIFR Type -----------*/
.sIFR-active h1 { padding-bottom:0;}



/* 02 - HEADER -------------------------------------------------------*/
.header			{ height:130px;}
.logo			{width:290px; height:46px; float:left; margin:40px 0 0 8px;}

.headerright	{margin:60px 130px 0 0!important; margin/**/:60px 65px 0 0;  float:right;}
.search			{padding:0 8px; margin:0 0 20px 0; width:155px; height:25px; display:block; background:url(images/search_back.gif) no-repeat; }
.search_field	{color:#999999; border:0; margin:0; padding:6px 0 0 0; font-size:0.8em; width:135px; background:none; float:left;}
.search_butt	{background:url(images/search_butt.gif) no-repeat !important; border:0; margin:5px 0 0 0; padding:0; height:15px; width:15px; cursor:pointer; float:left; }

.navbar			{padding:0; height:27px; float:left; width:100%; margin:0; background:url(images/navbar.jpg) no-repeat center;}
ul#mainnav		{ list-style:none; margin:0 0 0 10px; padding:0; float:left; }
ul#mainnav	li	{ margin:0 10px 0 0; padding:0; float:left; font-size:1.1em; font-weight:normal;  }
ul#mainnav	li	a{ float:left; color:#FFFFFF; padding:2px 10px 4px 10px; text-decoration:none; }
ul#mainnav	li	a:hover{ background:url(images/bg3.jpg) no-repeat; color:#EC2024; }
ul#mainnav	li.current	a{ background:url(images/bg3.jpg) no-repeat; color:#EC2024 }


/* 03 - MAIN STRUCTURE -----------------------------------------------*/
.maincontent	{background:#FFFFFF;}
.designportfolio{float:left; width:171px; height:40px; display:block; cursor:pointer; background:url(images/design-portfolio.png) no-repeat; margin-top:10px;}
.designportfolio span{display:none;}

.separator		{float:left; width:100%; margin:20px 0;}
.separator_small{float:left; width:100%; margin:10px 0;}
.separator_xsmall{float:left; width:100%; margin:1px 0;}

ul.twitter		{float:left; margin:0 0 10px 0; padding:0; clear:both; background:url(images/twitter_back.gif) no-repeat;}
ul.twitter li	{ list-style:none; margin:10px 0; color:#333; padding: 10px; }
ul.twitter li a	{color:#666; text-decoration:none;}
ul.twitter li a:hover{color:#000;}
.twitter-bird	{ top:-60px; position:absolute;}

ul#twitter_update_list {list-style:none; margin:0; padding:0; }
ul#twitter_update_list li { margin:0 0 15px 0; padding:0; list-style:none; font-size:0.9em; color:#333; line-height:1.5; }



/* 04 - MAIN CONTENT -------------------------------------------------*/
.hr 			{ height:1px; border-top:1px solid #CEA195; width:100%; float:left; margin:5px 0; }
img.border		{padding:3px; border:1px solid #DBC7C3; background:#f3f3f3;}
a:hover img.border	{border:1px solid #CEA195; background:#f3f3f3;}

.homeproject	{float:left; width:431px; height:249px; background:url(images/overlay.png) no-repeat; display:block; padding:12px;}


/* 05 - SIDEBARS -----------------------------------------------------*/
.sidebar ul		{list-style:none; margin:0 0 20px 0; padding:0;}
.sidebar li		{list-style:none; margin:5px 0; padding:0;}
.sidebar li a	{ color:#333; text-decoration:none;}
.sidebar li a:hover{color:#EC2024;}


/* 06 - FOOTER -------------------------------------------------------*/
.footer			{float:left; width:100%; margin:0; padding:30px 0 30px 0; background:#1A1A1A; border-top:2px #FF6300 solid;}
.footer	p		{color:#999;}

ul.footerlist		{float:left; margin:0; padding:0;}
ul.footerlist li	{float:left; display:block; margin:0; padding:0;}
ul.footerlist li a	{float:left; display:block; width:235px; padding:5px 0; border-top:#555 1px solid; color:#999; text-decoration:none;}
ul.footerlist li a:hover{color:#FFF;}

.copyright		{padding:0; margin:0; height:27px; float:left; width:100%; background:url(images/navbar.jpg) no-repeat center;}


/* 07 - WORDPRESS DEFAULTS -------------------------------------------*/

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */



/* Begin Lists */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	font-size:0.9em; color:#333;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

ol {
	padding: 0;
	margin: 0;
	}

ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */




/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0;
	padding: 5px 0;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */





/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	font-weight:normal;
	font-family:'Museo300Regular',Verdana,Arial,sans-serif;
	 text-shadow: 1px 1px 0 #cfccb9;
	margin: 15px 0 0 -35px;
	padding:0 0 0 35px;
	background:url(images/blockquote2.png) no-repeat top left;
	font-size:18px;
	}

cite {
	margin: 5px 0 0;
	display: block;
	font-style:italic; font-weight:bold;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ccc;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px 0;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */