/*
Theme Name: Riot Creative Theme
Theme URI: http://riotcreative.co.uk
Description: Riot Creative branded theme
Version: 1.0
Author: Victoria Boarer
Author URL: http://riotcreative.co.uk
Tags: Riot Creative, two-columns, right-sidebar, fixed-width
Notes: Does not work using the Tag Cloud widget and has only been tested with the standard widgets available at installation
*/

/* === GLOBAL === */

* {margin:0;padding:0;}

body {
	margin: 0;
	padding: 0;
	background:#ffffff url(images/background.gif) repeat;
	font-family: Arial, sans-serif;
	font-size: 11pt;
	color: #000000;
}

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

a:hover {
	text-decoration: underline;
}

h1 {
	font-size:15pt;
	font-family: Arial, sans-serif;
	font-weight:normal;
}

h2 {
	font-size:13pt;
	font-family: Arial, sans-serif;
	font-weight:normal;
}

h3 {
	font-size:11pt;
	font-family: Arial, sans-serif;
	font-weight:normal;
}

.aligncenter {
	text-align: center;
}

.clear {
	position: relative;
	clear: both;
height:0px;
overflow:hidden;
}

.not-found h2 {
  padding:15px 0px 10px 0px;
 }

.not-found p {
  padding-bottom:10px;
 }
 
blockquote {
	clear: both;
	margin: 15px 0px 15px 0px;
	padding: 10px 40px 0px 40px;
	background-image: url(images/quotes.png);
	background-repeat: no-repeat;
	background-position: left 2px;
	font-size: 9pt;
}

blockquote cite {
  	padding-left: 10px;
	font-weight: bold;
}

pre { 
	font-size: 9pt;
	text-align: left;
	margin: 15px 0px 15px 0px;
	padding: 15px;
	border: 1px solid #b1b1b1;
	overflow: auto;
  	white-space: pre-wrap; /* css-3 */
}
 
p img {
	padding: 0;
	max-width: 505px;
}

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

.alignright {
	float: right;
	margin:10px;
} 

input {
padding:3px;
margin-top:5px;
}

.single-meta a {color:#757575;}
 
/* === HEADER === */ 

#mainwrap {
	width:960px;
  margin:0 auto;
}

#header-container {
	width: 960px;
	margin: auto;
	padding: 0;
}

#header{
	position:relative;
	height:199px;
}

#maintop {
	margin: 0 auto;
	position: relative;
	width: 960px;
	background:transparent url(images/overlay-middle.png) no-repeat;
  height:140px;
}

#logo {
	background:transparent url(images/logo.png) no-repeat;
	width:232px;
	height:82px;
	position: relative;
  top:49px;
  left:36px;
}

#sub-head {
  font-size:17px;
  font-weight:bold;
  position: relative;
  top:52px;
  left:35px;
  width:505px;
}

#header-a {
  background:transparent url(images/overlay-top.gif) no-repeat; /* === This changes per page === */
  position:absolute;
  width: 974px;
  height: 179px;
  top: 20px;
}

#header-b {
  background:transparent url(images/overlay-edges.png) no-repeat; /* === This changes per page === */
  position:absolute;
  width: 974px;
  height: 179px;
  top: 20px;
}

#contact-info {
  text-align:right;
  position:relative;
  float:right;
  margin-right:180px;
  margin-top:19px;
  color:#ffffff;
}

#contact-info a {
  color:#ffffff
}

#tree-top {
  position:absolute;
  top:-143px;
  left:65px;
  height:214px;
  width:347px;
  background:transparent url(images/tree-top.png) no-repeat;
}

#tree-bottom {
  position:absolute;
  top:333px;
  left:630px;
  height:299px;
  width:347px;
  background:transparent url(images/tree-bottom.gif) no-repeat; /* === This changes per page === */
}

#menu {
	margin:0;
	padding:0;
	position:absolute;
  color:#ffffff;
  font-size:9pt;
  top:177px;
  left:35px;
}

#menu a {
  color:#ffffff;
}

#menu, #menu ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#menu li {
  float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	position: relative;
  margin-right:24px;
}


#promo-text-1 {
	position:absolute;
	color:#ffffff;
	top:39px;
	left:317px;
	font-family: "Courier New", Courier, monospace;
	font-size:11pt;
	background: url(images/black.png) repeat; 
	display: block;
	height:auto;
	width:auto;
	padding:3px 7px 3px 7px;
}

#promo-text-2 {
	position:absolute;
	color:#ffffff;
	top:68px;
	left:317px;
	font-family: "Courier New", Courier, monospace;
	font-size:11pt;
	background: url(images/black.png) repeat; 
	display: block;
	height:auto;
	width:auto;
	padding:3px 7px 3px 7px;
}

#promo-text-3 {
	position:absolute;
	color:#ffffff;
	top:97px;
	left:317px;
	font-family: "Courier New", Courier, monospace;
	font-size:11pt;
	background: url(images/black.png) repeat; 
	display: block;
	height:auto;
	width:auto;
	padding:3px 7px 3px 7px;
}


/* === MAIN === */

#wrapper {
	margin: 0 auto;
	width: 960px;
	background-image: url(images/extender.png);
	background-repeat: repeat-y;
	position: relative;
z-index:2000;
}

#content {
  width: 895px;
  margin: 0 0 0 45px;
position: relative;
top: -140px;
}

#main-blog {
	float:left;
	width:505px;
	position:relative;
	left:9px;
	margin-right:15px;
	top:36px;
}

#main-blog h1 {
	font-size:15pt;
	font-weight:normal;
	line-height:normal;
	padding-bottom:3px;	
}

#main-blog h1 a, #main-blog h1 a:visited, #main-blog h1 a:active {
	color: #000000;
	text-decoration:none;
	border-bottom:1px solid #244F27; /* === This changes per page === */
}

#main-blog h1 a:hover{
	color: #000000;
	text-decoration:none;
	border-bottom:1px solid #1a1a1a;
}



.postdata {
	margin-bottom: 20px;
	margin-top: 5px;
	font-size: 9pt;
	font-weight: normal;
	color: #757575;
}

.postdata a {
color: #757575;
}

.post p {
	margin:0;
	padding:0 0 10px;
}

.post ul {
	margin-left:35px;
	margin-bottom:15px;
}

.post ol {
	margin-left:35px;
	margin-bottom:15px;
}

.post dl {
	margin-left:5px;
	margin-bottom:10px;
	border-right: 1px inset;
	border-bottom: 1px inset;
}

.post dl dt {
	font-weight: bold;
}

.post dl dd {
	margin-left:10px;
}

#author_link{
display:none;
}

#author { 
	font-size: 9pt;
	width: 505px;
	text-align: left;
}

#author ul {
  list-style-image:none;
	list-style-type:none;
}

.post-comments {
	font-size:11pt;
	display:inline;
	padding-left:5px;
}

.rss {
	background: transparent url(images/rssicon.png) no-repeat;
	padding-left:20px;
	padding-top:1px;
  display:inline;
}

.post-comments a:link, .post-comments a:visited, .post-comments a:active, .post-commentsa:hover {
	color: #000000;
	text-decoration:none;
}

.commentlist {
	padding: 0;
	text-align: justify;
}

.commentlist p {
	margin: 0 15px 10px 2px;
	clear:both;
}

#commentform p {
	margin: 5px 0;
}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}

.administrator {
	margin: 1px 0px 15px 0px;
	padding: 5px;
	border: 1px solid #b1b1b1;

}

.commentlist p {
  padding:10px;
}

.comment-meta {
  padding:10px;
}

.cgravatar {
	float: left;
	width: 60px;
	height: 60px;
	margin: 0px 12px 0px 0px;
}

.comment-author {
	font-size: 120%;
	font-family: Arial, sans-serif;
	color: #000000;
}

.comment-author a:link , .comment-author a:visited, .comment-author a:active {
	color: #000000;
	border-bottom: 1px solid #b1b1b1;
	text-decoration: none;
}

.comment-author a:hover {
	color: #000000;
	border-bottom:1px solid #2f482b; /* === This changes per page === */
	text-decoration: none;
}

.comment-date {
	margin-left:2px;
	margin-top:3px;
	font-size: 9pt;
	color: #000000;
}

#com {
	clear: both;
}

#com p code {
	margin: 0px;
	padding: 5px;
	background-color: #b1b1b1;
	text-align: left;
}

#comhead {
	margin-bottom: 20px;
	color: #000000;
	font-size:9pt;
	font-family: Arial, sans-serif;
	font-weight:bold;
}

#respond {
  padding-top: 20px;
	clear: both;
	color: #000000;
	font-size:15pt;
	font-family: Arial, sans-serif;
	font-weight:normal;
}

#commentform {
	margin-top: 10px;
}

#commentform p {
  font-size:9pt;
  margin:0;
}

#commentform input{
	width: 150px;
	background: #fff;
	border: 1px solid #b1b1b1;
	padding: 5px;
}

#commentform textarea {
	height: 130px;
	background: #ffffff;
	border: 1px solid #b1b1b1;

  width:505px;

}

#commentform #submit{
	cursor:pointer;
}

fieldset {
	padding: 15px;
	border: 1px solid #b1b1b1;
	width:550px;
}

legend {
	font-size: 11pt;
	font-weight: normal;
	color: #000000;
}

label {
	padding-top: 4px;
	color: #000000;
	font-weight: normal;
	line-height: normal;
}

input, textarea {
	border: 1px solid #b1b1b1;
}

input:focus, textarea:focus {
	border: 1px solid #000000;
}

textarea {
	width: 505px;
	min-height: 84px;
	margin-top:5px;
}

/* === SIDEBAR === */

.recentcomments {
  color:#ffffff;
}

#sidebar {
	width:305px;
	position:relative;
	float:left;
	margin:-78px 0 0 0;
	top:141px;
}

#sidebar-top {
	height: 90px;
}

#sidebar-content {
	padding:9px 30px 30px 30px;
}

#subcolumn {
	width:255px;
}

#subcolumn ul {
	list-style-type:none;
}

.widget {
	width:190px;
	margin-left:4px;
	padding-bottom:10px;
  margin-top:10px;
font-size:9pt;
}

.widget p {
	padding-bottom:5px;
}

.widget a {
	color:#ffffff;
}

.widget h2 {
	height:25px;
	width:190px;
  background:url(images/widget-top.png) no-repeat; /* === This changes per page === */
	text-align:center;
	padding:33px 0 0 0;
	font-size:11pt;
	font-family: Arial, sans-serif;
	font-weight:normal;
	line-height:normal;
	color: #ffffff;
	margin:0;
	font-weight:bold;
}

.widget ul {
	margin:0;
	padding:0;
	border:none ;
	list-style:none;
	list-style-position:outside;
}

.widget ol {
	margin:0;
	padding:0;
	border:none ;
	list-style-position:outside;
}

.widget ul {
margin-left:35px;
color:#ffffff;
margin-right:20px;
padding-bottom:7px;
}

.widget ul li {
	list-style-image:url('images/stamp.png');
padding-bottom:5px;
}

.widget ol li {
	padding:0 20px 12px 20px;
	margin:0px;
}

.widget form {
	padding:0 12px 12px 12px;
  text-align:center;
}

.widget ul li a{
	color: #ffffff;
	text-decoration:none;
}

.widget ol li a{
	color: #ffffff;
	text-decoration:none;
}

.widget ul li a:hover{
	color: #ffffff;
	text-decoration:underline;
}

.widget ol li a:hover{
	color: #ffffff;
	text-decoration:underline;
}

.widget ul li a:active{
	color: #ffffff;
	text-decoration:none;
}

.widget ol li a:active{
	color: #ffffff;
	text-decoration:none;
}

.widget-inner {background: url(images/widget-middle.png) repeat;} 

.textwidget{
	padding:0 20px 12px 20px;
	color: #ffffff;
}

.textwidget a {
	color: #ffffff;
}

.widget-bottom {
  background: url(images/widget-bottom.png) no-repeat; 
  height: 23px;
}

.widget #wp-calendar {
	empty-cells:show;
	font-size:9pt;
	margin:0;
	padding:0;
	text-align:center;
	text-decoration:none;
	width:200px;
	font-weight:normal;
}
#wp-calendar caption {
	padding-bottom:5px;
	font-weight:bold;
}

.widget table#wp-calendar {
	margin: 0 auto 0 auto;
}

.widget #calendar_wrap{
	margin: 0 auto 0 auto;
	color:#ffffff;
	padding-top:10px;
}

.widget #calendar_wrap a {
	font-weight:bold;
	color:#ffffff;
}

.widget input {
	background: #ffffff;
	border: 1px solid #b1b1b1;
	padding: 2px;
	margin-top:5px;
	cursor: pointer;
}

.widget select {
	margin-left:18px;
	background: transparent url(images/widget-middle-red.png) repeat scroll 0 0;
}

#sidebar-bottom {
	height: 37px;
}

#bookmark {
	position:relative;
	top:-10px;
	left:4px;
}


#wp-calendar {
	empty-cells:show;
	font-size:9pt;
	font-weight:bold;
	margin:0;
	padding:0;
	text-align:center;
	text-decoration:none;
	width:200px;
}

.blogroll {
	color:#ffffff;
}

#widget-display {
	display:none;
}

/* === FOOTER === */

#bottom{
  background:url(images/bottom.png) no-repeat;
	height:45px;
  width:816px;
  padding-left:14px;
position:relative;
}

#bottom p {
	text-align:center;
	padding-top:15px;
  clear:both;
}

/* === INNER PAGES === */

#top-container {
	position:relative;
top:3px;
}

#main-pic {
	position:absolute;
	top:0px;
	left:0px;
}

#intro-text {
	position:relative;
	margin-left:263px;
	margin-bottom:43px;
	height:109px;
	overflow:hidden;
}

#intro-text ul {
padding:0px;
margin:0px;
}

#intro-text ul li {
padding-top:2px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#intro-text p {
	padding-top:5px;
}

.home {
	color:#244F27;
}

.our-work {
	color:#BE340B;
}

.services {
	color:#540464;
}

.about-us {
	color:#AB1C59;
}

.contact-us {
	color:#936A0A;
}

.pricing {
	color:#1D287D;
}

.the-riot {
	color:#731A08;
}

.home a {
	color:#244F27;
}

.our-work a {
	color:#BE340B;
}

.services a {
	color:#540464;
}

.about-us a {
	color:#AB1C59;
}

.contact-us a {
	color:#936A0A;
}

.pricing a {
	color:#1D287D;
}

.the-riot a {
	color:#731A08;
}

.mid-content {
position:relative;
margin-bottom:20px;} 

.mid-content a:hover {text-decoration: underline;}

.mid-content img {float:right; padding:0px 0px 15px 15px;}

.mid-content-top {
background:url(images/mid-content-top.png) no-repeat;
	height:25px;
position:relative;
width:505px;
overflow:hidden;
}

.mid-content-bg {
position:relative;
background:url(images/mid-content-bg.png);
}

.mid-content-bottom {
background:url(images/mid-content-bottom.png) no-repeat;
position:relative;
height:25px;
overflow:hidden;
}

.mct-inner {padding-top:4px; padding-left:25px; font-weight:bold;}

.mcbg-inner {padding:25px 25px 0px 25px;}

.mcbg-inner li { list-style-image: url(images/black-arrow.png);
padding-bottom:5px; }

.mcbg-inner ul {margin-left:15px; margin-bottom:0px;}

#bottomflowers {
background:url(images/bottomflowers.png) no-repeat;
position:absolute;
height:279px;
width:431px;
top:-185px;
left:-100px;
}

.gallery-img img {float:none; margin:0px 8px 10px 0px; border:3px; border-color:#ededed; border-style:solid; padding:0px;}

.thumbs img {display:inline;}

#mapContainer
{position:relative;float:right; width:275px; height:140px;}

.current_page_item {
font-weight:bold;
}

.wpcf7-form textarea {width:450px;}

.wpcf7-response-output {margin:0px;}

.google_adsense {margin-left:14px;
margin-top:10px;}