/*

Theme Name: BM Epika

Theme URI: http://wwww.blakemccreary.com

Description: BM Design Wordpress Theme

Version: 1.0

Author: Blake McCreary

*/



/* ----- FIXES ----- */

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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    font-weight: inherit;

    font-style: inherit;

    font-size: 100%;

    font-family: inherit;

    vertical-align: baseline;

    background: transparent;
	

}



:focus {

    outline: 0;

}



body {



}



/*ol, ul {list-style: none;}*/



caption, th, td {

  text-align: left;

  font-weight: normal;

}



blockquote, q {border : 1px solid #F9F9F1;
 margin-left: 20px;
 margin: 10px;
 padding: 10px;
 background-color: #F9F9F9;
 
 }



hr {
margin-bottom: 15px;
color: #333;
background-color: #333;
height: 2px;
}

strong{font-weight: bold;}

em{font-style: italic;}

.clear{clear: both;}



something:after{

  content: ".";

  height: 0;

  display: block;

  clear: both;

  visibility: hidden;

}



.left, #left, .alignleft{

	float: left;

	display: inline;

}



.right, #right, .alignright{

	float: right;

	display: inline;

}







/* ----- GENERAL ----- */

#retweet {
	display:inline;
	float:right;
	padding-top:5px;
	position:relative;
	}

.Clear{

clear:both;

}



h1, h1 a{

font-size: 30px;

text-decoration:none;

padding:0;

margin:0;

}



h2{

font-size:26px;
color:#71ac00;

}



h3{

font-size:16px;
color: #000;
margin-bottom: 10px;

}


h4{

font-size:19px;

}



h5{

font-size:17px;

}



p, body{

font-size:13px;

font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Tahoma', 'Arial', san-serif;

line-height:19px;

}



a:link, a:visited{

text-decoration:none;
color: #ec6400;

}

a:hover {
text-decoration:underline;
}



ul, ol{

margin:0 0 10px 15px;

}













/* ----- STRUCTURE ----- */

#bmbreaker {
	background:url(images/bmbreaker.png) no-repeat;
	height: 45px;
}

#welcomeimage {
	background:url(images/blakewelcome.png) no-repeat;
	height: 100px;
	padding-bottom: 10px;
}


body{

background: #f8f8f8;

padding:0px 0;

}



#wrapper-container{

width: 956px;

margin:0 auto;

}



#wrapper{

background: url('images/bg_main.png') repeat-y;

position: relative;

}



#header{

background: #000 url('images/headstrip.png') repeat-x top;

height:80px;

padding:0px 20px 0 20px;

position: relative;

margin-top:0px;
margin-bottom:10px;

}

#headerhome{

background: url('images/bg_top.png') no-repeat top;

height:15px;

padding:0px 0px 0 0px;

position: relative;

}




@charset "utf-8";
/* CSS Document */

.headnav, .headnav * {

	margin:			0;

	padding:		0;

	list-style:		none;

line-height:12px;

}

.headnav {

	line-height:	1.0;

}

.headnav ul {

	position:		absolute;

	top:			-999em;

	width:			10em; /* left offset of submenus need to match (see below) */
	list-style:none;

}

.headnav ul li {

	width:			90%;
	list-style:none;

}

.headnav li:hover {

	visibility:		inherit; /* fixes IE7 'sticky bug' */
	list-style:none;
}

.headnav li {

	float:			left;

	position:		relative;
	list-style:none;

}

.headnav a {

	display:		block;

	position:		relative;
	
	

}

.headnav li:hover ul,

.headnav li.sfHover ul {

	top:			2.1em; /* match top ul list item height */

	left:			0;

	z-index:		99;

border:1px solid #E4E4E4;

}

ul.headnav li:hover li ul,

ul.headnav li.sfHover li ul {

	top:			-999em;

}

ul.headnav li li:hover ul,

ul.headnav li li.sfHover ul {

	left:			10.00em; /* match ul width */

	top:			-.05em;

}

ul.headnav li li:hover li ul,

ul.headnav li li.sfHover li ul {

	top:			-999em;

}

ul.headnav li li li:hover ul,

ul.headnav li li li.sfHover ul {

	left:			10em; /* match ul width */

	top:			0;

}



/*** DEMO SKIN ***/

.headnav {

}

.headnav a {

	text-decoration:none;

padding:0 0 15px 0;
	color: #fff;

}

.headnav li li a,

.headnav li li li a{

padding:7px 0 7px 0;

}

.headnav a, .headnav a:visited  { /* visited pseudo selector so IE6 applies text colour*/

}

.headnav li {

	background:		none;

padding:0 10px;

}

.headnav li ul {

	background:		#fff;



}

.headnav li li {

	background:		#fff;

padding:0 5%;

}

.headnav li li:hover {

	background:		#F2F2F2;

}

.headnav li li li {

	background:		#fff;

padding:0 5%;

}

.headnav li:hover, .headnav li.sfHover,

.headnav a:focus, .headnav a:hover, .headnav a:active {

	background:		none;

	outline:		0;

}




#header #logo{
float:left;
padding:0 4px 0 0;
display:inline;
}


#header .description{

}



#header #navigation{

float:left;

border-bottom:0px solid #e4e4e4;

top:47px;

position:relative;

z-index:30;

font-size:13px;

}

#header #headtwitter{

position:relative;
float:right;
display:inline;
}

#header #navigation li a:link,

#header #navigation li a:hover,

#header #navigation li a:visited{

text-transform:lowercase;

}

#header #navigation li a:hover {
text-decoration: underline;
}


#content{

position:relative;

}
#content h2{
padding-top:30px;
padding-bottom: 10px;

}

#content img {
padding:1px;
   border:1px solid #e3e3e3;

}

.wp-caption-text {
	font-size: 11px;
}


#footer-wrapper{

padding:45px 0 0 0;

position:relative;

background: url('images/bg_footer_top.jpg') no-repeat top;

background-position:0px 11px;

}



#footer{

padding:0 18px 15px 18px;

font-size:11px;

}



#wrapper-bottom{

height:16px;

background: url('images/bg_bottom.png') no-repeat bottom;

position: relative;

}



#footer-left{

float:left;

}



#footer-right{

float:right;

}



#footer-right img{

margin:0 0 0 12px;

}



#sidebar{

float:right;

position:relative;

width:292px;

top:11px;

padding:25px 0;

}

#sidebar img{
border:0px;
}



#page{

margin:0 3px;

background: url('images/page-gradient.jpg') repeat-x;

position: relative;

}



#page-with-column{

margin:0 3px 0 3px;

background: url('images/page-gradient.jpg') repeat-x;

position: relative;

}



#widecolumn{

padding:25px 18px;

position:relative;

top:11px;

z-index:2;

}



#narrowcolumn{

float:left;

padding:25px 24px 20px 10px;

position:relative;

top:11px;

width:624px;

background: url('images/bg_page_separator.jpg') repeat-y;

background-position:right;

z-index:2;

}





/* ----- HOME PAGE ----- */

#content #banner{

height:350px;

position:relative;

background: url('images/bg_banner.jpg') no-repeat top;

}



#content #three-intro-columns{

background: url('images/bg_body_top.jpg') no-repeat top;

position: relative;

padding:110px 0px 0 18px;

}



#content #three-intro-columns .introColumn{

width:294px;

padding:0 18px 0 0;

float:left;

background:none;

}



#content #three-intro-columns .introColumn .introColumnPic{

background:none;

}



#content #three-intro-columns .introColumn .introColumnTitle{

background:none;

padding:20px 0 10px 0;

}



#content #three-intro-columns .introColumn .introColumnTitle h3{

font-size:16px;

}



#content #three-intro-columns .introColumn .introColumnText{

background:none;

}









/* ----- PAGES ----- */

.title h2{

font-size:24px;

font-weight:normal;

padding:0 0 15px 0;

}



.entry p{

padding:0 0 12px 0;

}









/* ----- PORTFOLIO ----- */

.portfolio-box{

background: url('images/portfolio_box.jpg') no-repeat;

width:277px;

height:151px;

float:left;

padding:20px 0 0 27px;

display:block;

position:relative;

}

.portfolio-box a {

}


.portfolio-box h3{

font-size:16px;

padding:5px 5px 5px 5px;

}



.portfolio-box p{

line-height:13px;

padding:0px 5px 5px 5px;

font-size:10px;

}







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

#sidebar,

#sidebar a{

font-size:13px;

}



#sidebar ul{

list-style-type:none;

margin:0;

padding:0 20px;

}



#sidebar ul ul{

list-style-type:none;

list-style-position: inside;

}



#sidebar ul ul,

#sidebar .textwidget,

#sidebar #calendar_wrap,

#sidebar #searchform{

padding:0;

}



#sidebar #searchform{

padding:10px 0px;

}



#sidebar #searchform input{

}



#sidebar #searchform input#s{

width:140px;

border:1px solid #e3e3e3;

padding:3px;

}



#sidebar #searchform label{

display:none;

}



#sidebar #searchsubmit{

font-size:10px;

position:relative;

width:78px;

height:27px;

background: url('images/readmore.png') left no-repeat transparent;

text-transform:uppercase;

border:none;

padding:0;

}



#sidebar ul ul ul{

list-style-type:none;

padding:0 0 0 20px;

}



#sidebar ul ul ul ul{

list-style-type:none;

}



#sidebar li h2{

padding:20px 0 16px 0;

background: url('images/sidebar_underline.jpg') bottom no-repeat;

position: relative;

font-size:16px;

}



#sidebar li li a{

border-bottom:1px solid #e3e3e3;

padding:7px 0;

display:block;

}



#sidebar li li a:hover{

background: #f2f2f2;
color: #000;

}



#sidebar li li li a{

border:none;

padding:2px 0;

}



#sidebar li li li a:hover{

background: #f2f2f2;

}



#sidebar .widget_tag_cloud div{

padding:0 0px;

}



#sidebar .widget_tag_cloud div a{

padding:0 5px;

}



#sidebar #wp-calendar{

width:100%;

}



#sidebar #wp-calendar tr td a{

}



#sidebar #wp-calendar tr td#next{

text-align:right;

}



#sidebar li ul#recentcomments li a,

#sidebar li ul#recentcomments li a:hover{

background:none;

}









/* ----- BLOG ------ */

.post{

padding:0 0 40px;

position:relative;

}



.blogtitle{

padding:0 0 5px 0;

margin:0 0 10px 0;
color: #333;
}



.blogtitle h2{

font-size:24px;

display:inline;

padding:0 0 5px 0;

color: #333;

}

.blogtitle a{

color: #000;
}



.blogdate a{

text-decoration:underline;

}



.entry-comment-box{


height:30px;

text-align:center;

padding:10px 0 0 0;

position:absolute;

right:10px;

top:30px;

z-index:10;

}

.entry-comment-box a {

}


.excerpt-pic{

margin:0 0 10px 0;

}



.entry{

padding:10px 0 0 0;

position:relative;

}



.blogdate-container{

position:relative;

left:-19px;

padding:0 0 0 15px;

height:26px;

background: url('images/blog_date_fold.png') left no-repeat;

}



.blogdate{

background:#E1E1E1;

font-size:11px;

line-height:22px;

padding:3px 4px 4px 4px;

display:inline;

position:relative;

top:4px;

}



.readmore-container{

position:relative; 

}



.readmore{

font-size:10px;

position:relative;

width:78px;

height:27px;

background: url('images/readmore.png') left no-repeat transparent;

text-transform:uppercase;

border:none;

padding:0;

}



.readmore a{

padding:4px 0px 4px 8px;

position:relative;

top:4px;

}



.readmore a{

text-decoration:none;

}





/* ----- BLOG SINGLE ENTRY ------ */

h3#comments{

	padding:0 0 10px 0;

}



ol.commentlist{

margin:0;

border-bottom:1px solid #ccc;

}



ol.commentlist .even{

background:#f8f8f8;

}



.commentlist,

.commentlist ul{

list-style:none;

}



.commentlist .comment-body{

padding:10px 10px 10px 10px;

border-top:1px solid #ccc;

position:relative;

}



.commentlist .comment-header{

height:30px;

}



.commentlist .avatar{

padding:0 10px 0 0;

float:left;

display:block;

}



.commentlist .comment-block-right{

float:left;

line-height:15px;

}



.commentlist .comment-author{

}



.commentlist .comment-meta{

}



.commentlist .comment-text{

clear:both;

position:relative;

padding:13px 0 0 0;

}



#respond h3{

font-size:18px;

padding:10px 0 0 0;

}



#respond input,

#respond textarea{

border:1px solid #e3e3e3;

padding:5px;

margin:0 0 10px 0;

}



#respond #submit{

font-size:10px;

position:relative;

width:78px;

height:27px;

background: url('images/readmore.png') left no-repeat transparent;

text-transform:uppercase;

border:none;

padding:0;

}









/* ----- ARCHIVES ----- */

h2.archive-title{

padding:0 0 20px 0;

font-size:22px;

}











/* ----- CONTACT ----- */

#contact-failed,

#contact-success{

padding:10px;

margin:0 0 15px 0;

}











/* ----- SUPERFISH NAVIGATION ----- */



/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {

	margin:			0;

	padding:		0;

	list-style:		none;

line-height:12px;

}

.sf-menu {

	line-height:	1.0;

}

.sf-menu ul {

	position:		absolute;

	top:			-999em;

	width:			10em; /* left offset of submenus need to match (see below) */

}

.sf-menu ul li {

	width:			90%;

}

.sf-menu li:hover {

	visibility:		inherit; /* fixes IE7 'sticky bug' */

}

.sf-menu li {

	float:			left;

	position:		relative;

}

.sf-menu a {

	display:		block;

	position:		relative;

}

.sf-menu li:hover ul,

.sf-menu li.sfHover ul {

	top:			2.1em; /* match top ul list item height */

	left:			0;

	z-index:		99;

border:1px solid #E4E4E4;

}

ul.sf-menu li:hover li ul,

ul.sf-menu li.sfHover li ul {

	top:			-999em;

}

ul.sf-menu li li:hover ul,

ul.sf-menu li li.sfHover ul {

	left:			10.00em; /* match ul width */

	top:			-.05em;

}

ul.sf-menu li li:hover li ul,

ul.sf-menu li li.sfHover li ul {

	top:			-999em;

}

ul.sf-menu li li li:hover ul,

ul.sf-menu li li li.sfHover ul {

	left:			10em; /* match ul width */

	top:			0;

}



/*** DEMO SKIN ***/

.sf-menu {

}

.sf-menu a {

	text-decoration:none;

padding:0 0 15px 0;

}

.sf-menu li li a,

.sf-menu li li li a{

padding:7px 0 7px 0;

}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/

}

.sf-menu li {

	background:		none;

padding:0 10px;

}

.sf-menu li ul {

	background:		#fff;



}

.sf-menu li li {

	background:		#fff;

padding:0 5%;

}

.sf-menu li li:hover {

	background:		#F2F2F2;

}

.sf-menu li li li {

	background:		#fff;

padding:0 5%;

}

.sf-menu li:hover, .sf-menu li.sfHover,

.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {

	background:		none;

	outline:		0;

}











/* ----- SLIDESHOW ----- */

.slideshow {

position:relative;

top:10px;

left:24px;

padding:0;

margin:0;

}

.slideshow a img {

border:none;

}

.slideshow li.slide {

list-style-type:none;

}

.slideshow .slides {

height:260px;

margin:0;

}

.slideshow .slides li.slide {

visibility:hidden;

position:absolute;

left:0px;

top:0;

}

.slideshow .buttons {

position:absolute;

right:80px;

top:350px;

display:block;

z-index:2;

margin:0;

}

.slideshow .buttons li {

float:left;

display:inline;

width:12px;

height:12px;

margin:0;

padding-left:11px;

}

.slideshow .buttons li a {

float:left;

width:12px;

height:12px;

text-decoration:none;

outline:0;

-moz-border-radius: 6px;

-webkit-border-radius: 6px;

}

.slideshow ul.buttons li a:hover {

}

.slideshow ul.buttons li.active a:hover,

.slideshow ul.buttons li.active a{

}















/* ----- LIGHTBOX ----- */

#jquery-overlay {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

}

#jquery-lightbox {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	z-index: 100;

	text-align: center;

	line-height: 0;

}

#jquery-lightbox a img { border: none; }

#lightbox-container-image-box {

	position: relative;

	background-color: #fff;

	width: 250px;

	height: 250px;

	margin: 0 auto;

}

#lightbox-container-image { padding: 10px; }

#lightbox-loading {

	position: absolute;

	top: 40%;

	left: 0%;

	height: 25%;

	width: 100%;

	text-align: center;

	line-height: 0;

}

#lightbox-nav {

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 10;

}

#lightbox-container-image-box > #lightbox-nav { left: 0; }

#lightbox-nav a { outline: none;}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {

	width: 49%;

	height: 100%;



	zoom: 1;

	display: block;

}

#lightbox-nav-btnPrev {

	left: 0;

	float: left;

}

#lightbox-nav-btnNext {

	right: 0;

	float: right;

}

#lightbox-container-image-data-box {

	font: 10px Verdana, Helvetica, sans-serif;

	background-color: #fff;

	margin: 0 auto;

	line-height: 1.4em;

	overflow: auto;

	width: 100%;

	padding: 0 10px 0;

}

#lightbox-container-image-data {

	padding: 0 10px;

}

#lightbox-container-image-data #lightbox-image-details {

	width: 70%;

	float: left;

	text-align: left;

}

#lightbox-image-details-caption { font-weight: bold; }

#lightbox-image-details-currentNumber {

	display: block;

	clear: left;

	padding-bottom: 1.0em;

}

#lightbox-secNav-btnClose {

	width: 66px;

	float: right;

	padding-bottom: 0.7em;

}











/* ----- SLIDING BOXES ----- */

 .boxgrid{

     width: 250px;

     height: 130px;

     float:left;

     background:#161613;

     overflow: hidden;

     position: relative;

 }

 .boxgrid img{

     position: absolute;

     top: 0;

     left: 0;

     border: 0;

 }

.boxcaption{

     float: left;

     position: absolute;

     background: #000;

     height: 130px;

     width: 244px;

padding:3px;

     opacity: .8;

     /* For IE 5-7 */

     filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);

     /* For IE 8 */

     -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

}

.captionfull .boxcaption {

 top: 130px;

 left: 0;

}







/* ----- PAGENAVI PLUGIN ----- */

#narrowcolumn .wp-pagenavi a, .wp-pagenavi a:link {

	padding: 4px 8px;

	margin: 2px;

	text-decoration: none;

	background: url('images/bg_blog_nav.png') no-repeat;

	position: relative;

	border:none;

}

#narrowcolumn .wp-pagenavi a:visited {

	padding: 4px 8px;

	margin: 2px;

	text-decoration: none;

	background: url('images/bg_blog_nav.png') no-repeat;

	position: relative;

	border:none;

}

#narrowcolumn .wp-pagenavi a:hover {

	padding: 4px 8px;

	margin: 2px;

	text-decoration: none;

	background: url('images/bg_blog_nav.png') no-repeat;

	position: relative;

	border:none;

}

#narrowcolumn .wp-pagenavi a:active {

	padding: 4px 8px;

	margin: 2px;

	text-decoration: none;

	background: url('images/bg_blog_nav.png') no-repeat;

	position: relative;

	border:none;

}

#narrowcolumn .wp-pagenavi span.pages {

	padding: 2px 4px 2px 4px;

	margin: 2px 2px 2px 2px;

	display:none;

	border:none;

}

#narrowcolumn .wp-pagenavi span.current {

	padding: 4px 8px;

	margin: 2px;

	text-decoration: none;

	background: url('images/bg_blog_nav.png') no-repeat;

	position: relative;

	border:none;

}

#narrowcolumn .wp-pagenavi span.extend {

	padding: 2px 4px 2px 4px;

	margin: 2px;

	border: 1px solid #000000;

	background-color: #FFFFFF;

border:none;

}