/*
Theme Name: Darren.ie
Theme URI: http//darren.ie/
Description: Portfolio theme.
Author: Darren.ie
Author URI: http://darren.ie/
Version: 0.1

	Theme logic based on
	Creative by Nature v0.1
	http://cssmayo.com/
	which was designed and built by CSSMayo.com
    And was released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/



/****************************** ~ Layout Styles ~ ******************************/

body {background:url('img/graphics/bodyBk.gif') 0 0 repeat;}
#wrapper {overflow:hidden;}
#header {
	border-bottom:2px solid #1f1b1c;
	height:143px;
	overflow:hidden;
}
#content {}
#sideBar {margin-top:57px;}



/****************************** ~ SkipLinks Styles ~ ******************************/

#skipLinks a, #skipLinks a:hover, #skipLinks a:visited {height:1px; left:0px; overflow:hidden; position:absolute; top:-500px; width:1px;} /* hide skip link */
#skipLinks a:active, #skipLinks a:focus{color:#fff; font-weight:bold; font-size:120%; height:auto; position:static; width:auto;} /* make visible when tabbed to */



/****************************** ~ Content Styles ~ ******************************/

h1, h2, h3, h4, h5, h6 {color:#6b595f;}
h1 {display:block; height:65px; margin:33px 0 0 0;} h1 a {outline:none;}
h2 {border-bottom:1px dotted #bbc2ab; color:#343942; font:normal 2.5em/1.2em 'Helvetica Neue', Arial, Helvetica, sans-serif; padding-bottom:15px;}
h2.pageTitle {border:none; color:#ff0066; font:normal 5em 'Helvetica Neue', Arial, Helvetica, sans-serif; margin:0 0 27px 0; padding:0;}
h2 a {color:#343942; font-weight:normal;} h2 a:hover {color:#fff; background:#ff0066;}
h3 {font:normal 1.8em/1.2em 'Trebuchet MS', 'Helvetica Neue', Arial, Helvetica, sans-serif; margin:.8em 0 0.6em 0;}
#sideBar h3 {color:#211919; font:normal 1.5em/1.25em 'Helvetica Neue', Arial, Helvetica, sans-serif;}
h4 {font:bold 1.4em/1.2em 'Helvetica Neue', Arial, Helvetica, sans-serif; margin:0 0 0.6em 0;}
h5, h6 {font:bold 1.2em/1.2em 'Helvetica Neue', Arial, Helvetica, sans-serif;	margin:0 0 0.6em 0;}

p {line-height:1.8em; margin:0 0 0.8em 0;}
.small {font-size:0.8em; margin:0 0 .2em 0;}
.bold {font-weight:bold;}

.left {float:left; margin-right:20px;}
.right {float:right; margin-left:20px;}

/* For CMS */
strong {font-weight:bold;}
em {font-style:italic}

.bigNews {font:normal 1.5em/1.4em 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#6b595f;}
.bigNews a {color:#ff0066;}
.bigNews a:hover {}

ul.content {margin:0 0 1em 20px;}
ul.content li {
	background:url('img/graphics/arrow.gif') 0 50% no-repeat;
	color:#6b595f;
	list-style-type:none;
	margin-bottom:13px;
	padding-left:8px;
}

/* General Link styles*/

a {color:#6b595f; font-weight:normal; text-decoration:none;}
a:hover {color:#ff0066;}

.content a, .entry a {border-bottom:1px dotted #6b595f; font-weight:bold;padding:0 1px;}
.content a:hover, .entry a:hover {background:#ff0066; color:#fff; border:none;}

a.colourBtn {background:#211919; color:#fff; font:bold 0.9em/1.2em 'Trebuchet MS', Helvetica, sans-serif; padding:2px 8px;}
a.colourBtn:hover {background:#ff0066; color:#fff;}

a.plainBtn {background:none; border:none; color:#393939; font:bold 0.9em/1.2em 'Trebuchet MS', Helvetica, sans-serif; padding:2px 8px;}
a.plainBtn:hover {background:#0ea4f9; color:#fff;}

.external {background:transparent url('img/graphics/external.gif') no-repeat 100% 50%; padding:0 11px 0 1px !important;}
.external:hover {background:#ff0066 url('img/graphics/external-hover.gif') no-repeat scroll 100% 50% !important;}



/****************************** ~ Navigation Styles ~ ******************************/

#nav {overflow:hidden; margin-top:61px;}
#nav li {float:left; margin-left:26px;}
#nav li, #subnav li {}
#nav a, #nav a:visited {color:#9b9a9a; font:bold 1.3em/1.2em 'Trebuchet MS', Helvetica, sans-serif; text-transform:uppercase;}
#nav a:hover, #nav a:active, #nav li.current_page_parent a, #nav li.current_page_parent a:visited, 
#nav li.current_page_item a, #nav li.current_page_item a:visited {color:#ff0066;}



/****************************** ~ Homepage Styles ~ ******************************/

#mainImg {
	background:#211919; 
	padding:5px 0px;
}

/********** ~ Image Rotation ~ **********/

#slideshow {
	margin:0 auto;
	width:540px;
	height:298px;
	position:relative;
}

#slideshow #slidesContainer {
  margin:0 auto;
  width:462px;
  height:298px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}

#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:422px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:298px;
}

/* Slideshow controls */
.control {
  display:block;
  width:39px;
  height:298px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}

#leftControl {
  top:0;
  left:0;
  background:transparent url('img/graphics/rotate_left.png') no-repeat 0 0;
}

#rightControl {
  top:0;
  right:0;
  background:transparent url('img/graphics/rotate_right.png') no-repeat 0 0;
}

.slide img {
  margin-top:30px;
}

/*
#slider {border:5px solid #f0f0f0;}

#slider ul, #slider li {
	margin:0;
	padding:0;
	list-style:none;
}

#slider li { 
	width:530px;
	height:298px;
	overflow:hidden;
	position:relative;
}	

#slider li p {position:absolute; bottom:10px; right:20px;}
#slider li p a {color:#fff;}
#slider li p a:hover {}

/* numeric controls 	

ol#controls {
	float:right;
	margin:1em 0;
	padding:0;
}

ol#controls li {
	margin:0 0 0 10px; 
	padding:0;
	float:left;
	list-style:none;
}

ol#controls li a {
	float:left;
	font-weight:bold;
	padding:4px 8px;
}		
ol#controls li.current a {background:#ff0066; color:#fff; border:none;}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
*/


/********** ~ Welcome Message ~ **********/

#welcome {padding-top:10px; color:#6b595f;}


/********** ~ Twitter Area ~ **********/

#twitter_div, #sideBar #twitter_div {padding:20px;}
#twitter_div h2 {display:none;}
ul#twitter_update_list, #sideBar ul#twitter_update_list {background:none; font:1em/1.2em 'Trebuchet MS', Helvetica, sans-serif;}
#twitter_div a, #sideBar #twitter_div a {font:normal 1em/1.2em 'Trebuchet MS', Helvetica, sans-serif !important;}
#twitter_div a:hover, #sideBar #twitter_div a:hover {text-decoration:underline;}

#twitter_div {background:#0ea4f8 url('img/graphics/twitter.gif') 235px bottom no-repeat;}
ul#twitter_update_list {color:#fff;}
#twitter_div a {color:#075078;}
#twitter_div a:hover {color:#075078;}

#sideBar #twitter_div {background:#211919 url('img/graphics/twitterSide.gif') 235px bottom no-repeat;}
#sideBar ul#twitter_update_list {color:#fff;}
#sideBar #twitter_div a {color:#9b9a9a;}
#sideBar #twitter_div a:hover {color:#9b9a9a;}



blockquote {background:url('img/graphics/quoteLeft.gif') 20px top no-repeat; padding:0 20px;}
blockquote h2 {display:none;}
blockquote p {font:italic 1.4em/1.6em Arial, Helvetica, sans-serif;}
blockquote p.quote {background:url('img/graphics/quoteRight.gif') right bottom no-repeat; text-indent:36px;}
blockquote p.cite {float:right;}



/********** ~ Blog Homepage ~ **********/

#blogExpt h3 {
	color:#6b595f; 
	font:normal 1.4em/1.2em 'Helvetica Neue', Arial, Helvetica, sans-serif; 
	margin:0.7em 0 0.4em 0;
}

#blogExpt h3 a {color:#343942;}
#blogExpt h3 a:hover {color:#fff; background:#ff0066;}

#blogExpt h3 span { 
	color:#6b595f;
	line-height:1.2em;
	float:right;
	font-size:0.6em;
	font-weight:bold;
	position:relative;
	bottom:-5px;
}

#blogExpt .img_4 {height:150px;}
#blogExpt p {}

/* class is called in thumbnailforexcerpts.php */
.imgtfe {margin-bottom:15px !important;}



/****************************** ~ Blog Styles ~ ******************************/

.blogItem {border-bottom:2px solid #211919;}
.date {font:bold 0.9em/1.2em 'Trebuchet MS', Helvetica, sans-serif; margin-top:4px;}
.entry {margin-top:17px;}

.postedIn {margin-top:10px;}
.postedIn a {color:#6b595f; font-weight:normal;}
.postedIn a:hover {color:#ff0066;}

.commentList {
	background:url('img/graphics/comments.gif') 0 50% no-repeat; 
	padding-left:16px;
}

a.comments:hover {text-decoration:underline;}

/* Set colours based on category*/
.category-general .colourBtn:hover {background:#ff0066;}
.category-photography .colourBtn:hover {background:#0ea4f9;}

.commentlist li {color:#e4edee;}
.commentlist .quote {margin-bottom:15px;}
.commentlist .quote p {
	display:inline;
	background:#f0f0f0;
	color:#6b595f;
	padding:2px;
}

.commentlist cite {
	display:block;
	font-style:normal;
}

.commentlist cite a:link, .commentlist cite a:visited {color:#6b595f; font-weight:normal; text-decoration:none;}
.commentlist cite a:hover, .commentlist cite a:active {color:#ff0066;}

/*next and prev page*/

#commentform {overflow: hidden; margin-bottom:30px;}
.comments {margin-bottom:15px;}

#commentform input, #commentform textarea {
	background:#fbfbfb url('img/graphics/inputBk.gif') 0 0 repeat-x;
	border:1px solid #bbc2ab;
	color:#211919;
	font:normal 0.9em/1.2em 'Trebuchet MS', Helvetica, sans-serif;
	margin-top:2px;
	padding:4px;
}

#author, #email {width:210px;}
#url {width:450px;}
#commentform textarea {height:6em; overflow:auto; width:450px;}
#commentform * {vertical-align: middle;}

#commentform label {
	color:#6b595f;
	display:block;
	font:bold 0.9em/1.2em 'Trebuchet MS', Helvetica, sans-serif;
	float:left;
	padding:2px 0;
	text-align:left;
	width:140px;
}

span.commentsReqtxt, span.commentsCodetxt, .moderation {
	color:#9b9a9a;
	display:block; /*for mozilla*/
	float:right;
	font:normal 0.8em/1.2em 'Trebuchet MS', Helvetica, sans-serif;
	height:13px;
	margin:0;
	text-align:right;
	vertical-align:top;
}

span.commentsReqtxt {width:240px;}
span.commentsCodetxt { width:460px;}

#commentform input#submit {
	background:#211919; 
	border:none;
	color:#fff; 
	float:right;
	font:bold 0.9em/1.2em 'Trebuchet MS', Helvetica, sans-serif;
	padding:2px 4px; 
}

#commentform input#submit:hover {background:#0ea4f9; color:#fff; cursor:pointer;}
#commentform input:hover, #commentform textarea:hover {background:#CEDDDF;}
#commentform input:focus, #commentform textarea:focus {background:#F3F8F8;}



/****************************** ~ Projects Styles ~ ******************************/

#andys span, #bicom span, #bradstone span, #eirne span, #creagh span, #fsa span, #highlander span, #hrb span, #malmaison span, 
#marlin span, #maxol span, #norwichUnion span, #robbie span, #supernanny span, #synova span 
	{position:absolute; display:block;}

#bicom span, #creagh span {top:14px; left:10px;}
#bicom span, #malmaison span, #marlin span {top:14px; right:10px;}
#andys span, #bradstone span, #fsa span, #highlander span, #maxol span, #robbie span {bottom:14px; left:10px;}
#eirne span, #norwichUnion span, #synova span {bottom:14px; right:10px;}

#andys, #eirne, #bradstone {display:block; height:248px; position:absolute; width:248px;}
#andys {top:0; left:0;}
#eirne {top:124px; left:372px;}
#bradstone {top:372px; left:0px;}
					
#bicom, #creagh {display:block; height:248px; position:absolute; width:124px;}
#creagh {top:0; left:248px;}
#bicom {top:744px; left:496px;}
						
#fsa, #hrb, #malmaison, #norwichUnion, #synova {display:block; height:124px; position:absolute; width:248px;}
#fsa {top:0; left:372px;}
#hrb {top:620px; left:0px;}
#malmaison {top:868px; left:0px;}
#norwichUnion {top:868px; left:248px;}
#synova {top:620px; left:0;}
					
#maxol, #highlander {display:block; height:124px; position:absolute; width:372px;}
#maxol {top:248px; left:0;}
#highlander {top:372px; left:248px;}

#marlin {display:block; width:372px; height:248px; position:absolute; top:496px; left:248px;}
#robbie {display:block; width:496px; height:124px; position:absolute; top:744px; left:0;}
#supernanny {display:block; width:496px; height:124px; position:absolute; top:620px; left:0;}

.imgBorder {background:#f0f0f0; border:1px solid #ecf0ee; display:block; margin-top:1px; width:618px;}
.projectImg {border:1px solid #e7e7e7; margin:4px;}



/****************************** ~ Sidebar Styles ~ ******************************/

#subnav li, .sideItem li {margin-bottom:13px;}	
#subnav a, #subnav a:visited, .sideItem li a {
	background:none; 
	color:#6b595f;
	font:bold 0.9em/1.2em 'Trebuchet MS', Helvetica, sans-serif;
	padding:2px 8px; 
}

#subnav a:hover, #subnav a:active, #subnav li.current_page_item a, #subnav li.current_page_item a:visited, .sideItem li a:hover {
	background:#0ea4f9;
	color:#fff; 
}
.sideItem {margin-bottom:30px;}



/****************************** ~ Search Area ~ ******************************/

#searchform {overflow: hidden; margin-bottom:30px;}

#searchform label.screen-reader-text {}
#searchform input {
	background:#fbfbfb url('img/graphics/inputBk.gif') 0 0 repeat-x;
	border:1px solid #bbc2ab;
	color:#211919;
	font:normal 0.9em/1.2em 'Trebuchet MS', Helvetica, sans-serif;
	margin-top:2px;
	padding:4px;
}

#searchform * {vertical-align: middle;}

#searchform input#searchsubmit {
	background:#211919; 
	border:none;
	color:#fff; 
	float:right;
	font:bold 0.9em/1.2em 'Trebuchet MS', Helvetica, sans-serif;
	padding:2px 4px; 
	position:relative;
	bottom:-2px;
}
#searchform input#searchsubmit:hover {background:#0ea4f9; color:#fff; cursor:pointer;}

#searchform input:hover {background:#CEDDDF;}
#searchform input:focus {background:#F3F8F8;}



/****************************** ~ Footer Styles ~ ******************************/

#footer {
	border-top:5px solid #211919;
	color:#60575a;
	font-weight:bold;
	font-size:90%;
	height:70px;
	padding-top:21px;
}

#footer ul li {float:left; margin-right:12px;}
#footer ul li.last {}

#footer a {color:#60575a;}
#footer a:hover {color:#ff0066;}
#footer a.email {
	background:url('img/graphics/email.gif') 0 50% no-repeat; 
	color:#ff0066;
	padding-left:14px;
}
#footer a.email:hover {text-decoration:underline;}
#footer span {float:right;}



/****************************** ~ Dynamic Tests ~ ******************************/

/*.current_page_item {background:#211919!important; color:#fff!important;}*/
/*
a.active {}
.pagenav {} /* the outermost list item; contains whole list 
.page-item-2 {} /* item for Page ID 2 
.page_item {} /* any Page item 
.current_page_parent { xvisibility:hidden;} /* parent of the current Page
.current_page_ancestor { … } /* any ancestor of the current Page */