/*
Theme Name:  butterflyeffects
Theme URI: http://www.semlaguna.com
Description: This is a free WordPress Theme from semlaguna designed by Ed Canape
Author: semlaguna
Author URI: http://www.semlaguna.com


/*-----------Block Level Elements--------------*/

Body { padding-right: 5px;
	background: #000000 url(images/bgimage.jpg) no-repeat top ;
	margin:0px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#535141; 
	}

a {color: #666666; text-decoration:none;}

#page { 
	width: 100%;  
	padding:0px;
	margin:0px;
	}

	
#header { 
	width: 916px;padding-left:10px;
	height:280px;
	margin: 0 auto;
 	color:#333;
	overflow:hidden;  
 }


 
#header a{ text-decoration:none;  color:#FFFFFF; font-size:12px; font-weight:60; 
}

.description {
 
	margin-top:20px; font-size:11px; 
	height:50px;
	text-align:center;
 	color: #FFFFFF; overflow:hidden;
	}

/*--  NAVIGATION --*/

ul#navigation {
	float:right;
	list-style:none;
	margin:0px;	
    padding-left:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	height:20px;
	line-height:20px;	
	font-size:10px;
	overflow:hidden; 
	}

ul#navigation li {
	float:left;
	margin:0px 1px 0px 1px;border:1px solid #FFFFFF;
  	padding:0;
  	list-style:none;  
  	white-space:nowrap;	
  	background-color:#7DBD00;
	
	}

ul#navigation li a { 
	display:block;
	padding:0 10px;
	text-transform:uppercase;  font-size:12px;
	border:none;
	color: #FFFFFF;
	text-decoration:none;
  	}	
	
ul#navigation li a:hover,ul#navigation li a:active, ul#navigation li.current_page_item a{
	color: #CCCCCC;
	background:#7DBD00;
	}

#wrapper {background-color:#f3f9fe;     
	width: 915px;
	margin: 0 auto;
 	overflow:hidden;
	padding:0px;
	}

#content {  
	float: left;
	width: 650px;
	padding:10px;
}

#sidebar {
	width: 220px; 
	float:right;
	padding:0px;
	margin:0px;
	
}
#imagefooter  {background-image:url(images/footer_bg.jpg);   
}
#footer {
	margin:0 auto; 
	color:#fff;
	padding:0px;
}
 
	 #footer .sub{  
	margin:0px; height:15px;
	color:#fff;
	background-color: #000000;
	text-align:center;
 	}

#footer .sub a{
	color:#fff;
	padding:0px;
	margin:0px;
	}
	

#intro_box {
	background-color:#f4f3ea;
	padding:10px;
	border:3px solid #edebdd;
	margin-bottom:10px;
	}

#intro_box .title_intro{
	color:#3f647b;
	font-size:14px;
	
	}

/*-------------Headings-------------*/

h1 {

}

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

h3 {

}

h4 {

}

h5 {

}

/*-------------The Post-------------*/

#author_post {
	color:#989584;
	padding:0px;
	margin-bottom:20px;
	}

#category {
	color:#CA6500;
	padding:5px 0px 0px 10px;
	margin:0px; 
	width:200px;
	height:14px;
	font-size:12px;
	font-weight:bolder;
	clear:both;
	}

#category a{ color:#CA6500; text-decoration:none;	}
#category a:hover{ color:#CA6500; text-decoration:underline;	}
	
	#respond {  padding-left:30px; 
	padding-top:20px;
	margin-top:10px;
	color:#333333; font-size:
	14px;	}

#icon_comment {
	background:url(images/comments-small.gif) no-repeat;
	padding-left:20px;
	margin:0px; color:#999999;
	float:right;
	}

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

.post h2 a, h2 a:hover, h2 a:active{
	color: #333333;
	text-decoration:none;
	padding:0px;
	margin:0px;
	font-size:18px;
	}

.post {	
	 
	margin-bottom:10px;
	padding:10px;
 	color:#535141;
	}

.post .title {
	border-bottom:3px solid #f8ba14;
	padding:0px;
	margin:0px;
	}

.post p {
	text-align:justify;
}

.post a {
	color: #666666; text-decoration:none;
}


.post ul {

}

.post li {

}

.post img {
	float:center;
	margin:2px 2px 2px 2x;
	border:0px solid #999999;
	}

.post a img {
	border:0px solid #999999;
	}

#clear { clear:both; }

.entry a{
color: #666666;}

.entrytext .postmetadata {
	font-size:12px;
color: #000000;}

.postmetadata alt {
	background:#f4f3ea;
	border:1px solid #edebdd;
}

.postmetadata a {
	
}



#icons {
	list-style:none;
	margin:0px;	
    padding-left:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:10px;
	}

#icons ul {
	padding-bottom:10px;
	margin-bottom:0px;
	}
	
#icons li {
	float:right;
	margin:0px 1px 0px 1px;
  	padding:0px;
  	list-style:none;  
  	white-space:nowrap;	
  	}

#icons li a {
	padding:0 10px;
	border:none;
color: #666666;	text-decoration:none;
  	}

#icons li a:hover {
color: #666666;	text-decoration:none;
  	}
	
#icons .comment_icon {
	background:url(images/comments-small.gif) left no-repeat;
	padding-left:10px;
	text-align:left;
}

#icons .edit_icon {
 	padding-left:3px;
	text-align:left;
}

.navigation {

}

.alignleft {
	width:300px;
	margin-bottom:10px;
	float:left;
	text-align:left;
	color:#534c26;
}

.alignleft a{
	color:#534c26; text-decoration:none;
}

.alignright {
	width:300px;
	margin-bottom:10px;
	float:right;
	text-align:right;
	color:#534c26;
}

.alignright a{
	color:#534c26; text-decoration:none;
}

.center {

}

.pagetitle { font-size:12px;

}

blockquote {
	border-left:2px solid #e1c578;
	padding-left:10px;
}

cite {

}

a img { border:#f3f9fe;

}

acronym, abbr {

}

/*--------------Sidebar------------*/

#sidebar ul {
	margin:2px 0px 0px 5px;
	padding:0px;
}

#sidebar ul h2 { background-image:url(images/sidebar_bg.jpg); background-repeat:no-repeat; height:40px;
	width:218px;
 	font-size:12px;
	padding-left:48px;
	overflow:hidden;
	margin:0px 0px 0px 0px;
 
	color: #333333;
 	}

#sidebar ul li {
	color:#333;
	list-style-type:none;
	margin-left:5px;
	padding:0px;
	}

#sidebar ul ul {
	width:211px;
	padding:10px 2px 10px 15px;
 	margin:0px 0px 10px 0px;
}

#sidebar ul ul li {
	padding-left:0px;
	margin-bottom:3px;
	list-style-type:square;
	list-style-image:url(images/arrow.jpg);
	/*border-bottom:1px dashed #CCCCCC;
	list-style-image:url(images/arrow.gif);*/
}

#sidebar ul ul ul {
	width:180px;
	padding-bottom:0px;
	padding-left:10px;
	background:none;
	border:none;
}

#sidebar ul ul ul li {
	list-style-type:circle;
	list-style-image:url(images/arrow.jpg);
	padding-left:0px;
	margin-bottom:0px;
	/*border-bottom:1px dashed #CCCCCC;*/
}


#sidebar p {

}

#sidebar a {
	color: #333333;
	text-decoration:none;
	}
	
#sidebar a:hover {
	color: #333333;
	text-decoration:underline;
	}

#sidebar a:visited {

}


/*--------------Comments--------------*/



ol.commentlist {

}

ol.commentlist li {

}

ol.commentlist li.alt {

}

ol.commentlist a {

}

small.commentmetadata {

}


/*--------------Search Form-------------*/

#searchform {
	width:208px;
	padding:10px;
 	margin:10px 0px 10px 0px;
	
}

#searchform input {
	font-size:10px;
	border:1px solid #ccc;
}

#searchform #s {
	font-size:10px;
}


/*-------------Calendar-----------------*/
#date {
	float:left;
	width:5px;
	height:30px;
 	padding-top:0px;
	margin-right:10px;
	}

#date .y {
	text-align:left;
	font:10px bolder Verdana, Arial, Helvetica, sans-serif;
	color:#ccc;
	font-weight:bold;
	margin-top:-1px;
	padding-left:6px;
	}

#date .d {
	text-align:center;
	font:10px bolder Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight:bold;
	margin-top:3px;
	}
	
#date .m {
	text-align:center;
	font:11px bolder;
	font-weight:bold;
	color:#fff;
	margin-top:0px;
	}
	
#date .j {
	text-align:center;
	font:22px bolder Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight:bold;
	margin-top:-2px;
}

#wp-calendar {

}

#wp-calendar th {

}

#wp-calendar a {

}

#prev a, #next a {

}

#wp-calendar caption {

}

/*-------------Images------------------*/


/*-------------SiteNav------------------*/
#sitenav {
	width: 900px; background-color:047CC7;
	padding-bottom:11px;
	margin:0 auto;
	overflow:hidden;
	}

#sitenav .title {
	border-bottom:3px solid #666666;
	font-size:12px;
	font-weight:bold;
	padding:3px;
	margin:0px;
	color:#fff;
	}
	
#sitenav .box {
	font-size:11px;
	width:200px;
	float:left;
	padding:0px;
	margin:10px 10px 10px 10px;
	}

#sitenav .box ul {
	padding:5px 0px 0px 20px;
	margin:0px;
	}
	
#sitenav .box li {
	list-style-type:square;
	padding:3px 0px 3px 0px;
	border-bottom:1px dashed #8cadb8;
	margin:0px;
	color:#e1c578;
	}

#sitenav .box li a{
	color:#fffef5;
	text-decoration:none;
	}

#sitenav .box li a:hover{
	color:#fff;
	text-decoration:underline;
	}
	
#sitenav .box2 {
	font-size:11px;
	width:400px;
	float:left;
	padding:0px;
	margin:10px;
	}

#sitenav .box2 ul {
	padding:5px 0px 0px 20px;
	margin:0px;
	}
	
#sitenav .box2 li {
	list-style-type:square;
	padding:3px 0px 3px 0px;
	border-bottom:1px dashed #8cadb8;
	margin:0px;
	color:#e1c578;
	}

#sitenav .box2 li a{
	color:#fffef5;
	text-decoration:none;
	}

#sitenav .box2 li a:hover{
	color:#fff;
	text-decoration:underline;
	}

/*-------------Other------------------*/

hr {
	display: none;
}

/* Shutter */
div#shNavBar a {
	color: #ccc; /* colour for the text buttons */
	text-decoration: none;
	border: 0 none;
	padding: 0;
	cursor: pointer;
}

div#shNavBar a img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

div#shNavBar a:hover {
	color: #fff; /* highlight colour for the text buttons */
}

div#shNavBar a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
}

#shDisplay div#shTitle {
	font: normal 12px/17px 'Lucida Grande', Verdana, sans-serif; /* caption font */
	color: #ffffff; /* caption colour */
	text-align: center;
	margin: 0 auto;
}

div#shNavBar {
	display: block;
	font: normal 13px/22px 'Lucida Grande', Verdana, sans-serif; /* font for text buttons and image numbers */
	color: #999; /* colour for the image numbers */
	background-color: #454545; /* colour for the menu background */
	border-top: 1px solid #525252; /* colour for the menu top border */
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 3px 0 5px;
	text-align: center;
	cursor: default;
	z-index: 1011;
	-moz-user-select: none;
	user-select: none;
}

body {
	height: 100%;
}

#shShutter *, #shDisplay * {
	padding: 0;
	margin: 0;
}

div#shShutter, div#shDisplay {
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
}

div#shShutter {
	height: 100%;
	z-index: 1000;
	background-color: #000000;
	opacity: 0.8;
	filter:alpha(opacity=80);
}

div#shDisplay {
	display: block;
	background-color: transparent;
	z-index: 1002;
}

div#shDisplay img#shTopImg {
	margin: 0 auto;
	border: 1px solid #555;
	background: transparent;
	display: block;
	max-width: none;
	max-height: none;
	float: none;
	-ms-interpolation-mode: bicubic;
}

div#shDisplay div#shWrap {
	visibility: hidden;
}

div#shWaitBar {
	position: absolute;
	width: 100px;
	left: 50%;
	margin-left: -50px;
	margin-top: 120px;
}

#fullSize {
	display: none;
}

#shNavBar img {
	border: 0;
	vertical-align: text-top;
	margin: 0;
	padding: 3px;
	float: none;
}

#shNavBar .srel-d {
	opacity: 0.4;
	filter: alpha(opacity=40);
}

.sh-make-invisible {
	visibility: hidden !important;
}

* html div#shNavBar {
	display: block;
	position: absolute;
	_top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight : document.body.scrollTop+document.body.clientHeight-this.clientHeight);
	_left: expression(eval(document.compatMode&&document.compatMode=='CSS1Compat') ? document.documentElement.scrollLeft : document.body.scrollLeft);
}

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
.error {
	font-weight: bold;
	color: #990000;
}