/*
Theme Name: Samsel Architects
Theme URI: http://cakewebsites.com
Description: The best wordpress theme ever.
Version: 0.1
Author: Cake Websites
*/
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
html{color:#000;background:#333;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}ol li{list-style:decimal outside;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}
/* end yahoo */

body {
	background: #333 url('i/body-bg.png') repeat-x left top;
	color: #878686;
	font: normal 13px/23px "Tahoma";
}
a { color: #999; }
h1,h2,h3{
	letter-spacing: 1px;
}
h1 { font-size: 1.2em; color: #788367; margin-bottom: 24px; font-weight: bold}
h2 { font-size: 1.2em; color: #fff; margin-bottom: 24px;}
h3 { font-size: 0.9em; color: #996600; }
p { margin-bottom: 22px;
}
#content ul {
  padding-left: 20px;
}
#content ul li {
  list-style: disc;
  list-style-type: disc;
  list-style-position: outside;
}
/*
 * Structure
 */
#wrapper {
	margin: 0px auto;
	position: relative;
	width: 980px;
	}
 .wrap-pad {
  padding-left: 115px;
 }
#header {
	/*background: transparent url('i/header-bg.jpg') no-repeat bottom left;*/
	height: 459px;
	margin-bottom: 40px;
	}
	 #logo { margin-top: 48px; }
  #slideshow-wrapper { margin: 23px 0px 0px 0px; }
  #slideshow-wrapper .small { margin: 2px 0px 0px 0px; float: left; }
  #slideshow-wrapper .big { float: left; }
  #slideshow-medium { margin: 0px 2px 0px 1px; }
  #static-thumbs {
    float: left;
    width: 119px;
    margin-top: -2px;
  }
  /*
   * Gallery
   */
  #feature {
    width: 473px;
    /*margin: 0px 0px 0px auto;*/
    height: 358px;
    float: left;
  }
  #cat-gallery { width: 360px; float: left;}
  #gallery { width: 360px; float: left;}
  .thumbnail {
    background-color: #363636;
    float: left;
    width: 118px;
    height: 118px;
    margin: 0px 2px 2px 0px;
    position: relative;
	 overflow: hidden;
  }
  .thumbnail a { text-decoration: none; }
  .thumbnail img {
    cursor: pointer;
    position: relative;
    z-index: 1;
  }
  .thumbnail span {
    font-size: 11px;
    position: absolute;
    bottom: 0px;
    padding: 0px;
    right: 0px;
    z-index: 200;
    width: 100%;
  }
  .thumbnail span.bg {
    background-color: #1C1D1C;
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    height: 22px;
  }
  .thumbnail:hover span.bg {
    background: #996600;
  }
  .thumbnail span.txt {
    color: #fff;
    padding: 0px 3px;
    z-index: 201;
    position: absolute;
    text-align: right;
  }
  .thumbnail:hover span.txt {
    color: #000;
  }
  
#container {
	width: 830px;
	}
	#content {
		float: left;
		width: 711px;
		padding-top: 17px;
		}
	#sidebar {
		width: 90px; /* #wrapper width minus #content .float width */
		margin: 0px -10px 0px auto;
		text-align: center;
		}
		#sidebar img { margin-bottom: 16px; }
#footer { margin-bottom: 35px; width: 830px; }
	#footer img {
		float: right;
		margin: 2px 0px 0px -1px;
		}
	#copy { line-height: 50px; letter-spacing: 1px; font-size: 13px; }
	#copy img { float: left;}
#menu {
	position: absolute;
	top: 459px; /* height of the header */
	height: 32px; /* padding-bottom of header */
	line-height: 32px; /* makes the links nice and big */
	}

	#menu ul,
	#menu li,
	#menu li a {
		display: block;
		float: left;
		line-height: 32px;
		position: relative;
		}
	#menu li ul,
	#menu li ul li,
	#menu li ul li a {
		display: block;
		float: none;
		white-space: nowrap;
		}
	/* second level */
	#menu li ul {
  background: #2C2D2C;
		display: none;
		position: absolute;
  left: 0px;
		top: 32px; /* height of menu */
		}
	/* third level */
	#menu li ul li ul {
		position: absolute;
		top: 0px;
		left: 100%;
		}
	/* hover states */
	#menu li:hover ul { display: block; }
	#menu li:hover ul li ul { display: none; }
	#menu li ul li:hover ul { display: block; }
	

/*
 * Style
 */

	#menu a {
		color: #9a6601;
		font: normal 12px "Tahoma";
		letter-spacing: 1px;
		margin: 0px 35px 0px 0px;
  padding: 0px 4px;
		text-transform: uppercase;
		text-decoration: none;
		}
  #menu li ul {
    min-width: 140px;
  }
  #menu li ul li {
    padding: 0px;
    margin: 0px;
    width: 100%;
  }
  #menu li ul li a {
    margin: 0px;
    padding: 0px 4px;
  }
	#menu a.home {  }
	#menu a:hover { background: #555; }
	#menu .page-item-3 {
    margin-left: -4px;
 }
#portfolio-menu {
 position: absolute;
	top: 101px;
	height: 357px;
	left: 0px;
	width: 100px;
	text-align: right;
}	
	#portfolio-menu a {
		display: block;
	 color: #999; 
		text-decoration: none;
		font-family: "Tahoma",sans-serif;
		font-size: 12px;
		line-height: 18px;
		text-transform: uppercase;
	}
	#portfolio-menu a:hover {
		color: #9a6601;
	}
 #portfolio-menu .sub-nav li a{
  text-transform: none;
  font-size: 11px;
  line-height: 16px;
  color: #eee;
  text-align: left;
 }
 #portfolio-menu .sub-nav {
  margin-bottom: 8px;
 }
	#posts {
		position: absolute;
		top: 0px;
		right: 0px;
	}
	#posts a {
		font-size: 11px;
	}
  #posts-nav {
    height: 54px; /* 3 times the height of anchors */
    overflow: hidden;
  }
  #posts-nav li {
    position: relative;
    top: 0;
  }
	#categories {
	  position: absolute;
		bottom: 4px;
		width: 100%;
		margin: 0px 0px 0px auto;
	}
	#categories li {
  padding: 0px;
		margin: 0px;
	}
 #categories h3,
 #categories li.current-cat a {
  color: #9a6601;
 }
 
 #portfolio-menu a.active {
    color: #fff;
 }
#portfolio-menu .sub-nav a.active {
  color: #9a6601;
}
#footer .links li,
#footer .links li a {
	display: block;
  float: left;
}
#footer .links li a {
	text-decoration: none;
	font-size: 10px;
	line-height: 10px; 
	padding: 0px 5px;
	border-right: 1px solid #999;
}
	#footer .links ul li:first-child a {
		padding-left: 0px;
	}

/*
 * Mini Contact form
 */
#mini-contact {
	background: #2c2d2c;
	width: 237px;
	margin: 30px 0px;
}
	#mini-contact h4 {
	  font-size: 12px;
		color: #afafaf;
		text-align: right;
		padding: 3px 10px 0px 0px;
		margin: 0px 0px -3px;
	}
	#mini-contact p {
		padding: 0px;
		margin: 0px;
	}
	#mini-contact label {
		display: block;
		padding: 4px 10px 1px;
		margin: 0px;
		font: normal 12px/12px "Tahoma",sans-serif;
	}
	#mini-contact input,
	#mini-contact textarea {
		background: #393939;
		width: 229px;
		padding: 2px 4px;
		margin: 0px;
		border: none;
		font: normal 11px/21px "Tahoma",sans-serif;
		color: #7b7b7b;
	}
	#mini-contact textarea {
		height: 45px;
		overflow: auto;
	}
	#mini-contact #mini-submit,
	#mini-contact .submit {
		font-size: 12px;
		padding: 10px 6px 0px;
		text-transform: uppercase;
		display: block;
		width: auto;
		background-color: transparent;
		color: #996600;
		margin: 0px 0px -4px auto;
	}

	#mini-contact div {
		position: relative;
	}
	#mini-contact label.error {
	  background: none repeat scroll 0 0 #FFFFFF;
	  border: 1px solid #FF0000;
	  font-size: 10pt;
	  padding: 2px;
	  position: absolute;
	  top: 0;
	  right: 0;
	  z-index: 100;
	}
/*
 * Common classes
 */
.float-none {
	float: none;
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	visibility: hidden;
	}

.facebook-image{
	margin-left: 5px !important;
	margin-top: 8px !important;
}

.twitter-image{
	margin-top: 8px !important;
}

#footer li.page-item-sitemap a{
	border-right: none;
}

ul.sitemap-ul{
	margin-bottom: 20px;
}

.gallerylayer{
	background-color: #333333 !important;
}