/*
Theme Name: Susa Earth
Theme URI: http://www.surveyusa.com/
Description: Susa Earth is a 3 column theme with one sidebar on the right and one to the left of the content area. Both sidebars are widget ready and the width of the content area changes depending on the screen resolution.
Version: 0.1
Author: James Terry
Author URI: http://www.surveyusa.com/
*/

*
{
margin: 0px;
padding: 0px;
}

ul
{
list-style: none;
}

body
{
font-size: 12px;
margin: 4px;
text-align: center;
background: white;
color: #000;
font-family: Verdana,Tahoma,Arial,sans-serif;;
/*border: 1px solid #AAAAAA;*/
}

.widget_search
{
font-size: 11px;
}

p img {
padding: 0;
max-width: 100%;
width: expression(document.body.clientWidth > 9999 ? "100%" : "auto");
}


			/******************************************************
			**************** Buttons for Link Widget **************
			******************************************************/

#praise_title{
font-size: 15px;
font-weight: bolder;
margin: 0 0 0 10px;
}

h6, h6 a:visited, h6 a:link{
color: #0000FF;
font-size: 9px;
font-weight: normal;
margin-right: 10px;
text-decoration: underline;
}

#widget_spacer{
padding-top: 6px;
}

#widget_spacer2{
padding-top: 12px;
}

#green{
background-color: #CCFFCC;
margin: 5px 5px 0 5px;
}

#pink{
background-color: #FFFFCC;
margin: 0 5px 0 5px;
}

#blue{
background-color: #CCFFFF;
margin: 0 5px 3px 5px;
}

#praise{
background-color: #FFFFCC;
margin: 4px 8px 4px 4px;
padding-left: 10px;
}

#ads{
background-color: #EEEEEE;
}

#ads2{
background-color: #FFFFFF;
}

#singlead{
background-color: #EEEEEE;
width: 100%;
margin: 5px;
padding: 5px;
}

#videowin{
background-color: #000000;
}

.quote{
margin-left: 10%;
background-color: #EEEEEE;
padding: 15px 15px 15px 18px;
line-height: 15px;
border-style: solid;
border-color: #DDDDDD;
border-width: 1px;
width: 80%;
}

.monotype{
font-family: 'Courier New';
}


                         /*****************************************************
                         *********************** Blogtitle ********************
                         *****************************************************/


#spacer
{
display: block;
width: 99%;
background: white;
margin 0px;
padding 0px;
border: none;
height: 2px;
}

#blogtitle
{
display: block;
width: 99%;
background: black;
margin: 2px 4px 2px 4px;
xmargin 0px;
padding 0px;
border: none;
}

#blogtitle a:link {
color: #7A6A53;
text-decoration: none;
border: none;
padding: 0 15px;
margin-left: 0;
}

#blogtitle a:visited {
color: #7A6A53;
text-decoration: none;
border: none;
font-weight: bold;
padding: 0 15px;
margin-left: 0;
}

#blogtitle a:hover {
color: #99A8BA;
text-decoration: none;
padding: 0 15px;
margin-left: 0;
}

#blogtitle form {
float:right;
height:100%;
width:164px;
padding:0 15px;
line-height:0;
margin-top: 10px;
}


#blogtitle #s {
background: #fff url(img/search.png) no-repeat;
height:1.6em;
width:164px;
font-size:0.8em;
border: none;
text-align: center;
padding-top:2px;
border-bottom:2px solid #C1B6A6;
}

#blogtitle form .input{
vertical-align: middle;
font-size:0.9em;
}

.logotable
{
width: 100%;
height: 120px;
margin: -2px 0px -2px 0px;
padding: 0px;
border: none;
border-style: none;
xbackgound: blue;
}

.logo_row
{
border: none;
}

.logo_cell
{
background: black;
width: 250px;
text-align: center;
}

.border_cell
{
background: white;
width: 4px;
}

.advert_cell
{
background: black;
text-align: left;
}

#logo
{
margin: 0px;
padding: 20px 0px 0px 0px;
float: left;
background: black;
width: 250px;
height: 90px;
}

#advert
{
color: white;
background: black;
display: block;
padding: 10px 0px 0px 0px;
margin: 0px 0px 0px 255px;
height: 100px;
}

#ticker {
margin: 4px 4px 4px 4px;
border: 1px solid #AAAAAA;
height: 20px;
width: 99%;
xbackground: yellow;
}

#menu
{
display: block;
width: 99%;
margin: 4px 4px 0px 4px;
background-color: #ff3333;
height: 22px;
line-height: 22px;
}

#menublock
{
font-size: 11px;
display: inline;
background-color: #ff3333;
color: white;
padding: 3px 7px 3px 7px;
margin: 0px 0px 0px 0px;
line-height: 22px;
}

#menuspacer
{
font-size: 11px;
display: inline;
background: white;
color: white;
padding: 5px 0px 4px 0px;
margin: 0px 0px 0px 0px;
line-height: 22px;
}

#menublock a:link
{
color: white;
text-decoration: none;
font-weight: normal;
}

#menublock a:hover
{
color: white;
text-decoration: none;
font-weight: normal;
}

#menublock a:visited:hover
{
color: white;
text-decoration: none;
font-weight: normal;
}

#menublock a:visited
{
color: white;
text-decoration: none;
font-weight: normal;
}

#newsBar-bar
{
font-size: 9px;
margin: 0px 8px 2px 0px;
padding: 4px 8px 2px 8px;
border: 1px solid #AAAAAA;
}

#newsBar-bar ul
{
}

#videowget
{
font-size: 9px;
margin: 8px 3px 5px 3px;
padding: 0px 0px 0px 0px;
border: 1px solid #AAAAAA;
text-align: center;
}

.videoimg
{
margin: 0px;
padding: 0px;
}


                         /************************ Wrap **********************/
#wrap
{
width:99%;
background: white;
margin-left:auto;
margin-right:auto;
overflow: hidden;
min-width: 1000px;
width: expression(document.body.clientWidth < 1000? "999px" : "auto");
}
                         /*****************************************************
                         *********************** Container ********************
                         *****************************************************/
#container
{
clear: left;
padding: 0px;
margin: 5px 4px 0px 4px;
overflow: hidden;
background: white;
}




                         /*****************************************************
                         *********************** Left Sidebar Container *******
                         *****************************************************/
#leftnav
{
font-size: 12px;
float: left;
width: 225px;
text-align: left;
}


                         /*****************************************************
                         **************** Right Sidebar Container *************
                         *****************************************************/

#rightnav
{
font-size: 12px;
float: right;
width: 178px;
text-align: left;
}

                         /*****************************************************
                         *********************** Content **********************
                         *****************************************************/
#content
{
display: block;
margin: 0 182px 0 223px;
padding: 1em;
padding-top: 5px;
text-align: left;
background: none;
border: 1px solid #AAAAAA;
}


#content ul
{
padding-left: 2em;
}


#content ul li{
padding: 0.2em;
list-style: square;
}

#content ul ul li{
padding: 0.2em;
list-style: circle;
}


#content ol{
list-style-position: inside;
padding-left: 15px;
padding-top: 2px;
margin-bottom: 10px;
}

#content p
{
xpadding-left: 10px;
}
                         /*****************************************************
                         *********************** Footer ***********************
                         *****************************************************/

#footwrap
{
clear:both;
display: block;
color: black;
width: 99%;
font-size: 10px;
font-weight: normal;
background: white;
border: 1px solid #AAAAAA;
margin: 0px;
padding: 4px 0px 8px 12px;
text-align: left;
}

#footwrap p
{
display: block;
margin-top: 8px;
margin-bottom: 2px;
text-align:left;
}

#footwrap a:link {
color: #99A8BA;
text-decoration: none;
border: none;
font-weight: bold;
}
#footwrap a:hover {
text-decoration: underline;
border: none;
}

#footwrap a:visited:hover {
text-decoration: underline;
border: none;
}

#footwrap a:visited {
color: #99A8BA;
text-decoration: none;
border: none;
font-weight: bold;
}

#footwrap img {
padding: 0px 5px 0px 5px;
}


                         /*****************************************************
                         *********************** Left Sidebar *****************
                         *****************************************************/
#sidebarleft
{
margin: 0px 0px 10px 0px;
padding: 0px 8px 0px 0px;
background: none;
}

#sidebarleft ul
{
padding: 0px;
}

#sidebarleft li
{
padding-bottom: 2px;
border: 1px solid #AAAAAA;
margin-bottom: 4px;
}

#sidebarleft ul li
{
xdisplay: block;
xmargin-left: 7px;
margin: 0px 0px 0px 7px;
xpadding-bottom: 0px;
padding: 0px 0px -6px 0px;
font-size: 12px;
font-weight: normal;
border: none;
}

#sidebarleft ul li ul li {
padding-bottom: 0px;
border: none;
}

#sidebarleft ul li li {
padding: 2px 3px 2px 2px;
border: none;
}

#sidebarleft a:link {
display:block;
margin-left: 12px;
color: #1D1294;
text-decoration: underline;
font-weight: normal;
xfont-weight: bold;
}

#sidebarleft a:hover {
display:block;
color: #1D1294;
font-weight: normal;
text-decoration: underline;
}

#sidebarleft a:visited:hover {
display:block;
color: #1D1294;
font-weight: normal;
text-decoration: underline;
}

#sidebarleft a:visited {
display:block;
color: #1D1294;
margin-left: 12px;
font-weight: normal;
text-decoration: underline;
}

#sidebarleft h2 {
color: #1D1294;
padding: 0px 8px 0px 8px;
margin: 8px 0px 0px 0px;
font-size: 12px;
font-weight: normal;
}

                         /*****************************************************
                         *********************** Right Sidebar ****************
                         *****************************************************/

#sidebarright
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 8px;
background: none;
}

#sidebarright ul
{
padding: 0px;
}

#sidebarright li
{
xpadding-bottom: 2px;
border: 1px solid #AAAAAA;
margin-left: -5px;
margin-right: 3px;
margin-bottom: 4px;
padding: 4px 0px 4px 4px;
}

#sidebarright ul li
{
display: block;
margin-left: 7px;
padding-bottom: 0px;
font-size: 12px;
font-weight: normal;
border: none;
}

#sidebarright ul li ul li{
padding-bottom: 0px;
border: none;
}

#sidebarright ul li li{
padding: 2px 3px 2px 2px;
border: none;
}

#sidebarright a:link {
display:block;
margin-left: 12px;
color: #1D1294;
text-decoration: underline;
font-weight: normal;
}

#sidebarright a:hover {
display:block;
color: #1D1294;
font-weight: normal;
text-decoration: underline;
}

#sidebarright a:visited:hover {
display:block;
color: #1D1294;
font-weight: normal;
text-decoration: underline;
}

#sidebarright a:visited {
display:block;
color: #1D1294;
margin-left: 12px;
font-weight: normal;
text-decoration: underline;
}

#sidebarright h2 {
color: #1D1294;
padding: 0px 8px 0px 8px;
margin: 8px 0px 0px 0px;
font-size: 12px;
font-weight: normal;
}

#leftnav p, #rightnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }


                         /*****************************************************
                         *********************** Paragraph ********************
                         *****************************************************/

p
{
margin-bottom: 12px;
margin-top: 12px;
}

                         /*****************************************************
                         *********************** Blockquote *******************
                         *****************************************************/


blockquote
{
border: 1px solid #AAAAAA;
background-color: #EEEEEE;
margin-left: 10%;
margin-right: 10%;
padding: 5px 15px 5px 18px;
/--color: #7f7f7f;--/
width: 80%;
line-height: 15px;
}


                         /*****************************************************
                         *********************** Post Metadata ****************
                         *****************************************************/

.postmetadata
{
font-size: 12px;
line-height: 14px;
width:170px;
display:block;
float: right;
margin: 15px 5px 6px auto;
padding: 0px 5px 2px 5px;
text-align: left;
color:#333;
border-bottom: 4px solid #99A8BA;
border-top: 4px solid #99A8BA;
xbackground: #E0E7EF url(img/meta.png);
}

#content .postmetadata
{
padding-left: 5px;
}

.postmetadata a:link
{
border: none;
color: #5F584D;
font-weight: normal;
}

.postmetadata a:hover
{
border: none;
color: #5F584D;
font-weight: normal;
}

.postmetadata a:visited:hover
{
border: none;
color: #5F584D;
font-weight: normal;
}

.postmetadata a:visited
{
border: none;
color: #5F584D;
font-weight: normal;
}

                         /*****************************************************
                         *********************** Links ************************
                         *****************************************************/

a:link
{
color: #0000FF;
font-weight: normal;
}

a:hover, a:hover:visited
{
color: #7D6E57;
text-decoration: underline;
}

a:visited
{
color: #660066;
font-weight: normal;
}

a img
{
border:none;
background:none;
padding:5px;
}

#feed, #feed img a:link, #feed img a:visited
{
border: none;
}


                         /*****************************************************
                         *********************** Comments *********************
                         *****************************************************/
.post_comments{
font-size: 11px;
}

.commentlist
{
padding-left: 0px;
padding-right: 0px;
background: #ffffff;
color: #333;
}

.comment_odd
{
margin: 0px;
list-style: none;
margin-bottom: 20px;
background: #FFFFFF;
border-top: solid 10px #DDDDDD;
}

.comment_even
{
margin: 0px;
list-style: none;
margin-bottom: 20px;
background: #FFFFFF;
border-top: solid 10px #DDDDDD;
}

.comment_author
{
margin-left: 2px;
font-size: 11px;
font-style: italic;
}

.commentlist li
{
margin: 8px 10px 8px 15px;
padding-left: 12px;
list-style: none;
background: #E3EFD1;
margin-bottom: 2px;
border-top: 2px solid #8BC240;
border-bottom: 2px solid #8BC240;
}

li.alt
{
background: #E0E7EF;
border-top: 2px solid #99A8BA;
border-bottom: 2px solid #99A8BA;
}

.commentlist li li
{
border: none;
background: none;
padding-left: 5px;
margin: 0 2px 0 2px;
}

.commentlist cite
{
padding: 2px 3px 1px 3px;
}

.commentlist p
{
padding: 5px 5px 2px 3px;
margin-bottom: 5px;
}

.commentmetadata, .commentmetadata a:link, .commentmetadata a:hover, .commentmetadata a:visited
{
margin-left: 1px;
text-decoration: none;
color: #000;
}

.commentnumber {
font: italic normal 14px 'Times New Roman', Times, serif;
margin-top: 2px;
float:right;
color: #8f8f8f;
font-size: 28pt;
}

#comment
{
width:80%;
}

#commentform
{
margin-left:5%;
}

                         /*****************************************************
                         *********************** Headings *********************
                         *****************************************************/

h1
{
font-size: 36px;
color: #666666;
}

h2
{
display: block;
font-size: 16px;
font-weight: bold;
padding: 5px 0 0 12px;
margin: 5px 0 6px 0;
text-align: left;
}

h3
{
display: block;
font-size: 14px;
font-weight: bold;
padding: 5px 0 0 12px;
margin: 5px 0 6px 0;
text-align: left;
}

h3.posttitle
{
font-size: 12px;
font-weight: bold;
padding: 0px;
line-height: 15px;
margin 0px;
color: #1D1294;
}

.posttitle a:link
{
font-size: 12px;
color: #1D1294;
font-weight: bold;
text-decoration: underline;
}

.posttitle a:visited
{
font-size: 12px;
color: #1D1294;
font-weight: bold;
text-decoration: underline;
}

.posttitle a:hover
{
font-size: 12px;
color: #1D1294;
font-weight: bold;
text-decoration: underline;
}

.posttitle a:visited:hover
{
font-size: 12px;
color: #1D1294;
font-weight: bold;
text-decoration: underline;
}

h4
{
margin-top: 15px;
font-size: 13px;
font-weight: bold;
padding: 5px 0 0 12px;
margin: 5px 0 6px 0;
text-align: left;
}

h5
{
margin-top: 15px;
font-size: 12px;
font-weight: bold;
padding: 5px 0 0 12px;
margin: 5px 0 6px 0;
text-align: left;
}


                         /*****************************************************
                         *********************** date *************************
                         *****************************************************/
.date
{
font-size: 10px;
font-weight: normal;
color: #99A8BA;
}

#comments_head
{
font-size: 11px;
font-weight: bold;
padding: 8px 0px 4px 0px;
margin: 0px 0px 12px 0px;
}

.comments
{
font-size: 11px;
font-weight: normal;
color: #99A8BA;
text-align: right;
}

.comments a:link
{
font-size: 11px;
color: #1D1294;
font-weight: bold;
text-decoration: underline;
}

.comments a:visited
{
font-size: 11px;
color: #1D1294;
font-weight: bold;
text-decoration: underline;
}

.comments a:hover
{
font-size: 11px;
color: #1D1294;
font-weight: bold;
text-decoration: underline;
}

.entry, .entrytext
{
xmargin-bottom: 4px;
xbackground: #fff url(img/post.png) no-repeat bottom left;
padding: 0px;
margin: 0px;
xpadding-bottom: 8px;
line-height: 120%;
font-size: 11px
}

.entrytext li{
margin: 10px 0 0 0;
}


                         /*****************************************************
                         **************** Contained floats fix ****************
                         *****************************************************/
.post
{
display: block;
overflow:hidden;
width:99%;
padding-bottom: 6px;
margin-bottom: 6px;
line-height: 85%;
}

                         /*****************************************************
                         *********************** Code *************************
                         *****************************************************/
code
{
display: block;
margin: 10px 30px 0 30px;
padding: 2px 10px 5px 10px;
border-top: 2px solid #99A8BA;
border-bottom: 2px solid #99A8BA;
color: #333;
background: #E0E7EF;
}

                         /*****************************************************
                         ************ Navigation (based on Blix)***************
                         *****************************************************/
#navigation {
margin-left:auto;
margin-right:auto;
margin-top:8px;
margin-bottom:8px;
width: 80%;
overflow: hidden;
text-align: center;
}

#navigation ul {
  margin:0;
  padding:0;
}

#navigation li {
float: right;
margin:0;
padding:0;
list-style-type:none;
white-space:nowrap;
}

#navigation li a {
display:block;
padding:0 3px;
margin: 0 6px;
font-size:1em;
xtext-transform:uppercase;
xletter-spacing:1px;
color:#D2DBD6;
font-weight: normal;
text-decoration: underline;
}

#navigation li a:hover {
display:block;
padding:0 3px;
margin: 0 6px;
font-size:1em;
text-transform:uppercase;
letter-spacing:1px;
color:#9BABBF;
xfont-weight:bold;
xtext-decoration:none;
font-weight: normal;
text-decoration: underline;
}

#navigation li a:visited {
display:block;
padding:0 3px;
margin: 0 6px;
font-size:1em;
xtext-transform:uppercase;
xletter-spacing:1px;
color:#D2DBD6;
xfont-weight:bold;
font-weight: normal;
text-decoration: underline;
}

#navigation li a:visited:hover {
display:block;
padding:0 3px;
margin: 0 6px;
font-size:1em;
xtext-transform:uppercase;
xletter-spacing:1px;
color:#9BABBF;
xfont-weight:bold;
font-weight: normal;
text-decoration: underline;
}

* html #navigation a {width:1%;} /* see http://www.positioniseverything.net/explorer/escape-floats.html */


.credits
{
margin-top: -20px;
margin-bottom: 5px;
padding: 0 4px 8px 4px;
float: right;
}


                         /*****************************************************
                         *********************** Calendar *********************
                         *****************************************************/
#wp-calendar
{
empty-cells: show;
margin: 10px auto 0;
width: 160px;
}

#wp-calendar #next a
{
padding-right: 10px;
text-align: right;
}

#wp-calendar #prev a
{
padding-left: 10px;
text-align: left;
}

#wp-calendar td
{
padding: 2px 0;
text-align: center;
}

#wp-calendar th
{
text-align: center;
}

#wp-calendar caption
{
text-align: center;
width: 100%;
text-transform: uppercase;
font-weight: bold;
}

img
{
padding:4px 10px 10px 4px;
border:none;
}


                         /*****************************************************
                         ***************** Previous and Next Posts*************
                         *****************************************************/

.alignright {
text-align: right;
}

.alignleft {
text-align: left
}

.nav_alignright {
float: right;
}

.nav_alignleft {
float: left
}

.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 0;
}

.navigation  a
{
color: #1D1294;
font-weight: normal;
text-decoration: underline;
}

navigation a:hover
{
color: #1D1294;
font-weight: normal;
text-decoration: underline;
}

navigation a:visited
{
color: #1D1294;
font-weight: normal;
text-decoration: underline;
}

navigation a:visited:hover
{
color: #1D1294;
font-weight: normal;
text-decoration: underline;
}


                         /*****************************************************
                         *********************** Smileys **********************
                         *****************************************************/

.wp-smiley
{
padding: 0;
}

.search-form
{
background: #000;
}

/* Susu */
.pagetitle
{
padding: 2px 0px 2px 0px;
margin: 0px;
}