/* 
	common.css
	Copyright (C) 2004-2005 Deryck Hodge <deryck@samba.org>

	Basic styles common to all of samba.org, including VirtualHosts
	bugzilla.samba.org, build.samba.org, and news.samba.org.

	You may freely use and modify the styles here, but if you 
	intend to recreate the samba.org look exactly, please ask
	permission first.
*/


/* Base elements
***********************************************************/
body {
	background:url(/samba/images/stripes.png) repeat-x 0 0;
	margin:0;
	padding:0;
	background-color:#E5E9F5;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:medium;
	color:#000;
}
body#news  {
	background:none;
	background-color:#FFF;
}
blockquote {				
	margin:35px;			
	padding:15px; 			
	border-left:2px groove #CCC;
	border-top:2px groove #CCC;
}
img {
	border:0;
}


/* Headings
***********************************************************/
h1 {
	font-size:x-large;
}
h2 {
	text-align:left;
	color:#FFFF64;
	font-size:large;
	background-color:#3878CD;
	margin-top:60px;
	margin-bottom:15px;
	padding:2px;
	padding-left:5px;
}
h3 {
	font-size:medium;
}
h5 {
	font-size:small;
	text-align:right;
	display:inline;
}
* html h5 {
	padding-right:4px;
}
h6 {
	font-size:small;
	text-align:right;
	text-align:right;
}
h6 a {
	margin-right:3px;
}


/* Lists
***********************************************************/
ol li {
	margin-bottom:12px;
}
ol.tight li {
	margin-bottom:0;
}


/* Tables
***********************************************************/
table.real thead { 
        background-color: #E5E9F5;
}
table.real th,
table.real td {
        border: 1px solid #3878CD;
        padding: 2px;
}
table.real { 
        border: 2px solid #3878CD;
        background-color: #F5F8FF;
}


/* Links
***********************************************************/
a:link:hover {
	color:#CC0033;
	background-color:#FFFF64;
}


/* Header (yellow and blue stripes)
***********************************************************/
#banner {
	position:absolute;
	top:0;
	left:0;
	height:95px;
	width:100%;
	padding-top:4px;
	z-index:1;
}
.srch {
	text-align:right;
	margin:0 5px 0 0;
}
.srch form {
	display:inline;
}


/* Slogan ("Opening windows to a wider world")
***********************************************************/
.slogan {
	position:absolute;
	left:187px;
	z-index:1;
}
html>body .slogan { 	/**** Opera needs its own rule *********/
	top:100px;
}
:root .slogan {		/**** Undo the Opera rule for all other browsers ****/
	top:80px;
}
* html .slogan {	/** Then, give IE 5/6 its own rule ****** */
	top:100px;
}


/* Logo (with hacks for PNG transparency across browsers)
***********************************************************/
#logo>.logo_hack {
	background-image:url(/samba/images/logo.png);
	background-position:center;
	background-repeat:no-repeat;
}
.logo_hack {
	position:absolute;
	top:25px;
	left:0;
	width:250px;
	height:119px;
	padding:0;
	margin:0;
	z-index:1;
}
.logo_hack a:hover {
	background:transparent;
}


/* Nav menu
***********************************************************/
#nav {
	position:absolute;
	top:152px;
	left:20px;
	width:180px;
	background-color:#F5F8FF;
	border:2px groove #3878CD;
	padding:0;
	padding-bottom:5px;
	margin:0;
	z-index:1;
}
#nav ul {
	list-style-type:none;
	text-align:center;
	padding:0;
	margin:0;
}
* html #nav a {
	height:20px;
}
#nav a,
#nav a:link,
#nav a:visited {
	display:block;
	font-size:small;
	color:#2B5C9F;
}
#nav a:hover {
	color:#FFF;
	background-color:#3878CD;
}
#nav a:active {
	color:#FFFF64;
	background-color:#3878CD;
	font-size:14px;
}
#nav img {
	padding:0;
	margin:0;
	width:180px;
	height:30px;
}


/* Text and alignment formats
***********************************************************/
.punch {
	font-weight:bold;
}
.tilt {
	font-style:italic;
}
.colophon {
	margin-left:20px;
}
.plugs {
	font-style:italic;
	text-align:center;
	border-top:2px groove #3878CD;
	border-bottom:2px groove #3878CD;
	padding:10px;
	margin:50px 0;
}
.plugs p {
	padding:30px;
}
.plugs img {
	float:left;
}
.book {
	min-height:75px;
}
* html .book {
	height:75px;
}
.book img {
	float:left;
	width:60px;
	height:75px;
	margin:0 10px 0 0;
}

/*
	news.css
	Copyright (C) 2004-2005 Deryck Hodge <deryck@samba.org>

	Styles that are specific to just news.samba.org.

	You may freely use and modify the styles here, but if you 
	intend to recreate the samba.org look exactly, please ask
	permission first.
*/

/* Overwrite globals from common.css
**********************************************************/
h4 {
	padding:0;
	margin:0;
	color:#2B5C9F;
	margin:0 15px;
}
input, textarea, select {
	margin:0 0 10px 15px;
}


/* Header and Logo
**********************************************************/
.newsbar {
	background-color:#2B5C9F;
	width:100%;
	height:125px;
	margin:80px 0 0 0;
}
#news_logo>.news_logo_hack {
	background-image:url(http://www.samba.org/media/news/images/news_logo.png);
}
#news_logo_jracol>.news_logo_hack {
	background-image:url(/samba/news/images/news_logo_jracol.png);
}
.news_logo_hack {
	position:absolute;
	top:5px;
	left:10px;
	width:450px;
	height:300px;
}
#news_logo a:hover, #news_logo_jracol a:hover {
	background-color:transparent;
}


/* News articles (and content area for other pages)
**********************************************************/
.news {
	min-height:800px;
	margin:15px 250px 0 1%;
	padding-top:50px;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:15px;
	border-right:1px solid #999;
}
.news ul {
	width:75%;
}
.news_wide {
	margin:120px 5%;
}
.news, .news_wide h3 {
	margin-left:12px;
	margin-top:40px;
}
.news, .news_wide p {
	margin-left:12px;
}
.news_wide ul {
	margin-left:100px;;
}
.reference {
	font-size:small;
}
.credit {
	font-size:small;
	font-style:italic;
	margin:30px 15px 0 15px;
}


/* Right-hand sidebar
**********************************************************/
#links {
	float:right;
	margin:-10px 0 10px 0;
}
* html #links {
	margin-top:0;
}
#links ul {
	list-style-type:none;
	display:block;
}
span.js {
	display:block;
	width:210px;
	margin:0 0 0 15px;
}
#srch_news {
	margin:40px 0 5px 0;
	text-align:center;
}
#srch_news h4 {
	text-align:left;
}
#srch_news input {
	margin:10px 0 0 0 !important;
}
* html #srch_news input {
	margin:-10px 0 0 0 !important;
}
.about {
	text-align:right;
	padding-right:15px;
}
.recent, .stories {
	font-size:small;
}
.sections, .feed {
	margin:30px 90px 0 0;
}
.calendar-promo {
	width:210px;
	font-size:small;
	margin:50px 0 0 0;
}
.calendar-promo p {
	margin-left:10px;
}
.calendar-promo ul {
	padding:0;
	margin:0;
	text-align:center;
}


/* Samba Team Calendar
**********************************************************/
#cal_wrap {
	width:730px;
}
#team_calendar {
    width:500px;
    height:650px;
}
#events {
	float:right;	
	position:relative;
	bottom:650px;
	border-left:1px solid #999;
	width:220px;
	height:500px;
	margin:10px 20px 0 30px; 
    padding-left:30px;
	padding-top:20px;
}
#events ul {
	list-style-type:none;
	margin:2px 0 0 12px;
	padding:0;
}
#events li {
	margin:0 0 2px 0;
}
.dates_left {
	float:left;
	margin:10px 10px 10px 5px;
}
.dates_right {
    float:left;
    margin:10px 20px 10px 20px;
}
* html .dates_left {
	float:left;
	margin:50px 10px 10px 0;
}
th {
	color:#2B5C9F;
	padding-top:20px;
}
.pretitle {
	margin:10px 10px 2px 10px;
}
.predescription {
	margin:10px;
}
.moreinfo {
	margin:10px;
	font-size:small;
	font-style:italic;
}
ul.event_details, ul.event_members {
	list-style-type:none;
	margin:-5px 0 0 0;
}


/* Story submission
**********************************************************/
.success {
	width:60%;
	padding-top:15px;
	margin-left:17%;
}
.interview li {
	list-style-type:none;
}
.heading_list ul {
	list-style-type:none;
	width:95%;
	margin:0 0 0 30px;
	padding:0;
}
.heading_list ul ul {
	margin:5px 0 20px 0;
}
.editor {
	text-align:center;
	margin-top:35px;
}


/* Photo slide shows
**********************************************************/
#pic {
	text-align:center;
}
#pic img {
	width:75%;
	height:75%;
	margin:10px 0 0 40px;
	border:1px groove #6878CD;
}
.l {
}
.r {
	position:relative;
	right:20px;
	bottom:20px;
	float:right;
}
* html .pic_nav {
	top:5px;
	right:15px;
}
* html .r {
}


/* Search results 
**********************************************************/
#results {
	margin:20px;
}
#results h3 {
	margin:10px 0 5px 0;
}
#results p {
	font-size:small;
	font-style:italic;
	margin:0 0 0 5px;
}

/* Profiles
**********************************************************/
.profile img {
	float:left;
	margin:15px;
}
.profile blockquote {
	margin:0;
	padding:0;
	font-style:italic;
	border:0;
}


/*
   Added with new Django site.
*/
.warning {
	background-color:#903;
	position:relative;
	bottom:10px;
	margin:0 0 0 25px;
	color:#FFF;
	font-style:italic;
}
div#submit {
	margin:10px 0 0 -2px;
}