/* @override http://www.burningredstudio.co.uk/wp-content/themes/default/style.css */

/* @override 
	http://www.burningredstudio.co.uk/wp-content/themes/default/style.css
*/

/*
Template: default
Theme Name: default
Theme URI: www.burningred.co.uk
Description: BurningRed NEW
Version: 20
Author:BurningRed
Author URI: www.burningred.co.uk
Template: BurningRed v20
*/

/* ----- GLOBAL ----- */

* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #cbcbcb;
	background-image: url(images/bg2.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	font-family: Verdana;
	font-size: 11px;
	line-height: 18px;
	margin: 0px;
	padding: 0px;
	color: #828282;
	text-rendering: optimizeLegibility;
}

html {
	padding: 0;
	margin: 0;
}

a:link {
	text-decoration: none;
	color: #000000;
	border: 0px;
}

a:active {
	text-decoration: none;
	color: #000000;
	border: 0px;
}

a:visited {
	text-decoration: none;
	color: #000000;
	border: 0px;
}

a:hover {
	text-decoration: none;
	color: #000000;
	border: 0px;
}

.hideit {
	display: none;
}

img {
	border: 0px;
}

p {
	margin-bottom: 10px;
}

.alignleft {
	float: left;
	margin: 0 10px 0 0;
}

.alignright {
	float: right;
}

/*.category {
	background-image: url(images/category.png);
	font-face: 
	width: 74px;
	height: 18px;
	display: inline-block;
	text-indent: -9999px;
	z-index: 10;
	color: #ee1f25;
}*/

.contentHeader {
	color: #ee1f25;
}

object#newbannerdrop {
	z-index: -1;
}

.cat {
	/*background-color: #545555;*/
	height: 18px;
	z-index: 1;
	color: #8f9090;
}

.cat a {
	color: #8f9090;
	z-index: 1;
}

/* ----- IDS ----- */

#container {
	width: 960px;
	min-height: 600px;
	margin: 0 auto;
	padding: 0px;
	text-align: left;
	/*z-index: auto;*/
}

#header {
	width: 960px;
	height: 58px;
	float: left;
	display: block;
}

#nav {
	width: 450px;
	float: right;
	display: block;
	margin-top: 33px;
}

#content-index {
	width: 960px;
	min-height: 495px;
	display: block;
	float: left;
	background: url(images/croeso.jpg) #ffffff;
}

#content {
	width: 960px;
	min-height: 495px;
	display: block;
	float: left;
	background-position: top;
	background: url(images/blogbg.jpg) #ffffff;
}

#error_image {
	width: 960px;
	min-height: 495px;
	display: block;
	float: left;
	background-position: top;
	background: url(images/404.jpg);
}

#error_image h2 {
	text-indent: -9999px;;
}

#content-studio {
	width: 960px;
	min-height: 495px;
	display: block;
	float: left;
	background-position: top;
	background: url(images/blogbg.jpg);
#ffffff;
}

#content-services {
	width: 960px;
	min-height: 495px;
	display: block;
	float: left;
	background-position: top;
	background: url(images/services.jpg);
#ffffff;
}

#pagesLink h2 {
	font-size: 14px;
	color: #fffeff;
	font-weight: bold;
	padding: 9px;
	text-align: center;
	/*float: right;*/
}

/* ----- SERVICES PAGE ----- */

#service_page {
	width: 960px;
	min-height: 495px;
	display: block;
	float: left;
	padding: 20px 0 10px 0px;
	background-color: #fff;
	background-image: url(images/service_paper.jpg);
}

.service_box {
	float: left;
	width: 250px;
	height: 205px;
	margin: 0 20px 0px 25px;
	padding: 10px;
	color: #464646;
}

.service_box h1 {
	border: 0px;
	font-size: 23px;
	margin: 5px 0 0 0;
}

.service_box h2 {
	color: #ff0000;
	border: 0px;
	font-size: 20px;
}

.service_box p {
	font-size: larger;
}

.service_text {
	margin: 10px 0 0 0;
	padding: 5px 0 0px 0;
	border-top: 1px solid #D1CAC2;
	border-bottom: 1px solid #D1CAC2;
}

.footnote {
	color: #A9A29C;
}

.foliolinks {
	margin: -10px 0 0 0;
	padding: 0;
	color: #ff0000;
}

.foliolinks a:link, .foliolinks a:visited {
	color: #ff0000;
}

.foliolinks a:hover {
	color: #FF5B5B;
	text-decoration: underline;
}

#content-work {
	width: 920px;
	min-height: 495px;
	display: block;
	float: left;
	background: #efefef no-repeat;
	padding: 20px;
}

#content-work .ngg-gallery-thumbnail a img {
	width: 40px;
	height: 40px;
	overflow: hidden;
}

.content_box {
	width: 268px;
	/*padding: 10px;*/
	border: 10px solid #fffeff;
	margin: 7px 7px 7px 8px;
	background-color: #fff;
	float: left;
	overflow: hidden;
	height: 300px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.gallery-icon a img.attachment-thumbnail {
	width: 60px;
	height: auto;
	padding: 5px;
}

.content_box:hover{
	background-color: #b9baba;
	border: 10px solid #b9baba;
}

.content_box:hover p {
	color: #fffeff;
}

.content_box img, .content_box object, .content_box embed {
	padding-bottom: 10px;
	width: 268px;
	overflow: hidden;
	height: auto;
}

div#thumbnailImage {
	width: 266px;
	height: 150px;
	overflow: hidden;
	margin-bottom: 10px;
	/*border: 1px solid #d7d7d7;*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #f2f2f2;
}

.content_box h2 {
	padding-bottom: 5px;
	color: #ee1f25;
}

.content_box p {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

#content-contact {
	width: 960px;
	min-height: 495px;
	display: block;
	float: left;
	background-image: url(images/blogbg.jpg);
}

/*#section div.article h2 {
	border-bottom: 1px dashed #b1b1b1;
	padding-bottom: 5px;
	margin-bottom: 5px;
}*/

/*#section div.article small {
	border-bottom: 1px dashed #b1b1b1;
	padding-bottom: 5px;
	margin-bottom: 5px;
}*/



 ------- MUSIC PAGE --------

#music_page {
	width: 920px;
	display: block;
	float: left;
	padding: 0px 20px 10px 20px;
	background-color: #fff;
	background-image: url(images/music-bkgnd.jpg);
}

#music_page h1 {
	margin: 0 0 0 0px;
	text-shadow: 0px 2px 3px #fff;
	filter: dropshadow(color=#fff,offX=0,offY=2);
	font-size: 2.6em;
}

#music_page h2 {
	margin: 0 0 0 10px;
	color: #ff0000;
	font-size: 3em;
}

.music_pagetext {
	width: 610px;
	float: left;
	margin: 0 10px 0px 0px;
	padding: 10px 30px 10px 10px;
	color: #464646;
}

.record_img {
	float: left;
}

#music_sidebar {
	float: right;
	width: 250px;
	height: 850px;
	margin: 0 0 20px 0;
	background-image: url(images/music_side_banner.jpg);
}

/*-- music page carousel --*/

#slider-stage {
	width: 550px;
	overflow: hidden;
	height: 175px;
	margin: 0 0 0 1px;
	float: left;
	position: relative;
}

/*#slider-buttons {
	width: 296px;
	margin: 0 auto;
	position:relative;
	height:20px;
}*/

#slider-list {
	width: 2000px;
	border: 0;
	margin: 0;
	padding: 0;
	left: 0px;
	position: absolute;
}

#slider-list a.theme {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
	margin-right: 8px;
	float: left;
	width: 120px;
	height: 120px;
	position: relative;
	cursor: pointer;
	text-decoration: none;
	overflow: hidden;
}

#slider-list a.theme:hover {
	
}

#slider-list a.theme span.nameVignette {
	position: absolute;
	left: 4px;
	bottom: 0px;
	color: #a0a09b;
	padding: 3px;
	font-size: 10px;
}

#slider-list a.theme:hover span.nameVignette {
	color: #494947;
}

#slider-list a.theme span.changeTheme {
	background: #333;
	color: #FF0000;
	display: none;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	height: 16px;
	left: 0px;
	padding: 4px 4px 4px 4px;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 0px;
	width: 120px;
}

#slider-list a.theme:hover span.changeTheme {
	display: block
}

#sliderBloc {
	height: 145px;


/*margin:0 auto;*/
	width: 600px;
	overflow: hidden;
	float: left;
	margin: 30px 0 0 20px;
}

#sliderBloc a#previous, #sliderBloc a#next {
	background: url(images/utility/prev.png) no-repeat left top;
	float: left;
	text-indent: -9999px;
	cursor: pointer;
	width: 20px;
	height: 20px;
	margin: 55px 2px 0 0;
}

#sliderBloc a#next {
	background: url(images/utility/next.png) no-repeat left top;
	margin: 55px 0 0 4px;
}

#sliderBloc a#previous:hover, #sliderBloc a#next:hover {
	background-position: left -20px;
}

.demo {
	background: #F3F2DA none repeat scroll 0 0;
	padding: 0 1em 1em;
}

#viewport {
	width: 800px;

/* Defines the size of the visible part of the carousel
		Attention : if you only want to see plain items in the viewport,
		the width of the viewport should take into account of :
		- the items width
		- the right and left padding of items
		- the number of items you want to see in the viewport
	 */
	overflow: hidde

n;
/* Hides extra elements, those outside the viewport area */
}

#viewport ul {
	position: relative;

/* Enables positionning of elements inside viewport */
	padding: 0

;
/* Resets default - User Agent - style */
}

#viewport li {
	width: 100px;

/* Defines the size of inner element */
	height: 50px;
	float: left

;
	/* Places list items side by side*/
	list-style: non

e;
	/* Resets default - User Agent - style */

/* Cosmetic */
	background-color: red;
	margin: 0 1px;
	padding: 10px;
	text-align: center;
}

/* Cosmetic */

#simplePrevious, #simpleNext {
	cursor: pointer;
	font-size: 0.8em;
	text-decoration: underline;
}

/* -----CONTACT - SOCIAL NETWORK LINKS -----*/

/*rollovers!--*/

.contact_social {
	margin: 20px 20px 0 6px;
	float: left;
}

#twitter {
	height: 41px;
	width: 41px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(images/sn_icons/twitter_button.png) bottom left no-repeat;
	display: block;
}

#twitter:hover {
	background-position: top left;
}

#flickr {
	height: 41px;
	width: 41px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(images/sn_icons/flickr_button.png) bottom left no-repeat;
	display: block;
}

#flickr:hover {
	background-position: top left;
}

#facebook {
	height: 41px;
	width: 41px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(images/sn_icons/facebook_button.png) bottom left no-repeat;
	display: block;
}

#facebook:hover {
	background-position: top left;
}

#youtube {
	height: 41px;
	width: 41px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(images/sn_icons/youtube_button.png) bottom left no-repeat;
	display: block;
}

#youtube:hover {
	background-position: top left;
}

#section {
	width: 960px;
	min-height: 100px;
	display: block;
	float: left;
	background: url(images/blogbg.jpg) #f2f2f2;
}

/*.article {
	width: 590px;
	min-height: 100px;
	display: block;
	float: left;
	padding: 10px;
	margin: 10px 0 10px 10px;
}*/

#news {
	width: 620px;
	float: left;
	margin-bottom: 20px;
}

#sidebar {
	width: 270px;
	min-height: 100px;
	display: block;
	float: left;
	margin: 10px 10px 10px 20px;
	padding: 10px;

}

#footer {
	width: 960px;
	height: 30px;
	margin: 10px 0 10px 0;
	float: left;
	display: block;
	color: #fff;
}

#work {
	width: 310px;
	min-height: 42px;
	background-color: #e8e8e8;
	float: left;
	display: block;
	margin-right: 15px;
}

#tweets {
	width: 310px;
	min-height: 42px;
	background-color: #e8e8e8;
	float: left;
	display: block;
	margin-right: 15px;
}

#blog {
	width: 310px;
	min-height: 42px;
	background-color: #e8e8e8;
	float: left;
	display: block;
}

#blog-header {
	background-image: url(images/blog-header.png);
	width: 960px;
	height: 281px;
	float: left;
	display: block;
}

#flash_over {
	position: relative;
	top: -130px;
	left: 0px;
	z-index: 2;
	width: 500px;
	height: 400px;
	overflow: hidden;
}

#footer-boxes {
	width: 960px;
	min-height: 100px;
	float: left;
	display: block;
}

/* ----- CLASSES ----- */

#sidebar li {
	list-style: none;
	list-style-image: none;
}

.article li {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}

.article li:before {
	content: "\00BB \0020";
	color: #ff0000;
}

#nav ul a {
	background-image: url(images/nav-buttons.jpg);
	color: #b7ada9;
	font-weight: bold;
	width: 68px;
	height: 25px;
	float: left;
	display: block;
	margin-left: 5px;
	text-indent: -3000px;
}

.home {
	
}

.home:hover {
	/*background-position: 0 -25px;*/
}

.about {
	background-position: 0 -50px;
}

.about:hover {
	background-position: 0 -75px;
}

.services {
	background-position: 0 -100px;
}

.services:hover {
	background-position: 0 -125px;
}

.blog {
	background-position: 0 -150px;
}

.blog:hover {
	background-position: 0 -175px;
}

.contact {
	background-position: 0 -200px;
}

.contact:hover {
	background-position: 0 -225px;
}

.our-work {
	background-position: 0 -250px;
}

.our-work:hover {
	background-position: 0 -275px;
}

body.home .home {
	background-position: 0 -25px;
}

body.page-2 .about {
	background-position: 0 -75px;
}

body.page-4 .services {
	background-position: 0 -125px;
}

body.cat-1 .blog {
	background-position: 0 -175px;
}

body.page-6 .contact {
	background-position: 0 -225px;
}

body.page-24 .our-work {
	background-position: 0 -275px;
}

#header ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
}

#header li {
	margin-left: 0;
	list-style: none;
	display: inline;
}

.arrows {
	background-image: url(images/arrows.gif);
	float: left;
	display: block;
	height: 468px;
	width: 520px;
	margin: 20px 0px 0 130px;
}

.arrows:hover {
	background-position: 0 -468px;
}

.contact-form {
	margin: 80px 0 0 130px;
}

input {
	border: 1px solid #eaeaea;
	border-radius: 2px;
	padding: 5px;
	color: #818181;
	font-size: 10px;
}

.submit {
	margin-top: 10px;
	padding: 3px 4px;
	border: solid 1px #4ea6ed;
	background-color: #eaeaea;
	color: #4ea6ed;
	margin: 0px 4px 4px 0px;
	border-radius: 2px;
}

textarea {
	border: 1px solid #eaeaea;
	border-radius: 2px;
	padding: 5px;
	color: #818181;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 100px;
}

.button {
	background-image: url(images/send.jpg);
	width: 152px;
	height: 26px;
	text-indent: -3000px;
}

.box-grad {
	background-image: url(images/box-grad.png);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 23px;
}

.box-slide {
	width: 270px;
	margin: 50px 20px 20px 20px;
}

.box-slide2 {
	width: 270px;
	margin: 50px 20px 20px 20px;
}

.ourwork {
	padding: 0 0 20px 0;
	margin: 0 0 0 0;
	position: relative;
	right: 0;
	float: right;
}

.ourwork2 {
	padding: 0 0 20px 0;
	margin: 0 0 0 -10px;
	position: relative;
	left: 0;
	top: 0;
	float: left;
}

#work ul {
	list-style: none;
	display: inline-block;
	margin-right: 20px;
}

.firebullet {
	list-style-image: url(images/firebullet.png);
	list-style-position: inside;
}

#blog ul {
	list-style-image: url(images/arrow-bullet.png);
	list-style-position: inside;
}

.viewall a {
	color: #8d8d8d;
	border-bottom: #a3abdf dotted 1px;
	float: right;
	margin-bottom: 20px;
}

.article img {
	padding: 6px;
	background-color: #f7f6f6;
}

#section a {
	color: #ff0000;
}

#section div.news div.article p {
	color: #8d8d8d;
}

#sidebar a {
	color: #ff0000;
}

.video {
	width: 550px;
	height: 310px;
	float: right;
	margin: 100px 50px 0 0;
}

.flickrthumb {
	padding: 4px;
	background-color: #f7f6f6;
	margin: 0 10px 10px 0;
	width: 65px;
	height: 65px;
}

.flickrthumb:hover {
	background-color: #ff0000;
}

.studio {
	width: 280px;
	float: left;
	display: block;
	margin: 20px 0 0 20px;
}

/*-----.paper-head{width:269px; height:46px; float:left; display:block; background-image:url(images/paper-head.jpg);}

.paper-foot{width:269px; height:57px; float:left; display:block;  background-image:url(images/paper-foot.jpg); background-repeat:no-repeat; margin-left:3px;}

.repeat{width:229px; min-height:10px; float:left; display:block; background-image:url(images/paper-repeat.jpg); padding:20px 20px 0 20px;}
------*/

.studio p {
	font-family: Verdana, sans-serif;
	color: #4e4e4e;
	margin: 0 0 15px 0;
}

.studio ul {
	margin: 0 0 10px 0;
}

.studio li {
	font-family: Verdana, sans-serif;
	color: #4e4e4e;
	font-size: larger;
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 5px;
}

.studio h1 {
	color: #4e4e4e;
	border: 0px;
	font-size: 23px;
	margin: 10px 0 10px 0;
}

.studio h2 {
	color: #ff0000;
	border: 0px;
	font-size: 20px;
}

.studio h2 a {
	color: #ff0000;
	border: 0px;
	font-size: 20px;
}

#content span {
	display: none;
}

#content-studio span {
	display: none;
}

.paper-head2 {
	width: 269px;
	height: 56px;
	float: left;
	display: block;
	background-image: url(images/paper-head-2.jpg);
	margin-left: 2px;
}

.red {
	color: #ff0000;
}

.article {
	width: 590px;
	min-height: 100px;
	display: block;
	float: left;
	padding: 10px;
	margin: 10px 0 10px 10px;
	color: #828282;
}

.desktop {
	width: 590px;
	min-height: 100px;
	display: block;
	float: left;
}

.desktop img {
	padding: 0px;
	background: none;
	margin-right: 50px;
}

.desktopthumb {
	float: right;
}

.desktop ul {
	float: left;
	margin: 60px 0 0 60px;
}

.desktop li {
	list-style-type: none;
	list-style-image: none;
}

.cats {
	padding-left: 50px;
	background: url(images/blogicons/catgegories.png) no-repeat;
	background-position: left;
	height: 35px;
	padding-top: 10px;
	height: 25px;
}

.arks {
	padding-left: 50px;
	background: url(images/blogicons/archive.png) no-repeat;
	background-position: left;
	height: 35px;
	padding-top: 10px;
	height: 25px;
}

.tagcloud {
	padding-left: 50px;
	background: url(images/blogicons/tags.png) no-repeat;
	background-position: left;
	height: 35px;
	padding-top: 10px;
	height: 25px;
}

.flick {
	padding-left: 50px;
	background: url(images/blogicons/flickr.png) no-repeat;
	background-position: left;
	height: 35px;
	padding-top: 10px;
	height: 25px;
}

.twit {
	padding-left: 50px;
	background: url(images/blogicons/twitter.png) no-repeat;
	background-position: left;
	height: 35px;
	padding-top: 10px;
	height: 25px;
}

/* ----- h1, h2, h3, h4 ----- */

#work .msg_head {
	width: 152px;
	height: 26px;
	float: right;
	background-image: url(images/h3-work.jpg);
	background-repeat: no-repeat;
	text-indent: -3000px;
	cursor: pointer;
}

#wrap {
	height: 1px;
}

#tweets .msg_head {
	width: 155px;
	height: 26px;
	float: right;
	background-image: url(images/h3-tweets.jpg);
	background-repeat: no-repeat;
	text-indent: -3000px;
	cursor: pointer;
}

#blog .msg_head {
	width: 157px;
	height: 26px;
	float: right;
	background-image: url(images/h3-kitchen.jpg);
	background-repeat: no-repeat;
	text-indent: -3000px;
	cursor: pointer;
}

#section h1 a {
	color: #a4acbf;
	border: 0px;
	font-size: 14px;
}

#section h3 a {
	color: #a4acbf;
	border: 0px;
	font-size: 14px;
}

#section h2 a {
	color: #ff0000;
	border: 0px;
	font-size: 20px;
}

#sidebar h3 {
	font-size: 20px;
	margin: 0 0 10px 0;
}

.post-meta {
	color: #ff0000;
	border: 0px;
	font-size: 13px;
}

.meta {
	font-size: 10px;
	margin: 5px 0 10px 0;
	border-bottom: 1px #d2d2d2 dashed;
	padding: 5px 0 10px;
}

/* ----- SCROLLABLE ----- */

a.prev, a.next, a.prevPage, a.nextPage {
	display: block;
	width: 42px;
	height: 33px;
	background: url(images/previous.png) no-repeat;
	float: left;
	z-index: 3;
	position: absolute;
	top: 450px;
}

a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position: 0px -33px;
}

a.next, a.nextPage {
	background-image: url(images/next.png);
	float: right;	
	margin-left: 918px;
}

a.disabled {
	background-position: 0px -66px;
}

div.scrollable {
	position: relative;
	overflow: hidden;
	width: 960px;
	height: 495px;
	float: left;
	z-index: 1;
}

#thumbs {
	position: absolute;
	width: 20000em;
	clear: both;
}

#thumbs div {
	float: left;
	width: 960px;
	height: 495px;
}

/* @group Page links */

.pagesLink {
	position: relative;
	margin-left: 0;
	padding: 0;
	clear: both;
	height: 33px;
	background-color: #bdbebe;
	width: 120px;
	top: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	float: left;
}

.pagesLink h2 a {
	text-align: center;
	margin-left: -20px;
}

h2 a cufon.cufon.cufon-canvas {
	position: relative;
	top: 7px;
	/*left: 7px;*/
	color: #fffeff;
	margin-bottom: 5px;
}

.pagesLink h2 a cufon.cufon.cufon-canvas {
	position: relative;
	top: 7px;
	left: 7px;
	color: #fffeff;
	margin-bottom: 5px;
}

.pagesLink:hover {
	background-color: #c9c9c9;
}
#pagesLinkleft {
	float: left;
	left: 8px;
	clear: both;
}

.navigation {
	position: relative;
	left: 20px;
}

#pagesLinkright {
	float: right;
	right: 18px;
}

.pagesLink h2 a {
	display: block;
	color: #fffeff;
}

#footerButton {
	position: relative;
	top: -13px;
	right: -31px;
}

/* @end */