/*
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;}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: #DCDCDC;
	font: normal 13px/23px "Tahoma";
}

a { color: #999; }
h1,h2,h3{
	letter-spacing: 1px;
}
h1, h1 a, h1 a:hover, h1 a:visited { font-size: 1.2em; color: #3380AC; margin-bottom: 24px; font-weight: bold; text-decoration:none;}
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: #BE7F01;
		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: #BE7F01;
	}
 #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: #BE7F01;
 }
 
 #portfolio-menu a.active {
    color: #fff;
 }
#portfolio-menu .sub-nav a.active {
  color: #BE7F01;
}
#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;
}
#gallery-2 {
				margin: auto;
			}
#gallery-2 .gallery-item {
				float: left;
				margin-top: 10px;
				text-align: center;
				width: 33%;			}
#gallery-2 img {
				border: 2px solid #cfcfcf;
    float: left;
			}
#gallery-2 .gallery-caption {
				margin-left: 0;
			}
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
 padding:0 67px 0 10px;
}
.alignright {
	float: right;
}
.wp-caption {
	margin: 10px;
	padding-top: 4px;
	text-align: center;
}
.wp-caption img {
	border: 0 none;
	margin: 0;
	padding: 0;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}



body.blog {
	background: #181818 url('i/bg-blog-banner-2.jpg') repeat-x;
	background-position:35% 0;
	color: #333;
	font: normal 13px/23px "Tahoma";
}

body.blog #content {
  float: left;
  padding-top: 17px;
  width: 591px;
}

body.blog .alignleft {
    float: left;
    padding: 0 12px 0 0;}

body.blog #sidebar h3 {
		color: #BE7F01;
  font-family: Calibri,Trebuchet MS,sans-serif;
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 6px;
  margin-top: 21px;
  text-transform: uppercase; 
}

body.blog #sidebar h3 a {
		color: #BE7F01;
		text-decoration: none; }
		
body.blog #sidebar h3 a:hover { color: #3380AC; }

body.blog #sidebar {
		left: 11px;
    margin-right: 0;
    position: relative;
    text-align: right;
    top: -21px;
    width: 237px;
}

body.blog #sidebar p {
		color:#FFFFFF;
  font-size: 14px;
  line-height:19px;
  padding-left: 0px;
  text-align:left;
		letter-spacing: 0.03em;
  width:213px;
		font-family: Calibri, Trebuchet MS, sans-serif; 
}

body.blog #sidebar .intro p {
 color:#FFFFFF;
 font-family:Calibri, 'Trebuchet MS', sans-serif;
 font-size:14px;
 left:23px;
 letter-spacing:0.03em;
 line-height:19px;
 padding-left:0;
 position:relative;
 text-align:right;
 width:213px; }

body.blog #sidebar ul li {
		line-height:14px;
  margin-bottom:7px;
  margin-top:7px;
		font-family: Calibri, Trebuchet MS, sans-serif; 

}

body.blog #sidebar ul li a {
		color: #999999;
    font-size: 13px;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
}

body.blog #sidebar ul li a:hover {
		text-decoration: underline;
}

body.blog #logo {
		margin-top:48px;
}
body.blog #blog-title {
		left: 115px;
    position: relative;
    top: 8px;
}

body.blog .facebook-image {
		position: relative;
    right: 289px;
    top: 6px;
}

body.blog #copy {
		color: #FFFFFF;
}

#blog {
		color:white;
  position:relative;
  top:-39px;
  width:581px;
		float: left;
}

#blog .item{
		border-bottom-color:#2A2A2A;
  border-bottom-style:solid;
  border-bottom-width:1px;
  margin-bottom: 18px;
  padding-bottom: 0;
}

#blog span.pubdate {
		float:left;
  margin-right:-84px;
  overflow-y:hidden;
  position:relative;
  right:85px;
  width:82px;
		letter-spacing: 2px;
		color: #a8a8a8;}

#blog h2 {
		font-size: 16px;
  font-weight: bold;
  letter-spacing: 2px;
  margin-bottom: -11px;
  text-transform: uppercase;
		font-family: Calibri, Trebuchet MS, sans-serif; }

#blog h2 a { color: #dcdcdc; text-decoration: none; }

#blog p {
		font-family: Calibri,Trebuchet MS,sans-serif;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 23px;
    margin-top: 20px;
    text-align: justify;
				color: #dcdcdc;
}

#blog p a.read_more {
		clear:both;
		color: #3380ac;
}

#blog p a.read_more:hover {
		color: #be7f01;
}

body.blog a.next {
		color: #3380AC;
  font-size: 15px;
  letter-spacing: 2px;
  text-decoration: none;
  text-transform: uppercase;
		font-family: Calibri,Trebuchet MS,sans-serif; }

body.blog a.next:hover { color: #be7f01; }

body.blog a.prev:hover { color: #be7f01; }
		
body.blog a.prev {
		color: #3380AC;
  font-size: 15px;
  letter-spacing: 2px;
  text-decoration: none;
  text-transform: uppercase;
		font-family: Calibri,Trebuchet MS,sans-serif; }

#searchform textarea, #searchform input {
  width: 10.25em !important;
  background: #181818;
  border: 1px solid #515151;
  color: #ffffff;
}

#blog .BlogImage img {
		float:left;
  margin-right:22px;
  margin-top:28px;
		margin-bottom:22px;
  width:238px;
}

body.blog #menu {
	height: 32px;
 left: 705px;
 line-height: 32px;
 position: absolute;
 top: 60px;
	}
	
	body.blog #menu li a {
	color: #c8c8c8;
	font-family: Calibri,Trebuchet MS,sans-serif;
	font-size: 15px;
	}

	body.blog #menu li {
	margin-right: -16px;
	}

body.blog #header {
height: 338px; }

body.blog #portfolio-menu {
		display: none;
}

body.blog #mini-contact div {
    position: relative;
    text-align: left;
    text-transform: uppercase; }

body.blog #mini-contact label {
    display: block;
				color: #999999;
    font: 11px/11px "Tahoma",sans-serif;
    margin: 0;
    padding: 3px 10px;
}

body.blog #mini-contact .submit {
    padding: 5px 6px;
				cursor: pointer;
				color: #bd7e00;
				letter-spacing: 1px;
}

body.blog #menu a {
		margin-right: 29px;
}

.blog-author { float: left; }

.blog-author img {
		
		margin-right:10px;
  position:relative;
  top:2px;
		border: 1px solid white; }
    
    
    
.search-result-title span { font-style: italic; }

.search-result-title {
  color: #BE7F01;
  font-family: Calibri,Trebuchet MS,sans-serif;
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 15px;
  margin-top: 0;
  text-transform: uppercase; }
  
  
  
