/*
Theme Name: Rolled Limited
Theme URI: http://www.rolled.at/
Description: First theme after acquisition
Version: 1.0
Author: Jamie Huskisson
Author URI: http://jhuskisson.com/
*/

/***** Global *****/
	/* 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,
		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
		}
		
		:focus {outline: 0}
		
		ol, ul {list-style: none}
		
		/* Tables need 'cellspacing="0"' on markup */
		table {
			border-collapse: separate;
			border-spacing: 0
		}
		
		caption, th, td {
			text-align: left;
			font-weight: normal
		}
		
		blockquote:before, blockquote:after, q:before, q:after {content: ""}
		blockquote, q {quotes: "" "" }

/* Body */
	body {
    line-height: 1;
    font-size: 81.25%; /* 100% = 16px */
    color: #b5b5b5;
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif;
    background: #161616 url('images/bg.png');
	margin: 0;
	padding: 0;
	text-align: left
	}
	html, body {height: 100%}

/* Headers */
  h2, h3, h4, h5, h6 {clear: both; color: #fff; padding: 0 0 .5em 0; margin: 0 0 1.3em 0; font-weight: normal}
	h2 {font-size: 138.46%; border-bottom: 1px solid #64b2f7}
	h3 {font-size: 130%}
	h4 {font-size: 110%}
	h5 {font-size: 90%}
	h6 {font-size: 70%}
	
/* Links */
	a {outline: 0}
	a img {border: 0px; text-decoration: none}
	a:link, a:visited, a {color: #3493e8; text-decoration: underline; cursor: pointer}
	a:hover, a:active {text-decoration: none}
	
/* Paragraphs */
	p {
    margin-bottom: 1.5em;
    line-height: 1.8;
    text-align: left
	}
	
	strong, b {font-weight: bold}
	em, i {font-style: italic}
	
/* Blockquote */
blockquote {
	margin: 0 1em 0 1.5em;
	font-family: georgia, 'times new roman', times, serif;
	color: #fff;
	border-left: 4px solid #3493e8;
	padding-left: .5em
}

/* Lists */
ul {
  margin: 1em 0 1.5em 1.5em;
  line-height: 1.5;
  list-style: outside disc
}

ol {
  margin: 1em 0 1.5em 1.5em;
  line-height: 1.5;
  list-style: outside decimal
}

/* Tables */
table {width: 100%; margin: 1em 0 2.5em 0}
thead th, tbody .top th {background: #202020 url(../images/contact-bg.png) repeat scroll 0% 0%; padding: .3em .5em}
tbody td {padding: .2em .5em}

/***** Layout *****/
#rolled-logo {
  width: 100%;
  min-height: 478px;
  background: url('images/rolled-bg.png') no-repeat fixed top center
}

#wrapper {
  width: 760px;
  background: #121212 url('images/content-bg.png') fixed;
  margin: 0 auto
}

#content-logo {
  background: url('images/rolled-bg.png') no-repeat fixed top center;
  min-height: 478px;
  padding: 60px 64px 20px 64px
}

.section {overflow: hidden; margin-bottom: 1.5em}

/* Header */
#header {margin-bottom: 55px}

h1 {float: left; margin: 0}

#menu {float: right; margin: .5em 0 0 0; padding: 0; list-style: none; font-size: 115.38%}
#menu li {display: inline; margin: 0 .2em}

#menu a:link, #menu a:visited {color: #fff; text-decoration: none; padding: 5px}
#menu a:hover, #menu a:active {background: #2d74b4}

/* Footer */
#footer {overflow: hidden; padding-top: .5em; margin-bottom: 1em}

#footer a img {float: right; margin: 16px 3px 0 41px}

#footer #rws-logo {margin: 8px 3px 0 0}
#footer #fed-logo {margin-top: 0}
	
/***** Sections *****/
/* Welcome */
#twitter {float: right; position: relative; top: -7px}

#more-info {padding: 1.5em 0}

#more-info ul {list-style: none; margin: 0 0 1.5em 2em; padding: 0}
#more-info ul li {
  display: block;
  margin-bottom: 1.3em;
  background: url('images/bullet.gif') no-repeat 0 .4em;
  padding: 0 0 0 20px
}

#welcome a.hidden {color: #555}
#welcome h2 {margin-top:7px;}
/* Services */
#services ul {list-style: none; margin: 0 0 1.5em 0; padding: 0}
#services ul li {
  display: block;
  float: left;
  margin-bottom: 1.3em;
  background: url('images/bullet.gif') no-repeat 0 .4em;
  padding: 0 0 0 20px;
  width: 270px
}
#services ul li.left {clear: left; margin-right: 45px}

#services h3 {margin-bottom: .1em; font-size: 100%; padding: 0}
#services p {margin-bottom: 0}

/* Our Work */
#our-work ul {margin: 0; padding: 0; list-style: none}
#our-work li {
  width: 290px;
  float: left;
  border-top: 1px solid #2f2f2f;
  padding: 1.5em 0 0 0;
  margin: 0 0 1.5em 0;
  overflow: hidden;
  height: 1%
}
#our-work li.left {clear: left; padding-right: 45px}

#our-work h3 {margin-bottom: .1em; padding: 0; font-size: 100%; color: #d6d6d6}
#our-work p {margin-bottom: 0}

#our-work a:link img, #our-work a:visited img {border: 3px solid #bcbcbc; float: left; margin-right: 15px}
#our-work a:hover img, #our-work a:active img {border-color: #3493e8}
#our-work .info {float: left; width: 204px}

  /* Featured */
  #our-work #featured {width: 100%; float: none; border: 0; padding: 0}
  #our-work #featured a img {margin-right: 20px}
  #our-work #featured .info {width: 325px}
  #our-work #featured h3 {font-size: 138.46%; margin-bottom: .5em}
  
/* Contact */
#contact {
  background: #202020 url('images/contact-bg.png');
  padding: 20px;
  width: auto
}

#contact h2 {border-color: #3d3d3d}

  /* Contact Info */
  #contact-info {width: 290px; float: left; margin-right: 45px}
  #contact-info h3 {font-size: 100%; padding: .5em 0 0 0; margin: 0 0 1em 0; font-weight: bold}
  #contact-info ul {margin: 0; padding: 0; list-style: none}
  #contact-info li {background: url('images/bullet.gif') no-repeat 0 .35em; padding-left: 20px; margin-bottom: .8em}
  
  #contact-info address {
    font-family: georgia, 'trebuchet ms', tahoma, verdana, serif;
    display: block;
    margin: 0 0 1em 0;
    font-size: 115.38%;
    color: #fff;
    line-height: 1.3;
    font-style: normal
  }
  
  #contact-info address a:link, #contact-info address a:visited {color: #fff; text-decoration: none}
  #contact-info address a:hover, #contact-info address a:active {text-decoration: underline}
  
  /* Contact Form */
  #contact-form label {color: #64b2f7; text-decoration: underline; display: block; margin-bottom: .8em}
  #contact-form input.text, #contact-form textarea, #contact-form input.file, #contact-form select, #comments-form .text, #comments-form textarea {
    border-right: 1px solid #414141;
    border-bottom: 1px solid #414141;
    border-left: 1px solid #373737;
    border-top: 1px solid #373737;
    background: #2f2f2f url('images/inputs-bg.png');
    padding: .2em .3em;
    margin-bottom: 1.3em;
    font-family: arial, verdana, serif;
    color: #aaa;
    font-size: 100%;
    width: 200px
  }
  #comments-form h2 {border-bottom: 1px solid #3b3b3b}
  #comments-form .text {padding: .4em .3em}
  #comments-form textarea {width: 75%; height: 150px}
  
  #contact-form input.file {margin-bottom: 1.3em}
  #contact-form textarea {width: 235px; height: 130px}
  
  #contact-form input.button, #comments-form .button, #error-404 .button  {
    border: 0;
    padding: 0;
    margin: 0;
    background: #2d74b4;
    padding: .3em 1em;
    color: #fff;
    font-size: 107.69%;
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif;
    cursor: pointer
  }
  
/* Slider */
#slider-ammount {height: 20px; width: 90%; margin-top: 5px; padding-left: 2px; font-weight: bold}
#slider {height: 20px; background: url('images/slider-bg.gif') repeat-x center left; width: 225px}
#slider-arrow {width: 15px; height: 20px; cursor: pointer; background: url('images/slider-arrow.gif') no-repeat center center}

#sliderform {display:none}

/****** Blog ******/
/* Subscribe link */
#rss-subscribe, .post-more {
	padding: .5em;
	width: auto;
	margin-bottom: 2.5em;
	display: block
}
.post-more {margin-bottom: 1em}
#rss-subscribe span, .post-more span {background: #202020 url('images/contact-bg.png'); padding: .8em .6em}

/* Index */
#post-list {margin: 0; padding: 0; list-style: none}
#post-list li {margin-bottom: 4em}

#post-list li ul li, #post-list li ol li {margin-bottom: .3em}
#post-list li ul, #post ul {list-style: none; margin-left: 0}

#post-list li ul, #post ul {margin-left: 2em}
#post-list li ol, #post ol {margin-left: 3.5em}

#post-list li ul li, #post ul li {
	padding-left: 20px;
	background: url('images/bullet.gif') no-repeat 0 .4em;
}
#post-list li ul.blogroll, ul.blogroll {overflow: hidden; margin: 0}
#post-list li ul.blogroll li, ul.blogroll li {float: left; margin-right: 20px;}
ul.blogroll {margin-bottom: 2em; list-style: none}
ul.blogroll li {background:transparent url(images/bullet.gif) no-repeat scroll 0 0.4em; padding-left:20px; margin-bottom:0.3em;}
ul.blogroll li a:link, ul.blogroll li a:visited {margin-bottom:0.3em;}

#post {margin-bottom: 4em}

.post-title {
	position: relative;
	padding-bottom: .2em;
	text-transform: uppercase;
	font-family: 'trebuchet ms', tahoma, arial, sans-serif;
	margin-bottom: .2em;
	padding-right: 20px
}
.slim-title {margin: 0 0 0.5em 0; padding: 0; text-transform: uppercase; border-bottom:1px solid #64B2F7; line-height: 1.5}
.post-title a:link, .post-title a:visited {
	color: #fff;
	text-decoration: none
}
.post-title .rss {position: absolute; right: 0 !important; right: 3.5em; top: 0}

.post-meta {color: #989898; font-size: 107.69%; display: block; margin-bottom: 1.3em}

.post-img {display: block; margin-bottom: 1em; border: 3px solid #bcbcbc}

/* Comments */
#comments-list {margin: 0; padding: 0; list-style: none; color: #cacaca; overflow: hidden; height: 1%}
#comments-list li {margin-bottom: 0; border-top: 1px solid #2e2e2e; padding: 1em}

#comments-list blockquote {border: 0; margin: 0; color: #cacaca; font-style: italic; padding: 0}
#comments-list blockquote p {margin-bottom: 1em}
#comments-list cite {display: block; color: #cacaca; margin-bottom: 1em; font-style: normal}

	/* Comments Form */
	#comments-form {
		margin: 0;
		background: #202020 url('images/contact-bg.png');
		padding: 20px;
		width: auto;
		margin-bottom: 2.5em
	}
	
	#comments-form label {
		display: block;
		text-decoration: underline;
		margin-bottom: .3em;
		line-height: 1.5;
		color: #64b2f7
	}
	
	#comments-form .button {}

/* Categories */
#cats-arch {overflow: hidden; height: 1%}
#categories {width: 48%; float: right}
#archives {width: 48%; float: left}

#cats-arch h2, #cats-arch h2 a:link, #cats-arch h2, #cats-arch h2 a:visited {
	color: #fff;
	text-decoration: underline;
	font-size: 100%;
	border: 0;
	width: auto
}

#cats-arch ul {margin: 0 0 1em 0; padding: 0; list-style: none; overflow: hidden; height: 1%; font-size: 92.3%}
#cats-arch li {
	display: block;
	float: left;
	margin-bottom: 1em;
	background: url('images/bullet.gif') no-repeat 0 .4em;
	padding: 0 0 0 20px;
	float: left
}

#cats-arch #archives li {width: 121px}
#cats-arch #categories li {width: 121px; margin: 0 10px 1em 0}

#archives a:link, #categories a:link, #archives a:visited, #categories a:visited {
	color: #b5b5b5;
	text-decoration: none
}
#archives a:hover, #categories a:hover, #archives a:active, #categories a:active {text-decoration: underline; color: #fff}

/* 404 Page */
#error-404 #content-logo {padding-top: 30px}
#error-404 #header {margin-bottom: 25px}
#error-404 img {float: left; margin: 30px 20px 0 30px}
#error-404 #header img {margin: 0}
#error-404 #info {float: right; width: 300px; margin-top: 3em}
#error-404 h2 {
	font-size: 138.46%;
	color: #fff;
	border-bottom: 1px solid #64b2f7;
	text-transform: uppercase;
	font-family: 'trebuchet ms', tahoma, arial, sans-serif;
	padding-right: 20px;
	float: none;
	padding: 0 0 .2em 0;
	margin: 0 0 1em 0
}

#error-404 .error-message {overflow: hidden; height: 1%; margin-bottom: 1.5em}

#error-404 fieldset {overflow: hidden; height: 1%; margin-bottom: 1.5em}
#error-404 .text {
	border-right: 1px solid #414141;
    border-bottom: 1px solid #414141;
    border-left: 1px solid #373737;
    border-top: 1px solid #373737;
    background: #2f2f2f url('images/inputs-bg.png');
    padding: .4em .3em;
    margin-bottom: 1.3em;
    font-family: arial, verdana, serif;
    color: #aaa;
    font-size: 100%;
    width: 170px;
	float: left;
	margin-right: 3px
}
#error-404 .button {float: left}