/*

Theme Name: smiles-n-sunshine

version: b01

Author: Doug Kearney

Description: smiles-n-sunshine is a custom theme created for the smiles-n-sunshine website Based on varometro's theme R755 Version 1.1.1 http://www.varometro.net/blog/r755_theme/

*/

/*==================================== BASE ====================================*/

html {

font-size:100%;
min-height: 100%; margin-bottom: 1px;
}

div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6 {

border:0;

outline:0;

margin:0;

padding:0;

}

body {

font-size:13px;

background-color:#87CEFA;

color:#000;

font-family:Verdana, Arial, Helvetica, sans-serif;

line-height:1.6em;

text-align:center;

border:0;

outline:0;

margin:0;

padding:0

}



/*==================================== STRUCTURE ====================================*/

#outerWrapper {

text-align:left;

width:760px;

margin:0px auto 0;

}

#outerWrapper #header {

display:table;

width:760px;

background:url(images/header.jpg) right no-repeat;

height:198px;

padding:0

}

/*#rightColumn {

background:none;

float:right;

width:200px;

font-size:0.87em;

line-height:1.6em;

padding:10px

} */

#outerWrapper #contentWrapper {

background-color:#fff;

}

#outerWrapper #contentWrapper #content {

background:none;

margin:0 60px 0 90px;

padding:10px 10px 10px 10px

}

#outerWrapper #contentWrapper .clearFloat {

clear:both;

display:block

}

#outerWrapper #footer {
display:table;

background:#fff;

padding:0;

width:760px;

height:40px;


}


.post,.page {

padding-bottom: 10px;

margin-bottom:-10px

}

.entry {

overflow:auto

}


/*==================================== MENU ====================================*/


#menu 

{

	text-align:left;

	padding:0;

	height:2em;

	line-height:2em;

	background:#fff;
	

	width:760px;

	margin:.3em auto .3em 0;

}



#menu ul {

	margin: 0 auto auto 1em;
	
	


	list-style: none;

}



#menu ul li {

	display: inline;

}



#menu a 

{

	padding: .5em 1em;

	text-decoration: none;

	font-size: 1em;
	font-weight: bold;
	color:#999;
	

}

#menu a:hover, 

#menu a:active,

#menu li.current_page_item a:link,

#menu li.current_page_item a:visited,

#menu li.current_page_item a:hover,

#menu li.current_page_item a:active

{
	background:#87CEFA;

	color:#fff;
	

}



/*==================================== TYPOGRAPHY ====================================*/

.description {

color:#666;

font-size:0.87em;

font-weight:400;

padding:7px 0 0 12px;

width:600px;

display:block

}

.postinfo {

color:#666;

font-size:0.87em;

line-height:1.25em;

margin:10px 0

}

.postinfo_b {

color:#666;

font-size:0.87em;

line-height:1.25em;

margin:10px 0

}

.sticky {

padding:0 10px 10px;

border:solid 1px #ccc;

margin-bottom:30px;

background: #f8f8f8

}

blockquote {

background:url(images/blockquote.gif) top left no-repeat;

border:#CCC dashed 1px;

margin:10px auto 10px 20px;

padding:3px 3px 3px 40px

}

pre,code {

width:450px;

margin-bottom:10px;

font-family:"Courier New", Courier, monospace;

background:#fff url(images/pre_bg.gif) top left repeat;

display:block;

color:#000;

line-height:18px;

border:1px solid #e2e2e2;

overflow:auto;

padding:18px 10px 17px

}

input,textarea,select {

font-family:Verdana, Arial, Helvetica, sans-serif;

border:1px solid #ccc;

background:#F8F8F8;

color:#333;

font-size:1em

}

small {

font-size:0.87em

}



/*==================================== HEADINGS ====================================*/

h1,h2,h3,h4 {

font-weight:700;

color:#222;

padding:20px 0 0

}

#header h1 {

font-weight:700;

font-size:2.4em;

padding:60px 0 0 10px

}

h1 {

font-size:1.4em;

}

h2 {

font-size:1.2em

}

h3 {

font-size:1.1em

}

#rightColumn h3 {

font-size:1.1em;

padding:0;

margin:20px 0 0

}

h4 {

font-size:.9em; text-decoration: underline

}



/*==================================== LINKS ====================================*/

a,a:link,a:visited,a:active {

color:#1070c0;

text-decoration:none

}

a:hover {

color:#1070c0;

text-decoration:underline

}

h2.posttitle,h2.posttitle a {

font-size:1.2em;

line-height:1.2em;

color:#333;

font-weight:700;

margin:0

}

h2.posttitle a:hover {

color:#333;

text-decoration:none

}

a.image-border {

text-decoration:none;

border:0 none

}

#header a {

color:#222

}

#header a:hover {

color:#222;

text-decoration:none

}

#rightColumn ul a,#rightColumn ul a:link,#rightColumn ul a:visited,#rightColumn ul a:active {

border:0

}

#rightColumn ul a:hover {

border:0

}



/*==================================== SIDEBAR ====================================*/

#rightColumn ul {

margin:0 0 30px;

padding:0

}

#rightColumn ul li ul {

margin:0;

padding:0

}

#rightColumn ul li {

list-style:none

}

#rightColumn ul li ul li {

list-style:none;

list-style-position:outside;

list-style-image:url(images/arrow.gif);

margin-left:17px

}



/*==================================== COMMENTS ====================================*/

#respond {

font-size:1em

}

.commentlist .children li #respond {

font-size:1em

}

.commentlist {

line-height:1.3em;

text-align:left;

margin:0;

padding:0

}

.commentlist li {

font-size:1em;

list-style-type:none;

border:#EAEAEA solid 1px;

margin:30px 0;

padding:5px

}

.commentlist .children li {

font-size:1em;

margin:30px 0 0

}

.commentlist li .avatar {

float:right;

border:1px solid #EEE;

background:#FFF;

padding:2px

}

.commentlist cite,.commentlist cite a {

font-weight:700

}

.commentlist p {

line-height:1.6em;

font-weight:400;

text-transform:none;

margin:10px 5px 10px 0

}

.commentmetadata {

font-size:0.87em

}

.xhtmltags {

width:90%;

text-align:justify;

font:0.9em 'Courier New', Courier, Fixed

}



/*==================================== IMAGES ====================================*/

.alignleft {

float:left

}

.alignright {

float:right

}

img {

border:0

}

img.avatar {

float:left;

padding-right:5px

}

p img {

max-width:100%;

padding:0

}

img.alignright {

display:inline;

margin:7px 0 2px 7px;

padding:4px

}

img.alignleft {

display:inline;

margin:7px 7px 2px 0;

padding:4px

}

img.centered,.aligncenter,div.aligncenter {

display:block;

margin-left:auto;

margin-right:auto

}

.gallery img {padding:0;}



/*==================================== CAPTIONS ====================================*/

.wp-caption {

border:1px solid #ddd;

text-align:center;

background-color:#F8F8F8;

padding-top:4px;

margin:10px

}

.wp-caption img {

border:0 none;

margin:0;

padding:0

}

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

color:#666;

font-style:italic;

line-height:17px;

margin:0;

padding:0 4px 5px

}



/*==================================== WIDGETS =====================================*/

div#calendar_wrap,table#wp-calendar {

width:100%

}

div#calendar_wrap {

padding:0 15px 0 5px

}

div#calendar_wrap caption {

font-size:1.1em;

font-weight:700;

padding:0 20px 0 0

}
/*==================================== PHOTO GALLERY =====================================*/
div.gallery {padding:0!important}
dl.gallery-item {width:auto}
dd.gallery-caption {font-family:georgia;font-size:13px;text-align:center;padding-left: 1em;padding-right: 1em}
dt.gallery-icon {margin:0;padding:0}
/*==================================== MISC =====================================*/
.footertext{padding: 0 40px 0 40px;font-size: .8em;color:#777;float:right;}

.shoppingcart{background-color:#999;}

.nav-previous a {float:left;}

.nav-next a {float:right;}

/*==================================== PRODUCT TABLE =====================================*/
table { background-color:#87CEFA;}
td {vertical-align: top;text-align: left; border:.1em; padding: .8em; background-color:#fff; font-weight: 500;margin-left: .5em;font-style: italic;color:maroon;}

/*==================================== BOOKMARKS =====================================*/
.bookmarks ul li{list-style:circle;}
.bookmarks a {font-weight:600;}

.products ul li {list-style:circle;font-weight: 600;}