/*
Theme Name: Celtic 
Theme URI: http://kevindevine.ie
Description: Custom theme for Portfolio site with a Celtic influence
Version: 1
Author: Kevin Devine
Author URI: http://kevindevine.ie
Tags: celtic, bespoke, portfolio
*/

/*-----------------------------------------------------------------------------
Kevin Devine

version:   1.0
author:    Kevin Devine
email:     kevin@kevindevine.ie
website:   http://kevindevine.ie/
date:	   February 2010		
-----------------------------------------------------------------------------*/

/* =General and Reset
-----------------------------------------------------------------------------*/
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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
list-style:none;

}


body {
    margin: 0 auto;
    position: relative;
    background: #f9f7ee ;
    color: #49595F;
    font-family: arial, verdana;
    font-size:12px;
    line-height: 1.5; /* Baseline grid of 21px */
}

ul, ol {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

/* tables may still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* floats */
.clear {clear:both;}
.right {float:right;}
.left {float:left;}
.image-left {
float:left;
margin:8px 15px 4px 0;
}
.imageRight {
float:right;
margin:8px 0 4px 15px;
}


/* Remove border around linked images */
img, a img {
	border: 0;
}

ul {list-style-type:none;}


.content {width:940px; margin:0 auto;clear:both; display:block; height:auto;position:relative; padding:0px; overflow:hidden;}

/* =Links
-----------------------------------------------------------------------------*/


/*#mainBody a:link, #mainBody a:visited, #footer .tweet a:link, #subFooter a:link, #subFooter a:visited, #footer a:link, #footer a:visited { font-weight:bold; color:#396169;  }*/

a:link, a:visited { font-weight:bold; color:#396169;  }

#mainBody p  a:hover,  #mainBody p  a:active, #mainBody h2  a:hover,  #mainBody h2  a:active,  #subFooter a:hover,  #mainBody h3  a:hover,  #mainBody h3  a:active, h3 a:hover, #mainBody h5  a:hover,  #mainBody h5  a:active, h5 a:hover  {  padding-bottom:1px; border-bottom:2px solid #396169; text-decoration:none; color: #396169; background:#f4f2e4; font-weight:bold;  }

#mainBody .dara li a:hover {background:#f4f2e4;}


#mainBody .cead h5 a:hover, #mainBody .cead h5 a:link, #mainBody  .cead h5 a:visited, #mainBody .cead h3 a:hover, #mainBody .cead h3 a:link, #mainBody  .cead h3 a:visited, #mainBody .dara li a
{  border-bottom:1px dotted #ccc; display:block; padding-bottom:0px; padding:0 3px; }
#mainBody .dara li a {border-top:0px;}





#mainBody .cead a.img:hover,  #mainBody .cead a.img:active  {border:0px; padding:0px; background:none;} 


.link a:link, .link a:visited, .link a:hover, .link a:active, #submit,
#mainBody .link a:link, #mainBody .link a:visited, #mainBody .link a:hover
{
-moz-border-radius-bottomleft:12px;
-moz-border-radius-bottomright:12px;
-moz-border-radius-topleft:12px;
-moz-border-radius-topright:12px;
background:#fff url(http://www.kevindevine.ie/wp-content/uploads/2009/11/linkbg.png) 0 -20px;
border:1px solid #396169;
padding:3px 14px ;
margin:10px 0 5px 0;
float:left;
color:#396169;
display:block;}

.link  a:hover, .link  a:active, #submit:hover,  #mainBody .link  a:hover   
{color:#fff; background-position:bottom left;}





/*#footer .link a:hover,  #mainBody .link a:hover {background-position:right 30px;}*/
#footer .link a:link, #footer .link a:visited, #footer .link a:hover, #footer .link a:active {float:right;}

/* Sprite */
#mainBody #arrows a.left:link, #mainBody #arrows a.left:hover, #mainBody #arrows a.left:active, #mainBody #arrows a.right:link, #mainBody #arrows a.right:hover,  #mainBody #arrows a.right:active,  #mainBody #arrows a.right:visited,  #mainBody #arrows a.left:visited, .footer-blog h3, .footer-web li.flickr, .footer-web li.twitter, .footer-web li.linkedin, .footer-web li.skype , .footer-twit .link, .comment-info, .search-submit, .nav-next a, .nav-previous a, .site-link, .tools  { background:transparent url(/includes/images/layout/sprite.png) no-repeat scroll 0 0;}

.rss, .rss a, .content .rss img  {position:absolute;
right:-2px;
top:2px; background:none;}

/* =header
-----------------------------------------------------------------------------*/
#header {background: url(/includes/images/layout/bg.jpg) #4D8898; color:#fff; background-position: center top;  }
#logo {padding:10px 0; width:228px; display:block; float:left;}
#logo a {display:block; float:left; background: url(/includes/images/layout/logo.png) no-repeat; width:228px; height:64px; text-indent:-5000px; }
#header h1 {clear:both; width:600px; float:left;}



/* =MainNav
-----------------------------------------------------------------------------*/
ul#nav {
float:right;
margin-top:-4px;
}






  #nav li {  
         float:left;   
             width:120px;                         
            		         
     }  
   
    #nav li a {  
                display:block;    
         height:30px;   padding:30px;
      text-align:center;
        color:#fff;  font-size:18px; 

     }  
   

#nav li.current, #nav li a:hover, #nav li.current a { 
 background: url(/includes/images/layout/overlay.png) repeat scroll 0 0} 


           
/* Easy Slider */
#slider {height:205px; diplay:block;}

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	
	#slider li { 
		
		width:300px;
		height:205px;
		overflow:hidden; 
		display:block;
		float:left;
		
		}	
		

	/*	 numeric controls */	

	ol#controls{
		height:28px; float:right;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#F4F2E4;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#396169;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	







/* =mainBody
-----------------------------------------------------------------------------*/
#mainBody {  padding:25px 0; width:100%; background:#fff;}
.home #mainBody {padding:25px 0 0 0}

/*.cead { width:460px; position:relative; padding-right:9px; border-right:1px dotted #ccc;}
.archive*/ .cead {float:left;
margin:0 auto 10px;
padding-bottom:20px;
width:460px;
position:relative;
}



.home .cead { border:0 none;
margin-right:20px;
width:300px; }


.content img {background:url(/includes/images/layout/overlay.png); padding:5px;}



h1 {font-size:24px;}
h2 {font-size:20px; width:100% }

h3 {
font-size:18px;
padding-bottom:5px;
}

h4 {font-size:16px;padding-bottom:5px;}

h5 {padding:3px 0; margin-bottom:5px;}

.entry p, .post p {padding:5px 0;}

#mainBody p {padding-bottom:7px;}




/* =Blog
-----------------------------------------------------------------------------*/
.post {
margin:0 auto 10px;
width:460px;
border-bottom: 1px dotted #ccc;
padding-bottom:20px;
}

.single .post {padding:0 240px 20px;}

#mainBody p.post-meta {
background:#F9F7EE none repeat scroll 0 0;
border-bottom:1px dotted #ccc;
/*border-top:1px dotted #ccc;*/
font-size:11px;
padding:3px 5px;
margin:5px 0;
clear:both;}
.archive #mainBody p.post-meta {margin-bottom:30px;}

.commentCount {float:right; padding:5px; background:#fff}



/* =Comments
-----------------------------------------------------------------------------*/
#comments {
border-right:1px dotted #ccc;
float:left;
padding-right:9px;
position:relative;
width:460px;}

#comments h3, #sidebar h3, .quickFind {padding-bottom:5px; margin-bottom:10px; border-bottom:1px dotted #ccc; clear:both;display:block;} 

#sidebar h3 {margin-bottom:0px;}

.commentlist {margin-top:30px;}
.commentlist li  {clear:both; float:right;  background: #F9F7EE; margin-bottom:20px; position:relative; width:358px;}
.commentlist li .avatar {left:-80px;
position:absolute;
top:-25px;
}

.commentlist li.bypostauthor {background:#eee;}


p.comment-info {
background-position:-2px -306px;
height:40px;
padding:0 0 25px 40px;
font-size:11px;
font-style:normal;
margin:0 0 -20px -40px;
}

.bypostauthor p.comment-info  {
background-position:-1px -343px;
}
#commentform p {float:left;width:140px; margin-right:20px;}
input.input {float:left; width:130px;}
input.input:active, input.input:hover, input.input:focus {background-color:#F9F7EE;}
input.input, textarea {background:#eee; border:2px solid #ccc; font-family:arial, verdana; font-size:12px; padding:3px;}
#commentform textarea {width:450px; }

/* =Sidebar
-----------------------------------------------------------------------------*/
#sidebar {float:right; width:460px;}
.quickFind h5 {float:left; font-size:12px;}
.quickFind {height:27px}
.quickFind li {
float:left;
margin-right:20px;
width:220px;}
.quickFind li.last {margin-right:0px}
.quickFind form, .quickFind select, .quickFind input  {
float:right;
width:140px;}




.dara {width:190px; padding:0 20px; float:left;}

#mainBody .dara li a {padding:5px 10px; display:block;}
#mainBody li a:hover { background:#f4f2e4}

/*.cat-item a {float:left; margin-right:-10px;}*/
.cat-item span { position:absolute; right:0px; display:block;  height:15px; background-color:#eee; padding:0 5px; display:none;}


#search-text {
width:155px;
}
.search-submit {background-position: 2px -424px;
background-color:#396169;
border:2px solid #ccc;
border-left:0px;
float:right;
height:25px;
width:25px;}

#search-form {padding:5px 0 10px 0; margin-bottom:25px;}

#search-form:hover #search-text {background-color:#F9F7EE;}


/* =Portfolio
-----------------------------------------------------------------------------*/
.portfolioList {width:980px; overflow:hidden;}
.portfolioList li {display:block; width:300px; float:left; margin:0px 20px 20px 0;}
.portfolioImage {float:left;}
.projectInfo {width:300px; float:right;}


.portfolioSingle .cead {float:left; width:100%;}
ul.meta {border-bottom:1px dotted #CCCCCC;
}

.portfolioSingle h1 {border-bottom:1px dotted #ccc;
margin-bottom:10px;}

.portfolioSingle #toggle {position:absolute; top:3px; right:0px; cursor:pointer;}

ul.meta li {
border-top:1px dotted #CCCCCC;
padding:15px 0 15px 45px;
}

.tools { background-position:0px -493px}
.site-link {background-position:0 -450px;}


.nav-next, .nav-previous {width:48%; padding:2px 0; float:right; margin-top:15px; } 
.nav-previous {float:left;}
.nav-next a, .nav-previous a {padding-top:2px; display:block;height:21px;} 
.nav-next a  {text-align:right; padding-right:25px; background-position: 113% -20px;}
.nav-previous a {float:left; padding-left:25px; background-position:0 1px; }


.recent {
background:#fff;
float:right;
width:300px;

}
.recent li {float:left; width:150px;}
.recent li a {float:left;
/*margin-bottom:3px;
margin-right:20px;
width:140px;*/
display:block;
padding:5px 10px;
width:150px;}

/* =Footer
-----------------------------------------------------------------------------*/
#footer {background:#F9F7EE url(/includes/images/layout/footBg.gif) no-repeat scroll center top;  font-family: Arial,  Helvetica, sans-serif;}
#footer .content {border-bottom:1px solid #ccc; padding:10px 0 ;}
#footer .link a {float:right; margin:20px 0;}
#footer h2 {padding-bottom:4px; border-bottom:0px; padding:0px}


.footer-twit, .footer-web, .footer-photo {width:300px; float:left;  margin-right:20px;}
 .footer-photo {margin-right:0px;}


.tweet, .comment   {padding:5px 10px; background:#fff; color:#000;
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
border:1px solid #ddd;
}
.footer-twit .link {background-position:30px -273px;height:30px; margin-top:-1px;}

.footer-web li {display:block; width:140px; float:left; margin-right:20px;}
.footer-web li a {float:left; width:100px; padding:6px 0 6px 50px;  margin:5px 0;}
.footer-web li.flickr { background-position:0 -120px; }
.footer-web li.twitter {margin-right:0px;}
.footer-web li.twitter { background-position:0 -83px; float:right;}
.footer-web li.linkedin { background-position:0 -157px; }
.footer-web li.skype {margin-right:0px;}
.footer-web li.skype { background-position:0 -194px ;  float:right;}
.footer-web li.vcard {display:none;}

#mainBody .footer-web li a:hover {background:none;} 


.footer-photo li {float:left; display:block; overflow:hidden; width:140px; 
}
.footer-photo li.right {float:right;}




#subFooter {clear:both;   background:#F9F7EE; margin-bottom:-25px;}
#subFooter .content {border-top:1px solid #fff;padding:10px 0 30px 0;}
#subFooter li {float:left; margin-right:30px;}
#subFooter p {float:right; width:45%; text-align:right;}


/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opera 7 */
fieldset {
  border: 1px solid transparent;
}


.dara select {height:20px;  color: #666; margin-top:-19px; }
.dara select  {float:right; width:150px;}


/* =Tables
-----------------------------------------------------------------------------*/


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

.last, #commentform p.last, .home .last {float:right;margin-right:0px}



 a span.slide-title {
background:transparent url(/includes/images/layout/overlay.png) repeat scroll 0 0;color:white !important;left:5px;bottom:9px;padding:10px 5px;position:absolute;width:280px;
}



.entry-content a {
display:block;
overflow:hidden;
position:relative;
}

.entry-content span {padding:5px;}

#social  {
float:left;
list-style-image:none;
list-style-type:none;
}

#social {
background:url("../images/layout/bg.png") repeat scroll 0 0 transparent;
clear:both;
display:block;
width:50%;
}

#social li {
background:url("/includes/images/layout/contact.png") no-repeat scroll 0 0 transparent;
float:left;
margin:0px 15px 5px 0;
padding-left:20px;
}

#social li.twit {background-position: 0px -68px;}
#social li.linked {background-position: 0px -33px;}
#social li.dopplr {background-position: 0px 2px;}
#social li.skype {background-position: 0px -138px;}
#social li.vcard {background-position: 0px -171px;}
#social li.email {background-position: 0px -103px;}
#social li.mob {background-position: 0px -206px;}
#social li.get {background:none;}

#hcard-Kevin-Devine {
display:none;
}