/*
Theme Name: victoria roe
Theme URI: http://www.victoriaroe.com
Version: 1.0
Author: James Cooper
Author URI: http://jpc-design.com/
*/

* {
margin: 0;
padding: 0;
border: 0;
}

html {
background: #ceced8;
}

body {
padding: 50px 0 0 0;
font-size: small;
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
font-weight: normal;
}

#container {
width: 820px;
margin: 0 auto;
position: relative;
}

img {
border: 0;
}

/* header */

#header{
margin: 0;
padding: 0;
border: 0px solid red;
}

#header h1 {
margin: 0 0 0 10px;
padding: 0;
font-family: "courier new", courier, monospace;
font-size: 440%;
font-weight: bold;
border: 0;
color: #000;
text-transform:lowercase;
}

#header h1 a {
padding-top: 0px;
color: #000;
text-decoration:none;
}



/* main nav */

#nav {
display: block;
padding: 18px 0 0 15px;
margin: 30px 0 0 0;
color: #333;
width: 430px;
height: 50px;
font-family: "courier new", courier, monospace;
text-transform: lowercase;
line-height: 18px;
/* fixes Firefox 0.9.3 */
border: 0px solid red;

background: url(images/navback64.png) no-repeat top right;
}

#nav li {
float: left;
display: inline;
margin: 0 8px 0 0; 
padding: 0px 12px 5px 0;
font-size: 115%;
font-weight: bold;
border: 0;
background: url(images/bullet2.png) no-repeat 100% 40%;
}

#nav li.last {
background: none;
margin: 0;
padding: 0 0 5px 0;
}

#nav li a {
padding: 0;
margin: 0;
color: #000;
text-decoration: none;
border: 0;
}

#nav li.current_page_item {
color: #000;
}

/*
#nav li.current_page_item a, #nav li.current_page_parent a {
color: #000;
border-bottom: 2px solid #000;
}
*/

#nav li a:hover {
color: #000;
border-bottom: 2px solid #000;
text-decoration: none;
}


/* sub nav */

#subnav {
width: 300px;
padding: 0;
margin: 0 0 15px 0;
color: #666;
text-transform: lowercase;
}

#subnav li {
margin: 0 0 3px 0; 
padding: 0;
list-style: none;
}

#subnav li a {
padding: 0;
margin: 0;
color: #666;
text-decoration: none;
border: 0;
}

#subnav li.current_page_item {
color: #000;
}

#subnav li.current_page_item a {
color: #000;
}

#subnav li a:hover {
color: #666;
border-bottom: 2px solid #666;
text-decoration: none;
}






/* typog and layout stuff */


#content{
border: 0px solid blue;
}

#content h2 {
font-family: "courier new", courier, monospace;
font-weight: bold;
font-size: 225%;
margin: 15px 0 0 15px;
text-transform: none;
clear: both;
}

#content h2 a {
color:#000;
text-decoration:none;
}

#content h2 a:hover {
color:#000;
border-bottom: 2px solid #000;
text-decoration: none;
}

#content h3 {
font-family: "courier new", courier, monospace;
font-weight: bold;
font-size: 140%;
margin: 25px 0 2px 0;
text-transform: none;
}

#content h3 a {
color:#000;
font-weight: bold;
text-decoration:none;
}

#content h3 a:hover {
color:#000;
border-bottom: 2px solid #000;
text-decoration: none;
}

#content h3, #content h2{
color:#000;
}

#content h4 {
font-weight: bold;
font-size: 100%;
margin: 0 0 10px 0;
text-transform: none;
}

#content h4 a {
color:#000;
font-weight: bold;
text-decoration:none;
}

#content h4 a:hover {
color:#000;
border-bottom: 2px solid #000;
text-decoration: none;
}


/*

#content .newsitem h3 {
font-size: 110%;
font-weight: bold;
text-transform: lowercase;
}

#content .newsitem h3 a {
font-weight: bold;
text-decoration: none;
}

#content .newsitem h3 a:hover {
text-decoration: underline;
}

#content .newsitem h4 {
font-size: 100%;
font-weight: bold;
text-transform: lowercase;
}

*/


#content a {
color:#000;
font-weight: normal;
text-decoration: none;
}

#content a:hover {
text-decoration: underline;
}


/* collection items */

#words {
width: 375px;
margin: 20px 0 30px 40px;
overflow: auto;
line-height: 1.4em;
border: 0px solid green;
}

#words p {
margin: 0 0 15px 0;
}

#collection-bigpic {
overflow:hidden !important;
width: 375px;
height: 130px;
margin: 0 0 0 40px;

border: 1px solid blue;
z-index:1000;
}

#collection-bigpic img {
position:relative;
top: -100px;
left: -75px;
}



/* rightside/gallery/lightbox items */

#sidepaper {
position: absolute;
top: 70px;
right:0;
margin: 0 0 30px 0;
height: 530px;
width: 370px;
background: url(images/pages_right64.png) no-repeat top left;
border: 0px solid blue;
}

#content #sidepaper h2 {
margin: 20px 0 15px 0;
padding: 20px 0 0 45px;
font-family: "courier new", courier, monospace;
font-weight: bold;
font-size: 200%;
text-transform: lowercase;
}

#sidepaper .gallery {
padding: 5px 0 0 15px;
width: 300px;
}

#sidepaper .gallery ul{

}

#sidepaper li.gallery-item {
float: left;
display: inline;
margin: 0 0 3px 0;
text-align: center;
border: 0px solid red;
zoom:1;
}

#sidepaper .gallery img {
border: 0;
}

#sidepaper li.gallery-item a:hover {
border-bottom: 0;
text-decoration: none;
}

#sidepaper img.pagepicture {
width: 290px;
margin: 55px 0 0 45px;
}


#sidepaper ul.normal {
margin: 0 0 0 50px;
list-style: none;
}

#sidepaper ul.normal li {
margin: 0 0 5px 0;
}

#sidepaper ul.normal li a.feed {
background: url(images/feed.png) no-repeat 0 50%;
padding: 0 0 0 16px;
}



/* press/news items */

#content .newsitem {
margin: 25px 0;
}

#content .newsitem a {
text-decoration: none;
}

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

#content .single {

}


/* contact page */

#contact-form {
position: absolute;
top: 185px;
right:0;
margin: 0 0 30px 0;
height: 250px;
width: 370px;
background: url(images/postcard264.png) no-repeat top left;
border: 0;
}



/* footer */

#footer{
text-align:center;
font:0.7em Verdana;
padding: 60px 0 30px 0;
color:#BBA992;
clear:left;
}

#footer a{
color:#BBA992;
text-decoration:underline;
}

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

#footer a.feed {
background: url(images/feed12.gif) no-repeat 100% 50%;
padding: 0 16px 0 0;
}



/* front page */

#content.front {
text-align: center;
}

#logo h1 {
margin: 0 auto;
padding: 0;
font-family: "courier new", courier, monospace;
font-size: 500%;
font-weight: bold;
border: 0;
color: #000;
text-transform: lowercase;
}

#logo h1 a {
font-weight: bold;
padding-top: 30px;
color: #000;
text-decoration:none;
}

#logo h1 a:hover {
color: #000;
text-decoration:none;
border-bottom: 4px solid #000;
}

#content.front h2 {
margin: 30px auto 15px 0;
font-size: 170%;
}

#homefades {
position: absolute;
top: 185px;
left: 160px;
border: 0px solid red;
}

#frontnav {
position: absolute;
top: 120px;
left: 190px;
padding: 0;
margin: 0;
color: #000;
text-transform: lowercase;
line-height: 18px;
/* fixes Firefox 0.9.3 */
border: 0;
font-family: "courier new", courier, monospace;
font-weight: bold;
}

#frontnav li {
float: left;
display: inline;
margin: 0 8px 0 0; 
padding: 0px 12px 5px 0;
font-size: 125%;
font-weight: bold;
border: 0;
background: url(images/bullet2.png) no-repeat 100% 40%;
}

#frontnav li.last {
background: none;
margin: 0;
padding: 0 0 5px 0;
}

#frontnav li a {
padding: 0;
margin: 0;
color: #000;
text-decoration: none;
border: 0;
font-weight: bold;
}

#frontnav li a:hover {
color: #000;
border-bottom: 2px solid #000;
text-decoration: none;
}

#copyright {
position: absolute;
top: 485px;
left: 340px;
font-family: "courier new", courier, monospace;
font-weight: bold;
color: #333;
}