/*
Theme Name: Unaghii
Description: The theme for Victor Abadio's portfolio
Version: 1.0
Author: Victor Abadio
Author URI: http://www.unaghii.com/
Tags: orange, minimal, portfolio
*/

*{margin:0;padding:0;}
body{
	margin:0;
	padding:0;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	background:url(images/back_top-line.jpg) repeat-x #ff5500;
	color:#FFF;
}
a{text-decoration:none;}
a:active, a:focus{outline:none;}
img{border:none;}
h1,h2,h3,h4,h5,h6{font-family:Arial, Helvetica, sans-serif;letter-spacing:-1px;}
p{font-size:12px;line-height:16px;text-align:justify;}

#wrapper{width:900px;margin:0px auto;}
#container_total{width:900px;float:left;background:url(images/back_effects.jpg) no-repeat top left;}


/* ------------------------ HEADER ------------------------ */
#wrapper #container_header{width:900px;height:183px;float:left;margin:4px 0 0 0;border-bottom:#171614 5px solid;}

#container_header #logo{width:156px;height:156px;float:left;margin:15px 0 0 0;}
#container_header #logo h1{float:left;}
#container_header #logo h1 a{
	width:156px;
	height:156px;
	float:left;
	text-indent:-99999px;
	overflow:hidden;
	background:url(images/img_logo.jpg) no-repeat 0 0;
}
#container_header #logo h1 a:hover{background-position:0 -156px;}

#container_header #container_lang{width:723px;float:right;margin:0;}
#container_header #lang{float:right;margin:0;}
#container_header #lang a{float:left;padding:10px;color:#171614;font-weight:bold;}
#container_header #lang a:hover{color:#FFFFFF;}
#container_header #lang a.lang_active{color:#fff200;background:url(images/back_lang-active.png) repeat;}

#container_header #container_menu{width:723px;float:right;margin:0;}

#container_header #info{width:177px;height:46px;float:left;margin:37px 0 0 0;}
#container_header #info h3{
	width:177px;
	height:46px;
	float:left;
	background:url(images/img_info.png) no-repeat;
	*background:url(images/img_info_IE.jpg) no-repeat;
	overflow:hidden;
	text-indent:-9999px;
}


/* ------------------------ MENU ------------------------ */
#container_header #menu{height:21px;float:right;margin:50px 0 0 0;}
#menu ul{height:21px;float:left;list-style:none;}
#menu ul li{height:21px;float:left;display:inline-block;}
#menu ul li a{
	margin:0 27px 0 0;
	height:21px;
	float:left;
	background:url(images/back_menu.png) no-repeat 0 0;
	*background:url(images/back_menu_IE.jpg) no-repeat 0 0;
	overflow:hidden;
	text-indent:-99999px;
}

#menu ul li#about a{width:72px;background-position:0 0;}
#menu ul li#about a:hover{background-position:0 -21px;}

#menu ul li#downloads a{width:129px;background-position:-72px 0;}
#menu ul li#downloads a:hover{background-position:-72px -21px;}

#menu ul li#contact a{width:91px;background-position:-201px 0;}
#menu ul li#contact a:hover{background-position:-201px -21px;}

#menu ul li#eco a{width:48px;background-position:-292px 0;margin:0;}
#menu ul li#eco a:hover{background-position:-292px -21px;}


/* ------------------------ WORK MENU ------------------------ */
#container_header #work_menu{width:743px;height:43px;float:left;margin:22px 0 0 1px;border-top:#171614 1px dotted;}
#container_header #work_menu ul{float:left;margin:0 0 0 21px;list-style:none;}
#container_header #work_menu ul li#work{
	width:86px;
	height:21px;
	margin:12px 0 0 0;
	background:url(images/back_menu.png) no-repeat -340px 0;
	*background:url(images/back_menu_IE.jpg) no-repeat -340px 0;
	overflow:hidden;
	text-indent:-9999px;
}
#container_header #work_menu ul li{
	padding:0 5px 0 0;
	float:left;
	display:inline-block;
	background:url(images/back_separator-menu.png) no-repeat right center;
	*background:none;
}
#container_header #work_menu ul li:last-child{background:none;}
#container_header #work_menu ul li a{
	padding:6px 13px 7px 13px;
	margin:4px 0 4px 0;
	float:left;
	font:18px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#171614;
	letter-spacing:-1px;
}
#container_header #work_menu ul li a span{color:#ffab6f;font-size:16px;letter-spacing:normal;}
#container_header #work_menu ul li a:hover{background:#171614;color:#FFFFFF;}
#container_header #work_menu ul li.active a{background:#171614;color:#FFFFFF;}


/* ------------------------ CONTENT ------------------------ */
#content{width:900px;float:left;margin:50px 0 0 0;}


/* ------------------------ BOTTOM BAR ------------------------ */
#bottom-bar{width:900px;float:left;margin:40px 0 0 0;border-top:5px solid #171614;}
#bottom-bar .bottom{width:280px;height:208px;margin:30px 10px 0 10px;float:left;position:relative;}
#bottom-bar .bottom h4{
	width:100%;
	height:22px;
	float:left;
	margin:0 0 20px 0;
	font:22px Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:22px;
	color:#171614;
}
#bottom-bar .bottom h4 small{font:18px Arial, Helvetica, sans-serif;font-weight:bold;}
#bottom-bar .bottom h4 span{font-weight:bold;color:#FFFFFF;}
#bottom-bar .bottom p{width:100%;float:left;margin:0 0 20px 0;line-height:17px;}
#bottom-bar .bottom p a{color:#fff200;}
#bottom-bar .bottom p a:hover{color:#171614;}
#bottom-bar .bottom p.twitter_msg{font:15px Georgia, "Times New Roman", Times, serif;font-style:italic;}
#bottom-bar .bottom p.twitter_msg abbr{border:none;color:#903000;font-style:normal;}
#bottom-bar .bottom a.bottom_link{float:right;position:absolute;right:0;bottom:0;color:#FFFFFF;background:#171614;padding:7px;}
#bottom-bar .bottom a.bottom_link:hover{background:#FFFFFF;color:#ff5500;}
#bottom-bar .bottom ul{width:100%;float:left;margin:0 0 10px 0;list-style:none;}
#bottom-bar .bottom ul li{width:100%;float:left;border-bottom:1px solid #FF7733;}
#bottom-bar .bottom ul li a{width:260px;padding:10px;float:left;color:#FFFFFF;}
#bottom-bar .bottom ul li#twitter a{background:url(images/icon_twitter.png) no-repeat 253px center;_background:none;}
#bottom-bar .bottom ul li#twitter a:hover{background:url(images/icon_twitter.png) no-repeat 253px center #171614;_background:none;}
#bottom-bar .bottom ul li#behance a{background:url(images/icon_behance.png) no-repeat 253px center;_background:none;}
#bottom-bar .bottom ul li#behance a:hover{background:url(images/icon_behance.png) no-repeat 253px center #171614;_background:none;}
#bottom-bar .bottom ul li#lastfm a{background:url(images/icon_lastfm.png) no-repeat 253px center;_background:none;}
#bottom-bar .bottom ul li#lastfm a:hover{background:url(images/icon_lastfm.png) no-repeat 253px center #171614;_background:none;}
#bottom-bar .bottom ul li#flickr a{background:url(images/icon_flickr.png) no-repeat 253px center;_background:none;}
#bottom-bar .bottom ul li#flickr a:hover{background:url(images/icon_flickr.png) no-repeat 253px center #171614;_background:none;}


/* ------------------------ FOOTER ------------------------ */
#container_footer{width:900px;float:left;margin:30px 0 0 0;padding:0 0 10px 0;}
#container_footer p{font-size:11px;}
#container_footer #container_message{width:900px;height:45px;float:left;margin:0;background:#ff6600;}
#container_footer #container_message #message{float:left;margin:12px 10px 10px 10px;}
#container_footer #container_message #message h4{float:left;font-size:18px;font-weight:bold;color:#171614;}
#container_footer #container_message #message span{
	color:#a23601;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:normal;
	letter-spacing:normal;
}
#container_footer #container_message #message_link{float:right;margin:8px 10px 10px 10px;}
#container_footer #container_message #message_link a{
	float:left;
	font:24px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#ffffff;
	font-weight:bold;
	letter-spacing:-1px;
}
#container_footer #container_message #message_link a:hover{color:#fff200;}
#container_footer #copyrights{float:left;margin:10px 0 0 0;opacity:0.7;}
#container_footer #wordpress{float:right;margin:10px 0 0 0;opacity:0.7;}
#copyrights a, #wordpress a{color:#fff200;}
#copyrights a:hover, #wordpress a:hover{color:#171614;}


/* ------------------------ HOME ------------------------ */
#presentantion{width:580px;float:left;margin:0 10px 0 10px;}
#presentantion h2{width:100%;float:left;font-size:22px;text-shadow:#e84d00 1px 1px;line-height:21px;}
#presentantion p{width:100%;float:left;margin:10px 0 0 0;line-height:18px;}
#presentantion ul{width:100%;float:left;margin:10px 0 0 0;list-style:none;}
#presentantion ul li{width:100%;float:left;margin:5px 0 0 0;line-height:16px;font-weight:bold;}
#presentantion ul li strong{color:#fff200;}

#featured{margin:0 10px 0 10px;}


/* ------------------------ POST ------------------------ */
.post{width:280px;padding:0 0 30px 0;float:left;margin:30px 10px 0 10px;border-bottom:#ff7733 1px solid;}
.post .post_tb{width:280px;height:120px;float:left;border-bottom:#ff6e26 3px solid;background:#000000;}
.post .post_tb a img{opacity:0.3;}
.post:hover .post_tb a img{opacity:1.0;}
.post h2{width:100%;float:left;margin:10px 0 0 0;}
.post h2 a{width:100%;float:left;font-size:17px;text-shadow:#e84d00 1px 1px;color:#FFFFFF;}
.post h2 a:hover{color:#fff200;}
.post h2 span{color:#fff200;}
.post .post_links{width:100%;float:left;margin:10px 0 0 0;color:#171614;font-size:13px;}
.post .post_links .category{float:left;font-weight:bold;}
.post .post_links .category a{color:#171614;font-size:13px;}
.post .post_links .category a:hover{color:#fff200;}
.post .post_links .post_link{float:right;color:#fff200;}
.post .post_links .post_link:hover{color:#FFFFFF;}

.post:hover{background:#ff6315;}

#separators{width:900px;height:6px;margin:10px 0 0 0;float:left;}
.separators_withmargin{margin:30px 0 0 0 !important;}
.twocols{width:600px !important;padding:0 0 0 300px !important;}
.separators_cols{width:280px;height:6px;margin:0 10px 0 10px;float:left;background:url(images/back_dotted-separator.gif) repeat-x;}
.separators_2cols{width:580px;height:6px;margin:0 10px 0 10px;float:left;background:url(images/back_dotted-separator.gif) repeat-x;}
.title_separator{width:280px;height:6px;margin:0  0 20px 0;float:left;background:url(images/back_dotted-separator.gif) repeat-x;}


/* ------------------------ CATEGORY ------------------------ */
#page_title{width:880px;margin:0 10px 0 10px;float:left;}
#page_title h4{float:left;font-size:40px;text-shadow:#e84d00 1px 1px;color:#FFFFFF;}


/* ------------------------ SINGLE ------------------------ */
#post_title{width:900px;margin:0;float:left;}
#post_title #categ{
	width:280px;
	margin:0 10px 0 10px;
	float:left;
	font:40px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-shadow:#e84d00 1px 1px;
	color:#FFFFFF;
}
#post_title #categ a{font:40px Arial, Helvetica, sans-serif;text-shadow:#e84d00 1px 1px;color:#FFFFFF;font-weight:bold;}
#post_title #categ a:hover{color:#fff200;}
#post_title #title{width:580px;margin:0 10px 0 10px;float:right;}
#post_title #title h1{float:left;font-size:40px;text-shadow:#e84d00 1px 1px;color:#FFFFFF;}
#post_title .post-edit-link{float:right;margin:20px 0 0 0;color:#FFFFFF;font-size:12px !important;}

#entry_sidebar{width:280px;margin:0 10px 0 10px;float:left;}
#entry_sidebar h4{width:100%;float:left;margin:20px 0 0 0;font-size:25px;text-shadow:#e84d00 1px 1px;color:#FFFFFF;}
#entry_sidebar p{width:280px;margin:20px 0 0 0;float:left;font-size:13px;line-height:18px;}
#entry_sidebar p a{color:#fff200;}
#entry_sidebar p a:hover{color:#FFFFFF;}
#entry_sidebar p strong{color:#171614;}
#entry_sidebar #url{width:280px;margin:20px 0 0 0;float:left;}
#entry_sidebar #url a{
	width:240px;
	padding:20px;
	float:left;
	background:#171614;
	font:16px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
}
#entry_sidebar #url a:hover{background:#FFFFFF;color:#ff5500;}

#entry_content{width:580px;margin:10px 10px 0 10px;float:left;}
#entry_content h4{width:100%;float:left;margin:30px 0 0 0;font-size:25px;text-shadow:#e84d00 1px 1px;color:#FFFFFF;}
#entry_content p{width:580px;margin:20px 0 0 0;float:left;font-size:13px;line-height:18px;}
#entry_content p strong{color:#171614;}
#entry_content p a{color:#fff200;}
#entry_content p a:hover{color:#171614;}


/* ------------------------ NAVIGATION ------------------------ */
#navigation{width:600px;margin:30px 0 0 0;float:left;padding:0 0 0 300px;}
#navigation div{
	width:280px;
	margin:0 10px 0 10px;
	float:left;
	font:20px Arial, Helvetica, sans-serif;
	text-shadow:#e84d00 1px 1px;
	color:#FFFFFF;
	font-weight:bold;
}
#navigation div a{color:#FFFFFF;letter-spacing:-1px;}
#navigation div a:hover{color:#fff200;}


/* ------------------------ ABOUT ME ------------------------ */
#work-list{width:580px;float:left;list-style:none;margin:20px 0 20px 0;}
#work-list li{width:270px;padding:10px 0 10px 0;margin:0 10px 0 10px;float:left;display:inline-block;border-bottom:1px solid #FF7733;}
#work-list li h5{width:270px;float:left;margin:0 0 7px 0;font:18px Arial, Helvetica, sans-serif;font-weight:bold;color:#fff200;}
#work-list li p{width:270px;float:left;margin:0;}
a.cv{color:#FFFFFF;background:#171614;padding:7px;}
a.cv:hover{background:#FFFFFF;color:#ff5500 !important;}


/* ------------------------ 404 ------------------------ */
#error404{width:100%;float:left;list-style:none;margin:20px 0 0 0;}
#error404 li{width:100%;float:left;border-bottom:1px solid #FF7733;}
#error404 li a{width:560px;float:left;padding:10px;color:#fff200;font-size:14px;font-weight:bold;}
#error404 li a:hover{color:#171614;}


/* ------------------------ SPLASH PAGE ------------------------ */
#splash{background:url(http://unaghii.com/wp-content/uploads/2010/02/wall_the-hourglass1920x1200.jpg) center top no-repeat #000000;}
#logo_splash{
	width:412px;
	height:412px;
	text-indent:-99999px;
	background:url(images/img_logo-splash.png);
	position:absolute;
	top:10%;
	right:10%;
}
#texts_splash{width:70%;position:absolute;bottom:10%;right:0;}
#title_splash{width:100%;float:left;background:#00ffff;}
#title_splash h2{
	float:left;
	background:#00ffff;
	margin:10px;
	font:22px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#171614;
	letter-spacing:-1px;
}
#languages_splash{
	width:100%;
	float:left;
	background:#171614;
}
.lang_splash{width:300px;float:left;padding:15px;}
.lang_splash:hover{background:#201f1d;}
.lang_splash h3 a{
	font:23px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#ff5500;
	letter-spacing:-1px;
	float:left;
	width:100%;
}
.lang_splash h3 a:hover{color:#00ffff;}
.lang_splash p a{
	font:23px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff200;
	letter-spacing:-1px;
	float:left;
	width:100%;
}
.lang_splash p a:hover{color:#00ffff;}

/* ------------------------ DOWNLOADS ------------------------ */
.download_link{
	width:280px;
	margin:25px 0 15px 0;
	float:left;
	font:40px Arial, Helvetica, sans-serif;
	text-shadow:#e84d00 1px 1px;
	color:#fff200;
	font-weight:bold;
}
.download_link:hover{color:#FFFFFF;}

/* ------------------------ CONTACT ------------------------ */
#contact_form{
	width:580px;
	float:left;
	margin:30px 0 0 0;
	position:relative;
}
#contact_form p{width:580px;float:left;margin:10px 0 0 0;position:relative;}
#contact_form p label{font:14px Arial, Helvetica, sans-serif;position:absolute;top:6px;left:6px;color:#666666;font-weight:bold;}
#contact_form p label span{font-weight:normal;}
#contact_form p input, #contact_form p textarea{
	width:568px;
	padding:4px;
	float:left;
	border:2px solid #FF7733;
	font:14px Arial, Helvetica, sans-serif;
	color:#333333;
	letter-spacing:1px;
}
#contact_form p textarea{height:100px;}
#contact_form #btn_send{
	float:right;
	margin:20px 0 0 0;
	padding:7px 20px 7px 20px;
	background:#171614;
	font:14px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	letter-spacing:1px;
	border:none;
	cursor:pointer;
	font-weight:bold;
}
#contact_form #btn_send:hover{background:#FFF200;color:#171614;}
.ok{background:#FFFFFF;color:#333333;}
.error{background:#fababd;color:#000000;}

#contact_form #alerts{
	margin:0;
	font:13px Arial, Helvetica, sans-serif !important;
	font-weight:bold !important;
}
.alert_error{
	width:546px !important;
	padding:5px 5px 5px 25px;
	border:2px solid #FF7733;
	margin:10px 0 0 0 !important;
	background:url(images/icon_error.png) no-repeat 5px center #9e0b0f;
	color:#FFFFFF;
}
.alert_success{
	width:546px !important;
	padding:5px 5px 5px 25px;
	border:2px solid #FF7733;
	margin:10px 0 0 0 !important;
	background:url(images/icon_success.png) no-repeat 5px center #8dc73f;
	color:#345512;
}

/* ABOUT */
#photo-me{
	width:150px;
	height:200px;
	float:right;
	border:3px solid #FF7733;
	margin:20px 10px 10px 0;
	background:url(images/photo-me.jpg) no-repeat;
}
.p_photo-side{width:400px !important;}