/*<group=Components>*/

body {
	margin: 0;
	padding: 0;
	background: url(graphics/bannerbg.png) repeat-x fixed #f4f4f4;
	font-size: 85%;
	line-height: 130%;
}

#wrapper {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0;
}

#bannerlink {
	z-index: 0;
	height: 100px;
	width: 800px;
	position: absolute;
	left: auto;
	top: 0;
     right: auto;
}

#main {
	margin: 0 auto;
	padding: 0;
	width: 800px;
	overflow: hidden;
}

#leftcolumn {
	margin: 0 0 30px 0;
	padding: 0;
	width: 500px;
	float: left;
	overflow: hidden;
}

#rightcolumn {
	margin: 0 0 30px 0;
	padding: 0;
	width: 300px;
	float: right;
	overflow: hidden;
}

.c480 {
	float: left;
	width: 500px;
}

.c150 {
	float: left;
	width: 150px;
}

.c150r {
	float: right;
	width: 150px;
}

.c300 {
	float: right;
	width: 300px;
}

.c780 {
	float: left;
	width: 800px;
}
       	
/*</group>*/

/*<group=Boxes>*/
	
	/* Default styling. Used when JavaScript is unsupported */
.cbb {
	background:#fff;
	overflow: hidden;
	margin: 5px 0 10px 0;
	}
	
/* Insert the custom corners and borders for browsers with sufficient JavaScript support */

.cb {
	margin: 0;
	}
	
* html .cb {
	margin: 0 0 5px 0;
	}
/* Rules for the top corners and border */

.bt {
	margin: 0 0 0 10px;
	height: 10px;
	background: url(box.png) no-repeat 100% 0;
	}
	
* html .bt {
	background: url(box.gif) no-repeat 100% 0;
	}
	
.bt div {
	height: 10px;
	width: 10px;
	position: relative;
	left: -10px;
	background: url(box.png) no-repeat 0 0;
	}
* html .bt div {
	background: url(box.gif) no-repeat 0 0;
	}

/* Rules for the bottom corners and border */
.bb {
	margin: 0 0 0 10px;
	height: 10px;
	background: url(box.png) no-repeat 100% 100%;
	}
* html .bb {
	background: url(box.gif) no-repeat 100% 100%;
	}
	
.bb div {
	height: 10px;
	width: 10px;
	position: relative;
	left: -10px;
	background: url(box.png) no-repeat 0 100%;
	}
* html .bb div {
	background: url(box.gif) no-repeat 0 100%;
	}

/* Insert the left border */
.i1 {
	padding: 0 0 0 10px;
	background: url(borders.png) repeat-y 0 0;
	}
	
* html .i1 {
	background: url(borders.gif) repeat-y 0 0;
	}
/* Insert the right border */
.i2 {
	padding: 0 10px 0 0;
	background: url(borders.png) repeat-y 100% 0;
	}
	
* html .i2 {
	background: url(borders.gif) repeat-y 100% 0;
	}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */

.i3 {
	background: #fff;
	border: 1px solid #fff;
	border-width: 1px 0;
}

.c480 .i3 {

	padding: 5px;
	}
	
.c150 .i3 {

	padding: 2px;
	}
	
	.c150r .i3 {

	padding: 2px;
	}
	
.c300 .i3 {

	padding: 3px;
	}
	
.c780 .i3 {

	padding: 5px;
	}

/* CSS for the box ends here */
	/*</group>*/

/*<group=Global styles>*/

.tagline {
	color: #ffffff;
	font: 1em Helvetica, Arial, sans-serif;			
	margin: 0 0 0 9px;
}

.date {
	color: #999999;
	font: bold 1em Helvetica, Arial, sans-serif;	
	margin: 0.3em 0;
}

a {
	text-decoration: none;
	}

a:link, a:active {
	color: #ff0033;
	}

a:visited {
	color: #91001d;
}

#rightcolumn a:visited {
	color: #ff0033;
}

a:hover, #rightcolumn a:hover {
	color: #13489C;
	text-decoration: underline;
	}


/*</group>*/

/*<group=leftcolumn styles>*/

.c480 {
	font: 1.1em/140%   Times New Roman, Times, serif;
}

.c480 h1 {
	color: #13489C;
	font: bold 1.3em/120% Helvetica, Arial, sans-serif;
	margin:  .7em 0 0.2em;
}


* html .c480 h1 {
	margin-top: 2em;
}

.c480 h3 {
	color: #13489C;
	font: bold 1.1em/120% Helvetica, Arial, sans-serif;
	margin:  .7em 0 0.2em;
}

.c480 p {
	margin: 0 0 1.1em 0;
	font: 1em/140%   Times New Roman, Times, serif;
}

.c480 blockquote p {
	margin: 0.6em 0;
}

.c480 td, .c480 li {
	margin: 0;
	padding: 2px;
	font: 1em/140%   Times New Roman, Times, serif;
}
	
.c480 blockquote {
	margin: 0 20px 1.1em 20px;
	padding: 0.5em;
	font: 1em/130%   Times New Roman, Times, serif;
	background-color: #f4f4f4;
	border: 1px solid #e1e4e5;
}

.c480 p.posted {
	margin: 0 0 1em 0;
	padding: 0.4em 0.5em;
	font: 0.8em/130% 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	background-color: #f4f4f4;
	border-bottom: 1px solid #e1e4e5;
}

.c480 p.posted+h1 {
	margin-top: 2em;
	}

.c480 .navigate, c480 #comments {
	color: #13489C;
	font: bold 1.3em/120% Helvetica, Arial, sans-serif;
	margin: 0 0 0.5em;
	padding: 0.2em;
	background-color: #f4f4f4;
	text-align: center;
	border-top: 1px solid #e1e4e5;
}

.c480 .list {
	margin: 0 0 0 1em;
	padding: 0;
}

.c480 .authors {
	font: 0.9em Helvetica, Arial, sans-serif;
}


.c480 .boxtop {
	margin: 1em 0;
	text-align: center;
	font: 1em 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
}

/*</group>*/

/*<group=rightcolum styles>*/

#rightcolumn h2, #search-ogle, #subscribe-ogle {
	color: #13489C;
	font: 1em/120% Helvetica, Arial, sans-serif;
	margin: 0 0 0.2em;
	padding: 0.1em 6px 0.1em 2px;
	background-color: #f4f4f4;
	text-align: center;
	border-top: 1px solid #e1e4e5;
}

#search, #subscribe {
	background-color: white;
	color: black;
	text-align: left;
	border: 1px solid #cccccc;
	font: 0.9em Helvetica, Arial, sans-serif;
}

.leader, #rightcolumn li {
	padding: 0;
	margin: 0;
	font: 0.9em/120% Helvetica, Arial, sans-serif;
}

#creditfooter {
	display: none;
}

#rightcolumn ul {
	padding: 0;
	margin: 0 0 0 1.1em;
	list-style-type: disc;
	list-style-position: outside;
	}

.follow, #rightcolumn ul li div {
	margin: 0;
	padding: 0.1em 0 0.2em 1em;
	color: #999999;
	font: 0.9em/120% Helvetica, Arial, sans-serif;
}

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

.long {
     margin-bottom: 0.4em;
}

.longer{
     margin-bottom: 0.8em;
}

.textblock {
	padding: 0;
	margin: 0 0 0.5em 0;
	}
	
.datecolumn {
	width: 4em;
}

form[name="toto"]{
	margin: 0 0 0.3em 0;   	
}

form[name="gogo"]{
	margin: 0 0 1.5em 0;
}

/*</group>*/

#comment-data {
	float: left;
	width: 180px;
	padding-right: 15px;
	margin-right: 15px;
	text-align: left;
	border-right: 1px dotted #BBB;
	}

textarea[id="comment-text"] {
	width: 80%;
	}

.commenter-profile img {
	vertical-align: middle;
	border-width: 0;
	}