/*

Theme Name: Sparkler
Theme URI: http://loreleiwebdesign.com/
Description: Clean and neat web 2.0 theme for web masters blogs. The theme is ready for 125*125 ads and drop down menu. Header is in PNG format and easy to modify, enjoy!
Author: Lorelei Web Design
Author URI: http://loreleiwebdesign.com
*/


body{background:#aac8e2 url(img/bg.jpg) repeat-x;color:#42668a;font:12px/18px 'Myriad Pro',Helvetica,Arial,sans-serif;letter-spacing:0;margin:0;padding:0;}
a{color:#34587a;outline:none;text-decoration:none;}
p{margin:0 10px 20px 0;text-shadow:0 1px 0 #fff;}
p:a{background:#ccc;padding:3px;}
blockquote{border-left:5px solid #f7f7f7;margin:0 0 0 10px;padding:0 0 0 10px;}
#page{width:940px;margin:0 auto;}
#header{position:relative;height:200px;background:url(img/header.jpg) top left no-repeat;}
#content{background:#e8edf1;border:1px solid #fff;font-family:'Myriad Pro',Helvetica,Arial,sans-serif;text-align:justify;padding:1px 0 0;-moz-box-shadow:0 0 15px #4e7093;-moz-border-radius-bottomright:15px;
-moz-border-radius-bottomleft:15px;}
#content-left{float:right;width:560px;padding:15px;}
#content-left a{color:#C8664F; text-decoration:none;}
#content-right{float:left;width:310px; padding: 0 0 0 28px;}
#footer{width:900px;color:#466a8e;font-family:'Myriad Pro',Helvetica,Arial,sans-serif;margin:0 auto;padding:20px;}
h1{position:absolute;bottom:50px;line-height:1;font-size:38px;font-weight:700;font-family:'Myriad Pro',Helvetica,Arial,sans-serif;margin:0;padding:0;}
h1 a{color:#fff;text-decoration:none;padding-left:0;text-shadow:0 1px 0 #3E6992;}
h2{margin:0 0 20px 20px;text-shadow:0 1px 0 #3E6992;}
h2#blog-description{position:absolute;left:0;font-size:13px;font-weight:400;color:#fff;margin:0;padding:4px 0 0 40px;}
h3{font-size:2.5em;line-height:100%;font-weight:700;font-style:italic;font-family:'Myriad Pro',Helvetica,Arial,sans-serif;margin:0 0 20px;}
h3 a{text-decoration:none;font-family:'Myriad Pro',Helvetica,Arial,sans-serif;text-shadow:0 1px 0 #fff;}
h4{font-size:18px;font-style:italic;color:#fff;margin:0 0 10px;text-shadow:0 1px 0 #3E6992;}
#top-nav{right:19px;position:absolute;top:10px;list-style:none;font-family:'Myriad Pro',Helvetica,Arial,sans-serif;margin:0;padding:0; width:270px; color:#e8edf1;text-shadow:0 1px 0 #000;}
#top-nav li{float:left;font-family:'Myriad Pro',Helvetica,Arial,sans-serif;margin:0 0 0 10px;}
#top-nav li#rss{background:url(img/rss-icon.gif) no-repeat left center;padding:0 0 0 15px;}
.box-left{margin:0 0 40px 0px;}
.meta{clear:both;background:#b0bf58;border:1px solid #fff;color:#5e5e5e;padding:5px 5px 5px 10px;-moz-box-shadow:0 0 5px #8b8b8b;-moz-border-radius:8px;border:1px solid #ccdfef;}
.meta-date{background:url(img/date.png) no-repeat 0 2px;padding:2px 15px 2px 20px;}
.meta-categories{background:url(img/edit.png) no-repeat 0 2px;padding:2px 15px 2px 20px;}
.meta-comments{background:url(img/comments.png) no-repeat 0 2px;padding:2px 15px 2px 20px;}
.box-right{background:#B2CDDE;border:1px solid #fff;margin:0 20px 20px 0;padding:20px;-moz-border-radius:8px;-moz-box-shadow:0 0 5px #8b8b8b;}
.box-right ul{list-style:none;margin:0 0 5px;padding:0;}
.box-right li{background:none;margin:0;padding:5px 5px 5px 10px; border:1px solid #B2CDDE;}
.box-right li:hover{background:#aac8e2;margin:0;padding:5px 5px 5px 15px;-moz-border-radius:8px;border:1px solid #ccdfef;-moz-box-shadow:0 0 5px #8b8b8b;}
#commentform label{display:block;margin:0 0 5px;}
#commentform input.text,#commentform textarea{width:500px;margin:0 0 10px;}
#commentform .text{height:22px;background:#fff url(img/bg-form-text.gif) repeat-x left top;border:1px solid #dadada;color:#5e5e5e;padding:6px 6px 0;}
#commentform textarea{height:150px;background:#fff url(img/bg-form-text.gif) repeat-x left top;border:1px solid #dadada;color:#5e5e5e;padding:6px 6px 0;}
#commentform .button{width:auto;height:30px;background:#4a4f54;border:none;color:#fff;margin:0;padding:0 20px;}
.commentlist{list-style:none;margin:0;padding:0;}
.commentlist .quote{background:#546628;border:1px solid #fff;padding:20px;}
.commentlist li{background:#4e5156;color:#fff;margin:20px 0 0;padding:0;}
.commentlist cite{display:block;font-style:normal;}
.avatar{float:left;margin:0 20px 10px 0;}
#searchform #search{float:left;width:146px;height:22px;background:#fff url(img/bg-form-text.gif) repeat-x left top;border:1px solid #dadada;color:#5e5e5e;padding:6px 6px 0;}
#searchform .button{width:auto;height:30px;background:#4a4f54;border:none;color:#fff;margin:0;padding:0 10px;}
#footer p{font-family:'Myriad Pro',Helvetica,Arial,sans-serif;}
#footer p a {color:#466a8e;}
#legal{widht:800px;}
.aligncenter,div.aligncenter{display:block;margin:0 auto;}
.alignleft{float:left;margin:0 20px 20px 0;}
.alignright{float:right;margin:0 0 20px 20px;}
.wp-caption{margin-bottom:20px;padding-top:4px;border:1px solid #ccc;text-align:center;background-color:#f7f7f7;}
.wp-caption img{float:none;border:none;margin:0;padding:0;}
.wp-caption p.wp-caption-text{margin:0;padding:0;}
#calendar_wrap table{width:100%;}
#calendar_wrap td{text-align:center;}
#wp-calendar caption{background:#dedede;margin:0 0 10px;}
ul,ol,.aligncenter{margin-bottom:20px;}
h3 a:hover,.box-right li a{text-decoration:none;}
p.tags,.clear{clear:both;}
p.tags{padding-top:10px;}

.thumbnail {
  float: left;
  margin: 0px 10px 0px 0px;  
  padding: 5px; 
  overflow: hidden;
  line-height: 170px;
  text-align: center;
}
.thumbnail a img {
  float:right;
  width: 150px;
  padding: 5px;  
  background:#aab916;
-moz-box-shadow:0 0 5px #8b8b8b;
  border:1px solid #fff;
}

/** Featured Area **/

#featured_area {
	background: url(img/feat-bg.jpg) no-repeat;
	height: 308px;
	overflow: hidden;
	position: relative;
margin: 0 25px 35px 25px;
border-bottom:1px solid #fff;
}

#featured_area div#mySlides {
	padding-top: 30px;
}

#featured_area .description {
	float: left;
	width: 420px;
	height: 152px;
}

#featured_area .description h2 {
	font-size: 17px;
	color: #423d3a;
	margin-bottom: 15px;
	font-weight: bold;
}

#featured_area .description p {
	font-size: 13px;
}

#featured_area .description a.learn_more {
	font-size: 11px;
	text-transform: uppercase;
}

#featured_area .photo {
	background: url(img/featured_image_bg.gif) repeat-x;

	border: 1px solid #f8f9fa;
	padding: 0px;
	margin-top: 1px;    
	float: left;
	position: relative;
    margin: 0 0 0 10px;
}

#featured_area .photo img {
	width: 440px;
	height: 205px;
    margin: 0 0px 0 0;
}

#featured_area .slide {
	overflow: hidden;
}

#featured_area .container {
	height: 308px;
	overflow: none;
}

.ribbon {
	position: absolute;
	right: -1px;
	top: -2px;
	width: 87px;
	height: 89px;
	z-index: 5;
}

.ribbon.webdesign {
	background: url(img/webdesign-trans.png) right top no-repeat;
}

.ribbon.print {
	background: url(img/print-trans.png) right top no-repeat;
}

.ribbon.flash {
	background: url(img/flash-trans.png) right top no-repeat;
}

a.jFlowPrev, a.jFlowNext {
	display: block;
	width: 83px;
	height: 33px;
	position: absolute;
	bottom: -4px;
	text-indent: -9999px;
	cursor: pointer;
}

a.jFlowPrev {
	background: url(img/prev-trans.png) no-repeat;
	left: 1px;
}

a.jFlowNext {
	background: url(img/next-trans.png) no-repeat;
	right: 1px;
}

div#myController {
	display: none;
}




#social {
float:left;
}
#social a img {
border:none;
}