/*
Theme Name: saimana.com
Theme URI: http://www.saimana.com/
Description: My latest theme for past 2 years
Version: 2.0
Author: Simeon Atanasov
Author URI: http://www.saimana.com
Tags: fixed, margin auto, widgets
*/

@charset "utf-8";

@font-face { font-family: Mural; src: url('fonts/mural.otf'); }
@font-face { font-family:ClassicalRound; src: url('fonts/ClassicRoundMedium.otf'); }
@font-face { font-family: 'FRHopper430'; src: 
			 url('fonts/FRHopper430-webfont.eot'); src: local('☺'), 
			 url('fonts/FRHopper430-webfont.woff') format('woff'), 
			 url('fonts/FRHopper430-webfont.ttf') format('truetype'), 
			 url('fonts/FRHopper430-webfont.svg#webfontAKdmUGgO') format('svg');
			 font-weight: normal;
		     font-style: normal;
}

* {	margin: 0; padding: 0; list-style:none; }

html, body { height: 100%; }

nav, header, footer { display:block; }

body {/* background: #FFF url(images/back_flame.jpg) no-repeat bottom right; background-attachment:fixed;*/ padding:0 12px 0 30px; }

header { height:128px; width:100%; margin-top: 18px; background: url(images/logo_new.png) no-repeat 432px 16px; position:relative; }
header h2 { position:absolute; top:34px; left:260px; display:none; }
header h3 { position:absolute; top:70px; left:266px; display:none; }

footer { font-size:10px;  font-family: 'FRHopper430',Arial,sans-serif; text-align:right; color:#777; padding:20px 10px 0 0; /*position:absolute; bottom:0; right:0;*/ vertical-align:middle; }
footer:hover { color:#333; }
input { font-family:ClassicalRound; font-size:14px; }
input[type="submit"], .comment-reply-link { padding:5px 10px 4px 16px; margin:5px 0; border:none; background:#fff url(images/bullet.gif) no-repeat 6px center;  font: 12px "Lucida Console", "Trebuchet MS", sans-serif; text-transform: uppercase;  }
input[type="submit"]:hover, .comment-reply-link:hover {  background: #C5049E url(images/bullet_over.gif) no-repeat 8px center; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;  color: #fff;  }
input[type="text"] { padding:3px; border:1px solid #ccc; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; }
input[type="text"]:hover { border:1px solid #C5049E; }
input[type="text"]:focus {  border:1px solid #666; }

label { display:block; width:200px; }

.over { margin:auto; width: 100%; height: 100%; position:relative; border-right:1px solid #e5e5e5; padding: 0 0 80px 0; display:table; }
#flame { background: url(images/flame.jpg) no-repeat right -30px; height:110px; width:800px; display:none; position:absolute; z-index:-10;}

h1 { font-family: Mural, cursive; font-size:44px; font-weight: lighter; margin-bottom: 25px; }
h2 { font-family:ClassicalRound; font-size:28px; margin-bottom: 15px; color:#C5049E; }
	h2 > a { font-family:ClassicalRound; font-size:24px; text-decoration:none; color:#C5049E;  } 
	h2 > a:hover {text-decoration: underline;  }
	h2 > a:active { background:#C5049E; color:#fff; }
h3 { font-family:ClassicalRound; font-size:16px; color:#C5049E;  margin-bottom:15px; } 
	h3 > em { color:#00A587; font-size:20px; } 

img { border: 0px; }
.entry-meta a, .entry-utility a { text-transform: uppercase; font:bold 12px 'FRHopper430',Arial,sans-serif; color: #152A5F; text-decoration: none; }
.entry-meta a:hover, .entry-utility a:hover { text-decoration: underline; }
p { font-family: 'FRHopper430',Arial,sans-serif; font-size:12px; color: #333; line-height: 24px; text-align: left; padding: 5px 10px 5px 0; display: block; }

#searchform {  width:250px;   float:right; }
#searchsubmit { padding:5px 10px 4px 16px; border:none;  background: url(images/bullet.gif) no-repeat 6px center;  font: 12px "Lucida Console", "Trebuchet MS", sans-serif; text-transform: uppercase; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; }
#searchsubmit:hover { background: #C5049E url(images/bullet_over.gif) no-repeat 8px center;   color: #fff;  }
.searchinput {  padding:3px; border:1px solid #ccc; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;   } .searchinput:hover, .searchinput:focus {  border:1px solid #333; }
nav { height:30px; text-align: left; }
#mainNav { padding: 8px 0; background: #fff; width: 90%; position:fixed; top:-2px; z-index:10000; box-shadow: 0 2px 6px #ccc; -moz-box-shadow: 0 2px 4px #ccc; -webkit-box-shadow: 0 4px 6px #ccc; }
.menu { width:450px; float:left; }
	.menu li { padding:0px; margin: 0px; display:inline; position:relative; }
	.menu a { background: url(images/bullet.gif) no-repeat 6px center; color: #15415f; text-decoration: none; text-transform: uppercase; font: 12px "Lucida Console", "Trebuchet MS", sans-serif; 
					display: inline-block; padding: 5px 10px 5px 16px; margin:0 10px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; }
	.menu a:hover, .current_page_item a { background: #152a5f url(images/bullet_over.gif) no-repeat 8px center; color: #fff; }
.sub-menu { position:absolute; display:none; }
.menu-item-150:hover .sub-menu { display:block; }

a.container-link:link { margin-top: 12px; font-size:11px; color: #15415f; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
a.container-link:visited { color: #999999; }
a.container-link:hover { background-color:#C5049E; color: #fff; }

.container-fixed {
	margin: 0px 0px 19px 0px;
	height: 198px;
	width: auto;
	font-family: tahoma, "Trebuchet MS";
	font-size: 11px;
	color: #23314c;
	text-decoration: none;
	padding: 12px 0px 0px 0px;
}

.td-up {
	border-left: 1px solid #e5e5e5;
	padding: 18px 18px 0px 18px;
	width: 196px;
	height:105px;
}

.column {
	height: auto;
	width: 220px;
	margin-left: 10px;
	float: left;
}

.td-down {
	border-left: 1px solid #e5e5e5;
	padding: 0px 18px 0px 18px;
	width: 196px;
}

ul.menu {
	margin:0px;
	padding: 0px;
	list-style-type: none;
}

.headline {
	height: auto;
	margin-bottom: 25px;
	font: 12px "Lucida Console", "Trebuchet MS", sans-serif;
	color: #333;
}

.headline h2 {
	color:#C5049E;
}

.headline p { margin: 0 10px 0 0; }

.border {
	background: #E5E5E5;
	margin: 10px 0px;
	height: 1px;
	clear: both;
}

dl#portfolio dt { margin-bottom: 1px; }

.folio-info {
	font: 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #152A5F;
	padding: 3px 10px;
	margin: 1px 0px 0px 0px;
	background: #E5E5E5;
}

div.picture {
	background: #E5E5E5;
	width: 559px;
	padding: 10px 10px 10px 11px;
}

.folio-info h2 {
	font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 5px 0;
	color: #C5049E;
}


.collapse {
	font: bold 8px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #666;
	text-transform: uppercase;
}

.content {
        width:100%
	height: auto;
	/*margin:0px 56px 10px 56px;*/
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.content-box {
	float: left;
	height: 30px;
	width: 348px;
	text-align: center;
}

.content-box2 {
	float: left;
	height: auto;
	width: 300px;
	margin: 0px 0px 0px 30px;
}

.content-box2 h3 { font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; color: #012867; }

input.name-in, input.mail-in  { font: 10px Arial, Helvetica, sans-serif; border: 0px; display: block;width: 220px; height: 27px; background-color: #E5E5E5; margin-bottom:10px; padding: 5px 0px 0px 5px; }

input.send-in {
	height: 165px;
	width: 50px;
	float: right;
	display: block;
	border: 0px;
	background-color: #E5E5E5;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #012867;
	cursor:pointer;
}
input.send-in:hover {
	background-color: #C5049E;
	color: #FFF;
}

textarea.message-in {
	font: 10px Arial, Helvetica, sans-serif;
	border: 0px;
	width: 225px;
	background-color: #E5E5E5;
	display: inline-block;
	height: 80px;
}

.content-box img { margin-bottom: 3px; }

a.project-link {
	font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #152A5F;
	text-decoration: none;
}

.clear {
	clear: both;
	height: 0px;
}

input.error {
 	border:1px solid #C5049E !important;
	width: 218px;
	height: 25px !important;
}

textarea.error {
	border:1px solid #C5049E !important;
	width: 223px !important;
	height: 78px;
}

.bluebox {
	color: #333;
	font: 12px "Lucida Console", "Trebuchet MS", sans-serif;
}


.required { color: red; font-weight:bold; font-family: Mural, cursive; font-size:26px; font-weight: lighter; line-height:1px; vertical-align: middle; }


/* Content */
.entry-content { position:relative; }
.post { position:relative;}
#entry-author-info { border-top:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; padding:16px; margin:10px 0; }
#author-avatar { float:left; margin:0 20px 0 0; width:60px; height:60px; }
#author-description { float:left; }

/* Comments */

.comment {  margin-bottom:20px; background: url(images/comments_back.jpg) no-repeat right bottom;  }
.comment-meta, .comment-author { width:200px; }
.comment-body { float:right; width:580px; }
.commentlist { list-style:decimal; }

/* Widgets */
#footer-widget-area { height:auto; overflow-x:hidden; overflow:hidden; margin-top:10px; }
#footer-widget-area  a { color: #333; font-family: 'FRHopper430',Arial,sans-serif; font-size:12px; text-decoration:none; }
#footer-widget-area  a:hover { text-decoration:underline; color: #152a5f;}
/*#second, #third { margin:0 0 0 25px; }*/
.widget-area { float:left; width:250px; }
.widget-area li { padding:3px 0; }
.widget-container { float:left;}


/* Navigation */
.navigation { height: 26px; }
.nav-previous { display:inline-block; float:left; margin-left:10px; }
.nav-next { display:inline-block; float:right; margin-right:10px;  }

.nav-previous a, .nav-next a { padding:7px 10px; border:none; no-repeat 6px center;  font: 12px "Lucida Console", "Trebuchet MS", sans-serif; text-transform: uppercase; }
.nav-previous a:hover, .nav-next a:hover {background: #C5049E; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;  color: #fff; text-decoration:none; }

.more-link { color: #152A5F; padding:6px 8px; border:none; no-repeat 6px center;  font: 10px "Lucida Console", "Trebuchet MS", sans-serif; text-transform: uppercase; position:relative; left: -8px; }
.more-link:hover {background: #152A5F; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;  color: #fff; text-decoration:none; }

#content { /*width: 800px;*/ }
.imageContainer {  margin: 0 18px 20px 0; width: 247px; height:152px; /*overflow:hidden;*/ float:left; position:relative; }
.imageSroller { width:550px; height:152px; position:relative; }
.portfolio-item, .portfolio-info { width: 247px; height:152px; position:absolute; top:0; left:0; z-index:10;}
.portfolio-info { z-index:9; }
.portfolio-item { box-shadow: 1px 1px 5px #ccc; -moz-box-shadow:1px 1px 5px #ccc; -webkit-box-shadow:1px 1px 5px #ccc; }
.portfolio-item img { border:1px solid #ccc; } #portfolio-item img:hover { border:1px solid #152A5F; opacity: 0.9; }
.portfolio-info h2 { display:inline-block; margin:0 0 5px 0; }
.portfolio-info h2 > a { font-size: 16px !important;} #portfolio-item h2 > a:hover { text-decoration:none; border-bottom: 2px groove #C5049E; } 
.portfolio-info .more-link { margin-left:8px; }
.projectUrl {  }
.thumbImage { background: #ccc; height:200px;  }

.hr_line { height: 1px; background: none repeat scroll 0% 0% rgb(229, 229, 229); margin:10px 0; }
.site_url { color: #333; font-family: 'FRHopper430',Arial,sans-serif; font-size:11px; text-decoration:none; }
.site_url:hover { text-decoration:underline; color: #152a5f; }