/*<group=Components>*/

body {
	margin: 0;
	padding: 0;
	background: url(graphics/oglebanner.gif) repeat-x fixed #ECEEF0;
	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: 822px;
	position: absolute;
	left: auto;
	top: 0;
     right: auto;
}

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

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

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

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


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

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

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

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

/*<group=Boxes>*/
	
	/* Default styling. Used when JavaScript is unsupported */
.cbb {
	background:#fff;
	overflow: hidden;
	margin: 5px 0 10px 0;
	}

.amazon {
	overflow: hidden;
	margin: 5px 0;
	}

* html .amazon {
	margin: 5px 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;
	}
	
.hl {
	background-color: #ffff66;
}

a:link, a:active {
	color: #13489C;
	}

a:visited {
	color: #7f989c;
}

#rightcolumn a:visited, #leftcolumn .links a:visited {
	color: #13489C;
}

a:hover, #rightcolumn a:hover, #leftcolumn .links a:hover {
	color: #A72817;
	text-decoration: underline;
	}

a.kml:after {
	content:  url(graphics/ge_icon.gif);
}

a.qt:after {
	content:  url(graphics/qt.gif);
}

a.pdf:after {
	content:  url(graphics/pdf.gif);
}


a img {
	border: none;
}

/*</group>*/

/*<group=leftcolumn styles>*/

.c480 {
	font: 1em/140% 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
}

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


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

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

.c480 p {
	margin: 0 0 1.1em 0;
	font: 0.9em/140% 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
}

 .c480 ul, .c480 ol {
	margin: 0 20px 1.1em 20px;
	padding: 0;
}

.c480 ol ol {
	list-style-type: lower-roman;
	margin-top: 1.1em;
}

.c480 li {
	margin-bottom: 1.1em;
	font: 0.9em/135% 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
}

.c480 ul.shortlist li, .c480 ol.shortlist li {
margin-bottom: 0;
}	
.c480 blockquote {
	margin: 0 20px 1.1em 20px;
	padding: 0.5em;
	font: 0.9em/130% 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	background-color: #eceef0;
	border: 1px solid #e1e4e5;
}

.c480 li blockquote {
	margin-top: 1.1em;
}

.c480 p.posted {
	margin: 0 0 1em 0;
	padding: 0.4em 0.5em;
	font: 0.9em/160% 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	background-color: #eceef0;
	border-bottom: 1px solid #7396b7;
}

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

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

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

.c480 .boxtop {
	margin: 1em 0;
	text-align: center;
}

/*</group>*/

/*<group=rightcolum styles>*/

h2, #search-ogle, #subscribe-ogle {
	color: #a72817;
	font: bold 1em/120% Helvetica, Arial, sans-serif;
	padding: 0.1em 6px 0.1em 2px;
	background-color: #eceef0;
	text-align: left;
	border-top: 1px solid #7396b7;
}

h2.first, #search-ogle, #subscribe-ogle {
	margin: 0 0 0.2em;
}

h2 {
	margin: 0.5em 0 0.2em;
}

#search, #fbemail {
	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 0 0.2em 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 {
	margin: 0;
	padding: 0.1em 0 0.2em 1em;
	color: #999999;
	font: 0.9em/120% Helvetica, Arial, sans-serif;
}

.follows {
	margin-left: 0.2em;
	color: #999999;
}

.follows:before {
	content:  "• ";
}

.long {
     margin-bottom: 0.4em;
}

.longer{
     margin-bottom: 0.8em;
}

.textblock .feedburnerFeedBlock {
	padding: 0;
	margin: 0 0 0.5em 0;
	}

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;
	}