/*   
Theme Name: Shallow Sense
Theme URI: http://www.zy.sg/
Description: Child Theme of the Buffet Framework
Version: 1.0
Author: Mikael Engström
Author URI: http://www.zy.sg/
Template: the-buffet-framework
*/

/*layout*/

/* =Global Elements
-------------------------------------------------------------- */
html, body { width: 100%; padding: 0; margin:0; color: #555; font-size: 0.9em; font-family: Helvetica }
.widgetcontainer { list-style: none }
.xoxo {margin: 0; padding: 0}

a { text-decoration: none;  color: #feadff; background-color: transparent }
a:hover{ color: #fe97ff }

img { border: none; margin: 10px 0 }

h1 { font-size: 1.4em }
h2 { font-size: 1.2em; color: #FEADFF }
h3 { font-size: 1em }
h4 { font-size: 0.8em }
h5 { font-size: 0.8em }

p {line-height: 1.3em; margin: 0.8em 0 1em 0 }

iframe { margin: 12px 0}

textarea, input { padding: 3px; background-color: #f9f9f9; border: solid thin #ccc; margin-right: 10px }
textarea { width: 80%; }
input.wpcf7-submit, .submit{ padding: 5px 8px }
input.wpcf7-submit:hover, .submit:hover { border-color: #aaa; cursor: pointer }
label.error { color: red }

.floatRight { float: right }
.floatLeft { float: left }
.clearBoth { clear: both }

/* =Entry-Header
-------------------------------------------------------------- */
.entry-title {margin: 15px 0 0px 0}
.entry-title a { color: #fe97ff } 
.entry-title a:hover { color: #feadff; }

/* =Entry-Links
-------------------------------------------------------------- */
.entry-links {position:relative; margin: 0 0 10px 0 }

/* =Layouts
-------------------------------------------------------------- */
html { background: #9e9e9e repeat-x url('images/bg-repeat-x.jpg') }
body { background: bottom repeat-x url('images/bg-footer-repeat-x.jpg') }
#wrapper { width: 1000px; margin: 0 auto; position: relative }
#shadow { width: 800px; background: url('images/bg-repeat-y.png'); padding: 0 100px;}
#header { position: relative; height: 386px; background: #333 bottom no-repeat url('images/top.jpg') }
#top-menu { height: 56px; width: 100%; position: absolute; margin: 0; padding: 0; bottom: 0; background: rgb(249,249,249); background: url('images/rgba.png')}
#main { position: relative; background: #f9f9f9 }
#container {  padding: 1px 0; width: 551px}
#content { min-height: 550px; margin: 15px; padding-right: 15px; border-right: solid thin #ddd}
#secondary { position: absolute; top:0; right: 0; margin: 16px 0; width: 234px; padding: 0 15px; }
#footer { height: 168px; padding: 0 100px;}
.footer-message { padding-top: 20px}
#feedbar { height: 330px; width: 100px; position: absolute; left: 0}

/*#menu-main-menu li a:hover { color: #fd89fe;  } 



/* SPECIFIC ELEMENTS
-------------------------------------------------------------- */

/*= Main Menu
-------------------------------------------------------------- */
#top-menu li, #top-menu li, .textwidget, div.menu-main-menu-container {height: 100%; }
#menu-main-menu{ height: 100%; margin: 0; list-style: none; padding: 0; text-transform: uppercase}
#menu-main-menu li {height: 100%; display: inline-block; margin-left: 5px; position: relative; float: left}
#menu-main-menu li a, .menu-logos a { padding: 0 2px; position: relative; color: #555; background: transparent; display: inline-block; height: 100%; line-height: 56px; font-size: 10pt; }
#menu-main-menu li a { padding: 0 7px; }
.current-menu-item a {background: #f9f9f9 !important; color: #444 !important}


.menu-logos { height: 100%; position: absolute; top: 0px; right: 10px }
.menu-logos a {float: right; overflow: hidden}
.menu-logos img { margin: 4px 0; }
.hidden-logo { position: absolute; left: 2px; top: 0px; z-index: 100; opacity: 0; filter: alpha(opacity=0);}

/* =Feedbar
--------------------------------------------------------------- */
#feedbar .widgetcontainer { position: relative; height: 100%; width: 100%}
.feed-logos{ position: relative; padding-top: 49px; height: 281px; width: 100%}
.feed-logos a{float: right; display: inline-block; position: relative; width: 59px; height: 59px; margin: 5px 10px; overflow: hidden}
.feed-logos img{ margin: 0;}
.hidden-feed{ position: absolute; z-index: 100; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0);}

/* =Widgets
-------------------------------------------------------------- */
.widgettitle{ text-transform: uppercase; margin: 0; font-size: 0.8em}
#secondary .textwidget, .tubepress_sidebar{ margin: 10px 0 }
ul.xoxo{ border-bottom: solid thin #ddd}

/* =Twitter
--------------------------------------------------------------- */
.twitter{ list-style: none; margin: 0; padding: 0; margin-top: -4px}
.twitter-item{ padding: 5px 0; margin: 1px 0; border-bottom: solid thin #ddd}

/* =Tubepress Gallery
--------------------------------------------------------------- */
.tubepress_container .tubepress_thumb { width: 124px !important; height: 90px; margin: 2px 2px 0 0; overflow: hidden; float: left }
.tubepress_container .tubepress_thumb img{ margin-top:-25px; margin-left: -42px; }
.tubepress_thumbnail_area .pagination { display: none}

/* =Tubepress Sidebar
--------------------------------------------------------------- */
.tubepress_meta_group { display: none}
.tubepress_sidebar { height: 194px; }
.tubepress_sidebar .tubepress_thumb { margin: 0; width: 117px !important; height: 94px; overflow: hidden; float: left }
.tubepress_sidebar .tubepress_thumb img{ margin-top:-25px; margin-left: -42px; }
.tubepress_thumb:hover { opacity: 0.7; filter: alpha(opacity=70) }


/* =Posts
-------------------------------------------------------------- */
.post { border-bottom: solid thin #ddd}
.entry-links { list-style: none; padding: 0}
.entry-meta { color: #ddd; font-size: 0.9em}
.shr-bookmarks{ margin: 0 !important }

/* =Comments
-------------------------------------------------------------- */
.comment-author img {display: none}
#commentlist { list-style: none; padding: 0}
.comment-meta { color: #dadada; font-size: 0.8em}
.comment-node { margin: 10px 0; border-bottom: solid thin #ddd; padding-bottom: 10px}
.comment-moderation{ font-style: italic; }


/* =Footer
-------------------------------------------------------------- */
.footer-message a { color: #999; }

/* =NextGen 
-------------------------------------------------------------- */
.slideshowlink { display: none}
.ngg-galleryoverview{ margin: 10px 0}

.ngg-gallery-thumbnail-box { margin: 2px 2px 0 0;}
.ngg-gallery-thumbnail {position: relative; float: left; margin: 0 !important; height: 90px !important; width: 124px !important; overflow: hidden}
.ngg-gallery-thumbnail img { border: none; margin: -35px 0 0 -25px !important; padding: 0 !important;}
.ngg-gallery-thumbnail img:hover { opacity: 0.7; filter: alpha(opacity=70) }

a .ngg-singlepic { padding: 0 !important; margin: 0 10px 10px 0 !important}


/* =Lightbox
-------------------------------------------------------------- */

#stimuli_caption { float: left }
#stimuli_bottomNav { display: none}
#stimuli_lightboxImage {margin: 0}

/* =WP-spot
-------------------------------------------------------------- */
div.spotify { background: #444}
.credits { display: none !important }


/* =Music
-------------------------------------------------------------- */
.discography-text p {line-height: 1.2em; font-size: 7pt; margin-bottom: 8px}
.discography-text { margin: 10px 0 15px 0; clear: both; padding: 10px 0}
ol.music-list {margin: 0; padding-left: 30px !important; }
ul.music-list {list-style: none; padding: 0; margin: 0 60px 0 0}


/* =Gigpress
--------------------------------------------------------------- */

/* =Contact
--------------------------------------------------------------- */


/* =Shop
--------------------------------------------------------------- */
.shop-item { clear: both; padding: 10px 0}
.shop-item .ngg-singlepic { margin: 0 15px 0 0 !important }
.shop-item input { border: none !important}

/*other
--------------------------------------------------------------- */
.navigation { margin: 15px 0;}

/* =Download Banner
--------------------------------------------------------------- */
#download-banner{ display: none; background: url('images/rgba-dark.png'); position: fixed; top: 0; z-index: 10000; width: 100%; height: 100%}
#download-banner a { display: table; position: relative;display: block;  max-width: 35%; max-height: 35%; margin: 10% auto; -webkit-box-shadow: 5px 5px 30px #000000; -moz-box-shadow: 5px 5px 30px #000000; box-shadow: 5px 5px 30px #000000; }
#download-banner img { width: 614px; height: 614px; margin: 0}