@charset "utf-8";
/* Daily Data Linux Solutions */

/* common */

body {background: url(images/background-tile.gif) top left #d7d7d7; color:#000; font-family:Arial, Helvetica, FreeSans, sans-serif; font-size:10pt;}

h1 {font-size:14pt; font-weight:bold; color:#003e7e; margin:0px; padding:0px; letter-spacing:3px;}
h2 {font-size:11pt; font-weight:bold; color:#4f91cd; margin:0px; padding:0px; letter-spacing:3px;}
h3 {font-size:8pt; font-weight:bold; color:#000; margin:0px; padding:0px; letter-spacing:3px;}

a:link, a:visited {color:#003e7e; text-decoration:underline;}
a:hover, a:active {color:#4f91cd; text-decoration:none;}

ul {font-size:10pt; font-weight:bold; list-style-image:url(images/dd-bullet.gif);}
li {margin-bottom:10px;}

/* structural common */

.header{width:980px; height:55px; margin:0px auto 0px auto; background: url(images/panel-connectors/header.gif) no-repeat center left; background-color:#d7d7d7; border-top:1px dotted #000; border-left:1px dotted #000; border-right:1px dotted #000;}
	.logo{width:255px; height:45px; margin:5px 5px 5px 0px; padding:2px 3px 0px 3px; background-color:#fff; border:1px dotted #000;}
	.menu{width:700px; height:45px; margin-top:20px; margin-right:0px; padding-right:0px; float:right;}
	
	/*IE Hack */
	*:lang(en) .menu{ margin-top:6px; !important;}
	/* IE doesn't read the lang property. By setting that within the body of the page, I can then filter out things I don't want IE to see. */
		.menu ul {float:right;}	
		.menu li{list-style:none; display:inline; margin-right:5px; font-size:8pt; font-weight:bold; border:1px dotted #000; background-color:#fff; padding:3px;}
	
.photostrip{width:980px; height:120px; margin:0px auto 0px auto; border:1px dotted #000; border-bottom:1px dotted #000; background:url(images/making-linux-work.jpg) no-repeat top center;}

.content_area{width:980px; min-height:350px; margin:0px auto 0px auto; padding-top:5px; color:#000; background-color:#d7d7d7; border-left:1px dotted #000; border-right:1px dotted #000;}

	.left{width:480px;}
	.right{width:480px; float:right; margin-right:0px; padding-right:0px;}
	
	.panel{width:450px; margin:5px 0px 10px 0px; padding:0px 4px 4px 4px; background-color:#fff; border:1px dotted #000;}
	.fullspan_panel{width:960px; margin:5px 0px 10px 0px; padding:0px 4px 4px 4px; background-color:#fff; border:1px dotted #000; clear:both;}
	.tri_panel_first{width:300px; margin:5px 0px 10px 0px; padding:0px 4px 4px 4px; background-color:#fff; border:1px dotted #000; float:left;}
	.tri_panel{width:300px; margin:5px 0px 10px 20px; padding:0px 4px 4px 4px; background-color:#fff; border:1px dotted #000; float:left;}

.footer{clear:both; width:980px; height:25px; margin:-10px auto 0px auto; background-color:#d7d7d7; border-bottom:1px dotted #000; border-left:1px dotted #000; border-right:1px dotted #000;}
	.footer p{font-size:8pt; text-align:center; padding-top:10px;}	
	
/* index */

.c_idx{width:970px; min-height:350px; margin:0px auto 0px auto; padding:5px; color:#000; background:url(images/panel-connectors/content-idx.gif) no-repeat top left #d7d7d7; border-left:1px dotted #000; border-right:1px dotted #000;}

.tux{width:75px; height:78px; margin-top:125px; float:right;}

/*content pages */

.c-smallbiz{width:970px; min-height:350px; margin:0px auto 0px auto; padding:5px; color:#000; background:url(images/panel-connectors/small-biz.gif) no-repeat top right #d7d7d7; overflow:hidden; border-left:1px dotted #000; border-right:1px dotted #000;}
.c-distro{width:970px; min-height:350px; margin:0px auto 0px auto; padding:5px; color:#000; background:url(images/panel-connectors/distro.gif) no-repeat top right #d7d7d7; overflow:hidden; border-left:1px dotted #000; border-right:1px dotted #000;}

	.full-last{width:960px; margin:5px 0px 5px 0px; padding:0px 4px 4px 4px; background-color:#fff; border:1px dotted #000; clear:both;}

.sidebar{float:right; width:250px; margin:5px; padding:3px; border:1px dotted #000;}
.expand_contract{margin-right:20px; font-size:0.75em; font-weight:bold; line-height:0.5em;}
.expand_contract a{cursor:pointer;}