/*
Theme Name: Default Punk Theme
Theme URI: http://punkpr.co.uk/
Description: If the theme goes strange, de-activate this and active the other Punk theme
Author: Stephen Fairbanks
Author URI: http://cuckoodesign.com/
Tags: dark, grunge, punk


*/

/*Purple: #ed2690;*/


@charset "UTF-8";
* {
	padding: 0;
	margin: 0;
}

p {
	padding: 0.5em 0;
	line-height: 1.6em;
}

a img {
	border: 0;
}

a, a:link, a:active, a:visited {
	text-decoration: none;
	color: #999;
}

a:hover {
	color: #fff!important;
}

.body_green a, .body_green a:link, .body_green a:active, .body_green a:visited {
	text-decoration: none;
	color: #99cc33;
}

.body_purple a, .body_purple a:link, .body_purple a:active, .body_purple a:visited {
	text-decoration: none;
	color: #ed2690;
}

.body_purple_home a, .body_purple_home a:link, .body_purple_home a:active, .body_purple_home a:visited {
	text-decoration: none;
	color: #ed2690;
}

.body_orange a, .body_orange a:link, .body_orange a:active, .body_orange a:visited {
	text-decoration: none;
	color: #ee8622;
}

.body_blue a, .body_blue a:link, .body_blue a:active, .body_blue a:visited {
	text-decoration: none;
	color: #33c6f4;
}

.body_yellow a, .body_yellow a:link, .body_yellow a:active, .body_yellow a:visited {
	text-decoration: none;
	color: #ffcd05;
}


.body_red a, .body_red a:link, .body_red a:active, .body_red a:visited {
	text-decoration: none;
	color: #ed2324;
}

ul, ol {
	padding: 10px;
}



html {
	text-align: center;
	font-size: 62.5%;
}

h1 {
	text-indent: -9999px;
}

h2 {

}

h3 {
	font-size: 1.3em;
	font-style: italic;
}

h4 {
	color:#999999;
	font-size:1.1em;
	font-style:normal;
	font-weight:normal;
	letter-spacing:1px;
}

.body_green h3 {
	color: #99cc33;
}

.body_purple h3 {
	color: #ed2690;
}

.body_purple_home h3 {
	color: #ed2690;
}

.body_orange h3 {
	color: #ee8622;
}

.body_blue h3 {
	color: #33c6f4;
}

.body_yellow h3 {
	color: #ffcd05;
}

.body_red h3 {
	color: #ed2324;
}

body {
	font-size: 1.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #ccc;
	text-align: left;
	background: #000;
}

#wrapper  {
}



.header_wrapper {
	border-bottom: 2px solid #ed2690;
}

.body_green .header_wrapper {
	border-bottom: 2px solid #99cc33;
}

.body_purple .header_wrapper {
	border-bottom: 2px solid #ed2690;
}

.body_purple_home .header_wrapper {
	border-bottom: 2px solid #ed2690;
}

.body_orange .header_wrapper {
	border-bottom: 2px solid #ee8622;
}

.body_blue .header_wrapper {
	border-bottom: 2px solid #33c6f4;
}

.body_yellow .header_wrapper {
	border-bottom: 2px solid #ffcd05;
}

.body_red .header_wrapper {
	border-bottom: 2px solid #ed2324;
}

.header {
}

.splash .header {
	height: 80px;	
}

.header_left {
	float:left;
	width: 600px;
}

.header_right {
	float: right;
	width: 200px;
}

.header ul {
	list-style-type: none;
	margin: 0 0 10px 0;
}

.header ul li {
	float: left;
}

.header ul li a {
	text-transform: lowercase;
	font-size: 1.2em;
	font-style: italic;
	display: block;
	margin: 0 10px 0 0;
	padding: 30px 5px 5px 5px;
	color: #999!important;
}


.header ul li a:hover {
	background: url(images/nav_bolt_hover.gif) no-repeat top center;
	color: #ccc;
}




/* Header Nav */


.body_green a.nav_about {
	background: url(images/nav_bolt_green.gif) no-repeat top center;
	color: #99cc33!important;
}

.body_green a.nav_about:hover {
	background: url(images/nav_bolt_green.gif) no-repeat top center;
}

.body_purple a.nav_clients {
	background: url(images/nav_bolt_purple.gif) no-repeat top center;
	color: #ed2690!important;
}

.body_purple a.nav_clients {
	background: url(images/nav_bolt_purple.gif) no-repeat top center;
	color: #ed2690!important;
}

.body_purple a.nav_clients:hover {
	background: url(images/nav_bolt_purple.gif) no-repeat top center;
}


.body_purple_home a.nav_home {
	background: url(images/nav_bolt_purple.gif) no-repeat top center;
	color: #ed2690!important;
}

.body_purple_home a.nav_home:hover {
	background: url(images/nav_bolt_purple.gif) no-repeat top center;
}

.body_orange a.nav_news {
	background: url(images/nav_bolt_orange.gif) no-repeat top center;
	color: #ee8622!important;
}

.body_orange a.nav_news:hover {
	background: url(images/nav_bolt_orange.gif) no-repeat top center;
}

.body_blue a.nav_gallery {
	background: url(images/nav_bolt_blue.gif) no-repeat top center;
	color: #33c6f4!important;
}

.body_blue a.nav_gallery:hover {
	background: url(images/nav_bolt_blue.gif) no-repeat top center;
}

.body_yellow a.nav_contact {
	background: url(images/nav_bolt_yellow.gif) no-repeat top center;
	color: #ffcd05!important;
}

.body_yellow a.nav_contact:hover {
	background: url(images/nav_bolt_yellow.gif) no-repeat top center;
}


.body_red a.nav_services {
	background: url(images/nav_bolt_red.gif) no-repeat top center;
	color: #ed2324!important;
}

.body_red a.nav_services:hover {
	background: url(images/nav_bolt_red.gif) no-repeat top center;
}


/* Footer Nav */

.body_green .footer a.nav_about {
	background: none;
	color: #99cc33!important;
}

.body_green .footer a.nav_about:hover {
	background: none;
}

.body_purple .footer a.nav_clients {
	color: #ed2690!important;
	background: none;
}

.body_purple .footer a.nav_clients {
	color: #ed2690!important;
	background: none;
}

.body_purple_home .footer a.nav_home {
	color: #ed2690!important;
	background: none;
}

.body_purple_home .footer a.nav_home:hover {
	background: none;
}


.body_orange .footer a.nav_news {
	color: #ee8622!important;
	background: none;
}

.body_orange .footer a.nav_news:hover {
	background: none;
}

.body_blue .footer a.nav_gallery {
	color: #33c6f4!important;
	background: none;
}

.body_blue .footer a.nav_gallery:hover {
	background: none;
}

.body_yellow .footer a.nav_contact {
	color: #ffcd05!important;
	background: none;
}

.body_yellow .footer a.nav_contact:hover {
	background: none;
}


.body_red .footer a.nav_services {
	color: #ed2324!important;
	background: none;
}

.body_red .footer a.nav_services:hover {
	background: none;
}



.header {
	width: 980px;
	margin: 0 auto;
	padding: 0;
	padding: 20px 0 0;
}
.content_wrapper_wrapper {
	height: 620px;
	width: 980px;
	margin: 0 auto;
	background: url(images/bg_pink.jpg) no-repeat;
	
}

.body_green .content_wrapper_wrapper {
	height: 620px;
	width: 980px;
	margin: 0 auto;
	background: url(images/bg_green.jpg) no-repeat;
}

.body_purple .content_wrapper_wrapper {
	height: 620px;
	width: 980px;
	margin: 0 auto;
	background: url(images/bg_purple.jpg) no-repeat;
}

.body_purple_home .content_wrapper_wrapper {
	height: 620px;
	width: 980px;
	margin: 0 auto;
	background: url(images/bg_purple.jpg) no-repeat;
}

.body_orange .content_wrapper_wrapper {
	height: 620px;
	width: 980px;
	margin: 0 auto;
	background: url(images/bg_orange.jpg) no-repeat;
}

.body_yellow .content_wrapper_wrapper {
	height: 620px;
	width: 980px;
	margin: 0 auto;
	background: url(images/bg_yellow.jpg) no-repeat;
}

.body_blue .content_wrapper_wrapper {
	height: 620px;
	width: 980px;
	margin: 0 auto;
	background: url(images/bg_blue.jpg) no-repeat;
}

.body_red .content_wrapper_wrapper {
	height: 620px;
	width: 980px;
	margin: 0 auto;
	background: url(images/press_background.jpg) no-repeat;
}

.content_wrapper {
	padding:30px 20px 0 370px;
}
.splash .content_wrapper {
	padding: 0;
}

.content_wrapper2 {
	padding:30px 20px 0 400px;
}

.content_wrapper2-home {
	padding:0px 20px 0 300px;
}

.content_header {
	height:130px;
	margin:0px 0 20px 0;
	width: 480px;
}
.content {
	margin: 0px;
	background: #000;
	padding: 20px;
	height: 370px;
	overflow: auto;
	width: 500px;
}


.content_client {
	margin: 0px;
	background: #000;
	padding: 20px;
	width: 500px;
	height: 250px;
}

.content-contact {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#000000 none repeat scroll 0 0;
	border:1px solid #333333;
	margin:30px 0 0 50px;
	padding:20px;
	width:400px;
}

.content-home{

	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#000000 none repeat scroll 0 0;
	border:1px solid #333333;
	margin:30px 0 0 80px;
	padding:20px 0;
	width:545px;

}


.tuck-L{position: absolute; left: 0; bottom: 0; background: url(images/tuck-L.png) no-repeat; width: 7px; height: 8px;}
.tuck-R{position: absolute; right: 0; bottom: 0; background: url(images/tuck-R.png) no-repeat; width: 7px; height: 8px;}

.home-col-right{ width: 272px; float: right; margin: 0 -7px 0 0;}
.home-col-left{ width: 272px; float: left;  margin: 0 0 0 -7px;}
.home-latest-gallery{ width: inherit; position: relative;  margin: 0 0 0 -7px;}

.home-col-right .title-R{position: relative; width: 272px; height: 28px;}
.home-col-right .twit{padding: 0 0 0 0px; color: #000; height: 20px; background: url(images/twitter_head.png) no-repeat #ef3ea1; width: 100%; background-position: 10px 3px;}
.home-col-right .title-R h3{padding: 0 0 0 5px; color: #000; height: 20px;}


.home-col-left .title-L{position: relative; width: 272px; height: 28px;}
.home-col-left .title-L h3{width: 135px; padding: 0 5px 0 0; color: #000; height: 20px; background: #ef3ea1; text-align: right;}
.home-col-left .postcontainer{padding: 0 20px 0 30px;}
.home-col-left p.postdate{font-size: 15px; color:#ef3ea1; font-style: italic;}
.home-col-left p{font-size: 14px;}


.home-latest-gallery .title-L{position: relative; width: 272px; height: 28px;}
.home-latest-gallery .title-L h3{width: 150px; padding: 0 5px 0 0; color: #000; height: 20px; background: #ef3ea1; text-align: right;}
.home-latest-gallery .piclenselink{display:none;}
.home-latest-gallery .ngg-gallery-thumbnail-box{margin: 5px 0 0 14px;}
.home-latest-gallery .ngg-gallery-thumbnail img{background: #000; border: 1px solid #ef3ea1;}

.client-content {
	height: 420px;
	width: 550px;
	background: #000;
	border: 1px solid #333;
}

.client_list {
	margin: 0 0 0px 0;
	padding: 0px 10px 0 10px;
height: 420px;
overflow: auto;
}

.client_list div.client{
width: 104px; height: 104px; 
float: left;
margin: 0px 13px 0px 10px;
}

.client_list div.client a{
width: 104px; 
height: 104px;
position: relative;
display: table-cell;
vertical-align:middle;
text-align: center;
}

.client_list ul {
	list-style-type: none;
}

.client_list ul li {
	background:transparent url(images/star_grey.gif) no-repeat scroll left 5px;
	float:left;
	font-size:1.2em;
	padding:0 20px 10px 15px;
}

.client_text {
	background: #000;
	border: 1px solid #333;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
	padding-top:10px;
}

.content_blog {
	background: #000;
	padding: 20px;
	height: 520px;
	width: 520px;
}

.content_blog_left {
	width: 350px;
	float: left;
	overflow: auto;
}
.content_blog_right {
	float: right;
	width: 140px;
}

.content_blog_right ul {
	border-bottom: 1px dashed #333;
	margin: 0 0 10px 0;
}


.client_logos {
	float: left;
	width: 150px;
}

.client_copy {
	float:right;
	width: 300px;
}

.footer_wrapper {
	border-top: 2px solid #ed2690;
	height: 80px;
	margin-top: 20px;
}


.body_green .footer_wrapper {
	border-top: 2px solid #99cc33;
}

.body_purple .footer_wrapper {
	border-top: 2px solid #ed2690;
}

.body_purple_home .footer_wrapper {
	border-top: 2px solid #ed2690;
}

.body_orange .footer_wrapper {
	border-top: 2px solid #ee8622;
}

.body_blue .footer_wrapper {
	border-top: 2px solid #33c6f4;
}

.body_yellow .footer_wrapper {
	border-top: 2px solid #ffcd05;
}

.body_red .footer_wrapper {
	border-top: 2px solid #ed2324;
}

.postmetadata {
	border-bottom:1px dotted #333;
	margin:0 0 30px;
}	


.footer {
	width: 960px;
	margin: 0 auto;
}
.footer_ul {
	float: right;
	margin: 20px 0 0;
}
.footer_ul  ul {
	list-style-type: none;
}
.footer_ul   ul  li {
	float: left;
	margin: 0 10px 0 0;
}
.footer_ul ul li a {
	text-transform: lowercase;
	color: #666!important;
}

.footer_ul ul li a:hover {
	text-transform: lowercase;
	color: #999!important;
}

.home_flash {
	margin: 0 auto;
	width: 413px;
	padding: 0;
}
.enter_website {
	margin: 0 auto;
	display: block;
	width: 110px;
	text-align: center;
	font-size: 1.3em;
	font-style: italic;
}
.holding {
	width: 800px;
	margin: 0 auto;
}
.date {
	border-top: 1px dotted #333;
	padding: 0;
	margin: 10px 0;
	border-bottom: 1px dotted #333;
}
.clear {
	clear:both;
	height:1px;
	overflow:hidden;
}

.entry {
	margin: 0 0 20px 0;
}

.search_results {
	padding: 2px;
	color: #fff;
	margin: 0 0 10px 0;
}

.search_input {
	background: #222;
	border: 1px solid #333;
	padding: 2px;
	width: 95px;
	color: #999;
	float: left;
	margin: 0 5px 0 0;
}

.search_submit {
	background: transparent;
	border: none;
	color: #999;
	font-family: Georgia, "Times New Roman", Times, serif;
	cursor: pointer;
}

.search_submit:hover {
	color: #fff;
}

.search_wrapper {
	border-bottom:1px dashed #333333;
	margin:0 0 15px;
	padding:0 0 20px;
}	

.screen-reader-text {
	margin: 0 0 10px 0;
	display: block;
}

.news_logo {
	display: block;
	margin: 0 0 20px 0;
	width: 140px;
	height: 75px;
	background: url(images/news.gif) no-repeat;
}

.categories_ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.categories_ul li {
	color:#EE8622;
	font-size:1.3em;
	font-style:italic;
	font-weight:bold;
	list-style-type:none;
	margin:0;
	padding:0;
}

.categories_ul ul {
	border-bottom: none;
}

.categories_ul li ul li {
	list-style-type: disc;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
	color: #fff;

}

.pagetitle {
	font-size:0.8em;
	letter-spacing:2px;
	margin:0 0 10px;
	padding:2px;
	text-transform:uppercase;
}


.wp-caption {
	background: #222;
	font-size: 0.9em;
	border: 1px solid #333;
}

.wp-caption-text {
	padding:0 7px 5px;
}

.size-medium {
	padding: 5px;
}

.social_n {
	float:left;
	margin:30px 0 0;
	padding-bottom:30px;
}

.siteby {
	color:#666;
	float:left;
	margin:12px 0 0;
}

.siteby a {
	color: #666!important;
}

.siteby a:hover {
	color: #999!important;
}

.blog_navigation {
	border-bottom:1px dashed #222222;
	border-top:1px dashed #222222;
	margin:0 0 20px;
	padding:5px 0;
	color: #ee8622;
}

.blog_navigation a {
	color: #999!important;
}

.blog_navigation a:hover {
	color: #fff!important;
}

.alignleft {
	float: left;
	width: 170px;
}

.alignright {
	width: 170px;
	float: right;
	text-align: right;
}

.piclenselink {
	display:block;
	letter-spacing:1px;
	padding:0 0 5px;
	color: #666!important;
}

.piclenselink:hover {
	color: #999!important;
}


.gallery_entry {
	border-bottom: 1px dotted #333;
	padding: 0 0 10px 0;
	margin: 20px 0;
}


.clear_left {
	clear: both;
}

.social_links ul {
	list-style-type: none;
	border-bottom: none;
}

.social_links li {
	float: left;
	margin: 0 5px 0 0;
}

blockquote {
	border-bottom:1px dashed #DDDDDD;
	border-top:1px dashed #DDDDDD;
	font-size:0.95em;
	font-style:italic;
	margin:5px;
	padding:5px;
}




/* Added by Andrew Elliot - 26 - 07 0 2011 Client Page slider content */

.scrollable {position:relative; overflow: hidden; width: 520px; height: 130px; padding: 0; margin: 0; background: #000; border: 1px solid #333333;}
.scrollable .gradleft{width: 53px; height: 130px; background: url(images/slider-images/grad-left.png) no-repeat; position: absolute; left: 0; z-index: 1;}
.scrollable .gradright{width: 53px; height: 130px; background: url(images/slider-images/grad-right.png) no-repeat; position: absolute; right: 0; z-index: 1;}
.scrollable .items { z-index: 0; width:2000em; position:absolute; }
.items div { float:left; margin: 0; padding: 0; margin: 10px 10px 0 10px;}
.items div a{margin: 0px; padding: 0; border: none; width: 104px; height: 104px; text-decoration: none; overflow: hidden;}
.items img{margin: 0; padding: 0; border: none; width: 104px; height: 104px;}
a.browse { display:block; width:22px; height:19px; position: absolute; cursor:pointer; z-index: 20; margin: 50px 0 0 0; }

/* right */
a.right 		{background: url(images/slider-images/arrow-right.png) no-repeat; right: 3px;}
a.right:hover 	{right: 1px;}
a.right:active 	{} 


/* left */
a.left		{background: url(images/slider-images/arrow-left.png) no-repeat; left: 3px;} 
a.left:hover  	{left: 1px;}
a.left:active  	{}