/*
Theme Name: Mirieldesign
Description: Mirieldesign theme
Author: Izabela Kurkiewicz
Author URI: http://www.mirieldesign.com

© all rights reserved
*/



* {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
}



body {
font: 14px/21px Arial, Helvetica, serif;
color:#B8B8B7;  
background:#000;
}

#container {
position: fixed;
margin: 0 auto;
width:100%;
min-height: 100%;
background:url('bg000000.png') fixed;
}

#main {
width:529px;
padding:0px 60px 0px 60px;
background: rgb(5,2,0);
background: rgba(5,2,0,0.80);
margin-left:350px;
position:absolute;
min-height: 100%;
z-index:3
}

#breadcrumbs {
width:529px;
position:relative;
margin:227px 0 53px;
border-top: 9px solid #1D1A19;
border-top: 9px solid rgba(255,255,255,0.09);
padding-top:6px;
color:#797976; 
font-size: 11px;
}
#breadcrumbs span {
text-transform:uppercase;
letter-spacing:1px;
font-size: 14px;
vertical-align:1px
}
#breadcrumbs a {color:#797976 !important; }
#breadcrumbs a:hover {color:#fff !important;}

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

#sidebar {
position:fixed;
width:230px;
padding:0px 60px;
min-height: 100%;
background: rgb(5,2,0);
background: rgba(5,2,0,0.7) url('sidebar-.png') no-repeat;
}

#logo {
display:block;
position:relative;
width:107px;
height:107px;
background: url('logo_subhiart.png');
margin:66px 0 20px 123px;
overflow:hidden
}

#light {
display:block;
position:absolute;
width:182px;
height:194px;
top:-122px;
left:-137px;
-top:22px;
-left:37px;
background: url('light000.png');
}

#name {
position:relative;
width:228px;
height:46px;
background: url('name0000.png');
}

/* Menu
--------------------------------------------------------------------------------------- */

#nav {
position:relative;
margin:73px 0px 0px 0px;
padding:0px;
width:230px;
list-style:none;
white-space:nowrap;
text-align:right;
overflow:hidden;
z-index:10;
}
#nav li {
margin-bottom:6px;
width:230px;
height:30px;
}
#nav li a {
font: 14px/14px Arial, Helvetica, sans-serif;
color:rgb(255,255,255);  
color:rgba(255,255,255,0.65);  
text-decoration:none;
text-transform:uppercase;
letter-spacing:1px;
display: block;
width: auto;
padding:8px 8px 6px 45px;
background:#1D1A19;
background: rgba(255,255,255,0.09);
float:right
}

#nav li:xhover a {
color:#fff;  
padding:8px 15px 6px 45px;
background: rgba(244,166,0,0.97);
}

/* Footer
--------------------------------------------------------------------------------------- */

#footer, #sidebar-footer {
border-top: 9px solid #1D1A19;
border-top: 9px solid rgba(255,255,255,0.09);
padding-top:10px;
font-size: 11px;
line-height: 18px;
color:#797976;  
height:35px;
}


#sidebar-footer {
text-align:right;
position:absolute;
bottom:45px;
width:230px;
z-index:0
}

#sidebar-footer span {position:relative}
.contact-email:before, .contact-phone:before {
content:'';
position:absolute;
display:block;
top:3px;
left:-19px;
width:16px;
height:9px;
background:url('icons000.png') no-repeat 0 -120px;
}
.contact-phone:before {
background:url('icons000.png') no-repeat 0 -150px;
}

#footer {margin:80px 0 46px}
#footer a, #sidebar-footer a {color:inherit;}
#footer a:hover, #sidebar-footer a:hover, #signature a:hover, #facebook a:hover {color:#fff;}

#footer strong {color:#8B8B8B;font-style:italic}


#signature, #facebook {
position:fixed;
right:0px;
padding:9px 10px;
background: rgb(37,37,37);
background: rgba(37,37,37,0.80);
font-size: 11px;
line-height: 11px;
color:rgba(255,255,255,0.55); 
z-index:0
}

#signature:hover, #facebook:hover {
color:rgba(255,255,255,0.80); 
}

#signature a, #facebook a {
text-decoration:none;
text-transform:uppercase;
letter-spacing:1px;
color:rgba(255,255,255,0.65); 
}

#signature {bottom:40px;width:169px;}
#facebook {bottom:77px; width:151px;}



/* Links
--------------------------------------------------------------------------------------- */

a, a:link, a:visited { color:inherit; text-decoration:none  }
a:hover { color:#fff; }

#main a, a:link { color:#F2A200;  }
#main a:visited { color:#F2A200; }
#main a:hover { color:#FFC958; }
#main a:active { color:#FFC958; }



/* Headers
--------------------------------------------------------------------------------------- */


h1 {
font-weight: normal;
font-size: 36px;
line-height: 40px;
text-align: left;
margin:0px 0 30px 0;
color:#ffad00;
text-transform:uppercase;
}

* + h1 {
margin-top:53px
}


h2 {
font-weight: normal;
font-size: 29px;
line-height: 30px;
text-align: left;
margin:40px 0 30px 0;
color:#ffad00;
text-transform:uppercase;
letter-spacing:0.5px
}

h1 + h2 {
margin-top:-15px
}


h3 {
color:rgba(255,255,255,0.86);
font-size: 20px;
line-height: 30px;
font-weight: normal;
text-align: left;
margin:40px 0 15px 0;
}
h3 a {
color:inherit !important;
}
h1 + h3 {
margin-top:-10px
}


/* Styles
--------------------------------------------------------------------------------------- */


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

ol {margin: 15px 0 15px 40px;}
ol li {margin-bottom:6px ;}

#main ul {margin: 20px 0 20px 0; list-style:none}
#main ul li {
margin-bottom:6px;
background: rgba(255,255,255,0.07);
padding:4px 15px;
border-left: 15px solid rgba(255,255,255,0.05)
}

dt {font-weight: normal; margin-top:15px;}
dd {margin-left:50px; margin-bottom:15px;}

sup {font-size: 9px; }

code {
display: block;
width:100%;
height: auto;
font-family:"Courier New", Courier, monospace;
text-align:center;
padding:5px;
margin:0 auto 15px auto;
}

.special {
color:rgba(255,255,255,0.86);
font-size: 18px;
line-height: 27px;
margin: 0 0 25px 0px;
}

strong {color:#D1D1D1;  }

.small {color: inherit; font-size: 10px;}
.red {color: #d12003; font-weight: bold;}
.bigger { font-weight:bold; font-size:14px}

hr {
height:0px;
border-top: 9px solid #1D1A19;
border-top: 9px solid rgba(255,255,255,0.09);
margin:40px 0 30px 0
}

hr + h2 {

margin:0px 0 30px 0;

}

.box{
width:172px;
height:224px;
background: rgb(5,2,0);
background: rgba(5,2,0,0.85);
float:left;
text-align:center;
color:#D1D1D1;
line-height: 18px;
margin:10px 0px 50px 0px;
}
.box:nth-child(even){margin-left:6px; margin-right:6px;}

.box img{
padding:41px 0 28px;
opacity:0.35;
}




.alignnone, a img.alignnone, .wp-caption.alignnone   {
    margin: 5px 30px 25px 0;
}

.aligncenter, div.aligncenter, .wp-caption.alignright {
    display:block;
    margin: 5px auto 5px auto;
}

.alignright, a img.alignright {
    float:right;
    margin: 5px 0 25px 30px;
}

.alignleft, a img.alignleft, .wp-caption.alignleft {
    float:left;
    margin: 5px 30px 25px 0;
}

.aligncenter, a img.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.wp-caption {
background: rgb(5,2,0);
background: rgba(5,2,0,0.85);
color:#797976; 
font-size: 11px;
line-height:17px;
}

.wp-caption p.wp-caption-text {
padding:5px 10px 0 10px;
}

/* Tables
--------------------------------------------------------------------------------------- */


table {
border: 1px solid #dadada;
border-collapse: collapse;
text-align:left;
width:100%;
margin: 15px 0 20px 0;
font-size:inherit
}

table td {
border: 1px solid #d3d3d3;
vertical-align: top;
padding: 4px 6px;
}

table th {
border: 1px solid #d3d3d3;
background: #EFEFEF;
text-align:center;
padding: 3px 3px;
font-weight: bold;
}




/* blog
--------------------------------------------------------------------------------------- */

img {border:none}


.attachment-post-thumbnail {
margin:10px 0 -10px 0;
width:529px;
height:239px;
background: rgb(5,2,0);
background: rgba(5,2,0,0.85);
}


#main ul.post-meta {
position:relative;
display:block;
float:left;
width:529px;
height:32px;
margin: 10px 0 25px 0;
background: rgb(5,2,0);
background: rgba(5,2,0,0.85);
overflow:hidden
}

#main ul.post-meta li {
position:relative;
padding:6px 15px 6px 10px;
border: none;
float:left;
background:none;
color:#797976; 
font-size: 11px;
}
#main ul.post-meta li a {color:#797976 !important; }
#main ul.post-meta li a:hover {color:#fff !important;}
#main ul.post-meta li.comments {
padding-right:10px;
}
#main ul.post-meta li:before {
content:'';
position:relative;
float:left;
margin:3px 5px 0 0;
display:block;
width:16px;
height:14px;
background:url('icons000.png') no-repeat 0 0px;
}
#main ul.post-meta li.author:before {
background:url('icons000.png') no-repeat 0 -30px;
}
#main ul.post-meta li.category:before {
background:url('icons000.png') no-repeat 0 -59px;
}
#main ul.post-meta li.comments:before {
background:url('icons000.png') no-repeat 0 -90px;
}

/*
Default style for WP-PageNavi plugin
*/

.wp-pagenavi {
	clear: both;
		margin: 40px 0;
		color:#797976; 
}

.wp-pagenavi a, .wp-pagenavi span {
font-size: 11px;
	text-decoration: none;
	padding: 6px 9px;
	margin: 2px;
	background: rgb(5,2,0);
background: rgba(5,2,0,0.85);
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.current {
	font-weight: bold;
}



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


.commentlist {
margin:0 0 40px 0;
padding:0px;
}

.commentlist li {
list-style-type: none;
clear:both;
display:block;
position:relative;
margin:30px 0 0px 0;
border-bottom: 4px solid #1D1A19;
border-bottom: 4px solid rgba(255,255,255,0.09);
}

.comment-autor span {
font-size: 11px;
line-height: 18px;
color:#797976;  
margin:0 0 15px 0;
display:block;
position:relative;
}
.comment-body {
font-style:italic;
position:relative;
font-size:14px;
line-height:23px;
padding-bottom:20px
}

/* Comment form
--------------------------------------------------------------------------------------- */

#commentform input,
#commentform textarea {
position:relative;
font: inherit;
color: inherit;
line-height:16px;
padding: 7px 10px;
margin:-3px 0;
background: rgb(5,2,0);
background: rgba(5,2,0,0.85);
border: 1px solid #000;
}


.comment-notes {
font-size: 11px;
line-height: 18px;
color:#797976;  
margin:0 0 30px 0;
}

.required{color:#a20114}

#commentform input {width: 250px;}
#commentform label {padding: 14px 0 0 10px; }

#commentform input:focus, #commentform textarea:focus { border-color: #838383; }

#comment {
height: 194px; width:509px; overflow:auto
}

#submit {
cursor: pointer;
display:block;
font-size:13px;
line-height:13px;
text-transform:uppercase;
letter-spacing:1px;
color:#B8B8B7; 
padding:0px 10px 0px 10px;
height:32px;
width:200px;
background: rgb(5,2,0);
}

.form-submit {margin:30px 0 0 0;}

#submit:hover {
color:#fff;  
background: rgba(244,166,0,0.97);
}





/* Contact form
--------------------------------------------------------------------------------------- */

#contactForm {margin:16px 0;}

#contactForm input, #contactForm textarea {
position:relative;
font: inherit;
color: inherit;
line-height:16px;
padding: 7px 10px;
margin:4px 0;
background: rgb(5,2,0);
background: rgba(5,2,0,0.85);
border: 1px solid #000;
}

#contactForm label {padding: 14px 0 0 10px; }
#contactName {width: 250px;}
#email {width: 250px;}


#contactForm .screenReader { display:block; width:0px; height:0px; float:right; padding:0px; visibility:hidden }
.required {color:red}

#contactForm textarea { height: 194px; width:509px; overflow:auto }
#contactForm input:focus, #contactForm textarea:focus { border-color: #838383; }

#contactForm button {
cursor: pointer;
display:block;
font-size:13px;
line-height:13px;
text-transform:uppercase;
letter-spacing:1px;
color:#B8B8B7; 
margin:20px 0 0 0;
padding:0px 10px 2px 10px;
height:29px;
width:200px;
background: rgb(5,2,0);
}

#contactForm button:hover {
color:#fff;  
background: rgba(244,166,0,0.97);
}

.confirm {color:#71AF00}
.error {color:red}




/* Supersized
--------------------------------------------------------------------------------------- */
	
	#supersized-loader { position:absolute; top:50%; left:50%; z-index:10; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background-color:#111; background:rgba(0,0,0,0.8) url(http://www.blackboard-consulting.com/wp-content/themes/img/progress.gif) no-repeat center center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
	
	#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
		#supersized img{ width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
			#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
			#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
		
		#supersized a { z-index:-30; position:absolute; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111;}
			#supersized a.prevslide { z-index:-20; }
			#supersized a.activeslide { z-index:-10; }
			#supersized a.prevslide img, #supersized a.activeslide img{ display:inline; }


/* Media Queries
--------------------------------------------------------------------------------------- */

@media screen and (max-height: 700px) {

#sidebar-footer {display:none;}
#nav {margin-top:50px;}


}