/*
Theme Name: Rupert Grint Filmography [Photogenic Designs]
Theme URI: http://photogenic-designs.net
Description: Rupert Grint Filmography theme, designed by Photogenic Designs.
Version: 1.0
Author: Photogenic Designs
Author URI: http://photogenic-designs.net
*/

/* ######################### CSS STYLESHEET ######################### *\
// ##      WRITTEN EXCLUSIVELY FOR RUPERT GRINT FILMOGRAPHY        ## \\
// ##       CREATED BY PHOTOGENIC - PHOTOGENIC-DESIGNS.NET         ## \\
// ##  FILE MAY NOT BE REDISTRIBUTED IN WHOLE OR SIGNIFICANT PART  ## \\
// ##           CSS STYLESHEET COPYRIGHT 2009 PHOTOGENIC           ## \\
// ##      THIS COPYRIGHT NOTICE MUST REMAIN INTACT FOR USE        ## \\
\* ################################################################## */

body { background: #4c0c03 url(images/bg-repeat.jpg) repeat-x; font: 14px 'helvetica neue', helvetica, arial, verdana, tahoma, 'times new roman', sans-serif, serif; padding: 0px; margin: 0px; color: #bbb1af; }
a:link, a:visited, a:active { font-weight: bold; text-decoration: underline; color: #f1d5d5; }
a:hover { text-decoration: none; color: #fff; }
#main { background: #310909 url(images/top.jpg) no-repeat; width: 864px; padding-top: 460px; margin: 0 auto 15px auto; position: relative; border: 4px solid #020001; border-top-width: 0; }
#maincontent { margin: 0 auto; padding-bottom: 10px; }

#side1, #side2 { background: #000; opacity: .8; padding: 5px; }
#side1 { float: right; width: 610px; margin-right: 5px; margin-bottom: 10px; }
#side2 { float: left; width: 220px; margin-left: 5px; }
#footer { font-weight: bold; font-size: 110%; clear: both; padding: 15px; text-align: right; background: #260707; border-top: 4px solid #020001; }

#nav { list-style-type: none; padding: 0px; margin: 0px; margin: 0 auto; }
#nav li { position: absolute; float: left; top: 274px; height: 20px; width: 94px; }
#nav a { display: block; width: 100%; height: 100%; }
#nav a a:link, #nav a:visited, #nav a:active, #nav a:hover { text-decoration: none; }
#nav span { display: none; }
#home { left: 244px; }
#kristen { left: 357px; }
#gallery { left: 472px; }
#media { left: 584px; }
#site { left: 697px; }

.block, .post { padding: 5px; }
#side1 .block, #side1 .post { margin-left: 0; }
#side2 .block, #side2 .post { margin-right: 0; }
h2 { font-size: 130%; margin: 0; border-bottom: 1px solid #403838; text-align: left; }
h2, h2 a:link, h2 a:active, h2 a:visited, h2 a:hover { text-decoration: none; color: #817979; }
.body, .entry { overflow: hidden; padding: 5px 10px; text-align: justify; }
h3 { border-bottom: 1px solid #bbb1af; letter-spacing: 1px; font-size: 12pt; font-weight: bolt; text-transform: uppercase; }
.postmetadata { text-align: center; font-size: 8pt; }
.commentlist { list-style-type: none; padding-left: 15px; }
.commentlist li { border-bottom: 1px solid #544e4e; font-weight: normal; margin-bottom: 10px; }
.comment-author { text-transform: uppercase; font-size: 8pt; }
.says { font-weight: bold; }
.comment-meta a:link, .comment-meta a:visited, .comment-meta a:active, .comment-meta a:hover { font-weight: normal; color: #544e4e; text-decoration: none; background: none; }
.avatar { display: none; }
.comment-meta { font-size: 8pt; }
#respond textarea { width: 100%; }
textarea, input[type=text] { background: #310909; color: #bbb1af; font: 9pt arial, verdana, tahoma, 'times new roman', sans-serif, serif; border: 1px solid #544e4e; padding: 5px; max-width: 550px; }
small { font-size: 8pt; }
cite { color: #f1d5d5; text-decoration: underline; font-weight: bold; }
.navigation { margin-bottom: 10px; }
.says { color: #bbb1af; }

.paragraph { margin: 5px 0; }
p { margin: 0; margin-top: 10px; }
.indent { text-indent: 15px; }
strong { color: #d0c6c6; }
em, li span { color: #ab9e9e; }
li { margin-left: 15px; }
.und { text-decoration: underline; }
.str { text-decoration: line-through; }
ul { list-style-type: square; }
ol li { font-weight: bold; }
ol li span { font-weight: normal; }
#stats-online { text-align: center; }
img { border-width: 0px; }
.center { text-align: center; }
