/*  

Theme Name: Red Revolution

Theme URI: http://www.redrevolution.com/

Description: A wordpress theme for Red Revolution

Version: 1.0

Author: The XHTMLized team; design by Josh Horton, developed by Ash Haque

Author URI: http://www.xhtmlized.com/

*/



/* Universal Selectors

----------------------------------------------------------------------------- */



	*  {

		margin: 0;

		padding: 0;

		/* Resets all margins and paddings on the page */

		}

		

	ul {

		list-style-type: none;

		}

	

	* a:link, * a:visited, * a:hover, * a:active {

		text-decoration: none;

		color: #b50107;

		outline: none;

		}

		

	* a:hover {

		color: #000;

		cursor: pointer;

		/* works well for onclick anchors */

		}

	

	:link img {

		border: none;

		}

	

	* img {

		border: none;

		}

	

	a img {

		border: none;

		}

	

	:link img, :active img {

		border: none;

		}









/* Structure

----------------------------------------------------------------------------- */



	html {

		background: #d5d5d5;

		}



	body {

		background: #000;

		font-size: 62.5%; /* Sets the page font to 10px */

		font-family: Helvetica, Arial, Sans-Serif;

		text-align: center;

		color: #000;

		}



	#container1 {

		background: url(images/bg-horizontal-mid.jpg) top center repeat;

		}

	

	#container2 {

		background: url(images/bg-horizontal-top.jpg) top center repeat-x;

		}

		

	#container3 {

		background: url(images/bg-horizontal-bot.jpg) bottom center repeat-x;

		}

	

	#wrapper {

		width: 897px;

		margin: 0 auto;

		padding: 0;

		text-align: left;

		font-size: 1.1em;

		position: relative;

		}

		

	#header {

		height: 151px;

		}



	#main {

		padding: 86px 26px 0 28px;

		}

	

	#main {

		min-height: 690px; 

		height: auto;

		}

	/* for Internet Explorer */

	/*\*/

	* html .container {

		height: 690px;

		}

	/**/

		

	#main.wide #content {

		width: 840px;

		}



	#content {

		float: left;

		width: 510px;

		padding-bottom: 20px;

		}

		

	#sidebar {

		float: right;

		width: 304px;

		}

		

	#footer {

		padding: 50px 0 50px;

		}









	/* Header

	----------------------------------------------------------------------------- */

	

		#header .left a {

			position: absolute;

			top: 38px;

			left: -11px;

			display: block;

			background: url(images/red-revolution.jpg) top left no-repeat;

			width: 380px;

			height: 110px;

			text-indent: -9999px;

			}

			

		#header .right {

			text-align: right;

			}

					

		.main-nav {

			position: absolute;

			width: 850px;

			top: 170px;

			left: 28px;

			background: url(images/main-nav.jpg) top left no-repeat;

			height: 45px;

			}

		

		.main-nav li {

			display: inline;

			text-indent: -9999px;

			}

		

		.main-nav li a {

			float: left;

			background: url(images/main-nav.jpg) top left no-repeat;

			display: block;

			width: 67px;

			height: 35px;

			}



		.main-nav li.menu-home a.selected, .main-nav li.menu-home a:hover {

			background-position: 0 -45px;

			}



		.main-nav li.menu-themovement a {

			width: 163px;

			background-position: -67px 0;

			}

	

		.main-nav li.menu-themovement a.selected, .main-nav li.menu-themovement a:hover {

			background-position: -67px -45px;

			}



		.main-nav li.menu-revolutionaries a {

			width: 185px;

			background-position: -230px 0;

			}

	

		.main-nav li.menu-revolutionaries a.selected, .main-nav li.menu-revolutionaries a:hover {

			background-position: -230px -45px;

			}



		.main-nav li.menu-media a {

			width: 88px;

			background-position: -415px 0;

			}

	

		.main-nav li.menu-media a.selected, .main-nav li.menu-media a:hover {

			background-position: -415px -45px;

			}

			

		.main-nav li.menu-takeaction a {

			width: 143px;

			background-position: -503px 0;

			}

	

		.main-nav li.menu-takeaction a.selected, .main-nav li.menu-takeaction a:hover {

			background-position: -503px -45px;

			}



		.main-nav li.menu-store a {

			width: 87px;

			background-position: -646px 0;

			}

	

		.main-nav li.menu-store a.selected, .main-nav li.menu-store a:hover {

			background-position: -646px -45px;

			}



		.main-nav li.menu-travel a {

			width: 117px;

			background-position: -733px 0;

			}

	

		.main-nav li.menu-travel a.selected, .main-nav li.menu-travel a:hover {

			background-position: -733px -45px;

			}



		.sub-nav {

			position: relative;

			padding-bottom: 15px;

			}

		.sub-nav ul {

			position: absolute;

			width: 850px;

			top: 55px;

			left: 28px;

			background: #000;

			}

		.sub-nav li {

			display: inline;

			}

		.sub-nav li a {

			display: block;

			float: left;

			padding: 5px 20px;

			color: #fff;

			font-size: 1.3em;

			font-weight: bold;

			text-transform: uppercase;

			}

		.sub-nav li a:hover, .sub-nav li.current_page_item a {

			color: #b50107;

			}





	/* Content

	----------------------------------------------------------------------------- */

	

		#content .entry-date {

			color: #666;

			font: bold 1.2em courier, 'courier new', monospace;

			text-transform: uppercase;

			padding-bottom: 2px;

			}

	

		#content h1, #content h2 {

			font-size: 1.6em;

			font-weight: bold;

			letter-spacing: -0.1px;

			}

		

		#content .entry-title {

			color: #b50107;

			}

		

		#content .entry-content {

			padding-top: 11px;

			}



		#content h1.page-title {

			text-align: center;

			text-transform: uppercase;

			letter-spacing: -1px;

			font-size: 1.8em;

			margin-bottom: 20px;

			}



		#content p {

			font-size: 1.1em;

			line-height: 1.8em;

			}

	

		#content p, #content h3, #content blockquote {

			margin-bottom: 15px;

			}

	

		#content h3 {

			font-size: 1.4em;

			}

			

		#content .more-link {

			text-transform: uppercase;

			font-weight: bold;

			}

			

		#content .entry-data {

			background: #000 url(images/icon-redstar.gif) 0 2px no-repeat;

			padding: 7px 0 7px 30px;

			margin-bottom: 30px;

			font: 1.2em 'courier new', courier, monospace;

			text-transform: uppercase;

			color: #999;

			}

			

		#content .entry-data .separator {

			font-weight: bold;

			font-size: 1.5em;

			font-family: Helvetica, Arial;

			}

		

		#content .entry-data a {

			background: url(images/bullet-silver.gif) center right no-repeat;

			padding-right: 12px;

			margin-right: 5px;

			color: #999;

			}

			

		#content .entry-data a:hover {

			color: #ccc;

			}

			

		.navigation {

			text-transform: uppercase;

			font-size: 1.1em;

			font-weight: bold;

			}

		

		.navigation .right {

			text-align: right;

			}

		

			



	/* Comments

	----------------------------------------------------------------------------- */



		#comments {

			background: #000;

			padding: 15px 0 5px;

			color: #999;

			}

			

		#comments h3, #comments a {

			color: #666;

			}

		

		#comments h3 {

			font-size: 1.2em;

			padding-left: 15px;

			}

		

		.commentlist {

			border-bottom: 1px solid #3f3f3e;

			padding: 0 15px;

			}

		

		#commentform {

			padding: 0 15px;

			}

			

		#comments ol.commentlist li {

			padding-bottom: 10px;

			margin-left: 15px;

			}

		

		#commentform label {

			display: block;

			font-size: 1.2em;

			}

			

		#commentform input {

			width: 200px;

			padding: 5px;

			}

		

		#commentform textarea {

			width: 350px;

			height: 100px;

			padding: 5px;

			}

			

		#commentform #submit {

			width: auto;

			font: 1.2em 'courier new', courier, monospace;

			text-transform: uppercase;

			background: #000;

			color: #666;

			border: 1px solid #666;

			padding: 5px 5px 4px 5px;

			margin-top: -1px;

			}

			

		.nocomments {

			padding-left: 15px;

			}

	

	

	

	/* Sidebar

	----------------------------------------------------------------------------- */

		

		#sidebar h3 {

			color: #000;

			font: bold 1.4em futura, helvetica, arial;

			text-transform: uppercase;

			letter-spacing: -0.5px;

			padding-bottom: 5px;

			}

			

		#sidebar ul li {

			padding: 3px 0;

			}



		#sidebar ul li a {

			color: #000;

			}

			

		#sidebar ul li a:hover {

			color: #b50107;

			}

			

		.sidebar-item {

			margin-bottom: 20px;

			font-size: 1.1em;

			}

			

		.sidebar-videos ul {

			padding-bottom: 15px;

			}

		

		.sidebar-videos li {

			font-size: 0.9em;

			float: left;

			width: 152px;

			}

			

		.sidebar-videos li a {

			display: block;

			padding-top: 5px;

			color: #333;

			}

			

		.sidebar-videos .more-videos {

			font-size: 1.1em;

			font-weight: bold;

			text-transform: uppercase;

			}

			

		#sidebar .sidebar-upcoming .contain {

			padding-bottom: 10px;

			}

			

		.sidebar-upcoming .left {

			width: 40px;

			float: left;

			}

			

		.sidebar-upcoming .right {

			width: 262px;

			float: right;

			}

		

		

	

	/* Footer

	----------------------------------------------------------------------------- */

	

		#footer p {

			text-align: center;

			}

		

		#footer p.footer-menu {

			font-weight: bold;

			font-size: 1.1em;

			letter-spacing: 0.1px;

			text-transform: uppercase;

			padding-bottom: 10px;

			}

		

		#footer p .separator {

			padding: 0 3px;

			}

			

		#footer p.footer-menu a {

			color: #000;

			}

			

		#footer p.copyright a {

			color: #666;

			}

		

		#footer p a:hover {

			color: #b50107;

			}		

		

		#footer p.copyright {

			color: #666;

			font: 1.2em 'courier new', courier, monospace;

			}









/* Lists

----------------------------------------------------------------------------- */



	#content ul, #content ol {

		font-size: 1.1em;

		margin-bottom: 2.0em;

		}

	#content ul li, #content ol li {

		margin: 0 0 1.0em 3.5em;

		}

	#content ul li ul {

		font-size: 1.0em;

		margin-bottom: 0;

		}

	#content ul li {

		margin-left: 3.0em;

		padding-left: 0.5em;

		list-style-type: circle;

		}

	#content ol li {

		list-style-type: decimal;

		}









/* Headings

----------------------------------------------------------------------------- */



	h1 {

		font-size: 2.2em;

		}



	h2 {

		font-size: 2.0em;

		}



	h3 {

		font-size: 1.8em;

		}



	h4 {

		font-size: 1.6em;

		}

		

		

		

		

		

/* Images

----------------------------------------------------------------------------- */



	#content img {

		border: 1px solid #e6e6e6;

		}

		

	#content img.wp-smiley {

		border: 0;

		padding: 0;

		margin: 0;

		display: inline;

		/* For whenever one uses smileys in posts */

		}











/* Forms

----------------------------------------------------------------------------- */



	#searchform {

		padding-top: 80px;

		}

	

	#searchform-input {

		width: 195px;

		border: 1px solid #666;

		padding: 5px;

		margin-right: 2px;

		}

		

	#searchform-submit {

		font: 1.2em 'courier new', courier, monospace;

		text-transform: uppercase;

		background: #000;

		color: #666;

		border: 1px solid #666;

		padding: 5px 5px 4px 5px;

		margin-top: -1px;

		}



			

			

			

/* Extras

----------------------------------------------------------------------------- */



	.contain:after {

		content: ".";

		display: block;

		height: 0;

		clear: both;

		visibility: hidden;

		}

		

	.contain {

		display: inline-block;

		}

		

	/* Hides from IE-mac \*/

	* html .contain {height: 1%;}

	/* End hide from IE-mac */

	.contain {

		display: block;

		}

	.left {

		width: 48%;

		float: left;

		}

		

	.right {

		width: 48%;

		float: right;

		}

		

	.center {

		text-align: center;

		}



	/*

	//

	// Images

	//

	//

	*/

	

		img.center,

		img[align="center"] {

			display: block;

			margin-left: auto;

			margin-right: auto;

			}

		.alignleft {

			float: left;

			}

		img.alignleft,

		img[align="left"] {

			float: left;

			margin: 2px 15px 8px 0px;

			}

		.alignright {

			float: right;

			}

		img.alignright,

		img[align="right"] {

			float: right;

			margin: 2px 0px 8px 15px;

			}

			

	blockquote {

		border-left: 5px solid #eee;

		padding-left: 15px;

		}



	pre {

		margin-bottom: 1.5em;

		}

	code {

		font: 1.2em/1.8em "Courier New", Courier, mono;

		}



	.center {

		text-align: center;

		}



	hr {

		display: none;

		}











/* Rollovers

----------------------------------------------------------------------------- */



.registerrollover a {

	display:block;

	width: 560px;

	height: 200px;

	padding: 0px;

	background: url("http://www.theredrevolution.com/images/therising_register560.jpg") 0 0 no-repeat;

        margin-bottom: 0px;

}



.registerrollover a:hover {

	background-position: 0 -200px;

}



.ecardrollover a {

	display:block;

	width: 280px;

	height: 200px;

	padding: 0px;

	background: url("http://www.theredrevolution.com/images/therising_ecard280.jpg") 0 0 no-repeat;

        margin-bottom: 0x;

}



.ecardrollover a:hover {

	background-position: 0 -200px;

}