@charset "utf-8";
/* Prigix - The multimedia showcase of Bogdan Prigorie */


/* RESET TO DEFAULTS */

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	font-weight: inherit;

	font-family:Helvetica, Arial, sans-serif;
	

}

ol, ul {

	list-style: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: "";

}

blockquote, q {

	quotes: "" "";

}


/*END OF RESET*/

body{
	background:url(images/bg_gradient.jpg) repeat-x #a2d8df;
	font-size: 13px;
	color:#0b0b0b;
}

#wrapper{
	width:880px;
	margin:-16px auto;
}

#header{
	height:190px;
	background:url(images/header.jpg) no-repeat;
}


/* MENU STYLES */
#menu{
	display:block;
	float: left;
	margin-top:25px;
	margin-left:30px;
}

#menu li{
	display:block;
	float: left;
	margin-left:5px;
}
#menu li a{
	text-indent:-1999px;
	overflow:hidden;
}
#menu li:first-child{
	margin-left:0px;
}
#about, #about:hover, #about_active{
	display:block;
	background:url(images/btn_about.png) no-repeat;
	width:55px;
	height:30px;
	background-position: 0px 0px;
}
#about:hover{
	background-position:0px -30px;
}
#about_active{
	background-position:0px -65px;
}

#portfolio, #portfolio:hover, #portfolio_active{
	display:block;
	background:url(images/btn_portfolio.png) no-repeat;
	width:70px;
	height:30px;
	background-position: 0px 0px;
}
#portfolio:hover{
	background-position:0px -30px;
}
#portfolio_active{
	background-position:0px -65px;
}

#contact, #contact:hover, #contact_active{
	display:block;
	background:url(images/btn_contact.png) no-repeat;
	width:65px;
	height:30px;
	background-position: 0px 0px;
}
#contact:hover{
	background-position:0px -30px;
}
#contact_active{
	background-position:0px -65px;
}

#blog, #blog:hover{
	display:block;
	background:url(images/btn_blog.png) no-repeat;
	width:45px;
	height:30px;
	background-position: 0px 0px;
}
#blog:hover{
	background-position:0px -30px;
}

#logo{
	display: block;
	float: right;
	width:80px;
	height:25px;
	margin-top:25px;
	margin-right:30px;
}

/* CONTENT */
#content{
	width:820px;
	background:url(images/bg_content.png) repeat-y;
	padding: 0px 30px 0px 30px;
}

#main{
	float:left;
	width:460px;
}

#side{
	float:right;
	width:280px;
}
.big{
	font-size:20px;
}
#side p.right{
	float:right;
}
#emaillink{
	text-decoration:none;
	color:#0b0b0b;
}

#clear{
	clear:both;
}

h1{
	float:left;
	clear:both;
	width:inherit;
	font-size:24px;
	color:#e28d6c;
	line-height:24px;
	margin-top:25px;
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px dotted #8b9698;
}
h1:first-child{
	margin-top:0px;
}

h2{
	float:left;
	clear:both;
	width:inherit;
	font-size:20px;
	color:#e28d6c;
	line-height:20px;
	margin-top:25px;
	padding-bottom:5px;
	border-bottom:1px dotted #8b9698;
}

h2:first-child{
	margin-top:0px;
}

p, #content ul li{
	font-size:13px;
	margin-top:5px;
	margin-bottom:10px;
	line-height:20px;
}

#content ul{
	clear:both;
}

#side p{
	clear:both;
	float:left;
	font-size:11px;
	margin-top:5px;
	margin-bottom:0;
	line-height:16px;
}
#side .float{
	display:block;
	float:right;
	margin-top:0px;
	text-align:right;
}

strong, em{
	font-weight:bold;
	font-style:normal;
}

em{
	color:#fff;
	background:#0b0b0b;
	padding:1px 5px 1px 5px;
	font-weight:normal;
}

.link, #content ul.gallery li p a.link, #content ul.gallery li p a, .award{
	display:block;
	float:right;
	color:#6bbac4;
	text-decoration:none;
	margin-bottom:10px;
}
#content ul.gallery li p a:hover{
	color:#6bbac4;
}
.award{
	display:inline;
	float:none;
}
#content ul.gallery li p a{
	display:inline;
	float:none;
	margin:0;
}

.link:hover, #content ul.gallery li p a.link:hover, #content ul.gallery li p a:hover, .award:hover{
	color:#0b0b0b;
}

table{
	clear:both;
	margin-top:5px;
	margin-bottom:10px;
}
tr{
	border:none;
	background:#ffffff;
}
th, td{
	width:120px;
	padding:0px 3px 0px 3px;
}
th{
	padding-bottom:5px;
}
th, td:first-child{
	background:#FFF;
}
td p{
	margin:0;
	font-size:39px;
	text-align:center;
	color:#8B9698;
	line-height:20px;
}

#myphoto{
	float:left;
	padding:0px 20px 10px 0px;
}
#content ul.gallery{
	margin-left:-16px;
	}
#content ul.gallery li{
	display: -moz-inline-box;
	display: inline-block;
	*display: inline;
	vertical-align: top;
    zoom: 1;
	margin:5px 0px 5px 16px;
}
#content ul.gallery li a.item, #content ul.gallery li p{
	display:block;
	text-decoration:none;
	background:url(images/img_bg.png) #0b0b0b;
	width:240px;
	height:125px;
	padding:10px;
}
#content ul.gallery li a.item:hover{
	background:url(images/img_bg.png) #000;
}

#content ul.gallery li p{
	background:none;
	height:auto;
	padding-top:0px;
	margin-top:5px;
	margin-bottom:5px;
	font-size:11px;
	line-height:16px;
}

.viewhover{
	display:none;
	background:url(images/viewhover.png);
	widows:20px;
	height:20px;
	margin-top:-16px;
	margin-left:210px;
}
#content ul.gallery li a.item:hover .viewhover{
	display:block;
}


/* FOOTER */
#footer{
	height:100px;
	padding:20px 10px 0px 10px;
	background:url(images/bg_footer_top.jpg) no-repeat;
}

#f_box_left, #f_box_middle, #f_box_right{
	float:left;
	height:100px;
	width: 240px;
	margin-left:5px;
	padding:0px 20px 0px 20px;
	background:url(images/bg_footer_content.jpg);
}
#f_box_left:first-child{
	margin-left:0;
}
#f_box_middle{
	width:250px;
}

#f_box_left p, #f_box_right p{
	display:block;
	float:left;
	color:#FFF;
	font-size:11px;
	line-height:16px;
}
#f_box_right a{
	color:#FFF;
	text-decoration:none;
}

#f_box_left p{
	width:120px;
}
#f_box_left ul{
	display:block;
	float:right;
	width:100px;
	margin-top:10px;
}
#f_box_left ul li{
	display:block;
	float:left;
	margin-left:5px;
	margin-bottom:5px;
}
#f_box_left ul li a{
	display:block;
	width:25px;
	height:25px;
	text-indent:-1999px;
	overflow:hidden;
}
#linkedin, #linkedin:hover{
	background:url(images/social_icons.png) 0px 0px no-repeat;
}
#linkedin:hover{
	background:url(images/social_icons.png) 0px -60px no-repeat;
}
#facebook, #facebook:hover{
	background:url(images/social_icons.png) -30px 0px no-repeat;
}
#facebook:hover{
	background:url(images/social_icons.png) -30px -60px no-repeat;
}
#deviantart, #deviantart:hover{
	background:url(images/social_icons.png) -60px 0px no-repeat;
}
#deviantart:hover{
	background:url(images/social_icons.png) -60px -60px no-repeat;
}
#lastfm, #lastfm:hover{
	background:url(images/social_icons.png) 0px -30px no-repeat;
}
#lastfm:hover{
	background:url(images/social_icons.png) 0px -90px no-repeat;
}
#delicious, #delicious:hover{
	background:url(images/social_icons.png) -30px -30px no-repeat;
}
#delicious:hover{
	background:url(images/social_icons.png) -30px -90px no-repeat;
}
#youtube, #youtube:hover{
	background:url(images/social_icons.png) -60px -30px no-repeat;
}
#youtube:hover{
	background:url(images/social_icons.png) -60px -90px no-repeat;
}

#f_box_middle ul{
	display: block;
	margin-top:20px;
	width:230px;
	padding-left:13px;
}
#f_box_middle ul li{
	display:block;
	float:left;
	border-left:dotted 1px #FFF;
}
#f_box_middle ul li:first-child{
	border-left:none;
}
#f_box_middle ul li a, #f_box_middle ul li a:hover{
	color:#FFF;
	font-size:13px;
	line-height:16px;
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
}
#f_box_middle ul li a:hover{
	color:#0b0b0b;
}
#f_box_middle p{
	padding-top:17px;
	color:#FFF;
	font-size:11px;
	line-height:16px;
	text-align:center;
	clear:both;
}

/* CONTACT */
#myform{
	float:left;
	margin-top:5px;
	margin-bottom:10px;
	width:inherit;
}
#myform p{
	display:inline;
	float:none;
}

.formline{
	margin-bottom:10px;
	background:#daeff2;
	padding:2px 3px 2px 5px;
	width:340px;
	border: 1px solid #b5e0e5;
}

#formbox{
	margin-bottom:15px;
	background:#daeff2;
	padding:2px 3px 2px 5px;
	border: 1px solid #b5e0e5;
}
#formbox p{
	display:block;
	float:left;
	margin-top:0;
}

input, textarea{
	background:#daeff2;
	border:none;
	width:auto;
}
.formline input{
	width:240px;;
}
textarea{
	margin-left:5px;
}

#formbtn input, #formbtn input:hover{
	padding:3px;
	background:#b5e0e5;
	border: 1px solid #b5e0e5;
}
#formbtn input:hover{
	background:#daeff2;
}
#formbtn p{
	color:#e28d6c;
}

#map{
	margin-top:5px;
	margin-bottom:10px;
}