/*
Theme Name: Saxon
Theme URI: http://www.saxonthefilm.com
Description: Theme made for saxonthefilm.com
Version: 1
Author: Michael Campbell

Wordpress theme for saxonthefilm.com || http://www.saxonthefilm.com
Built by Michael Campbell || http://www.campbellssource.com/
Hard coded navigation some use of CIMY Navigator plugin and saxon pages plugin
*/

/* web design by Michael Campbell- www.campbellssource.com */

body { padding:0; margin:0; font-family: "Courier New", Courier, mono; }

.container { width:970px; margin:20px auto; padding:0; }

ul.menu { padding:0; margin:20px 0 0 0; float:left; width:130px; list-style:none; font-size:18px; }
ul.menu li { padding:0; margin:0 0 8px 0; }
ul.menu li a { text-decoration:none; color:#000; padding:3px 5px 5px 5px; }
ul.menu li a:hover { text-decoration:none; color:#fff; background:#000; }
ul.menu li.class-contact { margin-bottom:43px; }
ul.menu li.class-contact a { background:#000; color:#fff; }
ul.menu li.class-contact a:hover { background:#fff; color:#000; }

/* left hand menu styles */
body#news li.class-news a { background:#fff; color:#000; text-decoration:underline; font-weight:bold; }
body#the-info li.class-the-info a { background:#fff; color:#00FE00; text-decoration:underline; }
body#images li.class-images a { background:#fff; color:#3298FD; text-decoration:underline; }
body#trailer li.class-trailer a { background:#fff; color:#FF00FF; text-decoration:underline; }

body#the-info li.class-the-info a:hover { background:#000; color:#fff; text-decoration:underline; }
body#images li.class-images a:hover { background:#000; color:#fff; text-decoration:underline; }
body#trailer li.class-trailer a:hover { background:#000; color:#fff; text-decoration:underline; }

ul.submenu { padding:0; margin:10px 0 0 0; float:left; width:200px; list-style:none; font-size:18px;  }
ul.submenu li { padding:0; margin:0 0 10px 2px;  }
ul.submenu li a { text-decoration:none; padding:3px 5px 5px 5px; }
body#the-info ul.submenu li a { color:#00FE00; }
body#the-info ul.submenu li a:hover { background:#00FE00; color:#000; }

body#the-info ul.submenu li a.current { color:#000; background:#00FE00; }

body#news .container .main ul.submenu li a { color:#fff; background:#000; }
body#news .container .main ul.submenu li a:hover { color:#000; background:#fff; }
body#news .container .main .post {padding-bottom:20px;}
body#news .container .main .content { padding-bottom:200px; }

.container .main { padding:0; margin:0 0 10px 0; float:right; width:800px; background:#000; }
body#the-info .main { background:#000 url(../images/theme/the-info.gif) bottom right no-repeat; }
body#the-info .content a { color:#00FE00; background:#000; }
body#the-info .content a:hover { color:#fff; }
body#images .main { background:#000 url(../images/theme/images.gif) bottom right no-repeat; }
body#images .content a { color:#3298FD; background:#000; }
body#images .content a:hover { color:#fff; }
body#trailer .main { background:#000 url(../images/theme/trailer.gif) top right no-repeat; }
body#trailer .content a { color:#FF00FF; background:#000; }
body#trailer .content a:hover { color:#fff; }
body#trailer .flash { margin:100px 0; text-align:center; width:100%; }
body#contact .main { background:#000; }
body#contact .content a { color:#3298fd; background:#000; }
body#contact .content a:hover { color:#fff; }
body#news .main { background:#000 url(../images/theme/news.gif) bottom right no-repeat; }
body#news .content a { color:#fff; background:#000; }
body#news .content a:hover { color:#fff; }


ul.thumbs { padding:0; margin:0; width:100%; list-style:none; }
ul.thumbs li { padding:0; margin:5px; width:190px; height:190px; float:left; text-align:center; border:none; list-style:none; }
ul.thumbs li a { margin:auto; display:block; width:190px; height:190px; border:none; }
ul.thumbs li a img { vertical-align:50%; border:none; margin:auto;}

.container .main .logo { padding:0; margin:0 400px 0 0; }
img { padding:0; margin:0 0 5px 0; border:none; clear:none; }

.container .main .content { padding:0; margin:0 15px 0 200px; color:#fff; white-space:pre-line; }
/* headings/images shouldn't inherit the pre-line whitespace handling */
.container .main .content h1,
.container .main .content h2,
.container .main .content h3,
.container .main .content h4,
.container .main .content ul.thumbs { white-space:normal; }
body#images .container .main .content { margin:20px; }
body#images .container .main .content a.highlighted { background:#3298FD; color:#000; padding:2px 4px 3px 1px; }

.container .main h3.spacer { padding:75px 0 50px 0; }
.container .main p.spacer { padding:10px 0 220px 0; }
.container .main p.spacer a { text-decoration:underline; }
.container .main p { clear:both; }
.container .main p a { text-decoration:none; color:#ccc; }
.container .main p a:hover { text-decoration:none; color:#fff; }

.content h1.title { font-size:220%; }
.content h1.title a { text-decoration:none; }


.content h1 { color:#fff; font-weight:normal; font-size:190%; }
.content h2 { color:#fff; clear:both; font-weight:normal; }
.content h3 { color:#fff; font-weight:normal; text-decoration:underline; }
.content h4 { color:#fff; font-weight:bold; }
.content h5 { color:#fff; font-weight:normal; }
.content h6 { color:#fff; font-weight:normal; }
.main .content p { color:#fff; clear:none; }
.content a { }
ul { list-style:none; margin:0; padding:0;}
ul li { color:#fff; margin:0 0 3px 0; padding:0; }
.content dl { color:#fff; margin:0; padding:0; }
.content dl dt { margin:10px 0 3px 0; padding:0; font-weight:bold; }
.content dl dd { margin:0; padding:0; }
.content blockquote { color:#fff; margin-left:0; margin-right:0; padding-left:0; padding-right:0; font-style:italic; }
.content cite { color:#fff; font-style:italic; }