/*

Theme Name: MizMk4
Theme URI: http://www.mizotion.com
Description: Miz
Version: 1.0
Author: Mizotion Creative
Author URI: http://www.mizotion.com/

*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */



@font-face {
    font-family: 'RobotoRegular';
    src: url('Roboto-Regular-webfont.eot');
    src: url('Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-Regular-webfont.woff') format('woff'),
         url('Roboto-Regular-webfont.ttf') format('truetype'),
         url('Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoItalic';
    src: url('Roboto-Italic-webfont.eot');
    src: url('Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-Italic-webfont.woff') format('woff'),
         url('Roboto-Italic-webfont.ttf') format('truetype'),
         url('Roboto-Italic-webfont.svg#RobotoItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoBold';
    src: url('Roboto-Bold-webfont.eot');
    src: url('Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-Bold-webfont.woff') format('woff'),
         url('Roboto-Bold-webfont.ttf') format('truetype'),
         url('Roboto-Bold-webfont.svg#RobotoBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoBoldItalic';
    src: url('Roboto-BoldItalic-webfont.eot');
    src: url('Roboto-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-BoldItalic-webfont.woff') format('woff'),
         url('Roboto-BoldItalic-webfont.ttf') format('truetype'),
         url('Roboto-BoldItalic-webfont.svg#RobotoBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoCondensed';
    src: url('Roboto-Condensed-webfont.eot');
    src: url('Roboto-Condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-Condensed-webfont.woff') format('woff'),
         url('Roboto-Condensed-webfont.ttf') format('truetype'),
         url('Roboto-Condensed-webfont.svg#RobotoCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoCondensedItalic';
    src: url('Roboto-CondensedItalic-webfont.eot');
    src: url('Roboto-CondensedItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-CondensedItalic-webfont.woff') format('woff'),
         url('Roboto-CondensedItalic-webfont.ttf') format('truetype'),
         url('Roboto-CondensedItalic-webfont.svg#RobotoCondensedItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoBoldCondensed';
    src: url('Roboto-BoldCondensed-webfont.eot');
    src: url('Roboto-BoldCondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-BoldCondensed-webfont.woff') format('woff'),
         url('Roboto-BoldCondensed-webfont.ttf') format('truetype'),
         url('Roboto-BoldCondensed-webfont.svg#RobotoBoldCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoBoldCondensedItalic';
    src: url('Roboto-BoldCondensedItalic-webfont.eot');
    src: url('Roboto-BoldCondensedItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-BoldCondensedItalic-webfont.woff') format('woff'),
         url('Roboto-BoldCondensedItalic-webfont.ttf') format('truetype'),
         url('Roboto-BoldCondensedItalic-webfont.svg#RobotoBoldCondensedItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoThin';
    src: url('Roboto-Thin-webfont.eot');
    src: url('Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-Thin-webfont.woff') format('woff'),
         url('Roboto-Thin-webfont.ttf') format('truetype'),
         url('Roboto-Thin-webfont.svg#RobotoThin') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoThinItalic';
    src: url('Roboto-ThinItalic-webfont.eot');
    src: url('Roboto-ThinItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-ThinItalic-webfont.woff') format('woff'),
         url('Roboto-ThinItalic-webfont.ttf') format('truetype'),
         url('Roboto-ThinItalic-webfont.svg#RobotoThinItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoLight';
    src: url('Roboto-Light-webfont.eot');
    src: url('Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-Light-webfont.woff') format('woff'),
         url('Roboto-Light-webfont.ttf') format('truetype'),
         url('Roboto-Light-webfont.svg#RobotoLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoLightItalic';
    src: url('Roboto-LightItalic-webfont.eot');
    src: url('Roboto-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-LightItalic-webfont.woff') format('woff'),
         url('Roboto-LightItalic-webfont.ttf') format('truetype'),
         url('Roboto-LightItalic-webfont.svg#RobotoLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoMedium';
    src: url('Roboto-Medium-webfont.eot');
    src: url('Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-Medium-webfont.woff') format('woff'),
         url('Roboto-Medium-webfont.ttf') format('truetype'),
         url('Roboto-Medium-webfont.svg#RobotoMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoMediumItalic';
    src: url('Roboto-MediumItalic-webfont.eot');
    src: url('Roboto-MediumItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-MediumItalic-webfont.woff') format('woff'),
         url('Roboto-MediumItalic-webfont.ttf') format('truetype'),
         url('Roboto-MediumItalic-webfont.svg#RobotoMediumItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoBlack';
    src: url('Roboto-Black-webfont.eot');
    src: url('Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-Black-webfont.woff') format('woff'),
         url('Roboto-Black-webfont.ttf') format('truetype'),
         url('Roboto-Black-webfont.svg#RobotoBlack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoBlackItalic';
    src: url('Roboto-BlackItalic-webfont.eot');
    src: url('Roboto-BlackItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-BlackItalic-webfont.woff') format('woff'),
         url('Roboto-BlackItalic-webfont.ttf') format('truetype'),
         url('Roboto-BlackItalic-webfont.svg#RobotoBlackItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'OtamaepRegular';
    src: url('Otama-ep-webfont.eot');
    src: url('Otama-ep-webfont.eot?#iefix') format('embedded-opentype'),
         url('Otama-ep-webfont.woff') format('woff'),
         url('Otama-ep-webfont.ttf') format('truetype'),
         url('Otama-ep-webfont.svg#OtamaepRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSansNarrowRegular';
    src: url('PTN57F-webfont.eot');
    src: url('PTN57F-webfont.eot?#iefix') format('embedded-opentype'),
         url('PTN57F-webfont.woff') format('woff'),
         url('PTN57F-webfont.ttf') format('truetype'),
         url('PTN57F-webfont.svg#PTSansNarrowRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSansCaptionBold';
    src: url('PTC75F-webfont.eot');
    src: url('PTC75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('PTC75F-webfont.woff') format('woff'),
         url('PTC75F-webfont.ttf') format('truetype'),
         url('PTC75F-webfont.svg#PTSansCaptionBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSansCaptionRegular';
    src: url('PTC55F-webfont.eot');
    src: url('PTC55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('PTC55F-webfont.woff') format('woff'),
         url('PTC55F-webfont.ttf') format('truetype'),
         url('PTC55F-webfont.svg#PTSansCaptionRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSansBoldItalic';
    src: url('PTS76F-webfont.eot');
    src: url('PTS76F-webfont.eot?#iefix') format('embedded-opentype'),
         url('PTS76F-webfont.woff') format('woff'),
         url('PTS76F-webfont.ttf') format('truetype'),
         url('PTS76F-webfont.svg#PTSansBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSansBold';
    src: url('PTS75F-webfont.eot');
    src: url('PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('PTS75F-webfont.woff') format('woff'),
         url('PTS75F-webfont.ttf') format('truetype'),
         url('PTS75F-webfont.svg#PTSansBold') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'PTSansItalic';
    src: url('PTS56F-webfont.eot');
    src: url('PTS56F-webfont.eot?#iefix') format('embedded-opentype'),
         url('PTS56F-webfont.woff') format('woff'),
         url('PTS56F-webfont.ttf') format('truetype'),
         url('PTS56F-webfont.svg#PTSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSansRegular';
    src: url('PTS55F-webfont.eot');
    src: url('PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('PTS55F-webfont.woff') format('woff'),
         url('PTS55F-webfont.ttf') format('truetype'),
         url('PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSansNarrowBold';
    src: url('PTN77F-webfont.eot');
    src: url('PTN77F-webfont.eot?#iefix') format('embedded-opentype'),
         url('PTN77F-webfont.woff') format('woff'),
         url('PTN77F-webfont.ttf') format('truetype'),
         url('PTN77F-webfont.svg#PTSansNarrowBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'GladifilthefteGladifilthefte';
    src: url('Gladifilthefte-webfont.eot');
    src: url('Gladifilthefte-webfont.eot?#iefix') format('embedded-opentype'),
         url('Gladifilthefte-webfont.woff') format('woff'),
         url('Gladifilthefte-webfont.ttf') format('truetype'),
         url('Gladifilthefte-webfont.svg#GladifilthefteGladifilthefte') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DroidSansRegular';
    src: url('DroidSans-webfont.eot');
    src: url('DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('DroidSans-webfont.woff') format('woff'),
         url('DroidSans-webfont.ttf') format('truetype'),
         url('DroidSans-webfont.svg#DroidSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DroidSansBold';
    src: url('DroidSans-Bold-webfont.eot');
    src: url('DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('DroidSans-Bold-webfont.woff') format('woff'),
         url('DroidSans-Bold-webfont.ttf') format('truetype'),
         url('DroidSans-Bold-webfont.svg#DroidSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}






address, blockquote, dl, ol, ul, li, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, form, table, td, img, span{
margin:0;
padding:0;
text-indent: 0;
}

ol, ul, li{
list-style-position: inside;
}

li{
list-style-type: circle;
}


h1{

 font-size: 1.6em;
font-family: 'RobotoCondensed';
font-weight: normal;
text-indent: 0.1em;
padding-bottom: 1em;
text-transform: uppercase;
}

h2{
border-bottom-color:#D7D7D1;
  border-bottom-style:dotted;
  border-bottom-width:1px;
  font-family:RobotoMedium;
  font-size:1.1em;
  font-weight:normal;
  margin-bottom:1em;
  padding-bottom:0.25em;
  text-transform:uppercase;
}

h3{
    font-size: 1em;
    
}



html, body, #wrap {
height: 100%;
}

body > #wrap {
height: auto;
min-height: 100%;
}

body{ 
    font-family: 'RobotoRegular';
color: #444;
text-align: center;
margin: 0;
padding: 0px 0 0;
font-size: 62.5%;
line-height: 2em;
background-color: #fbfbf9;
background-image:url(bg.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
}

p{
margin: 0;
padding-bottom: 1em;
}

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

}

a, .button-alt, .button{
 -o-transition:color .2s ease-out, background .2s ease-in;
  -ms-transition:color .2s ease-out, background .2s ease-in;
  -moz-transition:color .2s ease-out, background .2s ease-in;
  -webkit-transition:color .2s ease-out, background .2s ease-in;
  /* ...and now override with proper CSS property */
  transition:color .2s ease-out, background .2s ease-in;
}

a:link{ 
text-decoration: none; 
color: #444;
}

a.button-alt:visited{
color: #F5F6F5;
}

a:visited{ 
color: #444;
}



a:hover {
text-decoration: underline;
}

fieldset{
border: none;
margin: 0;
}





/*
Header content
*/


* html #header, * html #sidebar {
    position: absolute;
}


#header{
border-bottom: 1px solid #d7d7d1;
background-position:  0;
width: 972px;
margin: 0;
padding-bottom: 1em;
padding-top: 2em;
float: left;
clear: both;
overflow: hidden;
position: fixed;
background-color: #fbfbf9;
background-image:url(http://www.mizotion.com/wp-content/themes/Mizmk4/bg.jpg);
background-position:-157px 0;
z-index: 999;
}

.logo{
float: left;
width: 170px;
height: 65px;
background-image:url(logo.png);
}

#headlinks{
padding-top: 30px;
text-align: right; 
width: 800px;
font-size: 1.1em;
text-transform: uppercase;
float: left;
}

#header .headlinks-shop{
padding-top: 0px;
text-align: right; 
width: 800px;
font-size: 1.1em;
text-transform: uppercase;
float: left;
}

#headlinks ul {
list-style-type: none ;
margin: 0px;
width: 100%;
}

#headlinks ul li{
display: inline;
text-decoration: none;
border-right: 1px solid #d7d7d1;
line-height: 20px;
padding: 0.25em 0;
}

#headlinks a{
padding: 0.25em 1em;
border-right: none;
text-decoration: none;
font-weight: normal;
font-family: RobotoMedium;
}

#headlinks a:hover{
text-decoration: none;
background-color: #D7D7D1;
}

.current_page_item{
font-weight: bold;
}




/*
Sidebar content
*/

#sidebar{
width: 216px;
height: auto;
float: left;
position: fixed;
margin-right: 36px;
padding: 0;
border-top: 1px solid #d7d7d1;
margin-bottom: 5em;

}



#sidebar ul{
list-style-type: none;
margin: 0;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
text-indent: 0px;
}

#sidebar ul li{
list-style-type: none;
padding-bottom: 1.75em;
border-bottom: 1px dotted #d7d7d1;
margin: 0;

}


#sidebar ul li h2{
padding-top: 1.75em;
padding-bottom: 1em;
margin: 0;
text-transform: uppercase;
font-weight: normal;
font-size: 1.2em;
color: #487176;
}


#sidebar ul li ul{
padding-top: 1.75em;
}

#sidebar ul li ul li{
padding: 0;
border: 0;

}

#sidebar .widget_search{
font-size: 1.2em;
padding-top: 1.75em;

}

/*
Body content
*/

#main {
text-align: left;
width: 972px;
min-height: 700px;
height: auto;
z-index: 1;
margin: 0 auto;
padding: 0px 0 150px; /* must be same height as the footer */
font-size: 1.3em;
}

#content{
height: auto;
min-height: 700px;
clear: both;
}

.content{
height: auto;
min-height: 700px;
clear: both;
padding-bottom: 5em;

}

.split{
width: 468px;
height: auto;
overflow: hidden;
float: left;
margin-right: 36px;
}

.split2{
width: 468px;
height: auto;
overflow: hidden;
float: left;
margin-right: 0;
}

.content-nbc{
padding-top: 9em;
}

.content-single{
height: auto;
min-height: 700px;
clear: both;
overflow: visible;
padding: 0 0 5em 0;
}


.main-strap{
width: auto;
border-left: 8px solid #333;
color:#333333;
font-family: Robotomedium;
font-size: 3.6em;
line-height: 1.3em;
padding: 0.1em 0.6em;
}

.main-strap .miz{
font-family: RobotoBlack;
}

.main-strap .prono{
font-family: RobotoRegular;
 margin: 0 0.1em;
}

.main-strap .noun{
font-family:RobotoItalic;
font-size: 0.8em;
}


#crumbs{
font-size: 0.9em;
padding: 11em 0 2em;
margin: 0;
line-height: 1em;
padding-left: 252px;
height: 1em;
width: auto;
clear: both;
text-transform: uppercase;
}

#crumbs .current{
color: #b6b6b6;
}

/*
Portfolio content
*/

.portfolio-details{
padding: 2em 0;
width: 216px;
margin-right: 36px;
height: auto;
float: left;
border-top: 1px solid #d7d7d1;
}

.project-description{
margin: 2em 0 1em 0;
border-bottom: 1px solid #d7d7d1;
padding-bottom: 2em;
}


#share-link{
margin-top: 1em;
text-transform: uppercase;
text-decoration: none;
color: #487176;

}

#share-link span{
margin-right:0.5em;
color: #487176;
}

#social-share{
padding: 1em 0;
line-height: 20px;
width: 100%;
height: auto;
float: left;
text-transform: uppercase;
vertical-align: bottom;
border-bottom: 1px solid #d7d7d1;
}

.share-blog{
padding-top: 0.5em;
}

.share-title{
float: left;
text-transform: uppercase;
padding-right: 1em;
margin-right: 1em;
border-right: 1px solid #d7d7d1;
font-weight: bold;

}

.feature-wrap{
 border:0;
  clear:both;
  height:auto;
  margin:1em 0 0;
  overflow:hidden;
  padding:1em 0 0;
  width:100%;
}

.feature-wrap .searchentry{
padding: 0;
}

.feature-wrap .searchentry .item{
margin-bottom: 0;
}

.unique-port{
margin-left:0;
}


.page-entry{
padding: 10em 0 10em;

}
.entry{
clear: both;
overflow: visible;
height: auto;
width: 972px;
}

.post{
float: left;
width: 720px;
}

.post-single{
border-top: 1px solid #d7d7d1;

}

/*
Blog Single
*/

.content-single .post{
float: right;
width: 720px;
position: relative;
border-top: 1px solid #d7d7d1;
padding: 2em 0 5em 0;
font-size: 1em;
}


.content-single .post img{
max-width: 720px;
height: auto;
margin: 0.5em 0;
}



/*
Blog Listing
*/

.content-blog{
width: 100%;
}

.content-blog .post{
float: left;
border-top: 1px solid #d7d7d1;
padding: 2em 0 5em 0;
font-size: 1.1em;
}






.post p{
padding-bottom: 1em;
}

.post-details {
padding: 0;
margin: 0;
vertical-align: top;
height: 1em;
overflow: visible;
}

.post-details h1{
display: inline-block;
width: 650px;
padding-right: 20px;
margin-bottom: 0;
padding-bottom: 0;
line-height: 1em;
}

.post-time{
background-color: #487176;
color: #f5f6f5;
width: 40px;
height: 30px;
padding: 15px 10px ;
line-height: 15px;
text-align: center;
display: inline-block;
 -moz-border-radius:30px; -webkit-border-radius: 30px;   border-radius: 30px;
 position: relative;
 top: -80px;
left: 660px;
 font-size: 0.9em;
 z-index: 998;
}

.postcon{
border-bottom: 1px solid #d7d7d1;
padding: 2em 0 2em 0;
margin-bottom: 2em;
}

.post-meta{
border-bottom: 1px solid #d7d7d1;
padding-bottom: 1em;
margin-bottom: 2em;

}

/*
Category
*/

.content-blog h1{
padding-top: 1em;
width: 720px;
float: right;
border-top: 1px solid #d7d7d1;
}


#crumbs h1{
color: #444;
font-weight: normal;
}

.category-title{
padding-top: 1em;
}

.searchentry{
width: 216px;
margin-right: 36px;
margin-bottom: 2em;
height: auto;
border-bottom: 1px solid #d7d7d1;
min-height: 216px;
float: left;
text-align: center;
padding: 0 0 1em 0;
overflow: hidden;
}

#main .content-blog .last-port, #main .content .last-port{
margin-right: 0;
}

#main .last-port .item{
margin-right: 0;
}

.cat-wrap{
width: 720px;
height: auto;
float: right;
padding-bottom: 3em;
}

.content .cleared{
clear: both;
}

.searchentry img{
height: 216px;
width: 216px;
margin-bottom: 1em;
}

.searchentry h2{
font-size: 1.1em;
text-transform: uppercase;
font-weight: normal;
font-size: 1em;
padding-bottom: 0.5em;
}

.searchentry h2 a:link, .searchentry h2 a:visited{
color:#487176;
}

.searchentry span{

}

.excerpt{

}

/*
Comments
*/

.commentbody{
margin-bottom: 1em;
border-bottom: 1px dotted #d7d7d1;
padding: 1em 0;

}

.comments-template ol li{
list-style-type: none;
padding-left: 0em;
height: auto;
clear: both;
overflow: hidden;
}

.commentbody .comment-author {
font-weight: bold;
font-style: normal;

}

.commentmetadata strong{
text-transform: uppercase;
color: #487176;
}

.commentmetadata a:link, .commentmetadata a:visited{
color: #487176;
text-decoration: none;
}

.commentbody .comment-meta{
margin-bottom: 1em;
font-style: normal;

}

.comment-time{
font-size: 0.9em;
margin-left: 0.5em;
display: inline;
color: #487176;
}



.comment-time span{
margin-right: 0.5em;
}

.commentmetadata .comment-time a:link, .commentmetadata .comment-time a:visited{
color: #487176;

}

.comment-author img{
display: none;
}

.comments-buffer label{
line-height: 1em;
display: block;
font-size: 1.2em;
}

.comment-logged{
float: left;
}

#respond{
padding: 1em 0;
text-transform: uppercase;
color: #487176;
}

.submit-buffer{
clear: both;
text-align: left;
padding-right: 1%;
}

/*
Slideshow
*/

#main .portfolio-slideshow {
margin: 0;
}

#main .slideshow-info{
display: none;
}

#main .play{
display: none;
}


#main .slideshow-nav{
position: absolute;
top: 50%;
z-index: 9999;
width: 710px;
padding: 0 5px;
height: 50px;
}

#main .slideshow-nav .sep{
display: none;
}

#main .slideshow-nav .slideshow-prev{
float: left;
margin:0;
background-image:url(slide-arrows.png);
background-repeat: no-repeat;
width: 50px;
height: 48px;
text-indent: -6000px;
zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
transition: opacity 2s linear;
}

#main .slideshow-nav .slideshow-next {
float: right;
margin:0;
background-image:url(slide-arrows.png);
background-position: 50px;
width: 50px;
height: 48px;
text-indent: -6000px;
zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
transition: opacity 2s linear;
}

#main .slideshow-nav .slideshow-next:hover{
zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1.0;
transition: opacity 2s linear;
}


#main .slideshow-nav .slideshow-prev:hover{
zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1.0;
transition: opacity 2s linear;
}


/*
Footer content
*/

#footer {
position: relative;
margin-top: -150px; /* negative value of footer height */
height: 150px;
clear:both;
font-size: 9pt;
text-align: center;
} 

#realfooter{ 
margin: 0 auto;
width: 972px;
height: auto;
color: #ccc;
border-top: 1px solid #D7D7D1;
padding-top: 2em;
font-size: 8pt;
text-align: center;
}

#realfooter h4{
color: #487176;
text-transform: uppercase;
}

#realfooter div{
color: #444;
text-align: left;
float: left;
padding-right: 32px;
width: 216px;
}

#realfooter .bio-footer{
padding-right: 0;
}


.toplink{
position: absolute;
bottom: 137px;
left: 50%;
}


/*Form elements */

textarea, input[type=text]{

-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 0;
border: 2px solid #D7D7D1;
background-color: #F5F6F5;
zoom: 1;
	filter: alpha(opacity=90);
	opacity: 0.90;
margin-bottom: 1.5em;
line-height: 1.5em;
padding: 0.5em;
width: 50%;
}

.comment-form-wrap{
width: 48%;
height: auto;
float: left;
margin-right: 2%;
}

.textarea-wrap{
width: 50%;
float: left;
padding-top: 1.25em;
line-height: 1.5em;
clear: both;

}

.textarea-wrap textarea{
width: 95%;
height: 15.5em;
}

.comments-buffer{
}

.comments-buffer input[type=text]{
width: 90%;
}


#submit-comment, .wpcf7-submit{
background-color: #487176;
color: #F5F6F5;
padding: 0.5em 1.25em;
font-size: 1em;
text-transform: uppercase;
border: 0;

-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}


.wrap_login_logout li{
margin-right: 1em;
}

.customised-cart{
position: relative;
text-align: right;
right:0;
float: right;
display: inline;
height: 30px;
min-width:160px;
width: auto;
}

.customised-cart ul li ul{
padding: 0;
}

.customised-cart ul li{
list-style-type: none;
display: inline;
border: 0;
float: left;
}



/* Excerpt Overlay */
.searchentry .item {
    width:216px;
    height:216px;   
    border:0px solid #222;  
    margin:5px 5px 1em 0;
     
    /* required to hide the image after resized */
    overflow:hidden;
     
    /* for child absolute position */
    position:relative;
     
    /* display div in line */
    float:left;
}
 
.searchentry .item .caption a:link, .item .caption a:visited{
  color: #fff;
 }

#main .searchentry .item .caption-des{
font-size: 2em;
line-height: 1.5em;
background-color: #FBFBF9;
color: #333;
}
 
.searchentry .item .caption {
padding: 70px 20px 30px 20px;
    width:176px;
    height:116px;
    text-align: center;
    background:#222;
    color: #f7f7f6;
    font-weight:normal;
         
    /* fix it at the bottom */
    position:absolute;
    left:0;
 
    /* hide it by default */
    display:none;
 
    /* opacity setting */
    filter:alpha(opacity=95);    /* ie  */
    -moz-opacity:0.95;    /* old mozilla browser like netscape  */
    -khtml-opacity: 0.95;    /* for really really old safari */ 
    opacity: 0.95;    /* css standard, currently it works in most modern browsers like firefox,  */
 
}
 
.searchentry .item .caption span{
text-transform: uppercase;
}

.searchentry .item .caption a {
    text-decoration:none;
    color:#fff;
     
    /* add spacing and make the whole row clickable*/
    display:block;
}

.searchentry .item .caption h2{
font-weight: bold;
margin-bottom: 0;
border-bottom: 0;
}
 
.searchentry .item .caption p {
    text-align: center;   
    margin:0;
    font-size:1em;
}
 
.searchentry .item img {
    border:0;
     left: 0;
    /* allow javascript moves the img position*/
    position:absolute;
}


.wpcf7 textarea{
width: 216px;
}

.wpcf7 input[type="text"]{
width: 216px;

}

.wpcf7 p{

}


/* Overlay */

    /* use a semi-transparent image for the overlay */
  #overlay {
    background-image:url(/transparent.png);
    background-color: #f7f7f6;
    overflow: hidden;

    height:450px;
  }
  /* container for external content. uses vertical scrollbar, if needed */
  div.contentWrap {
    height:441px;
    overflow: hidden;
  }

/* the overlayed element */
.apple_overlay {


    /* initially overlay is hidden */
    display:none;

    /* growing background image */
    background-image:url(/media/img/overlay/white.png);

    /*
      width after the growing animation finishes
      height is automatically calculated
      */
    width:640px;

    /* some padding to layout nested elements nicely  */
    padding:35px;

    /* a little styling */
    font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
    background-image:url(/media/img/overlay/close.png);
    position:absolute; right:5px; top:5px;
    cursor:pointer;
    height:35px;
    width:35px;
}


div.contentWrap #header, div.contentWrap #footer{
display: none;
}

div.contentWrap #main .displayed-form{
display: inline;
}


/* Promo slider*/
#main .promo_slider_wrapper{
margin: 0;
}


#main .promo_slider .panel{
background-image: none;
}

#main .promo_slider_excerpt {
  background-color:#222222;
  bottom:0;
  color:#FFFFFF;
  display:block;
  height:164px;
  opacity:0.9;
  padding:2em;
  position:absolute;
  left:756px;
  width:164px;
}

#main .promo_slider_excerpt h2{
margin-bottom: 1em;
text-transform: uppercase;
}

/* Jigoshop*/
.product-post{
width: 972px;
height: auto;
margin: 0;
padding-left: 0;
padding: right: 0;
padding-top: 8em;

}

#main .related span, #main .related strong{
display: none;
}

 #main .related li{
border: 0;
}

#main .related{
padding-top: 1em;
border-top: 1px dotted #D7D7D1;
width: 100%;
clear: both;
}

#main .related h2{
text-transform: uppercase;
margin-bottom: 1em;
font-size: 1em;
}

div.product #tabs #tab-reviews{

}

#tab-description h2{
display: none;
}


/* CLEAR FIX*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}

.clearfix {
display: block;
}
/* End hide from IE-mac */

.content-single .wpcol-one-half img{
max-width: 396px;
height: auto;
}

content-single .wpcol-one-third img{
max-width: 396px;
height: auto;
}