/* - - - - - - - - - - - - - - - - - - - - -
Title : Jennifer Bryant layout and style
Author : Reese Spykerman
URL : www.designbyreese.com
Created : May 6, 2006
Modified : June 16, 2006
- - - - - - - - - - - - - - - - - - - - - */


/********** standard elements **********/

body{
margin: 0;
padding: 0;
background: #b6c4d3 url(http://www.jenniferbryant.net/graphics/bgtile.gif);
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: small;
color: #000;
}


hr {
display: none;
}

a {color: #841f27; text-decoration: none;
border-bottom: 1px dotted #841f27;
}

a:link {color: #841f27; text-decoration: none;
border-bottom: 1px dotted #841f27;
}


a:link {color: #841f27; text-decoration: none;
border-bottom: 1px dotted #841f27;
}

a:hover {color: #fff; text-decoration: none;
border-bottom: 1px dotted #fff; background: #841f27;
}

/********** structural elements (the layout) **********/
#container {
position: relative;
margin: 30px auto 10px auto;
width: 861px;
background: #851f27 url(http://www.jenniferbryant.net/graphics/container.jpg) repeat-y;
}

#header {
float: left;
width: 861px;
height: 159px;
background: transparent url(http://www.jenniferbryant.net/graphics/header.jpg) no-repeat;
}

#header h1 {
text-indent: -9999px;
display: block;
}

#innerwrapper {
float: left;
margin-left: 66px;
width: 770px;
background: transparent url(http://www.jenniferbryant.net/graphics/innerwrapper.jpg) repeat-y;
}

#pen {
position: absolute;
top: 154px;
left: 2px;
width: 88px;
height: 446px;
background: transparent url(http://www.jenniferbryant.net/graphics/pen.jpg) no-repeat top left;
z-index: 1;
}

#contact-page #pen {
display: none;
}

#navigation {
float: left;
margin-top: -10px;
padding: 25px 20px 20px 2px;
width: 191px;
background: transparent url(http://www.jenniferbryant.net/graphics/menudivider.gif) repeat-y top right;
}

#maincontent {
float: left;
padding: 5px 0 20px 20px;
width: 510px;
}

.copyright {
margin: 0 auto;
text-align: center;
width: 861px;
position: relative;
font-size: 80%;
padding-bottom: 20px;
}

h2.credits {
font-size: 100%;
margin: 5px 0 0 0; 
padding: 0;
font-weight: normal;
color: #000;
}

/*Featured box home page */

#featured {
float: left;
width: 741px;
margin: 10px 0 0 0;
padding: 0 0 0 28px;
}

.featuredtop {
width: 741px;
height: 43px;
background-repeat: no-repeat;
background-image: url(http://www.jenniferbryant.net/graphics/featuredtop2.jpg);
}

.featuredrepeat {
width: 741px;
background: transparent url(http://www.jenniferbryant.net/graphics/featuredrepeat2.jpg) repeat-y;
}

.featuredbottom {
clear: both;
width: 741px;
height: 20px;
background: transparent url(http://www.jenniferbryant.net/graphics/featuredbottom2.jpg) no-repeat;
}


#tip {
float: left;
width: 210px;
margin: -15px 0 0 0;
padding: 0 10px 0 35px;
background: url(http://www.jenniferbryant.net/graphics/featuresverticaldivider.gif) no-repeat 100% 0;
}

#tip h2 {
margin: 0;
padding: 0;
text-indent: -9999px;
background: transparent url(http://www.jenniferbryant.net/graphics/tipoftheweek.gif) no-repeat;
width: 201px;
height: 21px;
}

#tip p {
margin: 0;
padding: 0;
}

#whatsnew {
float: left;
width: 210px;
margin: -15px 0 0 0;
padding: 0 10px 0 15px;
background: url(http://www.jenniferbryant.net/graphics/featuresverticaldivider.gif) no-repeat 100% 0;
}

#whatsnew h2 {
margin: 0;
padding: 0;
text-indent: -9999px;
background: transparent url(http://www.jenniferbryant.net/graphics/whatsnew.gif) no-repeat;
width: 201px;
height: 21px;
}

#whatsnew p{
margin: 0;
padding: 0;
}

#press {
float: left;
width: 210px;
margin: -15px 0 0 0;
padding: 0 0 0 15px;
}

#press h2 {
margin: 0;
padding: 0;
text-indent: -9999px;
background: transparent url(http://www.jenniferbryant.net/graphics/hotoffthepress.gif) no-repeat;
width: 199px;
height: 21px;
}

#press p {
margin: 0;
padding: 0;
}

#footer {
clear: both;
width: 861px;
height: 26px;
background: transparent url(http://www.jenniferbryant.net/graphics/footer.jpg) no-repeat;
}

.jennifermainphoto {
float: left;
width: 168px;
height: 196px;
background: #fff url(http://www.jenniferbryant.net/graphics/jennifermainphoto.jpg) no-repeat;
border: 1px solid #a5b557;
border-top: 4px solid #a5b557;
border-bottom: 4px solid #a5b557;
margin: 0 15px 0 0;
}

.jenniferaboutphoto {
float: left;
width: 166px;
height: 194px;
background: #fff url(http://www.jenniferbryant.net/graphics/jenniferaboutphoto.jpg) no-repeat;
border: 1px solid #a5b557;
border-top: 4px solid #a5b557;
border-bottom: 4px solid #a5b557;
margin: 0 15px 0 0;
}

.jenniferhorsephoto {
float: right;
width: 225px;
height: 199px;
background: #fff url(http://www.jenniferbryant.net/graphics/jenniferhorsephoto.jpg) no-repeat;
border: 1px solid #a5b557;
border-top: 4px solid #a5b557;
border-bottom: 4px solid #a5b557;
margin: 0 0 0 15px;
}


/* NAVIGATION */
ul#menu {
width:191px;
height: 235px;
margin:0;
padding:0;
border:0;
background:transparent url(http://www.jenniferbryant.net/graphics/navimage.jpg) no-repeat 0 0;
}

ul#menu li {
padding:0;
margin:0;
display:block;
float:left;
text-indent:-9999px;
color: #000;
}

ul#menu li a {
border:0;
display:block;
text-decoration:none;
background:transparent url(http://www.jenniferbryant.net/graphics/navimage.jpg) no-repeat;
outline: none;
}

li#home a {
width:191px;
height:31px;
padding: 0;
margin: 0;
}

li#published a {
width:191px;
height:30px;
padding: 0;
margin: 0;
}

li#editor a {
width:191px;
height:29px;
padding: 0;
margin: 0;
}

li#services a {
width:191px;
height:28px;
padding: 0;
margin: 0;
}

li#new a {
width:191px;
height:28px;
padding: 0;
margin: 0;
}

li#awards a {
width:191px;
height:27px;
padding: 0;
margin: 0;
}

li#about a {
width:191px;
height:30px;
padding: 0;
margin: 0;
}

li#contact a {
width:191px;
height:30px;
padding: 0;
margin: 0;
}

li#home a:hover {
background-position:0px 0px;
}

li#published a:link, li#published a:visited {
background-position:0px -31px;
}

li#published a:hover {
background-position:0px -266px;
}

li#editor a:link, li#editor a:visited {
background-position: 0px -61px;
}

li#editor a:hover {
background-position: 0px -296px;
}

li#services a:link, li#services a:visited {
background-position: 0px -90px;
}

li#services a:hover{
background-position: 0px -325px;
}

li#new a:link, li#new a:visited {
background-position: 0px -118px;
}

li#new  a:hover{
background-position: 0px -353px;
}

li#awards a:link, li#awards a:visited {
background-position: 0px -146px;
}

li#awards a:hover {
background-position: 0px -381px;
}

li#about a:link, li#about a:visited {
background-position: 0px -173px;
}

li#about a:hover {
background-position: 0px -408px;
}

li#contact a:link, li#contact a:visited {
background-position: 0px -203px;
}

li#contact a:hover {
background-position: 0px -438px;
}

/* active page navigation */

body#home-page ul#menu li#home a {
background-position:0px -235px;
}

body#published-page ul#menu li#published a {
background-position: 0 -266px;
}

body#editor-page ul#menu li#editor a {
background-position:-0 -296px;
}

body#services-page ul#menu li#services a {
background-position:0 -325px;
}

body#blog-page ul#menu li#new a {
background-position: 0-353px;
}

body#awards-page ul#menu li#awards a {
background-position: 0 -381px;
}

body#about-page ul#menu li#about a {
background-position: 0 -408px;
}

body#contact-page ul#menu li#contact a {
background-position: 0 -438px;
}


/*********** HEADINGS *****************/

h2 {
color: #354e71;
font-size: 110%;
}

h3 {
color: #436AAB;
margin: 0;
padding: 0;
font-size: 110%;
text-transform: uppercase;
}

#published-page h3 {
margin: 10px 0 5px 0;
font-size: 120%;
color: #354e71;
}

#editor-page h3 {
margin: 10px 0 5px 0;
font-size: 120%;
color: #354e71;
}

#blog-page h3 {
margin: 10px 0 0 0;
font-size: 120%;
color: #354e71;
font-weight: bold;
text-transform: none;
}


/*********** HOME*******/
#whatsnew p.morelink {
background: url(http://www.jenniferbryant.net/graphics/morearrow.gif) no-repeat 0 50%;
padding: 0 0 0 17px;
text-transform: uppercase;
font-size: 80%;
margin: 4px 0 0 0;
font-weight: bold;
}

#tip p.morelink  {
background: url(http://www.jenniferbryant.net/graphics/morearrow.gif) no-repeat 0 50%;
padding: 0 0 0 17px;
text-transform: uppercase;
font-size: 80%;
margin: 4px 0 0 0;
font-weight: bold;
}

#home-page img.coverimage  {
float: left;
border: 2px solid #f8c840;
margin: 3px 10px 0 0;
}


/********** PUBLISHED THUMBNAILS *******/
#published-page p.morelink {
background: url(http://www.jenniferbryant.net/graphics/morearrow.gif) no-repeat 0 50%;
padding: 0 0 0 17px;
text-transform: uppercase;
font-size: 80%;
margin: 4px 0 20px 0;
font-weight: bold;
}


.thumbscontent {
float: left;
width: 510px;
margin: 0 0 25px 0;
}

p.publicationname {
margin: 0;
padding: 8px 8px 2px 0;
border-bottom: 3px solid #a5b658;
font-weight: bold;
}

p.publicationname a {
border: 0;
}

div.publicationthumb {
float: left;
width: 120px;
padding: 8px 0 0 0;
}

img.coverimage  {
float: left;
margin-bottom: 10px;
border: 2px solid #f8c840;
}

img.coverimage:hover {
border: 2px solid #436AAB;
}

p.storytitle  {
text-transform: uppercase;
font-size: 90%;
color: #3a567e;
font-weight: bold;
margin: 0;
padding: 10px 0 0 0;
}

p.publicationdatebooks {
text-transform: uppercase;
font-size: 80%;
color: #3a567e;
font-weight: bold;
margin: 0;
padding: 8px 0 10px 0;
}

p.publicationdatearticles {
text-transform: uppercase;
font-size: 80%;
color: #3a567e;
font-weight: bold;
margin: 0;
padding: 0 0 8px 0;
}

.publicationcontent {
float: left;
width: 370px;
padding: 0 0 10px 0;
}

p.publicationdescription {
font-size: 90%;
line-height: 150%;
margin: 0;
padding: 0;
}

#editor-page p.publicationdescription {
padding-top: 6px;
}

p.readpublished {
margin: 8px 0 0 0;
padding: 0;
}

/***********BLOGMAIN*******/
p.blogposted {
margin: -5px 0 40px 0;
text-transform: uppercase;
font-size: 80%;
font-weight: bold;
text-align: center;
color: #4e4e4e;
}

/*********** BLOGSIDE *******/

#blogside {
margin: 40px 0 0 0;
border-top: 1px dotted #354e71;
}

#blogside ul {
text-align: right;
list-style: none;
margin: 0 0 20px 0;
padding: 0;
}

#blogside li {
margin: 0 0 4px 0;
}

#blogside h3 {
text-align: right;
margin: 10px 0 0 0;
font-weight: bold;
color: #93a14c;
font-size: 100%;
}

/******** EXTRA TEXT  ********/
p.photocredits {
clear: left;
float: left;
margin: 20px 0 0 0;
padding: 3px 0 0 0;
font-size: 80%;
text-transform: uppercase;
border-top: 1px dotted #000;
width: 510px;
}