/*
THEME NAME: Red Hat Magazine 
DESCRIPTION: A customized theme for Red Hat Magazine
VERSION: 1.0
Author: Red Hat
*/

@import url("rhmag.css");
@import url("print.css") print ;


body {
	background-color: #909090;
	font-family: liberation-sans, helvetica, arial, sans-serif;
}

a 	{
	text-decoration: none;
	color: #2192dc;
	}

img	{
	border: none;
	}

ul li	{
	font-size: small;
	}

ul.linkage li{
        list-style-image: url(http://www.redhat.com/g/chrome/bullet_arrowblue.png);
}
ul.linkage a {text-decoration: none;}
ul.linkage a:hover {text-decoration: underline;}

#header {
	background-color: #fff; 
	margin: 0 auto;
	width: 830px;
	height: 120px;
	border-bottom: 4px #cc0000 solid;
	font-size: smaller;
	font-weight: bold;
	}

#wrapper {
	background: url('images/background_rhm_830.png') repeat-y;
	margin: 0 auto;
        width: 830px;
	}

#footer {
        font-size: smaller;
        width: 830px;
        margin: 0 auto;
        clear: both;
}

#footer a {
	color: #002266;
	}

/*---   Default clear works in IE7 as well (from redhat.com, thanks guys!)  ---*/
.clearWrap:after {
        content:".";
        display: block;
        height: 0;
        clear:both;
        visibility:hidden;
}

.clearWrap {display:inline-block;}/* Hide from IE Mac \*/
.clearWrap {display:block;}/* End hide from IE Mac */

/* HEADER STUFF */

#mastheadWWW, #mastheadRHM, .mastheadGreyBar, #mastheadLogo {
	vertical-align: middle;
	margin: 5px;
	border: none;
	}

#mastheadWWW, #mastheadLogo {
	margin-left: 10px;
	}

#mastheadInfo {
	font-family: helvetica, arial, sans-serif;
	font-size: x-small;
        vertical-align: middle;
        margin: 10px 0 0 200px;
	font-weight: normal;
        }

.mastheadRSS  {
	margin-top: 10px;
	}

#mastheadLeft {
	float: left;
	}

#mastheadRight {
	float: right;
	vertical-align: middle;
	margin-right: 10px;
	margin-top: 1em;
	}


/* THREE COLUMNS */

#threeColOne {
	float: left;
	width: 430px;
	background-color: #fff;
	}

#threeColTwo {
	float: left; 
	margin-left: 5px;
	width: 220px;
	background-color: #fff;
	}

#threeColThree {
	float: left;
	margin-left: 5px;
	width: 170px;
	background-color: #fff;
	font-family:  helvetica, arial, sans-serif;
	}

/* TWO COLUMNS */

#twoColOne {
	float: left;
	width: 655px;
	background-color: #fff;
	}

#twoColTwo {
	float: left;
	margin-left: 5px;
	width: 170px;
	background-color: #fff;
	}