/*
Theme Name: Graffiti Theme 
Theme URI: http://graffiti.ie/
Description: Custom theme by FrankP
Version: 1.0
Author: Frank Prendergast
Author URI: http://websitedesigncork.com/
Tags: 
*/




/* reset styles ----------------*/
/* remember to define focus styles! */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, codedel, 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;
}
/* end reset */

.skipNav{
position:absolute;
top:-9999px;
}


.clear{
	clear:both;
}

hr{
	clear:both;
	visibility: hidden;
	height:1px;
	margin:0;
}

small{
	font-size:0.8em;
}

.red{
	color:#920F40;
}

.nomargin{
	margin:0 !important;
}

.bottomMargin{
	margin-bottom:1em;
}

blockquote {
	text-indent: 1.5em;
	font-weight:bold;
}

cite{
   font-style: italic;
}


/* sone font styling mainly */

p, h1, h2, h3{
		/*max-width:45em;*/
}

#mainContent p{
	margin-bottom:1em;
	font-size:1.6em;
	line-height:1.5em;
}
	
#footer p{
	font-size:1.3em;
	line-height:1.4em;
	margin-bottom:1em;
}

h1, h2, h3, h4, h5{
	margin-bottom:1em;
	line-height:1.2em;
	color:#2c74b0;
	font-family: "Georgia", "MS Serif", "New York", serif;
	font-weight:normal;
}

h1{
	font-size:2.4em;
}

h2{
	font-size:2.2em;
}

#mainContent h3{
	font-size:2.0em;
	color:#920F40;
}

h3{
	font-size:2.0em;
}

h4{
	font-size:1.8em;
	font-weight:bold;
	margin-left:5%;
	margin-bottom:0;
}

strong{
	font-weight:bold;
}

em{
	font-style: italic;
}

/* some main ares */

body{
		font-size:62.5%;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#eaf2f8;
	/*text-align:center;*/
}



.widthholder{
	margin-left:auto;
	margin-right:auto;
	/*max-width:1200px;*/
	max-width:960px;
	padding-left:20px;
	padding-right:20px;
	
	
	color:#24608f;

}




#header{
	background-image: url(images/header-back.gif);
	background-repeat: repeat-x;
	
	background-color: #eaf2f8;
	background-position: top;
	
	margin-bottom:5px;
	
}



/*
#logo{
	text-indent: -9999px;
	background: url(images/graffiti-logo.gif) no-repeat;
	width:400px;
	height: 178px;
}

 h1#logo{
	margin:0;
	font-size:1px;
}*/

#logo {
	position:relative;
   display:block;
   width:400px;
   height:178px; 
	font-size:0.8em;
}

#logo a {

	}

#logo span {
   display:block;
   position:absolute;
   width:100%;
	top:0;
	left:0;
   height:100%;
   background: url(images/graffiti-logo.gif) no-repeat left top;
   z-index:100; /* Places <span> on top of <a> text */  
	}


#headerContent{

	background-image: url(images/header-back-straight.gif);
	background-repeat: no-repeat;
	background-position: top left;
	
	height:178px;

	position:relative;
	
	/*border:1px solid red;*/
}


#tagline{
	border-bottom:1px solid #FFFFFF;
		position:absolute;
	top:105px;
	right:0;
		
}

#headerContent h2{

	margin:0;
	/*float:right;*/
	font-size:18px;
	color:#2c74b0;
	
padding-bottom:10px;
	
	border-bottom:1px solid #d4e3f0;
	/*border-style:ridge;*/
}

/* flah */


#homeFlash{
	  position:relative;
  height: 0;
  padding-bottom:41.4%;
  margin-bottom:10px;
}

* html #homeFlash {
  margin-bottom: 45px;
  margin-bot\tom: 0;
}


#homeFlash div,
#homeFlash embed, 
#homeFlash object {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}


#largeImage{
	width:100%;
	/*margin-bottom:10px;*/
}


/*---- search -----*/
#search{
	position:absolute;
	top:10px;
	right:0;
	
}

#search label{
	display:none;
}

#search input{
	border:2px solid #102d3a;
	padding:4px;
	background-color:#cadceb;
	width:150px;
}

input#searchsubmit{
	color:#cadceb;
	background-color:#2c74b0;
	font-weight:bold;
	border-top:2px solid #cadceb;
	border-left:2px solid #cadceb;
	width:auto;
}



/* ------ main content area sections */

#mainContent{
	width:77%;
	float:right;
	border-left:1px solid #d4e3f0;
}

#innerContent{
		border-left:1px solid #FFFFFF;
		padding-left:1%;
}

#sidebar{
	width:22%;
	float:left;
	
}

/* posts */

.post{
	border-top:1px solid #ffffff;
	border-bottom:1px solid #d8e1e8;
	background-color:#f0f7fe;
	background-image: url(images/contentTwo-bg.gif);
	background-position: top;
	background-repeat: repeat-x;
	padding:2%;
}

.post > div{
	border-top:1px solid #ffffff;
	/*padding-top:10px;*/
	margin-bottom:20px;
}

.page .post > div{
	padding-top:10px;
}

.post h2{
color: #2c74b0;
font-size:4em;
margin:0;
border-bottom:1px solid #D4E3F0;
padding-bottom:0.1em;
	/*background-color:#0e2d44;
	color:#f9f7c7;
	padding:10px;
	background-image: url(images/heading-bg.gif);
	background-position: right top;
	background-repeat: no-repeat;*/
}



.post h2 em{
	font-size:0.6em;
	/*font-family: Arial, Helvetica, sans-serif;*/
}

.post iframe{
border-top:1px solid #ffffff;
border-left: 1px solid #ffffff;
	border-right:1px solid #F1C38A;
		border-bottom:1px solid #F1C38A;
}

.post p{
	margin-left:5%;
	width:80%;
}

.post img.alignleft{
	float:left;
	margin-right:3%;
	margin-bottom:3%;
	background-color:#ffffff;
	padding:5px;
	border:5px solid #2c74b0;
	/*margin-left:-5%;
	margin-right:3%;
	margin-bottom:3%;*/
}

p.postmetadata{
	margin-left:0;
	color:#2C74B0;
	font-size:1.2em !important;
}

.post ul, .post ol {
	/*margin-left:1em;*/
	margin-left:8%;
		margin-bottom:1em;
	font-size:1.6em;
	line-height:1.5em;
	/*list-style-position: inside;*/
	width:80%;
}

.post ul ul, .post ol ol{
	font-size:1em;
}

/* table */

table{
	width:100%;
}

table td, table th{
	padding:1%;
	text-align:left;
	font-size:1.6em;
	background-color:#eaf2f8;
	/*background-color: #2C74B0;
	color:#FFFFFF;*/
}

table th{
	font-weight:bold;
}

table caption{
	text-align:left;
	/*font-size:1.6em;*/
	color:#920F40;
font-size:2em;
margin:0;
}

.specs{
	
}

.specs .col1{
	width:65%;
}

.specs .col2{
	width:25%;
}

.specs .col3{
	width:10%;
}

/* sidenav ---------*/

.sidenav{
	background-color:#2a68a8;
	list-style-type:none;
	/*width:100%;*/
}

.sidenav ul, .sidenav li ul{
	list-style: none;
}

.sidenav li{
	color:#f8f3cd;
	padding-bottom:2px;
		border-top:1px solid #3085c0;
	border-left:1px solid #3085c0;
	border-bottom:1px solid #225d87;
	border-right:1px solid #225d87; 
	font-size:1.4em;
	line-height:1.5em;
	background-color:#2c74b0;
}

.sidenav li ul{
	margin-top:4px;
	
}

.sidenav li li{
	font-size:1em;
	margin-left:0.5em;
}

.sidenav li.current_page_item{
	display:block;
	padding: 2% 4% 2% 4%;
	/*width:92%;*/
	background-color:#0e2d44;
	color:#ffffff;
}

/*
.current_page_ancestor, .current_page_ancestor > a{
	background-color:#0e2d44 !important;
}
*/

.sidenav li a:link, .sidenav li a:visited, .sidenav li a:hover, .sidenav li a:active, .sidenav li a:focus{

	display:block;
	padding: 2% 4% 2% 4%;
	width:92%;
	background-color:#2c74b0;
}

.sidenav li a:link{
	color:#f8f3cd;
	text-decoration:none;

}

.sidenav li a:visited{
	color:#f8e2c8;
		text-decoration:none;

}

.sidenav li a:hover{
	background-color:#3085c0;
}



.sidenav li a:active {
background-color:#0e2d44;

}

.sidenav li a:focus {

background-color:#3085c0;
}


/*--------- roudned corners */

.rounded {
background: #2a68a8 url(images/rounded-corners/TL.gif) no-repeat top left;
/*display: inline-block*/
width:100%;

}
.rounded div {
background: url(images/rounded-corners/TR.gif) no-repeat top right;

}
.rounded div div {
background: url(images/rounded-corners/BL.gif) no-repeat bottom left;

}
.rounded div div div {
padding:3%;

background: url(images/rounded-corners/BR.gif) no-repeat bottom right;

}

/* secondary nav */

#secondaryNav{
	border-top:1px solid #d4e3f0;
	border-bottom:1px solid #FFFFFF;
	margin-top:10px;
	margin-bottom:10px;
}

.secondaryNavItem{
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #d4e3f0;
	background-image: url(images/secondNav-bg.gif);
	background-position: top;
	background-repeat: repeat-x;
	padding:5%;
}

.secondaryNavItem h3{
	margin-bottom:0;
}

.secondaryNavItem p:last-child{
	margin-bottom:0;
}

.secondaryNavItem p{
	font-size:1.3em;
	line-height:1.4em;
	color:#2c74b0;
	margin-bottom:1em;
}

/* facebook */

.facebookPage{

background-image: url(images/facebook-icon.gif);
background-position: center left;
background-repeat: no-repeat;
padding-left: 19px;
line-height:24px;
}

/*----- highlight 1 */

.highlight {
	border:1px solid #f1c38a;
}

.highlight > div{
	background-color:#ebe7cc;
	border:1px solid #ffffff;
	padding:2%;
	margin:0;
}


.highlight div p, .highlight div h2, .highlight div h1{
	margin-bottom:20px;
}

.highlight div p:last-child{
	margin-bottom:0;
}

.highlight h1{
	font-family: "Georgia", "MS Serif", "New York", serif;
	font-size:3em;
	color:#920f40;
	font-weight:normal;
}

.highlight h2{
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.8em;
}

.hlonpage{
	margin-bottom:20px;
}

.hlonpage img{
	float:left;
	margin-right:20px;
		background-color:#ffffff;
	padding:5px;
	border:5px solid #920f40;
}

#mainContent .hlonpage p{
	color:#920f40;
	font-size:3em;
	font-family: "Georgia", "MS Serif", "New York", serif;
	line-height:1.2em;
	width:auto;
	margin:0;
}


/* content 2 -----*/

.contentTwo{
	border-top:1px solid #d8e1e8;
	border-bottom:1px solid #ffffff;
}

.contentTwo > div{
	/*border-top:1px solid #f9fbfc;*/
	/*margin-top:1px;*/
	border-top:1px solid #ffffff;
	border-bottom:1px solid #d8e1e8;
	background-color:#f0f7fe;
	background-image: url(images/contentTwo-bg.gif);
	background-position: top;
	background-repeat: repeat-x;
	padding:2%;
}

/*------ images ------------*/




/* production info -----------*/

.prodContainer{
	margin-bottom:20px;
}

.prodContainer h2{
	margin:0;
}

.prodImage{
	float:left;
	width:33%;

}

.prodImage div{
		background-color:#ffffff;
	padding:5px;
	border:5px solid #2c74b0;
}

.prodImage img{
	width:100%;

}


.prodContent{
	float:right;
	width:65%;
	padding-left:2%;
}

/* logos */

#logos{
	margin-top:10px;
}

.whiteHighlight{
	background-color:#ffffff;
	text-align:center;
	padding:2%;
	border:1px solid #d4e3f0;
	margin-bottom:10px;
}

.whiteHighlightTwo{
	background-color:#ffffff;
	text-align:left;
	padding:2%;
	border:1px solid #d4e3f0;
	margin-bottom:10px;
	/*font-size:1.6em;*/
}

.whiteHighlightTwo p{
	margin-left:0;
	width:100%;
}

.whiteHighlightTwo p:last-child{
	margin-bottom:0 !important;
}

/* footer ----*/

#footer{
	margin-top:20px;
	margin-bottom:20px;
	border:1px solid #ffffff;
	background-color:#f0f7fe;
	padding:2%;
	text-align:center;
	background-image: url(images/footer-bg.gif);
	background-position: top center;
	background-repeat: no-repeat;
}

#footer p:last-child{
	margin-bottom:0;
}


/* links -----------*/

a:link{
	color:#d65720;
	text-decoration: underline;
}

a:hover{
	text-decoration: none;
}

a:active{
	background-color:#d65720;
	color:#ffffff !important;
}

a:visited{
	color:#a33618;
	
}

a:focus{
	background-color:#d65720;
	color:#ffffff;
}


/* heading links */

h2 a:link{
	text-decoration:none;
	color:#2c74b0;
}

h2 a:visited{
	text-decoration:none;
	color:#2c74b0;
}

h2 a:hover{
	text-decoration:underline;
}

h2 a:active{
	background-color:#2c74b0;
	color:#ffffff;
}

h2 a:visited{
	color:#2c74b0;
}

h2 a:focus{
	background-color:#2c74b0;
	color:#ffffff;
}