/*
Theme Name: Linux Magazine
Theme URI: http://linux-mag.com/
Description: The theme for Linux Magazine
Version: .3
Author: Alan Smithee
Author URI: http://www.omniti.com/
*/

table.matrix {
		border: 2px solid #999;
		border-collapse: collapse;
}

table.matrix th {
		font-size: 12px;
		padding: 8px;
		color: #000;
		font-weight: 800;
		background-color: #ddd;
		border: 1px solid #999;
}


table.matrix td {
		font-size: 12px;
		padding: 8px;
		background-color: #f2f7fb;
		border: 1px solid #999;
}


img.story_image{
	width: expression(this.width > 468 ? 468: true);
	max-width:468px;
}

span.pre{
	font-family:monospace;
	font-size:1em !important;
	font-size:.9em;
}

code {
	font-size: 12px
}


.c {
	font-size: 12px
}


pre {
	padding-top: 10px;
	padding-bottom: 10px;
    font-size: 11px;
 	white-space: pre-wrap;       /* css-3 */
  	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
   	white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.WonB{
	color: #fff;
	font-weight: 700;
	background-color: #000;
	padding: 10px 10px 10px 10px;
	font-size: 12px;
}

div.sidebadges{
	margin:10px 0px;
	text-align:center;
}

p.sidenote{
	margin:.5em;
	padding:.5em;
	border:1px solid #800;
}

body{
	padding:0px;
	text-align:center;
	font-family: Arial,sans-serif;
	font-size:.75em;
	color: #000000;
	margin:0px;
}

div.images{
	padding:3px;
	text-align:center;
}


div.images img{
        margin:auto 5px;
	vertical-align:middle;
}

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

a:link{
	color: #006699;
	text-decoration: none;
}

a:hover{
	color: #006699;
	text-decoration: underline;
}

#page{
	margin:5px auto;
	width:985px;	
	text-align:left;
}

/* left column */
#searchform{
	padding:3px 1em;
	margin:0px;
}

#sidebar{
	width:160px;
	float:left;
	clear:left;
	margin:5px 0px;
}

#sidebarcontent {
	padding-top: 10px;
	background:#EEE;
	border:1px solid #CCC;
}

#sidebar ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#sidebar ul li{
	margin:2px 0px;
	padding:2px 10px;
	font-size:1.1em;
	border-bottom:1px solid #CCC;
}

#sidebar ul li ul{
	font-size:.9em;
}

#sidebar ul li ul li{
	border-bottom:0px;
}
#sidebar ul.links li{
	border-bottom:0px;
}

#sidebar h3{
	margin:10px 0px 3px 0px;
	border-bottom:1px solid #CCC;
	padding:0px 3px;
	color:#334d55;
	font-weight:bold;
	font-size:1.2em;
}

/* middle (content) column */
.narrowcolumn{
	float:right;
	width:472px;
	padding:0px 3px;
	margin:5px 0px;
	border-right:1px solid #CCC;
}

.narrowcolumn h2{
	font-weight:300;
	font-size: 2.2em;
	margin-bottom:2px;
	margin-top:3px;
	color:#000;
}

.narrowcolumn h2 a, .narrowcolumn h3 a{
}

h2.frontpage, h3.frontpage{
	margin-bottom:1px;
	margin-top:12px;
	font-size: 18px;
}

h2.frontpage a{
	color:#000;
}

.narrowcolumn h4{
	font-weight:bold;
	font-size:1.4em;
	color:#800;	
	margin-bottom:5px;
}

#prbox ul{
	clear:both;
	list-style-type:none;
	margin:0px;
	padding:0px;
	position:relative;
	bottom:20px;
}

#prbox ul li{
	margin:0px;
	padding:4px 2px;
	border-bottom:1px solid #999;	
}

#prbox ul li.moreLink a{
	color:#069;
}

#prbox ul a{
	color:#000;
}

#prbox ul a:hover{
	text-decoration:underline;
}

#prbox ul li.alternate{
	background:#EEE;
}

/* right column */
#rightside{
	float:right;
	width:336px;
	text-align:center;
	margin:5px 0px;
}

#webinars, #whitepapers, #related, #newsletters{
	width:334px;
	border:1px solid #999;
	text-align:left;
	margin:10px auto;
	font-size:1.1em;
}

#webinars ul, #whitepapers ul, #related ul, #newsletters ul{
	list-style-type:none;
	margin:2px 0px 5px 0px;
	padding:0px 8px;
}

#newsletters ul{
	list-style-type:none;
	margin:0px 3px;
}

#whitepapers ul li, #related ul li{
	color:#999;
}

#newsletters ul li{
	color:#000;
	padding:2px;
}

#newsletters ul li.alt{
}

#webinars h3{
	background:#FFF;
	color:#800;
	padding:3px;
	margin:0px;
	padding: 5px;
}

#whitepapers h3, #related h3, #newsletters h3{
	background:#800;
	color:#FFF;
	padding:3px;
	margin:0px;
	padding: 5px;
}

div.alignleft{
float:left;
}

div.alignright{
float:right;
}

/* header */
#head{
	background:#FFF;
	text-align:right;
}

#head ul{
	width:100%;
	height:30px;
	background:#800;
	padding:0px;
	margin:0px;
	margin-top:5px;
	list-style-type:none;
}

#head ul li{
	background:#800;
	float:left;
	height:20px;
	padding:5px 14px;
	border-right:1px solid #FFF;
}

#head ul li a{
	font-size:1.4em;
	font-weight:bold;
	color:#FFF;
}

div.strapline{
	width:618px;
	float:left;
	border:3px double #999;
	background: url('images/bg_sectionTitle.gif') repeat-x top left;
	color: #fff;
	font-size: 24px;
	font-weight: 500;
	margin-top:5px;
	padding: 5px 10px;
}

div.strapline a, div.strapline a:hover{
	text-decoration:none;
	color:#FFF;
}

/* footer */
#footer{
	clear:both;
	margin:5px 0px 20px 0px;
	border:1px solid #CCC;
	color:#CCC;
}

#footer p{
	margin:0px;
	padding:10px;
}

/* archive styles - this is awful */
.archives h2 a, .archives h3 a{
	color:#069;
	font-size:1.2em;
}

.archives h2, .archives h3{
	margin: 10px 0px 0px 0px;
	padding:0px;
}

.archives h4{
	letter-spacing:.12em;
	margin:10px 0px 2px 0px;
	padding:0px;
	border-bottom:1px solid #800;
}

.archives p{
	margin:.4em 0px;
}

table.webinars td{
	border-bottom:1px solid #999;
}

table.webinars tr.alternate{
	background:#EEE;
}

tr.alternate{
	background:#EEE;
}

table.webinars h3 a{
	color:#069;
}

table.webinars h3{
	margin:3px 0px;
}

table.webinars ul{
	list-style-type:none;
	margin:3px 0px;
	padding:0px;
}

table.webinars ul li{
	margin:3px 0px;
	padding:0px;
}

table.alerts{
	font-size:1.2em;
	margin-bottom:10px;
}

table.alerts td{
	border-bottom:1px solid #999;
}

/* single article styles */
div#postutils ul{
	list-style-type:none;
	margin:0px 10px;
	padding:0px;
}

div#postutils ul li{
	font-size:1.2em;
	float:left;
	width:30%;
	margin:3px 0px;
}

div#postutils h4, div.post h4{
	clear:both;
	font-weight:bold;
	margin-top:5px;
	padding-top:15px;
}

div#loginRegister{
	margin-top:35px;
	background:#EEE;
	border:1px solid #999;
}

div#loginRegister h2{
	font-size:1.2em;
	font-weight:bold;
}

span.postmeta{
	display:block;
	font-size:1.2em;
}

div#registerForm{
	border:1px solid #666;
	background:white;
	margin:1em;
	padding:1em;
	float:left;
	width:40%;
	text-align:center;
}

ul.techlist{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

ul.techlist li{
	margin:3px;
}

ul.techlist input{
	margin:0px;
	padding:0px;
}

span.avail{
	font-size:1.2em;
	margin-top:-10px;
}

ul.posthead{
	font-size:1.2em;
	list-style-type:none;
	margin:3px 0px;
	padding:0px;
}

p.postmetadata{
	clear:both;
	font-style:italic;
	color:#999;
}

ul.posthead img{
	border:0px;
}

div#registerForm ul{
	list-style-type:disc;
	text-align:left;
}

div#registerForm p, div#registerForm h2{
	text-align:center;
}

div#loginFormDiv{
	padding:1em .5em;
	text-align:center;
	line-height:2.0em;
}

div.post p{
	font-size:1.1em;
}

/* homepage quick links*/
div.briefLinks{
	width:225px;
	margin:5px;
}

div.briefLinks div.linkhead{
	color:#000;
	border-bottom:2px solid black;
	margin-bottom:0px;
	background:#EEE;
}

div.briefLinks h2{
	font-size:1.0em;
	font-weight:bold;
	margin:9px 0px 0px 5px;
	width:140px;
}


div.briefLinks ul li{
	margin-left:0px;
	padding-left:0px;
	margin-bottom:3px;
}

div.briefLinks ul{
	clear:both;
	list-style-type:disc;
	margin-top:0px;
	margin-left:1.4em;
	padding-left:0px;
}

div.briefLinks span.linkTitle{
	text-align:right;
	background:#EEE url('images/rt_arrow.gif') center right no-repeat;
	display:block;
	padding-right:10px;
	margin-right:10px;
	font-size:.9em;
	width:40px;
	float:right;
	position:relative;
	bottom:1.4em;
}

/* back issue */
div.backissue{
text-align:center;	
width:50%;
float:left;
margin:5px 0px;
}

div.backissue a{
	text-decoration:none;
}

div.backissue a:hover{
	background:#CCC;
}

div.backissue img{
	border:0px;
}

/* registration form */
label.regForm{
display:block;
border-bottom:1px solid #999;
border-top:1px solid #999;
font-weight:bold;
background-color:#EEE;
color:#000;
clear:both;
padding:3px;
}

span.req{
color:#C03;
margin-left:.3em;
font-size:1.2em;
}

ul.regForm{
list-style-type:none;
width:40%;
padding:0px;
margin:1em;
padding:0px;
}

ul.regForm li input{
margin:0px;
}

#registerform input, #registerform select{
margin:3px;
}

#registerform{
border-left:1px solid #999;
border-right:1px solid #999;
border-bottom:1px solid #999;
}

div.error{
width:90%;
border:1px solid #C03;
background:#FFC;
margin:0px auto;
}

div.error ul{
margin:1em;
list-style-type:none;
}

div#downloadForm{
	margin:.5em auto;
	border:1px solid #999;
	background:#FFC;
	text-align:center;
	padding:.5em;
	width:90%;
}

div#downloadForm input{
	display:block;
	margin-bottom:5px;
}

div#downloadForm td {
	text-align: left;
}

div#downloadForm input#agreed{
	display:inline;
	margin-bottom:0px;
}

div#downloadForm input#submitit{
	margin:5px auto;
}

/* ugh I feel dirty doing this, but these are the horrid style rules for 
   Mambo back-compatibility. Why you gotta make me do this, Mambo? */

span.i{
	font-style:italic;
}

p.subhead{
	font-size:1.4em;
	font-weight:bold;
}

div.sidebar{
	float:left;
	width:40%;
	background:#FFC;
	border:1px solid #800;
	margin:10px;
	text-align:center;
}

p.listing{
	background:#FFC;
	border:1px solid #800;
	margin:10px;
	text-align:center;
}

div.sidebartitle{
	font-weight:bold;
	color:#FFF;
	background:#800;
	margin:0px;
	padding:2px 5px;
	border-bottom:1px solid #800;
}

div.prose{
	font-size:1.1em;
	margin:.6em 0px;
}

/* I think that's it for Mambo - Thanks a bunch, Tidy, for not cleaning that stuff up. */

select.inline{
	display:inline;
}

a.rsslinks{
	float:right;	
	position:relative;
	bottom:1.7em;
}

div#wrapper{
	width:645px;
	float:left;
}


table#register_company{
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
}

table#register_company td{
	border-top:1px solid #999;
	border-bottom:1px solid #FFF;
}

table#register_company td.label{
	background:#EEE;
	border-right:1px solid #999;
}

form#companyform label{
}

form#companyform input, form#companyform select{
}

form#submitform{
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	border-left:1px solid #999;
	margin:0px 5px;
}

form#submitform p{
	margin:5px 0px;
	font-size:1em;
}
	

form#submitform input, form#submitform select{
}

div#questions{
	text-align:left;
	border-top:1px solid #999;
	margin:10px 15px 0px 15px;
	padding:0px 15px;
}

div#questions table{
	padding:0px;
	margin:2px;
}

div#questions input{
	display:inline;
	padding:0px;
	margin:3px 10px 1px 0px;
}

.usercomment {
	border-top: 3px solid #000;
}

.commenton {
	margin-bottom: 10px;
}

.commentoff {
	margin-bottom: 10px;
}

.usercomment {
	background-color: #e4edf4;
	padding: 5px 2px 5px 5px;
}

.commenttext {
	background-color: #fff;
	padding: 5px 10px 10px 10px;
}