/*
Theme Name: default-new
Theme URI: http://www.sunnysolarlightgarden.com/
Description: Theme with changing sidebars
Version: 2.8.4
Author: Sunny Solar Light Garden
Author URI: http://www.sunnysolarlightgarden.com/
Tags: Solar Light Garden
*/



/* BODY + PAGE
--------------------------------------------------------- */
body {
font-size: 13px;
font-family: Tahoma, calibri, Verdana, Arial, Sans-Serif;
font-weight: normal;
background-color: #8D9CAE;
color: #333;
margin: 0;
line-height: 18px;
/*text-align: center;*/
/*background: url('images/bgb.gif') repeat-x top left #fff;*/
}

#page {
margin: 0;
padding: 0;
width: 900px;
background-color: #FFF;
margin-left: auto;
margin-right: auto;
text-align: left;
/*background: url('images/bg.gif') repeat-y top left #D8D6D7;*/
}


/* HEADER
--------------------------------------------------------- */
#header {
margin: 0;
padding: 0;
width: 100%;
/*height: 140px;*/
background: #333333;
/*border-bottom: 6px solid #D8D6D7;*/
}

#headerimg {
float: left;
padding: 10px 10px 20px 20px;
}


/* TOP NAV
--------------------------------------------------------- */
#topmenu {
padding: 0;
margin: 0;
height: 20px;
width: 100%;
font-size: 10px;
font-weight: normal;
line-height: 18px;
color: #A8A8A8;
text-align: center;
background: #8D9CAE;
clear: both;
}

#topmenu ul{
float: right;
margin: 0;
padding: 3px;
list-style-type: none;
list-style-image: none;
}

#topmenu li {
display: inline;
}

#topmenu ul li a {
color: #333;
text-decoration:none;
}

#topmenu ul li a:hover {
color: #333;
text-decoration: underline;
}


/* LEFT NAV MAIN
--------------------------------------------------------- */

#nav {
padding: 0;
margin: 0;
}

#nav table {
width: 202px;
}

td.nav-main {
padding: 13px 7px 13px 7px;
margin: 0;
/*border: 1px solid #C8CAD1;
border-bottom: 1px solid #747680;*/
}

p.nav-main {
padding: 4px 0 4px 0;
margin: 0;
text-align: center;
}


p.nav-main a {
font-family: Georgia, Arial, Verdana, Sans-Serif;
color: #333;
font-size: 11px;
font-weight: normal;
}



/*
p.nav-main a {
font-family: calibri, Arial, Sans-Serif, 'Trebuchet MS', 'Lucida Grande', Verdana;
color: #333;
text-decoration: none;
font-weight: normal;
font-size: 11px;
line-height: 14px;
text-transform: uppercase;
letter-spacing: normal;
text-align: center; 
margin: 0 0 0.8em 0;
padding: 0.4em 2px;
margin: 0;
padding: 0;
}
*/

p.nav-main a:hover {
color: #E03F1A;
text-decoration: underline;
}























/* CONTENT + LEFT COLUMN
--------------------------------------------------------- */
#content {
background: #ffffff;
width: 630px;
padding: 25px 0 0 0;
/*border: 1px solid #000;*/
}

#narrow, #narrowpage, .narrowcolumn, .widecolumn {
float: left;
padding: 0;
margin: 5px;
background: ffffff;
}

.narrowcolumn {
border-top: 20px solid #C0CDAF;
}



/* H1 H2 H3
--------------------------------------------------------- */

h1, h2, h3, h4 {
padding: 0;
margin: 0;
}

h2.pagetitle {
font-size: 1.3em;
margin-top: 30px;
margin-bottom: 15px;
text-align: left;
}

h3 {
padding: 0;
margin: 30px 0 0;
font-size: 1.6em;
}

h3.comments {
padding: 0;
margin: 40px auto 20px;
}


/* LINKS
--------------------------------------------------------- */
a, h2 a:hover, h3 a:hover {
	color: #06c;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}
.nav a {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size: 12px;
line-height: 20px;
font-weight: bold;
color: #0066FF;
text-decoration: underline;
}

.nav a:hover{
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size: 12px;
line-height: 20px;
font-weight: bold;
color: #B85B5A;
text-decoration: none;
}

.current-cat, .current-cat a {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size: 12px;
line-height: 20px;
font-weight: bold;
color: #FB5A00;
text-decoration: none;
}


/* HP POSTS
--------------------------------------------------------- */

div.post {
margin: auto;
padding: auto;
padding-top: 20px;
text-align: left;
/*width: 480px;*/
/*background: yellow;*/
}

div.post h1 a, div.post h2 {
margin: 0 0 10px 0;
font-family: calibri, Verdana, Arial, Sans-Serif;
font-size: 20px;
color: #FC0301;
font-weight: normal;
text-decoration: none;
}

p.postmetadata {
padding-top: 5px;
color: #333;
font-size: 11px;
border-top: 1px solid #D7D7D7;
clear: both;
}

p.tags {
color: #333;
font-size: 11px;
clear: both;
}



/* IMAGES
--------------------------------------------------------- */
p img {
	/*padding: 0;
	max-width: 100%;
        border: 1px solid #ced4ca;*/
	padding: 3px;
	margin: 0 0 5px 0;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

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

img.alignleft {
float: left
padding: 4px;
margin: 0 15px 5px 0;
border: 1px solid #CCCCCC;
clear: left;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}


.moreright {
	float: right;
  font-size: 12px;
  font-weight: bold;
  padding: 4px;
  background: #EBE9F1;
  border: 1px solid #CCCCFF;
	}

.moreleft {
	float: left;
  font-size: 12px;
  font-weight: bold;
  padding: 4px;
  background: #EBE9F1;
  border: 1px solid #CCCCFF;
	}




/* LISTS
--------------------------------------------------------- */

Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
margin-left: 0px;
padding: 0 0 0 30px;
list-style: none;
padding-left: 10px;
text-indent: -10px;
}

html>body .entry li {
margin: 7px 0 8px 10px;
}

.entry ul li:before, #sidebar-left ul ul li:before {
content: "\00BB \0020";
}

.entry ol {
padding: 0 0 0 35px;
margin: 0;
}

.entry ol li {
margin: 0;
padding: 0;
}

.postmetadata ul, .postmetadata li {
display: inline;
list-style-type: none;
list-style-image: none;
}

#sidebar-left ul, #sidebar-left ul ol {
margin: 0;
padding: 0;
}

#sidebar-left ul li {
list-style-type: none;
list-style-image: none;
margin-bottom: 5px;
}

#sidebar-left ul p, #sidebar-left ul select {
margin: 5px 0 8px;
}

#sidebar-left ul ul, #sidebar-left ul ol {
margin: 5px 0 0 5px;
}

#sidebar-left ul ul ul, #sidebar-left ul ol {
margin: 0 0 0 5px;
}

ol li, #sidebar-left ul ol li {
list-style: decimal outside;
}

#sidebar-left ul ul li, #sidebar-left ul ol li {
margin: 3px 0 0;
padding: 0;
}


/* FOOTER
--------------------------------------------------------- */

#footer {
padding: 15px;
margin: 6px 0 0 0;
font-size: 11px;
line-height: 18px;
color: #333;
background: #FFFFFF;
clear: both;
/*border-top: 6px solid #D8D6D7;*/
}

#footer h2{
font-size: 13px;
color: #333;
}

#footer a {
color: #333;
}

#footer a:hover {
color: #333;
text-decoration: underline;
}

#footer ul {
margin: 0;
padding: 15px;
list-style-type: none;
list-style-image: none;
margin-top: 5px;
}

#footer li {
display: list-item;
      }

#footer ul li a {
text-decoration: none;
margin-top: 5px;
padding: 5px;
color: #333;
}

#footer ul li a:hover {
color: #333;
text-decoration: underline;
}


/* RIGHTS
--------------------------------------------------------- */

#rights {
padding: 10px;
margin: 0 auto;
font-size: 10px;
line-height: 18px;
color: #333;
text-align: center;
background: #8D9CAE;
clear: both;
}

#rights a {
color: #333;
}

#rights a:hover {
color: #333;
text-decoration: underline;
}





/* Shop
--------------------------------------------------------- */

#shop {
margin: 0;
padding: 0;
width: 900px;
float: left;
}

#shop.post {
margin: 0;
padding: 30px;
text-align: justify;
width: 900px;
}

#store {
margin: 0;
padding: 0;
/*width: 480px;*/
float: left;
}

#shop h3{
color: #990033;
text-decoration: none;
font-weight: bold;
font-size: 1.5em;
/*text-transform: uppercase;*/
letter-spacing: normal;
margin: 20px 0 0.8em 0;
padding: 0.4em 2px;
/*border-top: 3px solid #5F5F5F;
border-bottom: 1px solid #BBBBBB;*/
}

/* Ad + Order
--------------------------------------------------------- */

table.order {
margin: 10px 0 10px 0;
padding: 0;
width: 480px;
height: 55px;
float: left;
background: url('images/bg_order.jpg') no-repeat 0 50% #FFFFFF;
border-bottom: 1px solid red;
}

table.order td{
margin: 0;
padding: 10px;
text-align: left;
}


div.ad {
padding: 20px 10px 20px 10px;
}

table.ad {
margin: 0;
padding: 0;
margin-bottom: 7px;
border: solid 1px #DEE4DA;
width: 450px;
}

p.ad {
font-size: 11px;
line-height: 15px;
color: #777777;
background: #FFFFFF;
padding: 5px;
text-align: left;
}

p.ad a {
font-size: 13px;
line-height: 18px;
}


.busyboo-ads {
background: #FFFFFF;
padding: 20px 10px 20px 10px;
font-family: Arial, verdana;
font-size: 11px;
color: #003366;
font-weight: normal;
line-height: 14px;
width: 480px;
text-align: left;
}

.busyboo-ads a{
color: #327ECA;
text-decoration: underline;
}


.adsense {
background: #FFFFFF;
padding: 20px 10px 20px 10px;
font-family: Arial, verdana;
font-size: 11px;
font-weight: normal;
line-height: 14px;
width: 480px;
text-align: left;
/*background: gray;*/
}

p.adsenseh {
background: #FFFFFF;
text-align: left;
}

div.adsense a {
font-weight: bold;
color: #0066FF;
text-decoration: underline;
}

div.adsense{
color: #666666;
text-decoration: none;
}


/* MISC
--------------------------------------------------------- */
div.clearer {
clear: left;
line-height: 0;
height: 0;
}



.center {
text-align: center;
}

hr {
display: none;
}

a img {
border: none;
}

pre {
white-space: pre-wrap;       /* css-3 */
white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
border: solid 1px #CCCCCC;
font-size: 1.3 em;
color: #333333;
margin: 10px;
padding:10px;
background: #F2F2F2;
}



/* LEFTBAR
--------------------------------------------------------- */

#leftbar {
float: left;
width: 202px;
padding: 5px 5px 0 5px;
margin: 0;
font-size: 10px;
line-height: 14px;
/*border: 1px solid #E4E4E4;*/
clear: left;
}

#logo {
padding: 0;
margin: 0;
}

#leftbar #nav {
float: left;
margin: 10px 0 20px 0;
clear: left;
}


/*
#leftbar td{
padding: 0;
margin: 3px 0 0 0;
background: #FFFFFF;
border-bottom: 1px solid #E4E4E4;
}

#leftbar p {
padding: 0 3px 7px 3px;
}

#leftbar div{
padding: 0;
margin: 0;
background: #FFFFFF;
}

#leftbar ul, #sidebar ul {
margin: 0;
padding: 3px;
list-style-type: none;
list-style-image: none;
margin-bottom: 10px;
}

#leftbar li {
display: list-item;
margin-top: 12px;
}

#sidebar li {
display: list-item;
margin-top: 7px;
}

#leftbar ul li a, #sidebar ul li a {
text-decoration: none;
padding: 3px 0 0 0;
color: #333;
}

#leftbar ul li a:hover, #sidebar ul li a:hover{
color: #06c;
text-decoration: none;
}*/




/* LEFTBAR ICONS
--------------------------------------------------------- */

#icons{
padding: 0;
margin: 0;
font-size: 11px;
line-height: 14px;
color: #333;
}

#icons a {
color: #333;
}

#icons a:hover {
color: #06c;
text-decoration: none;
}


/* SIDEBAR
--------------------------------------------------------- */

#sidebar {
padding: 0;
margin: 0 0 0 987px;
font-size: 11px;
line-height: 14px;
color: #797C80;
}

#sidebar table{
padding: 3px;
margin: 0;
/*background: #D8D6D7;
border: 1px solid black;*/
}

#sidebar img{
padding: 5px;
margin: 0;
background: #ffffff;
border: 1px solid #D8D6D7;
}

#sidebar td{
padding: 2px;
margin: 0;
background: #FFFFFF;
border-bottom: 1px solid #E4E4E4;
}

/*#sidebar div{
padding: 3px;
margin: 0;
background: #FFFFFF;
}*/

#sidebar-left {
float: left;
width: 150px;
padding: 0;
margin: 0;
/*background: yellow;*/
}

#sidebar-right {
float: right;
width: 150px;
padding: 0;
margin: 0;
/*background: black;*/
}

#sidebar2 {
float: left;
width: 303px;
padding: 0;
margin: 0;
/*background: red;*/
}

#sidebar p {
padding: 20px 0 10px 0;
margin: 0;
font-size: 11px;
line-height: 16px;
color: #666;
font-weight: normal;
}

#sidebar h1, #leftbar h1 {
padding: 0;
margin: 0;
font-size: 11px;
line-height: 16px;
color: #666;
font-weight: normal;
}

#sidebar h2, #leftbar h2 {
padding: 0;
margin: 0 0 5px 0;
font-size: 12px;
line-height: 16px;
color: #333;
text-decoration: none;
}




/* MAINNAV
--------------------------------------------------------- */

#mainnav {
margin: 0;
padding: 0;
clear: right;
}

#mainnav ul {
margin: 0;
padding: 3px;
list-style-type: none;
list-style-image: none;
margin-top: 35px;
font-size: 15px;
font-family: calibri, Verdana, Arial, Sans-Serif;
font-weight: normal;
}

#mainnav li {
display: inline;
padding: 5px;
}

#mainnav ul li.cat-item a {
color: #999;
text-decoration: none;
padding-left: 5px;
border-left: 1px solid #666;
}

#mainnav ul li.cat-item a:hover {
color: #fff;
text-decoration: none;
border-left: 1px solid #FC0201;
}

#mainnav ul li.cat-item.current-cat a{
color: #fff;
text-decoration: none;
border-left: 1px solid #FC0201;
}


/* NEW HEADER FOR SINGLE POST
--------------------------------------------------------- */

#heading{
margin: 0;
padding: 0;
background: #FFFFFF;
clear: both;
font-family: Verdana, Arial, Sans-Serif;
font-size: 12px;
line-height: 14px;
font-weight: normal;
text-align: center;
}

p.tags-single {
padding: 0 0 7px 0;
margin: 0;
text-decoration: none;
font-family: georgia, Arial, Verdana, Sans-Serif;
font-weight: normal;
font-size: 1.0em;
color: #666666;
text-transform: none;
text-align: center;
letter-spacing: normal;
margin: 0 0 0.8em 0;
padding: 0.4em 2px;
font-style: italic;
}

#heading h1, div.post h1 a, div.post h1, div.post h2, #respond h3{
margin: 0 0 10px 0;
font-size: 20px;
font-family: Georgia, Arial, Verdana, Sans-Serif;
color: #E03F1A;
font-weight: normal;
text-decoration: none;
text-align: center;
}


/* BLOCKQUOTE
--------------------------------------------------------- */
blockquote {
margin: 10px;
border-left: 4px solid #F3F3F3;
border-right: 4px solid #F3F3F3;
text-decoration: none;
font-family: georgia, Arial, Verdana, Sans-Serif;
font-weight: normal;
font-size: 1.0em;
color: #666666;
text-transform: none;
text-align: center;
letter-spacing: normal;
margin: 0 0 0.8em 0;
padding: 0.4em 2px;
font-style: italic;
}

cite a, cite a:hover {color:#999999; text-decoration:none;}


.amazon {
margin: 0 auto;
padding: 0 auto;
text-decoration: none;
font-family: georgia, Arial, Verdana, Sans-Serif;
font-weight: normal;
font-size: 0.9em;
color: #666666;
text-transform: none;
text-align: center;
letter-spacing: normal;
margin: 0 0 0.8em 0;
padding: 0.4em 2px;
font-style: italic;
}




a.gray:link {color:#999999; text-decoration:none;} /* unvisited link */
a.gray:visited {color:#999999; text-decoration:none;} /* visited link */
a.gray:hover {color:#999999; text-decoration:underline;} /* mouse over link */
a.gray:active


table.cat-box td img{
border: 1px solid #FEAE31;
padding: 4px;
margin: 0 0 10px 0;
}

table.cat-box p{
width: 200px;
margin: 0 0 10px 0;
}

div.adsense-box {
float:right;
padding:10px 0 10px 15px;
}

div.clear {
clear:both;
}

table.cat-box td {
padding:15px 0 15px 0;
}


table.hp-box img{
border: 1px solid #FEAE31;
padding: 4px;
margin: 0 0 10px 0;
}

table.hp-box td {
padding: 3px;
}

table.hp-box p{
padding: 0 15px 0 5px;
margin: 0;
}




#leftbar h1 {
font-family: Arial, Sans-Serif, 'Trebuchet MS', 'Lucida Grande', Verdana;
color: #666;
font-weight: normal;
font-size: 11px;
margin: 0;
padding: 0 10px 0 10px;
}


h4 {
font-family: georgia, Arial, Sans-Serif, 'Trebuchet MS', 'Lucida Grande', Verdana;
color: #B32F04;
text-decoration: none;
font-weight: normal;
font-size: 16px;
/*font-style: italic;*/
line-height: 20px;
/*text-transform: uppercase;
letter-spacing: normal; 
margin: 0 0 0.8em 0;
padding: 0.4em 2px;*/
margin: 0;
padding: 0;
}

h3 {
margin: 25px 0 10px 0;
font-size: 14px;
font-family: Georgia, Arial, Verdana, Sans-Serif;
color: #E03F1A;
font-weight: bold;
text-decoration: none;
text-align: left;
clear: both;
}

h5, h6 {
font-family: Arial, Sans-Serif, 'Trebuchet MS', 'Lucida Grande', Verdana;
color: #E03F1A;
text-decoration: none;
font-weight: bold;
font-size: 13px;
text-transform: uppercase;
letter-spacing: normal;
text-align: center; 
margin: 0 0 0.8em 0;
padding: 0.4em 2px;
margin: 0;
padding: 6px 0 6px 0;
}

h6 {
color: #999;
}



#mainnav {
padding: 7px;
margin: 0;
clear: both;
border: 1px solid #C8CAD1;
border-bottom: 1px solid #336699;
}

#mainnav ul {
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
margin-top: 5px;
}

#mainnav li {
display: list-item;
padding: 4px 0 4px 0;
font-family: Georgia, Arial, Verdana, Sans-Serif;
color: #333;
font-size: 12px;
line-height: normal;
font-weight: normal;
text-align: center;
}

#mainnav ul li.page_item a {
padding: 3px 7px 3px 7px;
color: #333;
text-decoration: none;
}

#mainnav ul li.page_item a:hover {
padding: 3px 7px 3px 7px;
color: #fff;
text-decoration: none;
background: #E03F1A;
}

#mainnav ul li.current_page_item a{
padding: 3px 7px 3px 7px;
color: #fff;
text-decoration: none;
background: #E03F1A;
/*background-color: #ccc;
padding: 2px 5px 2px 5px;*/
}


table.cat-box td img {
border: 1px solid #999;
}