/*
THEME NAME: Cyma Architects
THEME URI: http://www.worldwidecreative.co.za
DESCRIPTION: Layout theme for Cyma Architects portfolio site
VERSION: 1.6
AUTHOR: Paul Weingartz of <a href="http://www.worldwidecreative.co.za">World Wide Creative</a> based on the framework by <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/

html, body {height: 100%;}
body {
	font: 11px/1.5 Verdana, Arial, sans-serif;
	background: #EEF1E6;
	color: #828886;
}

.clearfix {clear: both; display: block;}
.alignright {float: right;}
.alignleft {float: left;}
img.alignright {margin-left: 10px;}
img.alignleft {margin-right: 10px;}

/*--------------------------------------------------------------------------------------------------------------- LAYOUT -------------------------------------*/
table#faux {
	width: 100%;
	height: 100%;
	border-collapse: collapse;
}
div#wrapper {
	width: 845px;
	margin: 0 auto;
	position: relative;
}
div#header {
	background: #fff;
	border: 1px solid #B3B3B3;
}
div#access {
	background:#7BAE21;
	border: 1px solid #B3B3B3;
	height: 22px;
}
div#container {
	float:left;
	margin: 0 -483px 8px 0;
	width: 100%;
}
	div#content {
		margin: 0 483px 0 0;
		border-top: 1px solid #3E8839;
		border-right: 1px solid #3E8839;
		border-bottom: 1px solid #3E8839;
		border-left: 1px solid #3E8839;
		background: #fff url(img/cyma-logo-element.gif) no-repeat 15px 15px;
		height: 300px;
		padding: 25px 4px 0 50px;
	}
	div#sidebar {
		float: right;
		overflow: hidden;
		border-top: 1px solid #3E8839;
		border-right: 1px solid #3E8839;
		border-bottom: 1px solid #3E8839;
		border-left: 1px solid #3E8839;
		background: #fff;
		width: 475px;
		height: 325px;
		position: relative;
	}
	div.noleftborder {
		border-left: 0px none!important;
		width: 482px!important;
	}
	
div#footer {
	clear: both;
	height: 95px;
	background: #fff;
	border: 1px solid #B3B3B3;
	background: #fff url(img/bg-footer.gif) no-repeat left center;
}
#privacy {
	text-align: center;
}
#blog-description,
#header,
#access,
#footer {
	margin-bottom: 8px;
}
.footer-links {
	float: right;
	width: 650px;
	text-align: right;
}
div#breadcrumb {
	position: absolute;
	bottom: 143px;
	left: 50px;
	width: 330px;
	font-size: 10px;
	font-weight: bold;
}
div#breadcrumb a:link,
div#breadcrumb a:active,
div#breadcrumb a:visited {color: #7BAE21; text-decoration: none;}
div#breadcrumb a:hover {color: #000; text-decoration: underline;}

a:link,
a:active,
a:visited {color: #7BAE21; text-decoration: none;}
a:hover {color: #000; text-decoration: underline;}


/*--------------------------------------------------------------------------------------------------------------- RESET STUFF ----------------------------------*/
* {margin:0; padding:0;}

h1, h2, h3, h4, h5, h6 {
	font-weight: lighter;
	color: #7BAE21;
}
h1, h2, h3, h4, h5, h6, p, ul, ol {
	margin-bottom: 15px;
}
li {
	margin-left: 26px;
}
blockquote {
	padding: 0 30px 0 10px;
	border-left: 4px solid #7BAE21;
	color: #000;
	font-style: italic;
	font-size: 13px;
}
a:focus {outline: none;}
/*--------------------------------------------------------------------------------------------------------------- GENERAL -------------------------------------*/
h1#blog-title a {
	background: transparent url(img/cyma-logo.gif) no-repeat center top;
	display: block;
	width: 270px;
	height: 82px;
	text-indent: -9999px;
	float: right;
}
#riba {
	float: left;
	width: 560px;
}
#riba a {
	display: block;
	float: left;
	width: 82px;
	height: 82px;
	background: transparent url(img/riba-logo.gif) no-repeat;
}
#riba em {
	display: none;
	line-height: 82px;
}
.entry-content {
	overflow: auto;
	height: 220px;
	padding: 0 20px 0 0;
	text-align: justify;
	line-height: 17px;
}
h2.entry-title {
	color: #000;
}
h3.entry-title {
	margin-bottom: 0px;
}
h3.entry-title a {
	font-weight: lighter;
	color: #7BAE21;
	text-decoration: none;
}
a.more-link {white-space: nowrap;}
div#comments,
div.entry-meta {display: none;}
div.post {
	margin-bottom: 15px;
}
span.tag-links {
	display: block;
	margin-top: -10px;
	width: 100%;
	font-size: 9px;
	line-height: 14px;
	text-align: right;
	color: #000;
}
div.entry-date {
	font-size: 9px;
	padding-bottom: 10px;
}
div.footer-links {
	padding: 10px 20px 0 0;
}
div.footer-links ul li {
	display: block;
	float: right;
	list-style: none;
	height: 80px;
	text-align: center;
}
div.footer-links ul li a img {
	border: 1px solid #ccc;
}
div.footer-links ul li a:hover img {
	border: 1px solid #7BAE21;
}

#gallery-select {
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
	height: 54px;
	width: 81px;
	background: #fff;
	border-right: 1px solid #3E8839;
	border-bottom: 1px solid #3E8839;
	text-align: center;
	padding: 10px 5px;
}
#gallery-select a:link {color: #959595; text-decoration: none;}
#gallery-select a:active {color: #3E8839; text-decoration: underline;}
#gallery-select a:visited {color: #959595; text-decoration: none;}
#gallery-select a:hover {color: #3E8839; text-decoration: none;}
#gallery-select a:focus {color: #3E8839; text-decoration: underline;}

.jcarousel-item a img {
	border: 1px solid #ccc;
}
.jcarousel-item a:hover img {
	border: 2px solid #7BAE21;
}
.jcarousel-item a:focus img {
	border: 2px solid #7BAE21;
}
#main-pic {
	text-align:right;
	/*background-color: #7BAE21;*/
}
/*----------------------------------------------------------------------------------------------------------------- MENU -------------------------------------*/
#menu ul {
	font: normal 13px Verdana, Arial, sans-serif;
	list-style: none;
	margin: 0;
	text-transform: lowercase;
}
#menu a {
	display: block;
	padding: 0 0.5em;
	text-decoration: none;
	color: #fff;
}
#menu li ul a {
	width: 12em;
	font: normal 10px/2.0em Verdana, Arial, sans-serif;
	color: #828886;
}

#menu li { /* all list items */
	float: left;
	margin: 0;
	line-height: 22px;
}
#menu li li { 
	border-top: 1px solid #ccc;
}
#menu li ul { /* second-level lists */
	position: absolute;
	z-index: 10;
	background: #FFF;
	width: 10em;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#menu li ul ul { /* third-and-above-level lists */
	margin: -21px 0 0 10em;
	background: #888;
}

#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.over ul ul, #menu li.over ul ul ul {
	left: -3000%;
}

#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul,
#menu li.over ul, #menu li li.over ul, #menu li li li.over ul { /* lists nested under hovered list items */
	display:block;
	left: auto;
}
/*
*:first-child+html #menu li li:hover ul {
	zoom:1;
}
*/
#menu li:hover li:hover a {background: #5F8619; color: #fff;}
#menu li.over li.over a {background: #5F8619; color: #fff;}
#menu li:hover li:hover a:hover {background: #7BAE21;color: #fff;}
#menu li.over li:hover a.over {background: #7BAE21;color: #fff;}

* html #menu li {
	behavior: expression(
	this.onmouseover = new Function("this.className += ' over'"),
	this.onmouseout = new Function("this.className = this.className.replace(' over','')"),
	this.style.behavior = null
	);
}

/*------------------------------------------------------------------------------------------------------- EXAMPLE CONTENT -------------------------------------*/
div.skip-link {
position:absolute;
right:1em;
top:1em;
}

.entry-title,.entry-meta {
clear:both;
}

form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {
background:#fff;
color:#c30;
}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}

div.comments ol li {
margin:0 0 3.5em;
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}

.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-above {
	display: none;
}

div#nav-below {
	display: none;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
	display: none;
}

div.navigation div.nav-next {
float:right;
text-align:right;
}

div.sidebar h3 {
font-size:1.2em;
}

div.sidebar input#s {
width:7em;
}

div.sidebar li {
list-style:none;
margin:0 0 2em;
}

div.sidebar li form {
margin:0.2em 0 0;
padding:0;
}

div.sidebar ul ul {
margin:0 0 0 1em;
}

div.sidebar ul ul li {
list-style:disc;
margin:0;
}

div.sidebar ul ul ul {
margin:0 0 0 0.5em;
}

div.sidebar ul ul ul li {
list-style:circle;
}

div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
float:left;
}

input#author,input#email,input#url,div.navigation div {
width:50%;
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;
}

/* =Site Meta
-------------------------------------------------------------- */

/* sliding panel fixed to top of browser window when logged-in */

#site-meta {
    position:fixed;
    width:100%;
    z-index:1000;
}
#site-meta li {
    display:inline;
    margin-left: 0px;
}
#meta-panel {
    background:#464646 url(img/meta-panel.png);
    border-bottom:1px solid #1e1e1e;
}
#meta-panel ul {
    width:950px;
    margin:0 auto;
    padding:36px 0;
    text-align:center;
}
#meta-anchor {
    display:block;
    margin:0 auto;
    width:74px;
    height:16px;
    text-indent:-999em;
    outline:0;
    background:url(img/meta-anchor-trans.png) no-repeat;
}
#meta-panel a {
    color:#999999;
    margin:0 5px;
    text-decoration: none;
    border-bottom: 1px solid #464646;
    padding-bottom: 1px;
}
#meta-panel a:hover,#meta-panel a:focus {
    color:#FC0;
    text-decoration: none;
    border-bottom: 1px dashed #FC0;
}
.active {
}