/*
THEME NAME: FAB PDX
THEME URI: http://www.fabportland.com
DESCRIPTION: Custom theme for FAB PDX, built on Sandbox
VERSION: 0.1
AUTHOR: <a href="http://www.mecarter.com">Mark E. Carter</a>
AUTHOR URI:
TAGS: fab pdx
*/

@font-face { font-family: Acknowledgement; src: url('acknowledgement.otf'); }
@font-face { font-family: BebasNeue; src: url('bebasneue.otf'); }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

* { margin: 0; padding: 0; }
a img { border: none; }

body {
	font: 12px/16px Georgia, Times New Roman, serif;
}

a { color: #666; text-decoration: none; }

a:hover { color: #000; }

#menu a { color: #000; }
#menu a:hover { color: #666; }

h3 { font-family: 'BebasNeue', Helvetica, Arial, sans-serif; font-size: 22px; line-height: 20px; font-weight: normal; padding-top: 10px; }

ul { list-style: none; }

#wrapper { width: 950px; margin: 20px auto; }

#header { float: left; width: 200px; margin: 0 50px 100px 0; position: relative; }

h1#blog-title {
	text-indent: -9999px;
	overflow: hidden;
	width: 250px;
	height: 186px;
	background: url(images/logo.png) no-repeat;
	position: relative;
	top: -20px;
	z-index: 100;
	margin-left: -30px;
}
h1#blog-title a {
	display: block;
	width: 250px;
	height: 186px;
}
#blog-title-bg {
	width: 250px;
	height: 186px;
	position: absolute;
	top: -20px;
	left: -30px;
	z-index: -9999;
}
#blog-description {
	font-family: BebasNeue;
	font-size: 17px;
	letter-spacing: 0.01em;
	margin-top: -10px;
	text-align: center;
}

#header hr {
	background: url(images/menu_hr.png) no-repeat;
	width: 200px;
	height: 8px;
	margin: 10px 0;
	border: none;
}

#menu ul { list-style: none; }

#menu > ul > li > a { 
	display: block;
	width: 200px; 
	text-indent: -9999px; 
}

#menu #menu_shop a {
	background: url(http://www.fabportland.com/wp-content/uploads/2012/01/menunew_theshop.png) top right no-repeat;
	height: 36px;
}
#menu #menu_gallery > a { 
	background: url(http://www.fabportland.com/wp-content/uploads/2011/10/menu_gallery.png) top right no-repeat;
	height: 46px;
}
#menu #menu_clients a { 
	background: url(images/menu_clients.png) top right no-repeat;
	height: 27px;
}
#menu #menu_aboutus a { 
	background: url(images/menu_aboutus.png) top right no-repeat;
	height: 50px;
}
#menu #menu_contact a { 
	background: url(images/menu_contact.png) top right no-repeat;
	height: 23px;
}
#menu #menu_services a {
	background: url(http://www.fabportland.com/wp-content/uploads/2011/01/menu_services.png) top right no-repeat;
	height: 58px;
}
#menu #menu_blog a {
	background: url(http://www.fabportland.com/wp-content/uploads/2011/01/menu_blog.png) top right no-repeat;
	height: 44px;
}
#menu #menu_concepts a {
	background: url(http://www.fabportland.com/wp-content/uploads/2011/10/menu-concepts.png) top right no-repeat;
	height: 27px;
}
#menu #menu_shop a:hover, #menu #menu_gallery a:hover, #menu #menu_gallery.open a, #menu #menu_clients a:hover, #menu #menu_aboutus a:hover, #menu #menu_contact a:hover, #menu #menu_blog a:hover, #menu #menu_services a:hover, #menu #menu_concepts a:hover {
	background-position: top left;
}

#menu ul ul {
	font-size: 1.5em;
	font-family: 'BebasNeue', Helvetica, Arial, sans-serif;
	padding-left: 10px;
}

#menu li li {
	padding-top: 5px;
}

#menu li li:before {
	content: '\25AA ';
}

#header #contactinfo { margin: 1px 0; }

#socialIcons { float: right; width: 700px; height: 20px; text-align: right; }
#socialIcons a {
	display: inline-block;
	width: 15px; height: 20px;
	text-indent: -9999px;
	overflow: hidden;
	text-align: left;
	opacity: 0.6;
}
#socialIcons a#twitter { background: url(images/twitter.png); margin-right: 12px; }
#socialIcons a#facebook { background: url(images/facebook.png); margin-right: 15px; }
#socialIcons a#linkedin { background: url(http://www.fabportland.com/wp-content/uploads/2011/05/linked-in.png) bottom center no-repeat; margin-right: 12px; }
#socialIcons a#mercymcnab { background: url(images/mercymcnab.png) bottom center no-repeat; margin-right: 12px; }
#socialIcons a#mecarter { background: url(images/mecarter.png) bottom center no-repeat; }
#socialIcons a:hover { opacity: 1; }

/* HOME PAGE */

#slideshow {
	position: relative;
	width: 700px;
	height: 525px;
}

#slideshow img {
	position: absolute;
	top: 0; left: 0;
}

#slideshow #overlay {
	position: absolute;
	top: 0; left: 0;
	z-index: 11;
	display: block;
	width: 700px; height: 525px;
	background: url(images/slideshowOverlay.png) no-repeat;
}

/* CONTENT */

#container { float: right; width: 700px; padding-bottom: 100px; }

#content { margin-top: 50px; }

#content .post { padding-bottom: 30px; border-bottom: 1px dotted #888; }

h2.entry-title, h2.page-title {
    font-family: 'Acknowledgement', Georgia, serif;
    font-size: 18px;
    font-weight: normal;
    padding-top: 28px;
}

.entry-content p { margin: 10px 0; }

.gallery { margin-left: -33px; }

dl.gallery-item { float: left; margin: 0 0 26px 33px; }

.entry-meta { clear: both; }

#nav-images .nav-previous { float: left; }

#nav-images .nav-next { float: right; }

#nav-images img { margin-top: 15px; }

/* GALLERY */

#gallery {
	position: relative;
	margin-top: 8px;
}

.gallery_item { margin-top: 5px;; }

.gallery_item h3 { float: left; width: 200px; margin: 12px 50px 0 0; text-align: right; }

.gallery_item p { float: right; width: 400px; margin: 15px 50px 0 0; }

#gallery #gallery_container {
  margin:0 auto;
  width:700px;
  height:540px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}

#gallery #gallery_container .gallery_item{
  margin:0 auto;
  width:700px; /* reduce by 20 pixels to avoid horizontal scroll */
  height:540px;
}

.control {
  display:block;
  width:39px;
  height:25px;
  text-indent:-9999px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  bottom:43px;
  left:0;
  z-index:999;
  background:transparent url(images/gallery_prev.png) no-repeat 0 0;
}
#rightControl {
  bottom:43px;
  right:0;
  z-index:999;
  background:transparent url(images/gallery_next.png) no-repeat 0 0;
}


/* ABOUT US */

#about_col_L {
	width: 200px;
	margin: 5px 50px 0 0;
	float: left;
}

#about_col_L h3 { margin-top: 45px; }

#about_col_R {
	width: 450px;
	float: left;
}

.about_col_wrapper { clear: both; padding-top: 50px; }

.about_col_headshot {
	width: 200px;
	margin-right: 50px;
	float: left;
}

.about_col_bio { width: 450px; float: right; }

/* SERVICES */

.services_col_wrapper { padding-top: 8px; }

.services_col_photo {
	width: 450px;
	margin-left: 50px;
	float: right;
}

.services_col_info { width: 200px; float: left; }

.services_col_info h3 { font-size: 18px; margin: 4px 0; }

/* SHOP */

#shop { margin-left: -50px; }

.shop_item {
	float: left;
	width: 200px; height: 340px;
	margin: 45px 0 0 50px;
}

.shop_item h2 { margin-top: 8px; }

.shop_item p { clear: both; margin: 4px 0; }

.shop_item span {
    float: left;
    font-family: 'Acknowledgement', Georgia, serif;
    font-size: 18px;
    font-weight: normal;
    padding-top: 15px;
}

.shop_item div { float: right; }

/* CONTACT */

.contact { float: left; width: 325px; padding-top: 8px; margin-left: 50px; }
.contact:first-child { margin: 0; }

.contact input, .contact textarea {
	width: 250px;
	padding: 4px;
	background: #fff;
	border: 1px solid #ccc;
	margin: 2px 0 15px;
}

.contact input[type=submit] {
	background: #000;
	color: #fff;
	border: 1px solid #999;
}

.contact textarea { width: 325px; }

.contact input:focus, .contact textarea:focus {
	background: #efefef;
	border: 1px solid #999;
}