/*
Theme Name: Epika
Theme URI: http://www.bradhassett.com/demos/epika
Description: Epika Wordpress Theme
Version: 1.0
Author: Brad Hassett & Brandon Clute
*/

/* ----- 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:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

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 ----- */

.Clear{
clear:both;
}

h1, h1 a{
font-size: 30px;
text-decoration:none;
padding:0;
margin:0;
}

h2{
font-size:26px;
}

h3{
font-size:22px;
}

h4{
font-size:19px;
}

h5{
font-size:17px;
}

p, body{
font-size:11px;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Tahoma', 'Arial', san-serif;
line-height:19px;
}

a:link, a:hover, a:visited{
text-decoration:none;
}

ul, ol{
margin:0 0 0 30px;
}






/* ----- STRUCTURE ----- */
body{
background: #f8f8f8;
padding:20px 0;
}

#wrapper-container{
width: 956px;
margin:0 auto;
}

#wrapper{
background: url('images/bg_main.png') repeat-y;
position: relative;
}

#header{
background: url('images/bg_top.png') no-repeat top;
height:110px;
padding:0px 18px 0 18px;
position: relative;
}

#header #logo{
float:right;
padding:0 4px 0 0;
}

#header .description{
}

#header #navigation{
float:left;
border-bottom:1px solid #e4e4e4;
top:47px;
position:relative;
z-index:30;
font-size:13px;
}

#header #navigation li a:link,
#header #navigation li a:hover,
#header #navigation li a:visited{
text-transform:lowercase;
}

#content{
position:relative;
}

#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;
}

#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 #banner .slideshow .slides a{
display:block;
height:320px;
}

#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:20px;
}

#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 h3{
font-size:16px;
padding:5px 5px 10px 5px;
}

.portfolio-box p{
line-height:13px;
padding:0px 5px 10px 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;
text-align:center;
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;
}

#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;
}

.blogtitle h2{
font-size:20px;
display:inline;
border-bottom:1px solid #e5e5e5;
padding:0 0 5px 0;
}

.blogdate a{
text-decoration:underline;
}

.entry-comment-box{
width:37px;
height:30px;
background: url('images/comment_box.png') no-repeat;
text-align:center;
padding:10px 0 0 0;
position:absolute;
right:10px;
top:30px;
z-index:10;
}

.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: .9;
     /* 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;
}