/*
Theme Name: five-nine-cafe
Theme URI: http://59cafe.com/
Description: Custom theme for 59 cafe
Author: Andy Groff
Author URI: http://andygroff.com
Version: 1.0
License: All rights reserved
License URI: license.txt
Tags: 59 cafe
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
/*
    FYI: A lot of the styles in here apply to old HTML before the move to wordpress. So,
    they will be messy and often times useless, but I don't have enough time to go through
    and remove all the css that not longer applies to any html. Have fun if you get to edit this.
*/

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  background-color:#000;
  font-family:arial;
  color:#FFFFFF;
  z-index:-1;
}

p{
  line-height:150%;
  font-family:arial;
}

h2{
  text-transform:uppercase;
  font-size:16px;
}

a, a:link, a:visited{
  color:#FFF;
  text-decoration:none;
  font-size:14px;
  font-weight:bold;
}

#bgContain{
  width:100%;
}

.bgImage{
  width:100%;
  height:100%;
  position:fixed;
  top:0px;
  left:0px;
}

#cafeLogo{
  position:absolute;
  top:20px;
  left:30px;
  width:190px;
  height:175px;
}

#pistonLogo{
  position:absolute;
  top:30px;
  right:50px;
  width:120px;
  height:125px;
  margin-left:800px;
  background-image:url(images/pistonLogo.png);
  background-repeat:no-repeat;
}

.ywp-page-play-pause {
z-index:100;
position: fixed;
bottom: 20px;
left: 20px;
}
.ywp-container {
display: none !important;
outline: none!important;

}

#navContainer{
  position:absolute;
  top:13px;
  height:60px;
  width:70%;
  left:175px;
  font-family:sans-serif;
  z-index:10;
}

#navDiv{
  margin:auto;
  position:relative;
  font-family:sans-serif;
  z-index:10;
  width:620px;
}

#navDiv .menu ul{
  margin:0;
  padding:0;
  list-style-type:none;
}

#navDiv .menu ul li{
  display:inline;
  float:left;
  margin:10px;
  position:relative;

}

#navDiv .menu ul li a, #navDiv .menu ul li a:link, #navDiv .menu ul li a:visited{
  height:20px;
  display:block;
  margin-top:0px;
  padding:10px 0px 0px 14px;
  color: #FFF;
  font-size: 14px;
  text-decoration:none;
  text-transform:uppercase;
  font-weight:normal;
}

#navDiv .menu ul li.current_page_item a, #navDiv .menu ul li.current_page_item a:link, #navDiv .menu ul li.current_page_item a:visited{
  height:26px;
  display:block;
  margin-top:0px;
  padding:4px 0px 0px 0px;
  color: #d60303;
  font-size: 20px;
  text-decoration:none;
  text-transform:uppercase;
  font-weight:normal;
}

#navDiv ul li a.current_page_item.noLeftPad, #navDiv ul li a.current_page_item.noLeftPad:link, #navDiv ul li a.current_page_item.noLeftPad:visited{
  padding-left:0px;
}


/*
* begin center content
*/

/*VISION*/
#rightAlignedContent{
  margin-left:30px;
  top:160px;
  right:50px;
  position:absolute;

  font-size:12px;
  font-weight:bold;
  width:200px;
  text-align:justify;
}
#spacerDiv{
  position:relative;
  padding-top:220px;
  width:100%;
}


/*GALLERY*/
#galleryContainer{
  position:relative;
  padding-top:260px;
  height:400px;
}
#galleryContainer2{
  position:relative;
  width:960px;
  margin:auto;
}
#imgContainer{
  width:600px;
  height: 400px;
  float:right;
  font-size:12px;
}
#menuContainer{
  width:240px;
  height: 400px;
  float:right;
  text-align:right;
  padding-right:50px;
}
#menuContainer p{
  line-height:260%;
}
.galleryImage{
  width:580px;
  z-index:15;
}

/*PRESS*/
#mods{
  position:absolute;
  top:120px;
  left:460px;
  cursor:pointer;
  z-index:5;
}
#pressContainer{
  position:relative;
  padding-top:200px;
  height:400px;
}
#pressContainer2{
  position:relative;
  width:660px;
  margin:auto;
}
#pressMenuContainer{
  width:100%;
  height: 60px;
  float:left;
  text-align:center;
  padding-right:50px;
}
#pressImgContainer{
  width:600px;
  height: 400px;
  float:right;
}
.pressImage{
  height:380px;
  z-index:35;
  margin:5px;
}

/*CONTACT*/
.contactText{
  text-align:right;
  padding-top:0px;
  font-size:16px;
  padding-right:0px;
}


/*LINKS*/
#contentDiv{
  padding-top:260px;
  margin-left:30px;
  position:relative;
}
.linkTable td{
  padding:8px;
  padding-left:0px;
}
.linkTitle{
  font-weight:bold;
  font-size:14px;
  width:270px;
}



/*
* end center content
*/







#footer{
  width:100%;
  font-size:12px;
}

#footer div{
  font-size:12px;
  margin:30px;
}

#siteBy{
  position:absolute;
  padding:60px 30px;
  bottom:0px;
  left:0px;
  font-size:12px;
}

#copyright{
  position:absolute;
  padding:60px 30px;
  bottom:00px;
  right:0px;
  font-size:12px;
}


/* NEW CSS FOR WORDPRESS METHOD*/
div#content div.standardPage{
  width: 740px;
  margin:auto;
}

div#content div.contact{
  position:absolute;
  right:40px;
  top:160px;
  text-align:right;
  font-weight:bold;

}

div#content div.gallery, div#content div.press{
  width: 740px;
  margin:auto;
}

div#content div.links{
  padding-left:40px;
}

div#content div.press{

}

div#content div.vision{
  position:absolute;
  right:40px;
  top:180px;
  text-align:left;
  font-weight:bold;
  width:300px;
}
div#content div.vision p{
  font-size:20px;
  line-height:100%;
  font-family: Batang,serif;
}


div.type-post{
  padding-bottom:20px;
}

h2.entry-title, h2.entry-title a{
  font-size:22px;
}