/*  
Theme Name: Version Two
Theme URI: http://alanrickmanfan.com
Description: The second theme for Alan Rickman Fan
Version: 1.0
Author: Kari
*/

body {
background: #e3e3d9;
font-size: 8pt;
font-family: verdana;
color: #ced9cb;
margin-top: 0px;
}

h1 {
font-family: georgia;
font-size: 14pt;
text-align: right;
color: #cdb584;
padding: 25px;
letter-spacing: 2px;
font-weight: normal;
text-transform: lowercase;
text-shadow: 0 2px 1px #222222;
} 

h1 a {
font-family: georgia;
font-size: 14pt;
text-align: right;
color: #cdb584;
padding: 25px;
letter-spacing: 2px;
font-weight: normal;
text-transform: lowercase;
text-shadow: 0 2px 1px #222222;
} 

h1 a:hover {
font-family: georgia;
font-size: 14pt;
text-align: right;
color: #cdb584;
padding: 25px;
letter-spacing: 2px;
font-weight: normal;
text-transform: lowercase;
text-shadow: 0 2px 1px #222222;
}

h2 {
font-family: "century gothic";
font-size: 12pt;
text-align: right;
font-weight: normal;
color: #ffffff;
padding:15px;
letter-spacing: 2px;
text-transform: lowercase;
text-shadow: 0 1px 1px #cdb584;
} 

h3 , h4{
font-family: georgia;
font-size: 10pt;
text-align: center;
font-weight: bold;
color: #ffffff;
padding: 2px;
letter-spacing: 2px;
background-color: #0d0d0f;
text-transform: uppercase;
} 

a { 
color: #bc9d5e;
text-decoration: none; 
font-weight: bold;
text-shadow: 0 1px 1px #222222;
}

a:hover {
color: #cdb584; 
text-decoration: none;
font-weight: bold;
cursor: default;
text-shadow: 0 1px 1px #222222;
}

b, strong {
color: #d69696;
text-transform: uppercase;
}

i, em { 
color: #a98577;
}

u {
color: #e7b6b2;
}

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

#banner {
background: url(images/arickman.jpg) no-repeat;
width: 900px;
height: 366px;
}

#menu a {
position: absolute;
height: 24px;
width: 49px;
top: 16px; 
text-decoration: none;
}

#menu a i { 
visibility: hidden; 
}

a#home { 
left: 76px; 
}

a#alan { 
width: 47px;
left: 175px; 
}

a#career { 
width: 63px; 
left: 269px; 
}

a#gallery { 
width: 68px;
left: 381px; 
}

a#videos { 
width: 59px;
left: 499px; 
}

a#media { 
width: 54px; 
left: 603px; 
}

a#online {
width: 57px;
left: 707px;
}

a#site {
left: 881px;
}

a#designer {
width: 47px;
left: 360px;
top: 335px;
}

a#host {
width: 26px;
left: 421px;
top: 335px;
}

a#contact {
width: 58px;
left: 462px;
top: 335px;
}

#wrap {
width: 900px;
margin: 0 auto;
}

#content {
float: left;
width: 575px;
padding:0px;
}

#right {
width: 310px;
float: right;
}

#footer {
clear: both;
width:900px;
text-align: center;
}

#post {
width: 575px;
padding: 0px;
}

.post-mid {
background: url(images/post-mid.png) repeat-y top left;
padding: 10px;
color: #1d2b20;
}

.post-top {
background: url(images/post-top.png) no-repeat top left;
text-align: right;
height: 60px;
}

.post-bottom {
background: url(images/post-bottom.png) no-repeat top left;
height: 73px;
color: #1d2b20;
}

#side {
width: 310px;
padding: 0px;
}

.side-mid {
background: url(images/side-mid.png) repeat-y top left;
padding: 10px;
}

.post-mid b, .post-mid strong, .post-bottom b, .post-bottom strong {
color: #284031;
text-transform: uppercase;
}

.post-mid i, .post-mid em, .post-bottom i, .post-bottom em {
color: #614940;
}

.post-mid u, .post-bottom u {
color: #3e4540;
}

.side-top {
background: url(images/side-top.png) no-repeat top left;
height: 44px;
text-align: right;
}

.side-bottom {
background: url(images/side-bottom.png) no-repeat top left;
height: 49px;
}

#intro {
position:absolute;
left: 91px;
top: 167px;
width: 240px;
height: 107px;
}

#pics {
position:absolute;
left: 553px;
top: 165px;
width: 288px;
height: 125px;
}

.date {
background: transparent;
font-size: 7pt;
font-family: verdana;
text-align: center;
line-height: 10px;
padding: 4px;
}

input, select, textarea {
background: transparent;
font-family: gerogia;
font-size: 9pt; 
color: #ced9cb; 
padding: 2px;
border: 1px solid #333333;
}

blockquote {
background: #607064;
padding: 5px;
}

img.alignleft, img.alignright  {
padding:3px;
border: 1px solid #bc9d5e;
}

img.centered {
margin-left: auto;
margin-right: auto; 
padding:3px;
border: 1px solid #bc9d5e;
}

img.alignnone {
padding-right: 3px;
}

.alignleft {
float: left;
}

.alignright{
float: right;
}