/*

Theme Name: Cordobo Green Park 2

Theme URI: http://cordobo.com/green-park-2/

Description: Lightweight WordPress theme with 2-3 column layout and right sidebar with 3 slots. Widget-ready, built-in support for plugins (e.g. twitter), easy to customize. By <a href="Artis'>http://cordobo.com">Artis Cordobo</a>.

Version: 0.8.610

Author: Artis Cordobo

Author URI: http://cordobo.com/

Tags: green, white, silver, black, light, two-columns, right-sidebar, fixed-width



 

 This is an ALPHA! Please report all bugs:

 http://cordobo.com/1223-cordobo-green-park-2-alpha-7/

	The CSS, XHTML and design is released under GPL:

	http://www.gnu.org/licenses/gpl.html

 Copy, remix and play around with my CSS - but leave the original author credentials.

 I commented my code so you can go through it and see where the magic happens ;-)

- Transcending CSS

 I use CSS3 whereever it makes sense, which outdated agents (browsers) 

 probably don't render - but there's always a fallback.

- Structure

 Elements and classes are structured, properties are in alphabetical order

- Coding convention

 Classes with up to 3 properties are in a single line,

 classes with more than 3 properties are broken into multiple lines

*/

/* Colors: Blue

 background-color: #5388b6;

 background-color: #F4F8F9;

 border-top: 1px solid #E6F0F2;

 background-color: #6fa0cc;

 border-bottom: 1px solid #B3CDD8;

*/



/* MINIMUM RESET

------------------------------------------------------------------ */

/* resets browser-specific styles - based on work by Eric Meyer */

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

}

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; }



/* GENERAL

------------------------------------------------------------------- */

*::-moz-selection { background: #51a201 none repeat scroll 0 0; color: #fff; }

html, body { color: #242626; text-align: center; }

html { height: 100%; margin-bottom: 1px; overflow-y: scroll; }

body {

 background-color: #394a59;

 background: #D5DADD url(img/body-bg.jpg) top left repeat-x;

	font: 85%/1.5 "Lucida Grande", "Helvetica Neue", Arial, "Lucida Sans Unicode", sans-serif;

	font-smooth: always;

}

a { text-decoration: none; }

a:link, a:visited { color: #004D99; }

a:focus, a:hover, a:active { color: #86180A; }

#menu a:active,

#submenu a:active { position: relative; top: 1px; }

#submenu a:focus { color: #111; }

#sidebar a,

#sidebar a:link,

#sidebar a:visited { color: #C54E0B; border-bottom: 1px solid #fff; }

#sidebar a:focus,

#sidebar a:hover,

#sidebar a:active { color: #111; border-bottom-color: #C54E0B; }

abbr,

acronym { cursor: help; border-bottom: 1px dashed #999; }

blockquote {

 background-color: #f8f8f8;

 border-left: 2px solid #eaeaea;

 color: #111;

 font-style: italic;

 margin: 0 0 9px 0;

 padding: 7px;

}

cite { font-style: italic; }

code {

 background: #eaeaea;

 font-family: Consolas, Monaco, monospace;

 font-size: 0.9em;

 padding: 1px 3px;

}

em { font-style: italic; }

h1, h2, h3, h4, h5, h6 {

 color: #000;

 display: block;

 /* fixed for Non-PCs without Photoshop CS2+ */

 font-family: "Myriad Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Lucida Grande", "Helvetica Neue", Arial, "Lucida Sans Unicode", sans-serif;

 font-weight: normal;

}

h1 { font-size: 2em; margin: 0; }

h2 { font-size: 22px; line-height: 1.2; margin: 0.3em 0 10px; }

h3 { font-size: 21px; line-height: 1.3; margin: 1em 0 .2em; }

h4 { font-size: 19px; margin: 1.33em 0 .2em; }

h5 { font-size: 0.83em; margin: 1.67em 0; font-weight: bold; }

h6 { font-size: 0.67em; margin: 2.33em 0; font-weight: bold; } 

h3.archiveentrytitle { line-height: 1.2; margin: 0.3em 0 10px; }

h2 a, h3 a,

h2 a:link, h3 a:link,

h2 a:visited, h3 a:visited { color: #669900; color: #565656; color: #000; }

h2 a:active, h3 a:active,

h2 a:focus, h3 a:focus,

h2 a:hover, h3 a:hover { color: #565656; color: #669900; }

hr,

separator {display: none;}

small { font-size: 0.8em; }

strong { font-weight: bold; }

sub,

sup { font-size: 0.7em; }

del { color: #8b0000; text-decoration: line-through; }

ins { color: #006400; text-decoration: none; }



/* Generic classes

------------------------------------------------------------------- */

/* Ampersand, Ampersand, you are so beautiful */

.amp { font-family: "Palatino Linotype", Palatino, Georgia, "Times New Roman"; font-style: italic; }

.smaller-caps { font-size: 110%; font-variant: small-caps; }

.hidden { display: none; }

a.top-link { background: transparent url(img/top-sprite.png) 0 5px no-repeat; padding-left: 12px; }

a.top-link:hover { background-position: 0 -29px; }



/* Wordpress 2.7.x specific CSS

------------------------------------------------------------------- */

.aligncenter,

div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.alignleft { float: left; }

.alignright { float: right; }

img.alignleft { display: inline; margin: 0 7px 2px 0; padding: 4px; }

img.alignright { display: inline; margin: 0 0 2px 7px; padding: 4px; }

/* Resizes the image to the maximum width of the content area */

.entry img {

 max-width: 576px;

 /* smooth image resizement in IE7+ */

 -ms-interpolation-mode: bicubic;

}

.entry div.alignleft { float: left; margin: 0 8px 7px 0; }

.wp-caption {

 background-color: #F0F0F0;

 border: 1px solid #E5E5E5;

 overflow: hidden;

 padding: 3px;

 /* WP 2.7 adds a width that is 10px broader than your image. Nasty if you use a background-color other than white */

 width: auto !important;

}

.wp-caption img { margin: 0; padding: 0; border: 0 none; }

.wp-caption p.wp-caption-text {

 font-size: 11px;

 line-height: 17px;

 padding: 0 4px 5px;

 margin: 0;

}



.aligncenter img,

.aligncenter p.wp-caption-text {

 display: block;

 margin-left: auto;

 margin-right: auto;

 text-align: center;

}



a.more-link {

 background-color: #F4F8F9;

 border-bottom: 1px solid #E6F0F2;

 font-size: 11px;

 font-weight: bold;

 padding: 5px 6px 3px;

 text-shadow: 0 1px 0 #fff;

}

a.more-link:hover {

 background-color: #E6F0F2;

 border-bottom: 1px solid #B3CDD8;

 color: #000;

}



div#sidebar li.widget div.textwidget a img,

div#sidebar li.widget div.textwidget a:hover img { border: none; }



/* Added */



small.unimportant {

 background-color: #F4F8F9;

 border-bottom: 1px solid #E6F0F2;

 border-top: 1px solid #E6F0F2;

 color: #3e5867;

 display: block;

 font-size: 11px;

 height: 19px;

 line-height: 19px;

 margin: 0 -28px;

 padding: 6px 28px;

 text-shadow: 0px 1px 0px #fff;

 width: 576px;

}



a.button-style {

 border: 1px solid #F4F8F9;

 display: inline-block;

 height: 11px;

 line-height: 11px;

 padding: 4px 6px;

 width: auto;

}

a.button-style:hover {

 background: #5388b6 url(img/button-style.png) center left repeat-x;

 border: 1px solid #1b5a8d;

 border-radius: 3px 3px;

 -moz-border-radius: 5px;

 -webkit-border-radius: 3px;

 color: #fff;

 text-shadow: 0 1px 0 #0f4570;

}

/* STRUCTURE - 2 cols

------------------------------------------------------------------- */



#page,

#header,

#footer { margin: 0 auto; width: 985px; }

#page,

#content,

#sidebar { background-color: #fff; }



#header,

#content,

#sidebar,

#footer { text-align: left; }

#page { margin: 4px auto; }

#header { display: block; height: 120px; padding: 0 20px; position: relative; width: 945px; }

#container { float: left; margin: 0 -350px 0 0; width: 100%; }

#content { background-color: #fff; margin: 0 350px 0 0; padding: 19px 0 0; overflow: hidden; }

#sidebar { background-color: #fff; float: right; padding: 15px 20px 15px 10px; width: 320px; margin-left: -3px; }

#footer { clear: both; width: 929px; font-size: 0.8em; padding: 10px 28px; }



/* FoCoCo - imageless faux columns - cc 2009 Andreas Jacob - www.cordobo.com */

#header { border-bottom-style: 1px solid #1177aa; }

#content { border-right-style: solid; }

#sidebar { border-left-style: solid; }

#footer { border-top-style: solid; }

#header,

#content,

#sidebar,

#footer { border-color: #D5DADD; border-width: 3px; }





/* HEAD

------------------------------------------------------------------- */



/*

* Start EXAMPLE CODE for an image logo

*/



div#branding h1,

div#branding h1 a { display: block; height: 40px; width: 200px; }

div#branding h1 { position: absolute; top: 38px; left: 27px; }

div#branding h1 a { background: transparent url(img/logo-cordobo.png) top left no-repeat; text-indent: -9999em; }

div.description { display: block; position: absolute; top: 44px; left:224px; }

div.description { color: #868F98; font-size: 0.8em; }

div.description span { color: #8ECD12; }

div.description a:hover:after { content: " →"; }



/*

* End EXAMPLE CODE for an image logo

*/



/*

* Start EXAMPLE CODE for a text logo

/*

div#branding { display: block; position: absolute; top: 30px; left: 28px; }

div#branding h1,

div.description { float: left; }

div#branding h1 a, h1 a:link, h1 a:visited { color: #000; }

div#branding h1 a:active, div#branding h1 a:focus, div#branding h1 a:hover { color:#669900; }

div.description { color: #868F98; font-size: 0.8em; margin: 17px 0 0 10px; }

/*

/*

* End EXAMPLE CODE for a text logo

*/



#accessibility { display: block; font-size: 0.8em; position: absolute; top: 47px; right: 28px; }

#accessibility ul { display: block; }

#accessibility ul li,

#accessibility ul li a { display: block; float: left; }

#accessibility ul li a { background: transparent url(img/navigation.png) right -200px no-repeat; padding: 0 7px 0 4px; }

#accessibility ul li.last-item a { background: none; padding-right: 0; }

div#navigation,

div#menu,

div#menu ul { display: block; height: 41px; width: 929px; }

div#navigation { background: #89CB11 url(img/navigation.png) top left repeat-x; position: absolute; top: 70px; left: 27px; }

div#menu { background: transparent url(img/navigation.png) right -50px no-repeat; }

div#menu ul { background: transparent url(img/navigation.png) left -100px no-repeat; }

div#menu ul li,

div#menu ul li a { display: block; float: left; }

div#menu ul li a {

 background: transparent url(img/navigation.png) right -150px no-repeat;

 color: #fff;

 font-size: 0.8em;

 font-weight: bold;

 line-height: 40px;

 padding: 0 10px 0 8px;

 text-shadow: 0 1px 0 #555;

}

/* Removes the background separator from the last hyperlink in a list in Opera 9+, Firefox 2+, Safari 3+ */

div#menu ul li:last-child a { padding-right: 8px; background: none; }



/* FF3.5/Safari 4 ONLY - applies a darker text-shadow to the link - seamless transition, thanks to :focus

 http://cordobo.com/1119-provide-visual-feedback-css/

*/

div#menu ul li a:hover,

div#menu ul li a:focus,

div#menu ul li.current_page_item a { text-shadow: 1px 1px 1px #000; }

div#submenu { font-size: 0.8em; position: absolute; top: 46px; left: 0px; }

div#submenu ul { display: block; }

div#submenu ul li,

div#submenu ul li a { display: block; float: left; }

div#submenu ul li a { color: #868F98; background: transparent url(img/navigation.png) left -200px no-repeat; padding: 0 5px 0 7px; }

div#submenu ul li.current_page_item a { color: #111; }

div#submenu ul li:first-child a { background-image: none; }

div#submenu ul li a:hover { color: #000; }

div#submenu ul li ul { display: none; }

div#submenu ul li:hover ul {

 background-color: #fff;

 border: 1px solid #eaeaea;

 clear: both;

 display: block;

 float: none;

 left: auto;

 line-height: 1;

 padding: 6px 6px 4px;

 top: auto;

 /* fixes a nasty issue with the border - http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/ */

 overflow: auto;

	width: 100%;

}

/* 3rd level navigation - only visible if you have grandchild pages */

div#submenu ul li ul li,

div#submenu ul li ul li a { clear: both; display: block; float: none; padding: 0; width: auto; }

div#submenu ul li ul li a {

 background-color: #f7f7f7;

 border-bottom: 1px solid #fff;

 color: #111;

 margin-bottom: 1px;



}

div#submenu ul li ul li a:hover { background-color: #e9e9e9; border-bottom: 1px solid #c2c2c2; color: #125687; }

div#nav-search { display: block; height: 30px; line-height: 16px; position: absolute; top: 8px; right: 8px; }

div#nav-search label { display: none; }

div#nav-search input { vertical-align: middle; }



.page,

.post,

h2.pagetitle,

p.nocomments,

p.edit-page { padding: 0 28px; }

p.nocomments,

p.edit-page { padding-bottom: 20px; }

.post { margin-bottom: 30px; padding-bottom: 20px; }

.entry { margin: 15px 0 5px; font-size: 13px; line-height: 20px; }

.entry p,

.entry ol,

.entry ul { margin: 0 0 9px; color: #4d4d4d; }

p strong,

li strong { color:#2E2E2E; }

.entry ol { margin-left: 1.1em; padding-left: 1.1em; }

.entry ul { margin-left: 1.1em; padding-left: 1.1em; }

.entry ol li { list-style-type: decimal; }

.entry ul li { list-style-type: disc; }

.entry blockquote p { margin: 0; }

.postmetadata { border-bottom: 1px dotted #ddd; border-top: 1px dotted #D5D5D5; color: #999; font-size: 11px; margin-top: 20px; padding: 7px 2px; }

.postmetadata a { color: #666; padding: 2px 4px; }

.postmetadata a:hover { background-color: #efefef; }



/* Advertisement space - see ad_middle.php in the themes folder */

#somethingspecial { padding: 7px 2px; width: 572px; border-bottom: 1px dotted #ddd; }

#somethingspecial > div { padding: 0 54px; width: 468px; }



/* FORMS - Comments */

h3#comments,

#respond h3 { margin: 0 0 5px; font-size: 34px; }

.comments-header,

div.navigation { text-shadow: 0 1px 0 #fff; border-bottom: 1px solid #E6F0F2; }

.comments-header { padding: 6px 28px; background-color: #F4F8F9; border-top: 1px solid #E6F0F2; }

h3#comments,

h4#pings { float: left; }

h4#pings { width: 150px; margin: 10px 0; line-height: 1.2; }

.comments-header-meta { float: right; font-size: 11px; font-weight: bold; line-height: 44px; padding: 4px 0 0 ; }

div.navigation {

 overflow: hidden;

	border-top: 1px solid #fff;

 font-size: 11px;

 background-color: #E6F0F2;

 height: auto;

 line-height: 28px;

 padding: 0 28px;

}

.comments-content {

 background: #f4f8f9;

 color: #3e5867;

 display: block;

 font-size: 11px;

 width: 632px;

 border-top: 28px solid #f9fbfc;

}



ol.commentlist,

ol.pinglist { font-size: 11px; }

ol.pinglist { margin-top: 10px; width: 420px; float: right; }

li.comment {

 background: transparent url(img/comment-bg-2.png) -55px 0 repeat-y;

 margin: 0;

 border: 28px solid #f9fbfc;

 border-top: none;

 width: 568px;

 padding: 12px 4px;

 overflow: hidden;

}



li.pings {

 /* background-color: #f9fbfc; */

	border-top: 1px solid #fff;

	border-bottom: 1px solid #E6F0F2;

	/* border-bottom: 1px solid #f4f8f9; */

 margin: 0;

 padding: 4px 10px;

 width: 400px;

}

li.pings:first-child { border-top: none; }

li.pings:last-child { border-bottom: none; }

li.thread-alt { }

ol.commentlist .thread-even { }

ol.commentlist .depth-1 { }

.commentlist .even,

.commentlist .alt { }

.comment-author { margin-left: 80px; position: relative; /* background: transparent url(img/bubble.png) right 0 no-repeat; */ }

img.avatar {

	background-color: #fff;

	border: 1px solid #eee;

	padding: 2px;

 position: absolute;

 left: -80px;

}



.comment-author cite { }

.comment-meta { font-size: 10px; margin-bottom: 3px; margin-left: 80px; }

li.comment-author-admin { background-color: #E6F0F2; }

li.comment p,

li.comment blockquote { padding: 0 0 6px; margin-left: 80px; }

li.comment blockquote p,

li.comment blockquote blockquote,

li.comment blockquote blockquote p { margin: 5px; padding: 7px; }



.commentlist cite,

.commentlist cite a { font-style: normal; font-size: 12px; }

.commentlist cite a { background-color: #fff; padding: 2px 5px; border-bottom: 1px dotted #ddd; }

.says { }

/* Your comment is awaiting moderation. */

li.comment div em { }

a.comment-reply-link { 

	border: 1px solid #fff;

	float: right;

 color: #666;

 padding: 1px 3px;

}



a.comment-reply-link:hover { 

	background-color: #f4f8f9;

 color: #333;

}





#respond {

 background-color:#F4F8F9;

 margin-top: 1px;

 padding: 18px 28px;

 width: 576px;

 overflow: hidden;

}

.comment-input { width: 238px; float: left; }

.textarea-input { width: 330px; float: left; margin-right: 5px; }

#respond input,

#respond label { display: block; width: 200px; }

input#author,

input#email ,

input#url { height: 15px; line-height: 15px; color: #999; vertical-align: middle; padding: 5px 3px; border: 1px solid #ddd; }

#respond input:focus { color: #000; border-color: #aaa; }



input#submit {

 background: #5388b6 url(img/button-style.png) center left repeat-x;

 border: 1px solid #3b73a3;

 border-radius: 3px 3px;

 -moz-border-radius: 3px;

 -webkit-border-radius: 3px;

 color: #fff;

 font-size: 11px;

 font-weight: bold;

 height: 24px;

 line-height: 24px;

 padding: 0 10px;

 vertical-align: middle;

 }



#respond label { height: 20px; margin: 3px 0 9px; font-size: 11px; }

#respond textarea#comment {

 margin: 0 0 9px;

 width: 100%;

 border: 1px solid #ddd;

 padding: 5px 3px;

 height: 150px;

 font-family: "Lucida Grande", "Helvetica Neue", Arial, "Lucida Sans Unicode", sans-serif;

}

#respond textarea#comment:focus {

 color: #000;

 border-color: #aaa;

 -webkit-box-shadow: 4px 4px #eee;

 -moz-box-shadow: 4px 4px 0px rgba(238,238,238,1);

}



/* SIDEBAR

------------------------------------------------------------------- */



div#sidebar { font-size: 0.8em; }

div#sidebar #about,

div#sidebar .categories,

div#sidebar .archives,

div#sidebar .pagenav,

div#sidebar #meta,

div#sidebar .linkcat,

div#sidebar .widget { border-bottom: 1px dotted #ddd; margin: 0 0 9px; padding: 0 8px 9px; }

li.categories ul li ul li,

li.pagenav ul li ul li { margin-left: 6px; }



.pagination-sb,

.tools-sb,

.twitter-sb { border-bottom: 1px dotted #ddd; margin-bottom: 9px; padding-bottom: 9px; }

.pagination-sb li,

.tools-sb li,

.twitter-sb li { display: block; overflow: hidden; }



div#sidebar .tools-sb li.rss-icon a {

	background: transparent url(img/rss-icon.png) center left no-repeat;

	border: none;

	display: block;

	height: 33px;

	line-height: 1.05em;

	padding: 2px 7px 2px 65px;

}

div#sidebar .twitter-sb li { padding: 0 7px 2px 65px; }

div#sidebar .twitter-sb li.twitter-icon {

	background: transparent url(img/twitter_48.png) center left no-repeat;

	line-height: 1.25em;

	padding: 2px 7px 2px 65px;

}

div#sidebar .twitter-sb li.twitter-icon a { border: none; color: #111; display: block; height: auto; }

div#sidebar .tools-sb li.rss-icon a {	color: #111; }

div#sidebar .pagination-sb li a,

div#sidebar .pagination-sb li a:link,

div#sidebar .pagination-sb li a:visited {

 background: transparent url(img/next-prev-sprite.png) right -195px no-repeat;

	border: none;

	display: block;

	line-height: 1.2;

	margin: 5px 8px 5px;

	padding: 2px 57px;

}

div#sidebar .pagination-sb li a:active,

div#sidebar .pagination-sb li a:focus,

div#sidebar .pagination-sb li a:hover { background-position: right -295px; border: none; }

div#sidebar .pagination-sb li.previous_post a,

div#sidebar .pagination-sb li.previous_post a:link,

div#sidebar .pagination-sb li.previous_post a:visited { background-position: 0 5px; }

div#sidebar .pagination-sb li.previous_post a:active,

div#sidebar .pagination-sb li.previous_post a:focus,

div#sidebar .pagination-sb li.previous_post a:hover { background-position: 0 -95px; }



div#sidebar .pagination-sb li a span,

div#sidebar .tools-sb li a span,

div#sidebar .twitter-sb li a span {

 color: #C54E0B;

 display: block;

 font-size: 12px;

 padding-bottom: 3px;

 text-transform: uppercase;

}

div#sidebar .pagination-sb li a:hover span,

div#sidebar .tools-sb li a:hover span,

div#sidebar .twitter-sb li a:hover span { color: #C54E0B; }

div#sidebar ul.sb-list { margin-left: 10px; }

div#sidebar ul.group {

 float: left;

 margin: 0 0 0 10px;

 overflow: hidden; 

 padding: 0;

 width: 148px;

}



.pagination { font-size: 11px; margin-bottom: 10px; }

ol.page-link {

 background-color:#F4F8F9;

 border-bottom: 1px solid #E6F0F2;

 border-top: 1px solid #E6F0F2;

	display: block;

 font-size: 11px;

 height: 16px;

 line-height: 16px;

	margin: 9px 0 20px;

 padding: 5px 8px;

	width: auto;

}

.page-link li,

.page-link li span,

.page-link li span a { width: auto; display: block; overflow: hidden; float: left; line-height: 16px; height: 16px; }



/* Resets specific ol/ul/li within the CONTENTs default values */

ol.page-link li { margin: 0 0 0 3px; }

.page-link li span,

.page-link li span a { width: 16px; font-weight: bold; cursor: pointer; text-align: center; }

.page-link li span { background-color: #fff; color: #111; }

.page-link li span a:link,

.page-link li span a:visited { background-color: #5B8EAD; color: #fff; }

.page-link li span a:hover,

.page-link li span a:active,

.page-link li span a:focus { background-color: #285776; color: #fff; }

.page-link li strong { margin-right: 5px; }



/* h4 -> sb-title - less semantic, better for search engine positioning */

.sb-title {

 color: #434343;

 font-size: 14px;

 padding-bottom: 1px;

 text-transform: uppercase;

}



/* FOOTER

------------------------------------------------------------------ */





/* CLEARFIX

------------------------------------------------------------------ */

html .clearfix { display: block; }

* html .clearfix { height: 1%; }

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.clearfix { display: inline-block; }



/* PRINT Stylesheets

------------------------------------------------------------------ */

@media print {

/* Appends the URI right behind each hyperlink so your visitors can see them on the print version */

#content entry a:after {

 content: " [" attr(href) "] ";

}

#accessibility,

#navigation { display: none; }

hr { border:1px solid #669900;}

} /* END MEDIA PRINT */



/* Top Banner */

#topBanner {

	width: 970px; 

	margin:10px;

	padding:0;

	height:90px;

	background-color:#ffffff;

}

#topBanner:after { 

	content:"clear"; 

	clear:both; 

	display:block; 

	height:0px; 

	overflow:hidden; 

	visibility:hidden; 

	background-color:#ffffff;

}

#topBanner #left {

	width:187px;

	margin:0px;

	padding-left:20px;

 	height:90px;

 float:left;

	}

#topBanner #right {

	float:left;

	width:728px;

	margin:0 0 0 10px;

	padding:0;

	height:90px;

}

#topBanner #lefttext {

	width:172px;

	margin:0;

	padding:10px;

	height:70px;

	background-color:#FF8000;

}