/*
Theme Name: Rome Black & White
Description: Rome Black & White
Author: Simon Griffee
*/

* {margin:0; padding:0;}

body {
   font-family:"times new roman", times, serif;
   font-size:100%;
   color:#2e2a1f;
   background:#eae6d8 url(../images/bg.jpg) repeat 0 0;
   }

a:link, a:visited {color:#930; text-decoration:underline;}
a:hover, a:active {text-decoration:none; color:#000; outline:none; background:#c4c1b1;}

#wrapper {text-align:center; padding-left:32px;}
#page {width:970px; text-align:left; margin:0 auto 0 !important; position:relative; background:url(../images/capital.gif) no-repeat 745px 0;}

#header {margin:0 0 25px; /*height:129px;*/ position:relative;}
p#introduction, p#introductionhome {/*position:absolute; top:22px; left:0; */width:468px; font-size:14px; line-height:17px; padding-top:22px; margin:0 0 25px !important;}
p#introduction a, p#introductionhome a {font-weight:bold;}

h1#logo a {position:absolute; right:270px; top:19px; width:190px; height:97px; background:url(../images/logo.gif) no-repeat 0 0; text-indent:-2000em; line-height:0 !important;}
h1#logo a:hover, h1#logo a:active {background-position:0 -97px;}

#content {padding-left:0; position:relative;}
#picture {float:left; margin:0 0 1em 0;}
/*#picture p {max-width:400px;}*/


/* home ---------------------- */

/*div.column {width:175px; float:left; margin:0 22px 0 0;}


h2#websites {height:111px; width:162px; background:url(../images/heading_websites.gif) no-repeat 20px 30px; text-indent:-2000em; margin:0 auto;}
h2#print {height:111px; width:162px; background:url(../images/heading_print.gif) no-repeat 20px 30px; text-indent:-2000em; margin:0 auto;}
h2#identity {height:111px; width:162px; background:url(../images/heading_identity.gif) no-repeat 20px 30px; text-indent:-2000em; margin:0 auto;}
h2#etcetera {height:111px; width:162px; background:url(../images/heading_etcetera.gif) no-repeat 20px 30px; text-indent:-2000em; margin:0 auto;}
div.column ul.homethumbs {list-style:none; text-align:center;}
div.column ul.homethumbs li {margin-bottom:16px; text-align:left; height:auto !important;}
div.column ul.homethumbs li img {
    margin:0 auto;
    padding:0 !important;
    border-top:14px solid #fff; 
    border-left:15px solid #fff; 
    border-right:15px solid #fff; 
    border-bottom:16px solid #fff;
    }
div.column ul.homethumbs li img:hover {border-color:#c4c1b1;}

h2.categorylisttitle {margin:0 0 0.5em 30px; text-align:left !important;}
ul.categorylist {}
body#home ul.categorylist {margin-left:30px;}
ul.categorylist li {margin:0.15em 0; font-size:0.9em;}
ul.categorylist li a {font-size:1.1em;}
ul.categorylist li ul {margin:0 0 0 1em;}
*/

/* =section front page ---------------------- */

/*body#section #header {padding-top:40px;}*/
/*body#section #page {width:auto;}
body#section #content {width:auto;}
body#section p#introduction {position:static !important; float:left !important;}
body#section h1#logo a {position:static !important; float:right !important; margin-bottom:1em;}*/
body#section #footer {padding-left:0;}
body#section #content h2.sectionheading {font-size:22px; color:#2e2a1f; margin:0 0 25px; font-weight:normal; line-height:0.5em;}
h1 strong {font-weight:bold;}
ul.thumbs {margin:0 !important; margin-left:-10px;}
ul.thumbs li {
    display:block;
    height:240px !important;
    float:left;
    margin:0 15px 26px 0;
    text-align:center;
/*    width:155px;*/
    }
ul.thumbs li a {
    display:block;
    list-style:none;
    border:none;
    }
ul.thumbs li:hover, ul.thumbs li:active {background:#c4c1b1;}
ul.thumbs li img {
    margin:0 auto;
    padding:0 !important;
    border-top:14px solid #fff; 
    border-left:15px solid #fff; 
    border-right:15px solid #fff; 
    border-bottom:16px solid #fff;
    }

ul.thumbs li h3 a {text-decoration:none; font-size:0.6em !important; line-height:1em; margin:0.5em auto; font-weight:normal !important; max-width:100px; text-align:center;}
ul.thumbs p strong {font-weight:normal; font-style:italic; font-size:0.7em; line-height:1em; max-width:100px; text-align:center; margin:0 auto;}

#sidebar {position:absolute; top:170px; right:25px; width:213px;}
#sidebar ul {list-style:none; margin-bottom:1.5em;}
#sidebar ul li {font-size:1em; line-height:1.15em;}
#sidebar ul li a {text-decoration:none; display:block;}
#sidebar a:hover, div.column ul a:hover, #sidebar a:active, div.column ul a:active {border:none; background:#c4c1b1;}
#sidebar ul li.current-cat, #sidebar ul li a.active_category, #sidebar h2.current-cat, #sidebar h2 a.active_category {background:#c4c1b1;} /* active_category class assigned in single article by Show Active Category plugin: http://www.screenshine.net/blog/1474_wordpress-plugin-show-active-category */
#sidebar h2 {font-size:24px; font-weight:normal; color:#45423b; margin:0; line-height:1em;}
#sidebar h2 a {color:#45423b; text-decoration:none !important; border:none;}
#sidebar h2 a em.small {font-size:0.4em; color:#930; border-bottom:1px solid #c4c1b1;}
#sidebar h2 a:hover, div.column h2 a:active {color:#000; text-decoration:none;}
#sidebar h3 {font-size:0.9em;}
#sidebar ul, div.column p {font-size:0.9em; list-style:none;}

body.Places #sidebar h2#places-nav a,
body.People #sidebar h2#people-nav a,
body.Things #sidebar h2#things-nav a {background:#c4c1b1;}

/* photograph ---------------------- */

#photoinfo {position:relative; padding:0 0 0 49px; margin-bottom:2em; width:600px;}
#photoinfotitles {float:left; margin-right:25px;}
#photoinfo h1 {font-size:22px; line-height:24px; max-width:20em; }
#photoinfo h1 a {text-decoration:none; font-weight:normal; color:#2e2a1f;}
#photoinfo h2 {font-size:16px; text-decoration:none; font-weight:normal; margin-bottom:0.5em; color:#2e2a1f;}
#photoinfo form {margin:0.20em 0 0.75em !important; float:left;}
#photoinfo form input {padding:0 !important; margin:0 !important;}
#photoinfo form label {display:block; margin-top:0 !important;}
#photoinfo form select {float:left; margin:0 5px 5px 0 !important;}
#photoinfo p {font-size:14px; margin-bottom:1em; max-width:30em; clear:both;}

p.cats, p.tags {font-size:0.8em !important; margin:0.25em !important;}

div#content.vertical #photoinfo {width:230px !important; padding-left:0; float:left;}
div#content.vertical #photoinfo #photoinfotitles {float:none;}
div#content.vertical #photoinfo form select {float:none;}
div#content.vertical #photoinfo p {width:auto;}

div#plateframe {position:relative; clear:both; margin-bottom:15px; width:auto;}
div#plateframe img {
    border-top:46px solid #fff; 
    border-left:49px solid #fff; 
    border-right:49px solid #fff; 
    border-bottom:53px solid #fff;
    }
div#content.vertical div#plateframe img {float:left; margin:0 25px 25px 0;} /* When an image has a 'vertical' tag, it is floated to the left. */
div#caption p {margin-left:49px; font-size:14px !important; max-width:22em;}

p#breadcrumbs {clear:both; margin:0 0 25px; font-size:0.9em;}
ul#imagenav {
    margin-bottom:2em;
    list-style:none;
    font-size:0.8em; line-height:1em; font-style:italic;
    text-decoration:none;
    margin-bottom:0 !important;
    position:absolute;
    top:0;
    right:30px;
    }
    ul#imagenav li {text-align:right;}
    ul#imagenav li a {display:block; padding:0.75em 1.25em;}
    ul#imagenav a {text-decoration:none;}
    ul#imagenav li a:hover, ul#imagenav li a:active {color:#000;}


/* =pages ---------------------- */

body.page div#content {width:31.7em;}
body.page #footer, body#search #footer {padding-left:0;}
body.page div#content p {line-height:1.3em;}
body.page div#content h1 {font-size:24px; margin:1.5em 0 0.5em; color:#2e2a1f;}
body.page div#content h2 {font-size:24px; margin:1.5em 0 0.5em;}
body#information a#nav-information, body#contact a#nav-contact {text-decoration:none !important; font-weight:bold !important; font-style:italic;}
div#contactinfo {float:right; margin:0; padding:0;}
div#contactinfo h1 {margin:0 !important; padding:0 !important;}
body#contact textarea {width:60%;}


/* =typography, etc ---------------------- */

p {margin:0 0 1em;}
dt {margin:0 0 0.5em; color:#2e2a1f;}
dd {margin:0 0 2em 1em;}
dd p {color:#000;}
sup {line-height:0; font-size:0.8em;}
acronym {border-bottom:dashed 1px #c4c1b1;}
a.plink {color:#c4c1b2; text-decoration:none; font-size:0.8em;}
h1 {font-size:19px; font-weight:bold; color:#45423b;}
h2 {font-size:16px; margin-bottom:0.4em;}
h2.dateline {margin:3em 0; text-transform:uppercase; font-size:13px; letter-spacing:0.1em; font-weight:normal;}
h3.posted {font-size:14px; font-style:italic; font-weight:normal; margin-top:0em;}
.small {font-size:0.8em;}
p.caption {font-size:15px; font-style:italic;}
pre.articlebreak {margin:5em 0; font-family:monospace; color:#afa99f;}
p.datelineresults {margin:2em 0 0;}
p.footnote {font-size:0.8em;}
sup.footnote {font-size:0.7em; font-weight:bold;}
p.paging {margin:5em 0;}
span.caps {font-size:0.8em;}
img {border:0; display:block; margin-bottom:1em;}
body#home img {margin-bottom:0;}
.hidden {display:none !important;}

/* =tables ---------------------- */

table {
	width:38em;
	padding:0;
	margin:0 0 1em;
	border-collapse:collapse;
	}
	table caption {
		padding:0 0 0.8em 0;
		width:auto;	 
		font-style:italic;
		text-align:right;
		}
	table th {
		text-align:left;
		border:1px solid #c4c1b1;
		padding:0.5em;
        font-size:0.9em;
		}
	table td {
      border:1px solid #c4c1b1;
		padding:0.5em;
	    font-size:0.9em;
		}
	table td.alt {
		}
	table th.vert {
		border-left:1px solid #c4c1b1;
		border-top:0;
		}
	table th.vertalt {
		border-left:1px solid #c4c1b1;
		border-top:0;
		}
	.alignright {text-align:right;}
	.aligncenter {text-align:center;}

table#printdetails {width:28.7em;}

div#footer {clear:both; padding:0 49px; margin:3em 0; font-size:0.8em !important; height:68px; /*background:url(../images/base.gif) repeat-x 0 0;*/}

/* =forms ---------------------- */

input, textarea {font-size:0.8em; margin:0 0 0.25em; padding:0.25em; font-family:"times new roman", times, serif;}
label {font-size:0.8em !important; font-weight:bold;}
p.thankyou {background:#c4c1b1; color:#000; font-weight:normal; letter-spacing:0.050em; padding:2em; font-style:italic; text-align:center;}
input.checkbox {margin:1em 0 0;}
/*select {display:block; margin-bottom:1em;}*/
fieldset {padding:1em 0; border:none;}
textarea {background:#fff;}
input.button {background:#fff;}

form.wpcf7-form input, form.wpcf7-form textarea {margin-bottom:1em;}

div.wpcf7-response-output {position:absolute; top:25%; left:25%;}

/* =search ---------------------- */

form#searchform {position:absolute; top:128px; left:732px; clear:both;}
form#searchform input {margin-right:0; width:143px;}
input#searchsubmit, input.submitbutton {font-size:0.8em; background:#c4c1b1; width:auto !important; font-family:"times new roman", times, serif; border-top:1px solid #fffceb; border-right:1px solid #afaa9a; border-bottom:1px solid #afaa9a; border-left:1px solid #fffceb; padding:0.40em;}
body#search ul.thumbs {text-align:left; margin:0; padding:0;}
body#search ul.thumbs li {width:60% !important; text-align:left; margin-bottom:0;}
body#search ul.thumbs li img {margin:0; text-align:left;}
body#search ul.thumbs li a {display:inline; text-align:left;}
body#search ul.thumbs li a.imglink {display:block; float:left; margin:0 1em 1em 0;}
body#search ul.thumbs li h3 {margin:0 0 0.25em; font-size:2em !important; text-align:left;}
body#search ul.thumbs li p {font-weight:normal; line-height:1em; margin:0 0 0.5em; text-align:left;}
body#search ul.thumbs li p strong {font-style:normal; font-weight:bold; font-size:1em;}

/* =pagination ---------------------- */

div.wp-pagenavi {clear:both; margin:0 0 25px; font-size:0.9em;}

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 3px 6px; 
	margin: 2px;
	text-decoration: none;
	border-top:1px solid #fffceb; border-right:1px solid #c4c1b1; border-bottom:1px solid #c4c1b1; border-left:1px solid #fffceb;
	color: #930;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 3px 6px; 
	margin: 2px;
	text-decoration: none;
	border-top:1px solid #fffceb; border-right:1px solid #c4c1b1; border-bottom:1px solid #c4c1b1; border-left:1px solid #fffceb;
	color: #930;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border-color:#fff;
	color: #000000;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #930;
	color: #930;
	background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 0;
	color: #000000;
	border-top:1px solid #fffceb; border-right:1px solid #c4c1b1; border-bottom:1px solid #c4c1b1; border-left:1px solid #fffceb;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #eae6d8;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border-top:1px solid #fffceb; border-right:1px solid #c4c1b1; border-bottom:1px solid #c4c1b1; border-left:1px solid #fffceb;
	color: #000000;
	background-color: #FFFFFF;
}