/* @override http://identiconarts.com/wp/wp-content/themes/identiconartsI/style.css */

/*  
Theme Name: dark
Theme URI: http://eyedea.eu
Description: ID theme
Version: 1.0
Author: Prisca Schmarsow
Author URI: http://graphiceyedea.co.uk
*/

/*-------------------------------------------------------------*/

/* Eric Meyer's Reset Reloaded - thanks, Eric :-)  */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */

:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/*-------------------------------------------------------------*/

/* ################## template notes ##################
#wrap 					*all content

#header 				h1, p
						blog title (h1), blog description (p)
			
#nav					ul
						categories, then pages
#sidebar				ul [inc dynamicSidebars & widgets if in use]
						sidbar with search, links + additional 
						(postlists etc, see extra ids/classes)
			
#content				*all page content (+ classes assigned by WP)
						.post > post on category page
						.post h3 > post title (+ link) on category page
						.post.pagepost > post on page
						.post.pagepost h2 > post title on page
			
#footer		ul

*** extras ***

form#searchform			searchbox
input#searchsubmit		submit button, searchbox

################## END template notes ################## */

/*-------------------------------------------------------------*/

/* ################## COLOURS ##################
#000					text colour
#333					headers

################## END template notes ################## */

/*-------------------------------------------------------------*/

/* ################## general ################## */

body {
	font-family: Gadget, Arial, sans-serif;
	font-size: 1em;
	line-height: 1.5;
	background: #10100e url(images/stripe_bg.jpg) repeat-x;
	background-position: -252px -3px;
	background-attachment: fixed;
}
h1, h2, h3, h4, h5, h5 {
	font-family: Arial Black, sans-serif;
	text-transform: uppercase;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h5 a {
	text-decoration: none;
}
p, ul, ol {
	font-size: 0.8em;
	margin: 0 0 1em 0;
}

ul {
	list-style: square;
}

ol {
	list-style: decimal;
}

p {
	
}

a, a:link, a:visited {
	color: #F20000;
}

a:hover, a:focus, a:active {
	color: #fff;
}

.clear {
	clear: both;
}

/* ################## wrapper — SECTION IMAGES ################## */

#wrap {
	display: block;
	position: relative;
	margin: 0;
	padding: 0 0 0 295px;
	background: transparent url(images/0-mainvis-home2.jpg) top left no-repeat;
	background-attachment: fixed;	
}

body#what #wrap {
	background: transparent url(http://identiconarts.com/randomvis/1-whatis-dark/rotate.php) top left no-repeat;
	background-attachment: fixed;
}
body#book #wrap {
	background: transparent url(http://identiconarts.com/randomvis/2-idbook-dark/rotate.php) top left no-repeat;	
	background-attachment: fixed;
}
body#classes #wrap {
	background: transparent url(http://identiconarts.com/randomvis/3-classes-dark/rotate.php) top left no-repeat;
	background-attachment: fixed;
}
body#edukators #wrap {
	background: transparent url(http://identiconarts.com/randomvis/4-edukators-dark/rotate.php) top left no-repeat;
	background-attachment: fixed;
}
body#gallery #wrap {
	background: transparent url(http://identiconarts.com/randomvis/5-gallery-dark/rotate.php) top left no-repeat;
	background-attachment: fixed;
}
body#showcase #wrap {
	background: transparent url(http://identiconarts.com/randomvis/6-showcase-dark/rotate.php) top left no-repeat;
	background-attachment: fixed;
}
body#contact #wrap {
	background: transparent url(http://identiconarts.com/randomvis/7-contact-dark/rotate.php) top left no-repeat;
	background-attachment: fixed;
}
body#blog #wrap {
	background: transparent url(http://identiconarts.com/randomvis/8-blog-dark/rotate.php) top left no-repeat;
	background-attachment: fixed;
}

body#links #wrap {
	background: transparent url(http://identiconarts.com/randomvis/9-links-dark/rotate.php) top left no-repeat;
	background-attachment: fixed;
}

/* ################## section icons ################## */
#icon {
	display: block;
	width: 350px;
	height: 290px;
	position: fixed;
	top:  30px;
	left: 810px;
}
body#what #icon {
	background: transparent url(images/1-icon.png);
}
body#book #icon {
	background: transparent url(images/2-icon.png);
}
body#classes #icon {
	background: transparent url(images/3-icon.png);
}
body#edukators #icon {
	background: transparent url(images/4-icon.png);
}
body#gallery #icon {
	background: transparent url(images/5-icon.png);
}
body#showcase #icon {
	background: transparent url(images/6-icon.png);
}
body#contact #icon {
	background: transparent url(images/7-icon.png);
}
body#blog #icon {
	background: transparent url(images/8-icon.png);
}
body#links #icon {
	background: transparent url(images/9-icon.png);
}
/* ################## masthead ################## */

#header {
	color: #fff;	
	text-indent: -9999px;
	padding: 30px 0 0 0;
	height: 55px;
}

#header h1 a {
	display: block;
	font-size: 3em;
	background: url(images/header.png) no-repeat;
	background-position: 10px 0;
}

#header p {
	font-size: .1em;
	padding: 0 0 0 0;
}

/* ################## main nav ################## */

#nav {
	margin: 0 0 20px 10px;
}

#nav ul {
	margin: 0;
	list-style: none;
}

#nav ul li {
	margin: 0 0 6px 0;
}

/* ################## individual link styling
bg sprite rollovers 
 ################## */
#nav ul li a {
	height: 1.4em;
	text-indent: -9999px;
	display: block;
	background: transparent url(images/sprite-all-sm.png) no-repeat;
	background-position: 0 0;
}
/* link 1- what is.... */
#nav ul li.page-item-2 a {
	display: block;
	background-position: 0 0;
}
#nav ul li.page-item-2 a:hover {
	background-position: 0 -201px;
}
#nav ul li.page-item-2.current_page_item a {
	background-position: 0 -401px;
}
/* link2- book */
#nav ul li.page-item-4 a {
	background-position: 0 -20px;
}
#nav ul li.page-item-4 a:hover {
	background-position: 0 -221px;
}
#nav ul li.page-item-4.current_page_item a {
	background-position: 0 -421px;
}

/* link3 - classes */
#nav ul li.cat-item-1 a {
	background-position: 0 -40px;
}
#nav ul li.cat-item-1 a:hover {
	background-position: 0 -241px;
}
#nav ul li.cat-item-1.current-cat  a  {
	background-position: 0 -441px;
}

/* link4 - edukators */
#nav ul li.cat-item-3 a {
	background-position: 0 -60px;
}
#nav ul li.cat-item-3 a:hover {
	background-position: 0 -261px;
}
#nav ul li.cat-item-3.current-cat a  {
	background-position: 0 -461px;
}

/* link5 - gallery */
#nav ul li.cat-item-4 a {
	background-position: 0 -80px;
}
#nav ul li.cat-item-4 a:hover {
	background-position: 0 -281px;
}
#nav ul li.cat-item-4.current-cat a  {
	background-position: 0 -481px;
}

/* link6 - showcase */
#nav ul li.cat-item-5 a {
	background-position: 0 -100px;
}
#nav ul li.cat-item-5 a:hover {
	background-position: 0 -301px;
}
#nav ul li.cat-item-5.current-cat a {
	background-position: 0 -501px;
}
 
/* link7- contact */
#nav ul li.page-item-6 a {
	background-position: 0 -120px;
}
#nav ul li.page-item-6 a:hover {
	background-position: 0 -321px;
}
#nav ul li.page-item-6.current_page_item a  {
	background-position: 0 -521px;
}


/* link8 - blog */
#nav ul li.cat-item-6 a {
	background-position: 0 -140px;
}
#nav ul li.cat-item-6 a:hover {
	background-position: 0 -341px;
} 
#nav ul li.cat-item-6.current-cat a {
	background-position: 0 -541px;
} 


/* link9- contact */
#nav ul li.page-item-8 a {
	background-position: 0 -160px;
}
#nav ul li.page-item-8 a:hover {
	background-position: 0 -361px;
}
#nav ul li.page-item-8.current_page_item a {
	background-position: 0 -561px;
}


/* ################## sidebar — css switch ################## */
#switch {
	position: fixed;
	top:  310px;
	left:  10px;
	color: #999;
	font-size: 1.2em;
}
#switch ul li#theme-switcher {
	padding: 0 0 70px 0;
	background: transparent url(images/css-switch.png) no-repeat;
	background-position: 1px 2em;
	list-style: none;
}
#switch ul li#theme-switcher h2.widgettitle {
	margin: 0 0 -4px 0;
	font-family: Gadget, Arial, sans-serif;
	font-size: 1.1em;
}
#switch ul li#theme-switcher ul li {
	display: inline;
	margin: 0 18px 0 2px;
	color: #ccc;
}
#switch ul li#theme-switcher ul li a {
	text-decoration: none;
	font-weight: bold;
	color: #F20000;
	letter-spacing: .1em;
}
#switch ul li#theme-switcher ul li a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	letter-spacing: .1em;
}

/* ################## sidebar ################## */

#sidebar {
	width: 440px;
	color: #666;
	float: left;
	margin: 1em 0 0 0;
	background: transparent url(images/content-transparentbg.png) repeat;
	padding: 0 10px;
	z-index: 100;
}

#sidebar ul {
	font-size: .9em;
	margin: 0 0 1em 0;
	list-style: none;
}

#sidebar ul li {
	display: block;
	margin: 0 0 .3em 0;
}

/* ################## sidebar — search ################## */

#sidebar ul li form#searchform {
	display: block;
	margin: 1.8em 3em 0 0;

}

#sidebar ul li form#searchform	input {
	display: block;
	width: 246px;
	padding: 2px;
	margin: 0 0 4px 0;
	background: #304142;
	border: none;
	border-bottom: 1px solid #F20000;
	text-transform: lowercase;
	font-weight: bold;
	color: #fff;
}
#sidebar ul li form#searchform	input:hover, #sidebar ul li form#searchform	input:active, #sidebar ul li form#searchform	input:focus {
	background: #fff;
	color: #000;
}
#sidebar ul li form#searchform input#searchsubmit {
	display: block;
	width: 250px;
	padding: 2px;
	border: none;
	border-bottom: 1px solid #F20000;
	color: #F20000;
	background: none;
}
/* ################## sidebar — flickr ################## */

#sidebar ul li {
	display: block;
}
#sidebar ul li div {

}
#sidebar ul li h2 {
	clear: left;
	font-family: Gadget, Arial, sans-serif;
	font-size: 1.1em;
	padding: 1em 0 .3em 0;
}

#sidebar ul li a img {
	float: left;
	margin: 0 6px 6px 0;
	padding: 2px;
	border: 1px solid #F20000;
}
#sidebar ul li a:hover img {
	padding: 0;
	border: 3px solid #F20000;
}


#sidebar ul li#press {

}
#sidebar ul li#press a {
	display: block;
	background: transparent url(images/presspack-icon.png) no-repeat;
	background-position: 0 0;
	padding: 30px 0 30px 96px;
	text-decoration: none;
	font-family: Arial Black, sans-serif;
	text-transform: uppercase;
	letter-spacing: .08em;
}
#sidebar ul li#press a:hover, #sidebar ul li#press a:focus, #sidebar ul li#press a:active {
	background-position: 0 -200px;
}
/* ################## sidebar — RSS ################## */

#sidebar ul li ul#rss {
	display: block;
	height: 50px;
	background: transparent url(images/rss_icon.png) top left no-repeat;
	padding: 10px 0;
}
#sidebar ul li ul#rss li {
		background: none;
}
#sidebar ul li ul#rss li a {
	padding: 0 0 0 90px;
	text-decoration: none;
	font-family: Arial Black, sans-serif;
	text-transform: uppercase;
	letter-spacing: .08em;
	background: none;
}
/* ################## content ################## */

#content {
	width: 440px;
	margin: 1em 3em 3em 0;
	padding: 10px;
	float: left;
	color: #ccc;
	background: transparent url(images/content-transparentbg.png) repeat;
}

.post {
	margin: 0 0 4em 0;	
}
.post p strong {
	font-weight: bold;
}
.post p em {
	text-transform: lowercase;
	font-variant: small-caps;
	font-size: 1.4em;
	line-height: 1;
	font-weight: bold;
}

.post p em strong, .post p strong em {
	text-transform: lowercase;
	font-variant: small-caps;
	font-weight: bold;
	color: #f20000;
} 
a.more-link {
	display: block;
	margin: 0;
}

.post p a.more-link {
	display: block;
	margin: 0;
}

/* ################## COMMENT FORM STYLING ################## */
#content form#commentform {
	margin: 0;
	padding: 0;
}
#content form#commentform input {
	padding: 2px;
	background: #f1f1eb;
	border: 2px solid #F20000;
}
#content form#commentform textarea {
	width: 440px;
	padding: 2px;
	background: #f1f1eb;
	border: 2px solid #F20000;
}
#content form#commentform input#submit {
	width: 440px;
	padding: 2px;
	background: none;
	border: none;
	border-bottom: 2px solid #F20000;
	color: #F20000;
	font-weight: bold;
	text-transform: lowercase;
	font-variant: small-caps;
	font-size: 1.2em;
	letter-spacing: .1em;
}

/* ################## footer ################## */

#footer {
	clear: both;
	color: #8A9EA0;
	padding: 12px 0;
}

#footer ul {
	margin: 0;
	padding: 0;
}

#footer ul li {
	display: inline;
	margin: 0 1em 0 0;
}
#footer ul li span.eyedea a, #footer ul li span.eyedea a:link, #footer ul li span.eyedea a:visited {
	background: transparent url(images/eyedea.png) no-repeat;
	background-position: 0 2px;
	padding: 0 0 0 42px;
	border-bottom: none;
}
#footer ul li span.eyedea a:hover, #footer ul li span.eyedea a:active {
	background: transparent url(images/eyedea.png) no-repeat;
	background-position: 0 -35px;
	color: #fff;
}
/* ################## HEADERS ################## */

#content h2, #content h3 {
	font-size: 1.3em;
	margin: 0 0 .2em 0;
	color: #8A9EA0;
	border-bottom: 1px solid #F20000;

}
body#edukators #content h2 {
	margin: 0 0 -.2em 0;
}
/* ################## HOMEPAGE — flickr styling ################## */
#content.home .flickr_badge_image a img {
	float: left;
	margin: 0 6px 6px 0;
	padding: 2px;
	border: 1px solid #F20000;
}
#content.home .flickr_badge_image  a:hover img {
	padding: 0;
	border: 3px solid #F20000;
}
/* ################## GALLERY — flickr styling ################## */
#gallery #content .post p {
	clear: both;
}
#gallery #content .post a.more-link {
	clear: both;
	text-decoration: none;
	font-weight: bold;
	text-transform: lowercase;
	font-variant: small-caps;
	font-size: 1.2em;
	letter-spacing: .08em;	
}
#content div.flickr-photos {
	display: block;
}
/* flickr plugin */
#content div.flickr-photos a.tt-flickr-Square img {
	width: 46px;
	height: 46px;
	float: left;
	margin: 0 3px 3px 0;
	padding: 2px;
	border: 1px solid #F20000;
}
#content div.flickr-photos a.tt-flickr-Square:hover img {
	padding: 0;
	border: 3px solid #F20000;
}
/* flickr badge */
#content div#flickr_badge_wrapper a img {
	width: 46px;
	height: 46px;
	float: left;
	margin: 0 3px 3px 0;
	padding: 2px;
	border: 1px solid #F20000;
}
#content div#flickr_badge_wrapper a:hover img {
	padding: 0;
	border: 3px solid #F20000;
}
/* ################## LINKS — linklist styling ################## */
#content ul.links {
	color: #8A9EA0;
	margin: 0 0 4em 0;
}
#content ul.links li a, #content ul.links li a:hover {
	text-decoration: none;
	color: #f20000;
}
#content ul.links li a:visited {
	color: #8A9EA0;
}
#content ul.links li a:hover, #content ul.links li a:active, #content ul.links li a:focus {
	color: #fff;
}