/* 
*  dark_roast.css --providing the smooth and
*  and mellow styling of plainjoe.org  
*/

    /* Basic site-wide colors, fonts, sizes */
body {
	margin:0;
	padding:0;
 	background-image:url(../images/vinpage.png);
	font-family:sans-serif;
        font-size:medium;
	color:#50391A;
	text-align:center;
}
a,
a:link {
    color:#B1690B;
}
a:hover {
    color:#F2EDCF;
}
a:active {
    color:#FFF;
}
a:visited {
    color:#735D41;
}
img {
	border:0;
}

    /* Logo and rotating pics banner*/
#header {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:200px;
    padding:0;
    margin:0;
    text-align:left;
    z-index:1;
}
.subtitle {
    position:absolute;
    top:200px;
    left:5px;
}
#rotate {
    border:1px solid #333231;
    width:500px;
    height:160px;
}

    /* Site-wide navigation styles */
.nav {
    background-color:#735D41;
    width:95%;
    height:35px;
    color:#FFF;
    font-size:large;
    text-align:center;
    margin:0 0 25px 3%;
}
.nav ul {
    list-style-type:none;
    padding:0;
    margin:0 0 0 -10px;
}
.nav li {
    display:inline;
    margin:0 1%;
    padding:0;
}

    /* Format and layout the page */    
#page {
	background-image:url(/images/screen.png);
	margin:0 2% 0 240px;
	padding:15px;
	min-height:800px;
        min-width:500px;
        border-left:2px groove #333231;
        border-right:2px groove #333231;
}

.content {
    padding-top:50px;
    text-align:left;
}


/* Drop cap lettering for first paragraphs */
.inset {
    font-size:x-large;
}
.para1 {
    padding:0;
    margin-left:-5px;
}