/*
Theme Name: Brava
Theme URI: http://brava.lv/
Description: Brava Design Bureau Theme
Version: 1.0
Author: Nikita Jermolajevs
Author URI: http://www.brava.lv
Tags: white, clear, one-column
*/

* html body {
	width: expression(document.documentElement.clientWidth < 1000 ? "1000px" : "auto");
}
body {
	padding: 0px;
	margin: 0px;
	min-width: 1000px;
	font-family: Georgia;
	font-style: italic;
	color: #485254;
	background: url(images/back.gif) repeat-x;
}
a {
	color: #252C2E;
}
a:hover {
	color: #121314;
}
h2 {
	font-size: 18px;
	color: #494949;
	padding: 0px;
	margin: 0 0 15px 0;
}
table { 
	border-collapse: collapse; 
} 
td {
	padding: 0; 
}
input, select { 
	vertical-align: middle;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
img {
	border: 0;
}
form {
	margin: 0;
}
p {
	margin: 0;
	padding: 0 0 10px 0;
}


/* Header */

#header {
	width: 100%;
	height: 170px;
	border-bottom: 1px solid #EFF1F2;
	margin: 0 0 30px 0;
}
#header div {
	position: relative;
	width: 151px;
	margin: 0 10px 0 9%;
	padding: 66px 0 0 0;
}
#header ul.menu {
	position: absolute;
	width: 55%;
	left: 33%;
	top: 75px;
}
#header ul.menu li {
	position: relative;
	float: left;
	font-size: 1.5em;
}
#header ul.menu li img {
	position: absolute;
	top: -10px;
	left: -25px;
}
#header ul.menu li a {
	color: #252C2E;
}
#header ul.menu li.web {
	color: #00EEEE;
	width: 160px;
}
#header ul.menu li.web a:hover {
	color: #00EEEE;
}
#header ul.menu li.web a.active {
	color: #00EEEE;
}
#header ul.menu li.web a.active:hover {
	color: #00FFFF;
}
#header ul.menu li.print {
	color: #EE00EE;
	width: 230px;
}
#header ul.menu li.print a:hover {
	color: #EE00EE;
}
#header ul.menu li.print a.active {
	color: #EE00EE;
}
#header ul.menu li.print a.active:hover {
	color: #FF00FF;
}
#header ul.menu li.bureau {
	color: #FFF400;
	width: 160px;
}
#header ul.menu li.bureau a:hover {
	color: #FFF400;
}
#header ul.menu li.bureau a.active {
	color: #FFF400;
}
#header ul.menu li.bureau a.active:hover {
	color: #FFF400;
}
#header ul.language {
	position: absolute;
	width: 100px;
	top: 85px;
	left: 89%;
}
#header ul.language li {
	font-size: 0.75em;
	display: none;
}
#header ul.language li.active {
	font-size: 0.75em;
	display: block;
}
#header ul.language li img {
	margin: 0 0 0 3px;
}


/* Content */
#content {
	position: relative;
	width: 100%;
}
#content ul {
	margin: 0;
	width: 100%;
}
#content ul li {
	position: relative;
	float: left;
	margin: 0 0 0 9%;
	height: 70px;
	width: 15%;
}
#content ul li h2 {
	font-weight: normal;
	font-size: 0.9em;
}
#content ul li img {
	position: absolute;
	top: 0px;
	left: -25px;
}


/* About */

#about {
	position: relative;
	width: 100%;
}
#about p {
	position: relative;
	margin: 0 0 10px 33%;
	width: 47%;
}
#about p.big {
	font-size: 1.5em;
}
#about a.web {
	color: #00F3FF;
	text-decoration: underline;
}
#about a.print {
	color: #F600FF;
	text-decoration: underline;
}
#about div {
	width: 100%;
	text-align: center;
}


/* Project view */

#work {
	position: relative;
	width: 100%;
}
#work div.prev {
	position: absolute;
	left: 9%;
	width: 10%;
	font-size: 0.8em;
	margin: 0;
}
#work div.prev div {
	position: absolute;
	font-size: 2em;
	font-family: Arial;
	left: -40px;
	top: -8px;
}
#work div.next {
	position: absolute;
	left: 81%;
	width: 10%;
	font-size: 0.8em;
	text-align: right;
	margin: 0;
}
#work div.next div {
	position: absolute;
	font-size: 2em;
	font-family: Arial;
	right: -40px;
	top: -8px;
}
#work h2 {
	font-size: 2em;
	font-weight: normal;
	margin: 0 0 10px 33%;
	width: 47%;
}
#work div.url {
	position: relative;
	margin: 0 0 0 33%;
	height: 19px;
}
#work div.url img {
	margin: 3px 8px 0 -25px;
}
#work div.url a {
	margin: 2px 0 0 0;
	height: 16px;
	vertical-align: top;
}
#work p {
	margin: 20px 0 20px 33%;
	width: 47%;
	font-size: 1.1em;
}


/* Demonstration */

#work div.full {
	margin: 0;
	width: 100%;
	font-size: 0.8em;
}
#work div.big {
	margin: 0 0 0 9%;
	width: 90%;
	font-size: 0.8em;
}
#work div.medium {
	margin: 0 0 0 17%;
	width: 80%;
	font-size: 0.8em;
}
#work div.legend p.bottom {
	float: none;
}
#work div.legend p.right {
	float: left;
	width: 150px;
}
#work div.twocolumn img {
	float: left;
	margin: 0 20px 20px 0;
}
#work div.twocolumn div {
	width: 31%;
	margin: 0 9% 0 0;
	float: left;
}
#work div.twocolumn div p {
	width: 150px;
	margin: 0;
	float: left;
	margin: 0;
}
#work div.legend-r p {
	width: 150px;
	margin: 0;
	float: left;
}
#work div.legend-r img {
	float: left;
	margin: 0 20px 20px 0;
}
#work div.browser p {
	margin: 9px 0 0 0;
}
#work div.center {
	text-align: center;
}
#work div.left {
	text-align: left;
}




/* Related posts */

#related {
	margin: 0;
	width: 100%;
	margin: 30px 0 0 0;
}
#related li {
	position: relative;
	float: left;
	margin: 0 0 0 9%;
	height: 80px;
	width: 15%;
}
#related li.other {
	font-size: 1.5em;
}
#related li h2 {
	font-weight: normal;
	font-size: 0.9em;
	margin: 0;
	width: 100%;
}
#related li img {
	position: absolute;
	top: 0px;
	left: -25px;
}


/* Footer */

#footer {
	position: relative;
	width: 100%;
	height: 100px;
	border-top: 1px solid #EFF1F2;
	margin: 20px 0 0 0;
}
#footer div {
	position: absolute;
	margin: 20px 0 0 9%;
}
#footer ul {
	position: absolute;
	margin: 20px 0 0 33%;
}
#footer ul li {
	float: left;
	font-size: 0.75em;
	width: 150px;
}
#footer p {
	position: absolute;
	width: 80px;
	margin: 20px 0 0 81%;
	font-size: 1.5em;
}


/* Float clear */
div.clear {
	clear: both;
	background: none;
	margin: 0;
	padding: 0;
	width: 0;
	height: 0;
}