@import"css/reset.css";
/*
Theme Name: Miha Matei
Theme URI: http://mihamatei.com/
Description: A custom theme for Miha Matei
Version: 1.0
Author: Thom Meredith Design
Author URI: http://thommeredith.com/

	This theme was designed and built by Thom Meredith,
	whose site you will find at http://thommeredith.com/


*/


/* Colors
	gray: #828282
	pink: #ff00bb
	orange: #ff6d00;
*/

/************************************************************************/
/* GLOBAL */
/************************************************************************/
a{
	color: #828282;}
	
a:hover {
	color: #ff00bb;}
	
.orange{
	color: #ff6d00;}
	
.right{
	float: right;}
	
.left {
	float: left;}
	
.clear {
	clear: both;}

body{
	background-color: #f0f0ee;
	color: #828282;}
	
#rap{
	min-height: 754px;
	background: transparent url(img/basic/bckgd-top.gif) no-repeat top center;
	width: 898px;
	margin: 48px auto 60px;
	padding: 3px 0 0 0;
	position: relative;}
	
#rap .container{
	background: transparent url(img/basic/bckgd.gif) repeat-y top center;
	width: 790px;
	height: 752px;
	padding: 0 54px;
	overflow: auto;}
	
#header{
	padding-top: 58px;}
	
#mainlogo{
	display: block;
	text-indent: -999em;
	background: transparent url(img/basic/mainlogo.gif) no-repeat top left;
	height: 21px;
	width: 151px;
	float: right;}
	
#mnav li, #snav li {
	display: inline;
	}
	
#mnav a, #snav a {
	text-decoration: none;
	text-transform: lowercase;
	color: #AAAAAA;
	}
	
#snav a {
	color: #666666;}
	
#mnav a:hover, #mnav .current_page_item a {
	color: #ff00bb;}
	
#snav a:hover, #snav a.selected {
	color: #ff6d00;}
	
#mnav {
	float: left;
	font-size: 160%;
	width: 500px;}
	
#mnav li {
	margin-right: 12px;}
	
#snav {
	position: absolute;
	bottom: 0px;
	right: 2px;}

#snav li {
	padding-left: 15px;
	font-size: 140%;}
	
#footer{
	padding: 20px 2px 0;
	background: transparent url(img/basic/bckgd-btm.gif) no-repeat top center;}
	
.footerlogo {
	margin-right: 9px;}
	
#footer p {
	font-size: 120%;
	color: #999999}
	
small {
	font-size: 85%;
}
	
/************************************************************************/
/* HOME */
/************************************************************************/
.home #mainlogo{
	/*padding-bottom: 50px;*/
	}

.home #content{
	height:640px;}
	
.home #mnav {
	float: none;
	position: absolute;
	top:649px;
	le/ft: 280px;
	clear: both;
	text-align: center;
	font-size: 210%;
	width:790px;}
	
.home #mnav li {
	font-weight: normal;
	margin-left: 20px;}
	
/************************************************************************/
/* SECOND */
/************************************************************************/

.second a, span {
	text-decoration: none;
	line-height:150%;}
	
.second a:hover {
	color: #666666;
	text-decoration: underline;}

.second #mainlogo{
	padding-bottom: 30px;}

.second #content{
	clear: both;
	height:525px;
	padding-bottom:115px;;
}
	
.second .col1, .second .col2 {
	float: left;}
	
.second .col1 {
	width: 398px;
	}

.col1 img {
	display: none;
}

.second .col2 {
	width: 345px;
	margin-left: 40px;}
	
.second .col2 .col1, .second .col2 .col2 {
	width: 160px;
	margin: 15px 0 20px;}

.second .col2 .col2 {
	margin-left: 25px;}
	
.second .col2 p {
	margin-top: 15px;}

.second .col2 p.contact {
	margin-bottom: 8px;
}
	
.second h1, .second h2 {
	color: #ff00bb;
	font-size: 140%;
	font-weight: bold;
	text-transform: lowercase;
	clear:both;}	
	
.second h2 a {
	color: #ff00bb;
}

/************************************************************************/
/* CONTACT */
/************************************************************************/

.contact #content .col2{
	position: relative;
	min-height: 514px;}

.contact p {
	margin-bottom: 30px;}
	
.contact form{
	position: absolute;
	bottom: 0px;
	left: 0px;}
	
.contact legend {
	margin-bottom: 10px;}

.contact input{
	display: block;
	clear: left;
	margin: 5px 0 0 0;
	border: 1px solid #cccccc;
	padding: 3px 4px 4px;
	color: #999999;}
	
	input[type=hidden] {
		display: none;
	}
	
.contact .btn{
	margin-top: 10px;
	border: none;
	padding: 0px;
	padding-bottom: 0;}


/************************************************************************/
/* GALLERY */
/************************************************************************/
.second.gallery #content{
}

#imgviewer {
	margin-bottom: 23px;
	min-height: 516px;
	position: relative;
	top:0;
	left:0;}
	
#imgviewer img {
	display: none;
	position: absolute;
	top: 0;
	left:0;
	cursor: pointer;}
	
#gnavwrap{
	width: 815px;
	overflow-y: visible;
	}
	
#gallerynav li{
	float: left;
	margin-right: 11px;
	margin-bottom: 8px;}
	
#gallerynav .selected{
	-moz-opacity:1 !important; 
	filter:alpha(opacity=100) !important; 
	opacity: 1 !important; }
	
.hasjs #gnavwrap{
	width: 790px;
	height: 68px;
	position: relative;
	overflow: hidden;}
	
.hasjs #gnavcontainer{
	width: 811px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;}
	
#buttonLeft, #buttonRight {
	cursor: pointer;
	position: relative;
	top: -46px;
	z-index: 10;}
	
#buttonLeft{
left: -20px;}

#buttonRight {
	left: 790px;}

.hasjs .gallery #content {
	overflow-x: visible;
	overflow-y: visible;}
	
/************************************************************************/
/* BLOG */
/************************************************************************/
.blog {
	display: block;}

.blog #rap {
	margin: 0 auto;
	height: 100%;
	min-height: 100%;
	position: relative;}

.blog #rap .container {
	min-height: 100%;
	padding-top: 0px;
	height: auto;}
	
.blog #header{
	overflow: auto;
	margin-top: 0px;
	padding-top: 58px}

.blog #blogheader{
	margin-left: 77px;}
	
.blog #mainlogo {
	margin: 13px 77px 0 0;}
	
.blog #body {
	border-top: 1px dotted #cfcfcf;
	padding-top: 30px;
	overflow: auto;}
	
.blog #leftCol, .blog #sidebar{
	float: left;}
	
.blog #leftCol {
	width: 510px;}
	
.blog #content {
	padding-bottom: 0;
	height: auto;}
	
.blog .post {
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px dotted #cfcfcf }
	
.blog .date, .blog .module h3 {
	text-transform: uppercase;
	letter-spacing: .1em;
	margin-bottom: 9px;}
	
.blog .date {
	font-size: 100%;
	line-height: 100%;}
	
.blog .posttitle {
	font-size: 160%;
	text-transform: none;
	margin-bottom: 15px;}
	
.postcontent p {
	width: 480px;}
	
.postcontent img {
	margin-top: 25px;}
	
.blog #sidebar{
	width: 230px;
	margin-left: 50px; }
	
.blog .module {
	margin-top: 25px;
	padding-top: 25px;
	border-top: 1px dotted #cfcfcf }
	
.blog .module.first{
	margin-top: 0px;
	padding-top: 0px;
	border-top: none;}
	
.blog .module.first a{
	color: #ff00bb;}
	
.blog .archive li {
	font-size: 100%;
	padding: 0px 0 0px 15px;
	margin-top: 2px;}

.blog .archive .years li.open {
	background: transparent url(img/basic/twirly-open.gif) no-repeat 0px 2px;}

.blog .archive .years li.closed {
	background: transparent url(img/basic/twirly-closed.gif) no-repeat 0px 2px;}
	
.blog .archive .years li.closed li {
	display: none;}
	
.blog #post-subscribe .container {
	background: transparent url(img/basic/add-to_top.gif) no-repeat top left;
	padding: 3px 0px 0 0;
	width: 144px;}
	
.blog #post-subscribe {
	background: transparent url(img/basic/add-to_btm.gif) no-repeat bottom left;
	padding: 0px 0px 3px 0;
	overflow: auto;
	width: 144px;
	position: relative;}
	
.blog #post-subscribe span {
	font-size: 150%;
	font-family: Georgia, serif; }
	
.hasjs.blog #post-subscribe span {
	display: block;}

.hasjs.blog #post-subscribe span:hover {
	cursor: pointer;}	
	
.blog #post-subscribe ul {
	width: 130px;
	padding: 6px 6px;	
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;}
	
.hasjs.blog #post-subscribe ul {
	background: transparent url(img/basic/add-to_arrow.gif) no-repeat scroll 120px 10px;}
	
.blog #post-subscribe li {
	margin-top: 8px;
	line-height: 100%;}
	
.blog #footer {
	clear: both;
	background-image: none;
	padding: 80px 0 24px 0;}
	
#open {
	position: absolute;
	width: 35px;
	height: 30px;
	left: 100px;
	cursor: pointer;
}
	
img + p {
	margin-top: 4px;
}

input#fax {display: none;}

/****** CUFON STYLES ******/
/* used to fix some odd body height issue*/