/*  
Theme Name: Rants, Raves & Reviews
Theme URI: http://rants-raves-reviews.com/
Description: This is a fully customized WordPress theme.
Version: 1.0
Author: Jason Grunstra
Author URI: http://sixside.com/

	*** REGARDING IMAGES ***
	All CSS that involves the use of images, can be found in the 'index.php' file.
	This is to ease installation inside subdirectories of a server.

	Have fun, and don't be afraid to contact me if you have questions.
*/

html, body {height: 100%;}
body {margin:0; background: #000; font-family: Georgia, "Times New Roman", Times, serif; color: #EEE;}
a img {border:0;}
a:link {color: #FFF;}
a:visited {color: #999;}
a:hover {color: #FC0;}
a:active {color: #000;}

#rants, #raves, #reviews {width: 32%; position: absolute; top: 0; height: 100%; border-left:1px solid #646464;}
#rants {left: 1%; background:#323232;}
#raves {left: 34%; background:#414141;}
#reviews {left: 67%; background:#505050;}

body.rants #rants {width: 64%; position:absolute; left: 1%;}
body.rants #raves, body.rants #reviews {width: 3em;}
body.rants #raves {left: 67.5%;}
body.rants #reviews {left: 74.5%;}
body.rants #rants h1 {color: #FC0;}

body.raves #raves {width: 64%; position:static; margin: auto;}
body.raves #rants, body.raves #reviews {width: 3em;}
body.raves #rants {left: 1%;}
body.raves #reviews {left: 93%;}
body.raves #raves h1 {color: #FC0;}

body.reviews #reviews {width: 64%; position:absolute; left: 35%;}
body.reviews #rants, body.reviews #raves {width: 3em;}
body.reviews #rants {left: 1%;}
body.reviews #raves {left: 8%;}
body.reviews #reviews h1 {color: #FC0;}

body.home ul.sectionLinks {display:none;}

#rants h1, #raves h1, #reviews h1 {text-align:center; margin:0; font-size:280%;}
h1 a {text-decoration:none; border-bottom: 2px solid #646464;}
h1 a:link {color: #EEE; }
h1 a:visited {color: #EEE;}
h1 a:hover {border-bottom: 2px solid #EEE; color: #FC0;}
h1 a:active {color: #EEE;}

.content {padding: 1em 1em 70px 1em;}
.content img {text-align:center; border:5px solid #8E8D8D;padding:1px;}

h2 {margin-bottom:0;}
h2 a:link {color: #FC0;}
h2 a:visited {color: #999;}
h2 a:hover {color: #FC0;}
h2 a:active {color: #000;}

h5.date {margin:0; font-size: 75%; color: #999;}
p {line-height: 1.4em;}

div.hr {height: 1px; background: #000; width:100%; margin: 1em 0; border-bottom:1px solid #646464;}
div.hr hr {display: none;}


div#footer {position: fixed; bottom:0; left:0; width:100%; height: 60px; background: #FC0; border-top: 1px solid #CCC; text-align:center; z-index:5;}
div#footer a img {border: 0;}