/*  
Theme Name: RS Magazine
Theme URI: http://www.rsmagazine.co.uk/
Description: Ground-up theme for the RS Magazine.
Version: 0.2
Author: Riggzy
Author URI: http://www.riggzy.com/

*/


* {
	padding:0;
	margin:0;
}


body {
	background:#E3E3E3 url('images/greyfade.gif') repeat-x 0px 180px;
	font-family:Helvetica, Arial, Verdana, sans-serif;
}

hr {
	display:none;
}

a {
	text-decoration:none;
	color:#000;
}

a:hover {
	color:#456;
}

img {
	border:none;
}

.toggle {
	width:20px;
	height:20px;
	background:red;
	cursor:pointer;
}

#welcome {
	padding-bottom:20px;
}


#agonyform {
	text-align:center;

	padding-bottom:20px;
}


#agonyformp {
	padding:10px;
	background:#E3E3E3;
		width:80%;
	margin:0 auto;
}

#agonyformp #formcomment {
	margin:10px;
}



table {
	border:solid 2px #555;
	width:90%;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:20px;
	text-align:center;
}

table td {
	border-right:solid 1px #777;
	border-bottom:solid 1px #777;
	padding:2px;
	padding-bottom:4px;
}

#by {
	text-align:right;
	font-style:italic;
}

.entry ul {
	margin-top:10px;
	margin-bottom:20px;
}

/* Header */
#header {
	height:200px;
	background:blue url('images/bg.gif') repeat-x top left;
	width:100%;
	border-bottom:solid 5px #FFF;
}

#images {
	width:850px;
	height:200px;
	margin:0 auto;
}

#header div#logo {
	text-indent:-4000px;
	height:200px;
	width:500px;
	background:transparent url('images/logo.gif') no-repeat top left;
	cursor:pointer;
	float:left;
}

#header div#category {
	height:200px;
	width:320px;
	float:right;
	text-indent:-4000px;
}


/* Content */
#content {
	margin:0 auto;
	width:740px;
	background:#FFF;
	clear:both;
	line-height:normal;
}


#leftcolumn {
	width:440px;
	float:left;
	padding:0 10px;
	margin:20px 0;
}


/* Sidebar */
#sidebar {
	width:235px;
         float:right;
	background:#EEE;
	margin-left:10px;
	padding-bottom:10px;
}

#sidebar ul {
	list-style:none;
	margin-bottom:20px;
}

#sidebar ul li {
	padding:0 10px;
	margin-bottom:5px;
}

#sidebar ul h2 {
	margin-bottom:10px;
}

#sidebar ul.message li {
	background:transparent url('images/bg.gif') repeat-x top left;
	padding:10px 7px;
	list-style:none;
	margin:0 10px;
	text-align:center;
	margin-top:10px;
}

#sidebar ul.message p {
	margin-bottom:10px;
}

#sidebar #toggle {
	text-align:right;
	padding:5px;
}

#sidebar #toggle a:hover {
	background:#CCC;
}

#sidebar #toggle a {
	color:#AAA;
	padding:5px;
}


#sidebar #cats {
	margin-top:0px;
}

#sidebar li.cat, #sidebar li.cat a {
	padding:3px;
	margin-bottom:3px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	font-size:medium;
	height:18px;
	z-index:-1;
	vertical-align:-10%;
}

#sidebar li.cat a:hover {
	text-decoration:underline;
}

#catlistimg {
	background:#FFF url(images/spikes.png) no-repeat top right;
	height:186px;
	width:90px;
	float:right;
}

.news {
	background:#3080FF;
}

.reviews {
	background:#50EE00;
}

.fashion {
	background:#FF3080;
}

.articles {
	background:#9030FF;
}

.events {
	background:#FF8030;
}

.creative {
	background:#FF3030;
}

.agony {
	background:#EE3;
}



/* Footer */
#footer {
	height:30px;
	background:#E3E3E3 url('images/footer.gif') repeat-x top left;
	clear:both;
	font-size:9px;
	padding:10px;
	color:#555;
}

#footer a {
	color:#333;
	text-decoration:none;
}



/* Header Images */
#header div.header-home {
	background:transparent;
}

#header div.header-news {
	background:transparent url('images/news.gif') no-repeat top left;
}

#header div.header-reviews {
	background:transparent url('images/reviews.gif') no-repeat top left;
}

#header div.header-fashion {
	background:transparent url('images/fashion.gif') no-repeat top left;
}

#header div.header-articles {
	background:transparent url('images/articles.gif') no-repeat top left;
}

#header div.header-events {
	background:transparent url('images/events.gif') no-repeat top left;
}

#header div.header-creative {
	background:transparent url('images/creative.gif') no-repeat top left;
}

#header div.header-agony-aunt {
	background:transparent url('images/agony-aunt.gif') no-repeat top left;
}


/* Wordpress Specific */
.post {
	margin-bottom:20px;
	padding:5px;
}



.narrowcolumn .entry {
	color:#555;
}

.readmore {
	margin-left:10px;
}

.entry img,.narrowcolumn img {
	display:block;
	margin:10px auto;
	padding:3px;
}

.entry a.imagelink img:hover {
	background:#456;
}

.navigation {
	display: block;
	width:90%;
	margin:0px auto 40px auto;
	font-size:0.9em;
	color:#555;
}
.alignleft {
	float: left;
	text-align: left;
	width: 40%;
}

.alignright {
	float: right;
	
	text-align: right;
	width: 40%;
}


#leftcolumn li {
	margin-left:20px;
	line-height:120%;
}

#leftcolumn h2 {
	clear:both;
	text-align:center;
	font-size:2em;
	margin-bottom:20px;
	color:black;
}

.postmetadata {
	font-size:0.9em;
	text-align:center;
	margin:10px;
	padding:10px;
	background:#EEF;
}

.entry p {
	margin-bottom:20px;
}

#commentform {
	width:90%;
	margin: 0 auto;
	padding-left:20px;
	margin-top:20px;
}

#commentform p {
	margin-bottom:10px;
}

#comment {
	width:80%;
}

ol.commentlist
{
	width: 90%;
	margin: 0 auto;
	margin-top:10px;
}

ol.commentlist li
{
  margin-bottom: 1.5em;
  border: 1px solid #CFB;

  padding: 5px;
  background-color: #EFE;
  position:relative;

}

ol.commentlist li.alt
{
  background-color: #EFD;

}

ol.commentlist a
{
  color: #000;
}

ol.commentlist .comment-by {
	position:absolute;
	top:0;
	left:0;
	background:#AF8;
	padding:3px;
}

ol.commentlist .commenttext {
	margin-top:10px;
}

small.commentmetadata
{

  font-size: 0.8em;
  display: block;
  float:right;
	position:absolute;
	bottom:0;
	right:0;
}

small.commentmetadata a {
	padding:3px;
	color:#777;
}

small.commentmetadata a:hover {
	background:#CFA;
	color:#000;
}


/* DEMOCRACY */

#sidebar .democracy {
	text-align:center;
}

#sidebar .democracy form {
	background:#E7E7E7;
	border:solid 1px #777;
	padding:10px 0;
	text-align:center;
	width:80%;
	margin:0 auto;
}

#sidebar .democracy li {
	text-align:left;
}

#sidebar .democracy .dem-results {
	margin-top:10px;
}

#sidebar .democracy strong.poll-question {
	text-align:center;
}

#sidebar .democracy input.dem-vote-button {
	width:100px;
	margin: 0 auto;
	margin-bottom:10px;
}

#sidebar a.dem-vote-link {
	margin: 5px auto;
	font-size:small;
}