/*

Theme Name: Sunkissed 2010

Theme URI: http://sunkissedacres.com


*/

/* ************************************************************* 

**************************************************************** */


/* CSSRESET v1.0 | 20080212 */

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%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* CSSRESET v1.0 | 20080212 */



body {
font-size: 62.5%; /* Resets 1em to 10px */
}

/* Just a little resettin', not too much. */
*{margin:0; padding:0;}


/* **********
	Fonts
   ********** */

body {
}
h1, h2, h3 {
}
#footer, .bottom, .bottom li {
}

h1 { /* This is the top header for the Custom Image Header, but you must disable flashfader in header.php. */
	font-size:3.2em;
}
h2 { /* This is the main header on every page, and the title for the comment section. */
	font-weight:bold;
	font-size:1.8em; 
}
h3 { /* This is the post title on archive and category pages, and the subheader everywhere else. */
	font-weight:bold;
	font-size:1.6em; 
}
h4 { /* This is used wherever you post it.. */
	font-weight:bold;
	font-size:1.4em; 
}
h5 { /* This is used wherever you post it.. */
	font-weight:bold;
	font-size:1.2em; 
}
h6 { /* This is used wherever you post it.. */
	font-weight:bold;
}

#sidebar ul { /* The font settings for the header menu. */
	font-weight: bold;
	font-size: 1.2em;
}

/* Content text settings. */
#content {font-size: 1.2em;}
#content p {font-size: 1.2em;}
#content .timestamp {font-size:1.2em;}
#content .timestamp p {font-size:1em;}
#content .timestamp a {font-weight:normal;}

/* Various element text. */
blockquote {font-size:0.9em;}
blockquote p {font-weight:bold;}
/*#content ul,ol,dl {font-size:0.9em;}*/
code{font-size:1.1em; }

/* Footer text . */
#footer {
	font-size: 1.1em;
	font-weight: normal;
}
#footer a {font-weight:bold;}
#footer a:hover {text-decoration:underline;}
#footer span, #footer span a {font-weight:normal;}

/* Make the bio text a bit more readable than the footer's .9em*/
.bottom .right p {
	font-size:1.3em;
}

.bottom li  {
	font-style: normal;
}
.bottom li a span {font-weight: bold;}
/* Fix rogue titles for footer widgets. */
.bottom li .LargeMenu  {
	list-style:none;
}

/* Link decorations  */
a {font-weight:bold; text-decoration:none;}
a:hover {text-decoration:underline;}
a[rel~="tag"] { text-decoration:none;} /* Special decoration for tag links in posts. */

.bottom .searchbox input{font:120%;/*"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Arial, sans-serif*/}

/* Hide the unsightly hr on the top of the inline comment form. */
.commentform hr { display: none;}

/* **********
	Colors
   ********** */


body {
	/* The main site background, behind the content pane.
	   Upload an image called "bg.gif" into the images directory for a tiled background. */
	background:#ccc url(images/bg.gif) top left repeat;

	/* The main text color. */
	color:#404040; 
}
#outer_wrap,#wrap {
	/* The content pane background. */
	background:#efefef; 
}

h1, h2, h3, h4, .bottom .LargeMenu { /* Headers */
	color:#4088b8; 
}
#slogan { /* Only if you disable flashfader and enable Custom Image Header in the Control Panel  */
	color:#808080;
}

/* Comments */
#commentsection input#submit {color:#333; background-color:#fff;}
#commentsection input,#commentsection textarea {font:94% ;
/*"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif*/
 border:1px solid #ccc;}
.commentbar { font-style:italic; }
ul.commentlist { list-style:none; }

code{background-color:#f4f4f4; color:#555; border:1px solid #ccc;}
blockquote {border:1px solid #dadada;}

/* Links */
a {color:#4088b8;}
a[rel~="tag"] { border-bottom:1px dotted #4088b8; } /* Special decoration for tag links in posts. */

/* Define the consecutive colors for our drop-down menu, known in WP as the sidebar. */
#sidebar {
	color: #FFFFFF;
}
#sidebar ul{
	background: #000000;
	background: #333333;
}
#sidebar ul ul {
	background: #000000;
	background: #333333;
}
#sidebar ul li {
	background: #000000;
	background: #333333;
}
#sidebar h2 {
	color: #FFFFFF;
}
#sidebar a {
	color: #FFFFFF;
}
#sidebar ul li:hover {
	background: #333333;
	background: #666666;
}
#sidebar ul li ul {
}
#sidebar ul li ul li {
	background: #333333;
	background: #666666;
}
#sidebar ul li ul li:hover {
	background: #666666;
	background: #999999;
}
#sidebar ul li ul ul li{
	background: #666666;
	background: #999999;
}
#sidebar ul li ul ul li:hover {
	background: #BBBBBB;
}
#sidebar #wp-calendar a {
	font-weight:bold;
	background: #000000;
}
#wp-calendar #next a {
	background: none;
}
#wp-calendar #prev a {
	background: none;
}

/* Edit the colors for the site footer.  */
#footer {color:#808080;}
#footer a {color:#555;}
.bottom {
	color: #555;
}

/* Edit the border and hover colors for the footer blocks. */
.bottom ul ul {
	border-top: 1px dashed #BCBAAC;
}
.bottom li li {
	border-bottom: 1px dashed #BCBAAC;
}
.bottom .LargeMenu  {
	border-bottom: none;
}

.bottom li {
}
.bottom li a:hover {
	color: #555;
}
.bottom li li:hover {
	background: #dadada;
}


/* **********
	Images
   ********** */

.post {margin:0 0 15px; padding:0 0 6px;}

/*
Letter-spacing, line-height and other boring stuff you probably don't want to mess with, but won't hurt much if you do.
*/

body {
line-height:1.3em;
padding:0;
}

h1 { /* This is the top header for the Custom Image Header, but you must disable flashfader in header.php. */
 line-height:.8em; letter-spacing:-2px; margin:10px 0 5px 25px; /* Change the position */
}

h1 a:hover {text-decoration:none;}
#slogan {font-size:1.5em; font-weight:bold; letter-spacing:-1px; line-height:1.2em; margin:15px 0 20px 35px;}

h2{ /* This is the main header on every page, and the title for the comment section. */
text-align:left;
letter-spacing:-1px; 
}

h3 { /* This is the post title on archive and category pages, and the subheader everywhere else. */
}

#content h1, h2, h3, h4, h5, h6 { /* This is the top header for the Custom Image Header, but you must disable flashfader in header.php. */
margin:10px 0 8px; padding:1px 2px 2px 8px;
}

#content h1, .contenttext h2, .contenttext h3, .contenttext h4, .contenttext h5, .contenttext h6 {
margin-left:0;
padding-left:0;
}

/* Content line heights. */
#content { line-height:1.5em;}

/* Footer line heights. */
#footer {line-height:1.6em; }

/* Make the bio text a bit more readable than the footer's 1.6em*/
.bottom .right {
line-height:1.8em; 
}

/* Image link decorations - a light border is sometimes nice. */
a img {border:0;}




/* ************************************************************* 

CAREFUL! Editing below this point may cause unexpected problems.

Edit ONLY if you know what you're doing! Please?

**************************************************************** */


body {
line-height:1.3em; padding:0;
}

/* Main wrap */
#outer_outer {margin:0 auto; 
width:998px;
}

/* Main wrap */
#outer_outer {background:transparent url(images/gradient.png) repeat-y scroll 0%;}
* html #outer_outer { background-image: none; } /* IE6 no like transparent png? no gradient for you! */

#outer_wrap {margin:0 auto; 
width:984px;
}

#wrap {margin:0 auto; 
width:958px;
}

/* Custom Image Header div.
   By default, this div is commented out in header.php. Uncomment it and comment out flash_header div to use Custom Image Header. */
#headerimg {
	margin: 0;
	height: 250px;
	width: 984px;
	background: #FFFFFF url(images/ppp_header.jpg) no-repeat bottom center;
}
#headerimg h1 {
	margin: 0 auto;
}


#biopic {
	display:block;
	float:left; /* float:right if you want, but you may have to adjust the margin. */
	margin: 0 12px 2px 4px;
	height: 252px;
	width: 180px;	
	background: #FFFFFF;
}


/* Sidebar */

#sidebar {
width:984px;
}

/* Content */

#content {
float:right; 
text-align:left;
margin:36px 0 10px; 
width:958px;
}

.contenttext {
margin:0 auto; 
width:936px;
}

#content p {margin:0 0 15px 0;}

#content .timestamp {margin:0 0 15px 11px;}

#content #postnav {padding:5px; margin:5px 0 18px;}

#content #postnav p {margin:0; padding-left:5px;}

#content #postnav p.right {text-align:right; padding-right:5px; margin-top:-18px;}


/* Footer */

#footer {clear:both; margin:0 auto; padding:8px 0; text-align:right; text-align:center}

#footer p {margin:0; padding:0;}


/* Comments */

#content div.comment {margin-bottom:15px;}

#content div.comment p {margin:0 0 4px 10px;}

#commentsection p {margin:0 0 8px 10px;}

#commentsection input,#commentsection textarea {padding:5px; width:330px;}

#commentsection textarea#comment {width:700px;}

#commentsection input#submit {width:75px;}



/* Tags */

blockquote {margin:20px 10px; padding:8px;}

blockquote p {padding:2px 0; margin:0;}

#content ul,#content ol,#content dl {margin:2px 0 16px 35px;}

#content ul li,#content ol li {margin:0 0 3px;}

#content ul ul,#content ol ol {margin:4px 0 4px 35px;}

code{margin:5px 0 15px 0; padding:5px 5px 5px 7px;}

#flash_header {
margin:0;
}


/* 2.7 comment support */

#content ul.commentlist {margin:0;}

#content ul.commentlist {padding-left:10px;}

#content ul.commentlist p {margin:0;padding:2px 0;}

#content ul.commentlist li.comment {margin:10px 0 5px;}


/* Rolling Menu Styles */

#sidebar {
	display: block;
	border: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px -13px;
	z-index: 5;
	position: absolute;
	/* this will be overridden by flashfader or custom image header settings in header.php */
	top:0px;
}

#sidebar ul {
	min-height: 24px;
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	z-index: 1000;
}

#sidebar li {
/*	display: inline;*/
	/* You can "float: left" if you want, but you may have to adjust margin and padding. */
	/* Option now handled in PPP Control Panel. */
/*	float: right;*/
	min-height: 20px; /* 20 + padding-top 5 = 25 */
	position: relative;
	text-align: center;
	padding: 4px 18px 0 18px;
	margin: 0px 0px 0px 0px;
	min-width: 6px;
}

#sidebar li.menu_separator {
	padding-left:0; 
	padding-right:0; 
	margin-left:0; 
	margin-right:0;
}

#sidebar li.menu_separator img {
}

#sidebar h2 {
	padding: 0px;
	margin: 0px;
	font-size: 1em;
}

#sidebar li ul {
	width: 160px;
	height: auto;
	top: 100%;
	left: 0px;
	font-weight: normal;
	font-size: 1em;
}

#sidebar li.LargeMenu ul {
	width: 200px;
	height: auto;
	top: 100%;
	left: 0px;
}


#sidebar li ul li {
	text-align: left;
	width: 118px;	
	height: auto;
	min-height: auto;
	display: block;
}

#sidebar li.LargeMenu ul li {
	text-align: left;
	width: 198px;	
	height: auto;
	min-height: auto;
	display: block;
	min-height: 20px;
}

/* Make li's out of div's and form's */
#sidebar ul div {
	padding:6px;
}
#sidebar ul div, #sidebar ul form#searchform {
	margin:0;
	width: 198px;	
}


#sidebar a {
	text-decoration: none;
}

#sidebar li li ul {
	top: 0;
    left: 0;
}
/* Make li's out of div's and form's */
#sidebar ul div, #sidebar ul form#searchform {
	top: 100%;
    left: 0;
}

#sidebar li li:hover ul {
	left: 152px;
}
/* Make li's out of div's and form's */
#sidebar li li:hover ul div, #sidebar li li:hover ul form#searchform {
	left: 152px;
}

/* initialy hide all sub sidemenus */
#sidebar ul ul,
#sidebar ul li:hover ul ul,
#sidebar ul ul li:hover ul ul,
#sidebar ul ul ul li:hover ul ul,
#sidebar ul ul ul ul li:hover ul ul {
	position: absolute;
	display:none;
}

/* display them on hover */
#sidebar li:hover ul,
#sidebar ul li:hover ul,
#sidebar ul ul li:hover ul,
#sidebar ul ul ul li:hover ul,
#sidebar ul ul ul ul li:hover ul,
#sidebar ul ul ul ul ul li:hover ul {
 	 display: block;
}


/* Do the same with divs and forms to handle all WP widgets */
/* initialy hide all sub sidemenus */
#sidebar ul div,
#sidebar ul form#searchform,
#sidebar ul li:hover div,
#sidebar ul li:hover form#searchform,
#sidebar ul ul li:hover div,
#sidebar ul ul li:hover form#searchform,
#sidebar ul ul ul li:hover div,
#sidebar ul ul ul li:hover form#searchform,
#sidebar ul ul ul ul li:hover div,
#sidebar ul ul ul ul li:hover form#searchform {
	position: absolute;
	display:none;
}

/* display them on hover */
#sidebar li:hover div,
#sidebar li:hover form#searchform,
#sidebar ul li:hover div,
#sidebar ul li:hover form#searchform,
#sidebar ul ul li:hover div,
#sidebar ul ul li:hover form#searchform,
#sidebar ul ul ul li:hover div,
#sidebar ul ul ul li:hover form#searchform,
#sidebar ul ul ul ul li:hover div,
#sidebar ul ul ul ul li:hover form#searchform,
#sidebar ul ul ul ul ul li:hover div,
#sidebar ul ul ul ul ul li:hover form#searchform {
 	 display: block;
}



/* Transparency effects for the cool browsers on the block. */
#sidebar ul{
	-moz-opacity:0.88; /* for mozilla */
	opacity: 0.88; /* for safari */
	khtml-opacity: 0.88 /* for konquerer and older safari */
}
#feeds li {
	background: url(images/feed.png) top left no-repeat;
	padding-left: 18px;
}

/* Pretty up the calendar widget. */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
}
#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}
#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
}

#wp-calendar caption {
	margin: 8px auto 0;
	font-size:1.4em;
}

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

/* End Menu (sidebar) */

/* Float fix */


.contenttext {overflow:hidden;}

* html .contenttext {height:1px; overflow:visible;}

* html .contenttext p {overflow:hidden; width:99%;}


.timestamp {clear:both;}

/* Dropdown searchform & searchbox. */

/* Searchform */

.bottom #searchform {
	margin: 10px auto;
	padding: 5px 3px; 
	text-align: center;
	}
.bottom #searchform #s {
	width: 115px;
	padding: 2px;
	border:none;
	}
	
.bottom #searchsubmit {
	padding: 1px;
	}

.bottom .searchbox {}

.bottom .searchbox label {display:none;}

.bottom .searchbox input {}


/* Searchbox  for the footer */

.bottom #searchform {
	margin: 4px 0;
	}
.bottom #searchform #s {border: 1px solid #BCBAAC;}

/* Searchbox */
.bottom .searchbox input{}
.bottom .searchbox input#submit {width:36px;}

/* Various classes */

.clear,.clearer {clear: both;} 
.clearer {font-size: 0;}

.textright {text-align:right;}

.textcenter {text-align:center;}

.hide {display:none;}

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

/****************Image Gallery *********************/
.imgleft {float:left;}
.imgright {float:right;}
.gallery {text-align:center; }
.gallery .gallery-icon {margin-bottom:15px;}
.gallery .gallery-icon {float:left;}
.gallery .gallery-icon {width:33%;}
.gallery img, img.attachment-thumbnail {padding:2px;}

/* Bottom styling */

.bottom p {margin:4px 0;}

.bottom {
	padding: 14px 20px;
}
.bottom .left,.bottom .right {width: 49%;}
.left {float: left;}
.right {float: right;}

/* left footer sub-section */
.bottom .left_left,.bottom .left_right {width: 49%;}
.left_left {float: left;}
.left_right {float: right;}

/* block list */
.bottom ul ul {
	margin: 4px 0 -5px;
	padding: 0;
	width: 100%;
}
.bottom li {
	list-style: none;
	padding-top:5px;
}
.bottom li li {
	list-style: none;
	padding: 4px 3%;
}
.bottom li a {
	text-decoration: none;
}

/* Various fixes */
#sidebar ul.MenuLeft {display:inline; float:left;}
#sidebar li.head_left {display:inline; float:left;}
.head_search {display:inline;}
.head_search input {margin:0 0; padding:0 0; border:none; height:14px; font-size:90%;}
#sidebar form.head_search span { float:left; padding-right:4px; }
#sidebar .rsswidget img {display:none;}
img.avatar {float:right;}

/*  We're 2.5-compatible! :shame: */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 4px 14px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 24px 4px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
.aligncenter {
text-align:center;
}
/* Fix for captioned images. WP hard-codes a width according to the given size. Smack it down. */
.wp-caption {max-width:936px;}
.wp-caption-text {max-width:936px;}

.wp-smiley { display:inline !important; border:none !important; }