/*
Theme Name: Room 501
Theme URI: http:www.room501.co.uk
Description: Room 501 publishing web site theme.
Version: 1.0
Author: Kevin Waddell
Author URI: http:www.room501.co.uk
*/

body, h1, h2, h3, h4, h5, h6, blockquote, p, form{
margin: 0;
padding: 0;
}

body {
font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 12px;
text-align: centre;
vertical-align: top;
background: #d4d8d5;
color: #333;
}

h1 {
font-size: 24px;
padding: 0 0 10px 0;
}

h2 {
font-size: 24px;
color: #526557;
text-transform: lowercase;
font-weight: normal;
padding: 2px 25px 2px 0;
display: inline-block;
white-space: normal;
background: url(images/h2arrow.png) no-repeat 100% 50%;
}

/* Calendar styles*/
table {
font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 12px;
background: #fff;
width: 100%;
padding: 5px;
border: 1px solid #526557;
}

#sidebar #calendar {
padding: 5px;
background: #d4d8d5;
border: 1px solid #526557;
}

#sidebar #calendar caption {
text-align:left;
color: #526557;
text-transform: lowercase;
font-weight: normal;
font-size: 16px;
margin: 5px 0 0;
padding: 0 0 5px 15px;
background: url(images/sidebarh2arrow.png) no-repeat 0 2px;
	}
	
#sidebar #calendar th {
text-align: center;
background: #a8b2ab;
color: #526557;
}
	
#sidebar #calendar td {
text-align: center;
background: #d4d8d5;
}

#sidebar #calendar td.pad {
background: #fff;
}

#sidebar #calendar tbody tr, #sidebar #calendar thead tr {
height: 20px;
}

#sidebar #calendar a {
display: block;
color: #FFF;
background: none;
padding: 3px 0 0 0;
background-color: #526557;
width: 100%;
height: 17px;
font-weight: bold;
}

	
/* End Calendar styles */

a img {
	border: 0;
	margin: 0;
}

.post {
background: url(images/dottedlineHw.png) repeat-x left bottom;
margin: 10px 0 10px 0;
}

.entry h2.pubHeader {
width: 100%;
text-align: center;
font-size: 16px;
color: #FFF;
text-transform: uppercase;
font-weight: normal;
padding: 5px 0;
background: none;
background-color: #526557;
margin-bottom: 10px;
}

.entry h3.pubSubHeader {
text-align: center;
font-size: 12px;
color: #526557;
text-transform: uppercase;
background-color: #d4d8d5;
padding: 2px 0;
}

.entry {
line-height: 18px;
padding: 0;
}

.entry p, .entry ol {
padding-bottom: 10px;
}

.entry blockquote {
width: 450px;
float: right;
}

.entryDate {
	padding: 10px;
	float:right;
	display:inline-block;
	color: #333;
	background: #d4d8d5;
}

.postmetadata {
background: url(images/ovalfade.png) no-repeat center top;
clear: both;
}

/* porfolio example block on home page and portfolio page*/

#recentHeader {
	padding: 0 0 10px 0;
	background: url(images/dottedlineHw.png) repeat-x left bottom;
}

.homePostRight .post .postmetadata, .homePostLeft .post .postmetadata {
margin: 0;
padding: 0;
clear:both;
}

.homePostRight .post .postmetadata a, .homePostLeft .post .postmetadata a {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	width: 300px;
	display:block;
	background: url(images/linkArrow.png) no-repeat center center;
}

.homePostRight .post, .homePostLeft .post {
padding: 0;
margin: 0;
}

.homePostRight .post .entry, .homePostLeft .post .entry{
padding: 0;
margin: 0;
}

.homePostLeft .post img, .homePostRight .post img {
margin: 0;
padding: 0;
}

.homePostLeft {
	display: block;
	float: left;
	width: 300px;
}
.homePostRight {
	display: block;
	float: right;
	width: 300px;
}
/* porfolio example block end*/

.postmetadata p {
background: url(images/dottedlineHw.png) repeat-x left top;
padding: 10px 0 10px 0;
text-align: center;
}

.postmetadata h2 {
padding: 10px 25px 10px 0;
text-align: center;
}

.edit {
	padding-bottom: 10px;
}

.navigation {
padding: 10px 0 0 0;
font-size: 14px;
font-weight: bold;
line-height: 18px;
}

p {
padding: 10px 0 0 0;
line-height: 18px;
}

/* gallery blockquote styles */
.post blockquote.jobBox p {
	padding: 0;
}

.post blockquote.galleryBox p {
	padding: 0;
}

.post blockquote.galleryBox {
	float:right;
	padding: 0;
	width: 420px;
	margin: 0;
}

.post blockquote.jobBox h3 {
	margin-top: 10px;
	padding-top: 5px;
	color: #526557;
    background: url(images/dottedlineHw.png) repeat-x left top;
}

.post blockquote.jobBox ul {
	margin: 5px 0 0 0;
	padding: 0 0 0 20px;
	list-style: none;
    list-style-image: url(images/right.png);
}

.post blockquote.jobBox strong {
	color: #526557;
}

.post blockquote.jobBox {
	float: left;
	width: 200px;
	margin: 10px 0 0 0;
	padding: 10px;
	background: #d4d8d5;
}

.post blockquote.galleryBox img.alignleft {
	margin: 0;
	padding: 0;
	display:inline;
	float: left;
	border: solid 10px #FFF;
}

.post blockquote.galleryBox img.webimage {
	margin: 6px 0 10px 0;
}
.post blockquote.galleryBox a:hover img {
	border: solid 10px #d4d8d5;
}

/* people box styles */

.peopleBox {
	width: 100%;
}

.peopleBox .post blockquote {
	margin-top: 10px;
	width: 620px;
	padding: 10px;
	background: #d4d8d5 url(images/dottedlineHw.png) repeat-x left bottom;
}

.peopleBox .post blockquote p {
	padding: 0;
	margin: 0;
	display: block;
}

.peopleBox .post blockquote img.alignleft {
	padding: 5px;
	margin: 0 10px 0 0;
	display: inline;
	border: 2px solid #fff;
	float: left;
}

.peopleBox .post blockquote blockquote {
	float: right;
	width: 420px;
	margin: 0;
	background: #fff;
}
/* end people box styles */

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

a:hover {
text-decoration: underline;
color: #333;
}

/* Publishing rate card link style */

a.rateCardLink {
	display: block;
	width: 100%;
	padding: 2px 0;
	background: #526557;
	color: #d4d8d5;
	text-align: center;
}

ul.pubNav {
	list-style-type: none;
	overflow: hidden;
	display: block;
	height: 30px;
	padding: 5px 0;
	text-align: center;
	border-top: 1px solid #526557;
}

ul.pubNav li {
	display: inline;
}

ul.pubNav li a {
	padding: 10px;
	margin: 0 10px;
	border: 1px solid #526557;
}

/* End More link style */

#wrapper {
width: 960px;
text-align: left;
background: #FFF url(images/arrowback.png) no-repeat top right;
}

#header {
display:block;
float: left;
width: 100%;
height: 255px;
}

#headerimg {
width: 100%;
height: 155px;
padding-top: 100px;
background: url(images/logo.png) no-repeat 30px 50%;
}

#header h1 a{
	display: block;
	margin-left: 30px;
	width: 420px;
	font-size: 45px;
	font-weight: normal;
	text-indent: -9999px;
}

/*
.menu {
	float: left;
	width: 100%;
	display: block;
	background: #d4d8d5 url(images/dottedlineHw.png) repeat-x left bottom;
}

.menu ul {
	list-style: none;
	margin: 0;
	padding-left: 30px;
	height: 32px;
	background: url(images/dottedlineVw.png) repeat-y 28px top;
}

.menu ul li {
	float: left;
}

.menu ul li a{
	display: block;
	padding: 10px 30px 10px 30px;
	background: url(images/dottedlineVw.png) repeat-y right top;
	text-decoration: none;
	color:#333;
}

.menu ul li a:hover{
	color: #526557;
	text-decoration: underline;
}

.menu ul li.current_page_item, #menu ul li.current_page_item {
	background: #FFF;
}

.menu ul li.current_page_item a, #menu ul li.current_page_item a:hover {
	color: #526557;
	background: url(images/dottedlineVw.png) repeat-y right top;
	font-weight: bold;
	cursor: default;
	text-decoration: none;
}
*/

#content {
	float: left;
	width: 100%;
	background: url(images/dottedlineVw.png) repeat-y right top;
}

#divideRule {
	float: left;
	width: 100%;
	background: url(images/dottedlineVw.png) repeat-y 700px top;
}

#container {
float: left;
padding: 0 30px 30px 30px;
width: 640px;
}

#subNav {
	width: 100%;
	float:left;
	background: url(images/dottedlineHw.png) repeat-x left 30px;
	margin-bottom: 20px;
}

#marginTop {
	width: 650px;
	height: 35px;
	margin-bottom: 25px;
	background: url(images/dottedlineHw.png) repeat-x left 30px;
	float:left;
}

#marginTop h2 {
font-size: 18px;
color: #526557;
text-transform: lowercase;
font-weight: normal;
margin-top: 3px;
padding: 2px 15px 2px 0;
background: none;
background: url(images/h2arrow2.png) no-repeat 100% 50%;
}

#subNav ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

#subNav ul li {
	float: left;
}

#subNav ul li a{
	display: block;
	height: 20px;
	padding: 10px 25px 10px 0;
	text-decoration: none;
	color:#333;
}

#subNav ul li a:hover{
	color: #526557;
	text-decoration: underline;
	background: url(images/arrowNav.png) no-repeat left bottom;
}
/*add if needed, #subNav ul li.current_page_item a, #subNav ul li.current_page_item a:hover */
#subNav ul li.current-cat a, #subNav ul li.current-cat a:hover, #subNav ul li.current_page_item a, #subNav ul li.current_page_item a:hover {
	color: #526557;
	text-decoration: none;
	background: url(images/arrowNav.png) no-repeat left bottom;
	font-weight: bold;
}

/* Welcome text formating */
#welcomeTxt {
width: 100%;
padding-bottom: 20px;
background: url(images/dottedlineHw.png) repeat-x left bottom;
margin-bottom: 10px;
}

#welcomeTxt p{
	font-weight: bold;
}
/* End welcome text */

/* side bar */
#sidebar {
float: right;
width: 200px;
padding: 20px 30px 10px 30px;
display: inline;
}

#sidebar h2 {
font-size: 16px;
margin: 5px 0 0;
padding: 0 0 5px 15px;
background: url(images/sidebarh2arrow.png) no-repeat 0 2px;
}

#sidebar ul, #sidebar ul ol {
margin: 0;
padding: 0;
}
	
#sidebar ul li {
list-style-type: none;
list-style-image: none;
margin-bottom: 15px;
}

#sidebar a {
	background: url(images/left.png) no-repeat 0 1px;
	padding-left: 20px;
}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 0;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}

/* End sidebar styles */

/* Search box styles */

#sidebar #search {
	background: #d4d8d5;
	border: solid 1px #526557;
	padding: 5px 10px 10px;
}

	#sidebar #searchform #s {
	width: 170px;
	border: solid 1px #526557;
	padding: 2px;
	}

#sidebar #searchsubmit {
	border: 1px solid #526557;
	margin: 5px 0 0 0;
	width: 176px;
	background: #a8b2ab;
	padding: 2px;
	color: #526557;
	}
	
	#sidebar #search h2{
	margin: 0;
	}
/* End Search box */

/* footer */
#footer {
padding: 20px 0 20px 0;
clear: both;
float: left;
width: 960px;
background: #d4d8d5 url(images/dottedlineHw.png) repeat-x top left;
text-align: center;
}

#footer p {
text-align: center;
}

#footer ul {
	list-style: none;
        margin-top: 10px;
}

#footer li {
	display: inline;
}

dd {
	padding: 0 0 0 20px;
}

form, input, textarea {
	font-size: 12px;
	font-family: Arial, Helvetica, Georgia, Sans-serif;
}

/* Contact form styles */

div.wpcf7 form {
	margin-top: 10px;
	width: 350px;
	padding: 20px;
	border: 1px solid #526557;
}

div.wpcf7 input {
	width: 350px;
	border: 1px solid #526557;
}

div.wpcf7 textarea {
	width: 350px;
	border: 1px solid #526557;
}

div.wpcf7 p {
	color: #526557;
	font-weight: bold;
}

div.wpcf7 span {
	font-weight: normal;
}

div.wpcf7 #contactSubmit input {
	border: 1px solid #526557;
	width: 176px;
	background: #a8b2ab;
	padding: 2px;
	color: #526557;
	}

#contactFormRight {
	float:right;
	width: 200px;
	background: #d4d8d5;
	padding: 10px;
}

#contactFormRight ul{
	padding: 0 0 10px 0;
	margin-bottom: 10px;
	list-style:none;
	background: url(images/dottedlineHw.png) repeat-x bottom left;
}

#contactFormRight h3 {
	color: #526557;
}

#contactFormRight img {
	padding-bottom: 10px;
}

#contactFormRight li.jobDesc {
	text-transform: uppercase;
	font-weight: bolder;
	font-size: 10px;
	padding-bottom: 5px;
}

#contactFormLeft {
	float:left;
	width: 400px;
}

#contactFormLeft .post {
	background: none ;
}

/*Images alignment*/
p img {
	max-width: 100%;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	margin: 0 0 10px 10px;
	padding: 4px;
	display:inline;
}

img.alignleft {
	margin: 0 10px 10px 0;
	display:inline;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

/*End Images alignment*/

.clear {
	margin: 0 ;
	padding: 0;
	clear:both;
}

small {
	font-size: 11px;
}
/*
.sidebar ul{
list-style-type: none;
margin: 0;
padding: 0 10px 0 10px;
}

.sidebar ul li{
padding: 10px 0 10px 0;
}

.sidebar ul li h2{
font-size: 14px;
}

.sidebar ul ul li{
padding: 0;
line-height: 16px;
}

table#wp-calendar{
width: 100%;
}

.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}
*/