/* Portfolio CHR Designer - 2010 */
@font-face {font-family: 'Angryblue'; src: url('http://www.chrdesigner.com/font/angrc-webfont.eot'); src: url('http://www.chrdesigner.com/font/angrc-webfont.eot?iefix') format('eot'), url('http://www.chrdesigner.com/font/angrc-webfont.woff') format('woff'), url('http://www.chrdesigner.com/font/angrc-webfont.ttf') format('truetype'), url('http://www.chrdesigner.com/font/angrc-webfont.svg#webfont1d582RYH') format('svg');}
@font-face { font-family: 'Helvetica'; src: url('http://www.chrdesigner.com/font/helvetica-webfont.eot'); src: url('http://www.chrdesigner.com/font/helvetica-webfont.eot?iefix') format('eot'), url('http://www.chrdesigner.com/font/helvetica-webfont.woff') format('woff'), url('http://www.chrdesigner.com/font/helvetica-webfont.ttf') format('truetype'), url('http://www.chrdesigner.com/font/helvetica-webfont.svg#webfontkgKSAqlq') format('svg');}
@font-face {font-family: 'Qlassik'; src: url('http://www.chrdesigner.com/font/qlassik_tb-webfont.eot'); src: url('http://www.chrdesigner.com/font/qlassik_tb-webfont.eot?iefix') format('eot'), url('http://www.chrdesigner.com/font/qlassik_tb-webfont.woff') format('woff'), url('http://www.chrdesigner.com/font/qlassik_tb-webfont.ttf') format('truetype'), url('http://www.chrdesigner.com/font/qlassik_tb-webfont.svg#webfontchL4G5zN') format('svg');}
@font-face {font-family: 'QlassikBold'; src: url('http://www.chrdesigner.com/font/qlassikbold_tb-webfont.eot'); src: url('http://www.chrdesigner.com/font/qlassikbold_tb-webfont.eot?iefix') format('eot'), url('http://www.chrdesigner.com/font/qlassikbold_tb-webfont.woff') format('woff'), url('http://www.chrdesigner.com/font/qlassikbold_tb-webfont.ttf') format('truetype'), url('http://www.chrdesigner.com/font/qlassikbold_tb-webfont.svg#webfont1NCRgftQ') format('svg');}

span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:none; font-size:100%; vertical-align:baseline;}
ul, ol{list-style:none}
section, article, aside, header, footer, nav, dialog, figure{display:block;}
* {margin:0 auto; padding:0;}
.clear{clear:both;}
html{background:url(../images/background_html.jpg); overflow-x:hidden;}
#container{width:100%; float:left; text-align:center; color:#FFFFFF;}
header{background:url(../images/background_body.jpg) top center no-repeat; width:100%; height:245px; text-align:center;}
header #header{width:990px; height:245px;}
header #social_media{float:right; width:235px; margin-top:5px;}
header #social_media ul li{list-style-type:none;}
header #social_media ul li a{float:left; display:inline; width:32px; height:32px; text-indent:-15000px; background-image:url("../images/icons/icons_sprite.png");}
header #social_media ul li a.blog{background-position:0 0}
header #social_media ul li a.blog:hover{background-position:0 -32px}
header #social_media ul li a.facebook{background-position:-32px 0}
header #social_media ul li a.facebook:hover{background-position:-32px -32px}
header #social_media ul li a.twitter{background-position:-64px 0}
header #social_media ul li a.twitter:hover{background-position:-64px -32px}
header #social_media ul li a.deviantart{background-position:-96px 0}
header #social_media ul li a.deviantart:hover{background-position:-96px -32px}
header #social_media ul li a.delicious{background-position:-128px 0}
header #social_media ul li a.delicious:hover{background-position:-128px -32px}
header #social_media ul li a.linkedin{background-position:-160px 0}
header #social_media ul li a.linkedin:hover{background-position:-160px -32px}
header #social_media ul li a.rss{background-position:-192px 0}
header #social_media ul li a.rss:hover{background-position:-192px -32px}	
header hgroup{float:left; margin:51px 0 0 25px;}
header hgroup h2{width:201px; height:132px; background:url(../images/logo.png) top center no-repeat;}
header hgroup h2 span{display:none;}
header #about{float:left; width:710px; margin:12px 0 0 35px;  background:url(../images/pattern_about.png); -moz-border-radius: 10px; -webkit-border-radius: 10px;  -moz-box-shadow:#0e0e0e 0px 0px 15px; -webkit-box-shadow:#0e0e0e 0px 0px 15px;}
header #about h1{font-family:Qlassik, Helvetica, Arial, sans-serif; font-weight:normal; text-align:left; font-size:16px; color:#b88304; padding:18px 10px 18px 10px;}
header #about h1 strong{font-size:20px; color:#FFFFFF;}
header #about h1 strong a{color:#FFFFFF; text-decoration:none;}
header #toggle{margin-top:20px; z-index:0;}
img#block{width:803px; float:left; height:52px; z-index:999; margin:20px 0 0 0;}
header #projects{float:right; cursor:pointer; width:154px; height:48px; background:url(../images/btn_all_peojects.png) top center no-repeat; padding:4px 0 0 15px; margin:0 18px 0 0;}
header #projects h4{font-family:Angryblue; font-size:20px; float:left;}
header #projects h4 strong{font-size:17px;}
header #projects img{float:left; margin:10px 0 0 10px;}
header #list_allprojects{margin:5px 15px 0 0; padding:0; text-align:left; z-index:1; position:relative;}
header #list_allprojects #list_allprojects_top{background:url(../images/list_allprojects_top.png) top center no-repeat; width:965px; height:19px;}
header #list_allprojects #list_allprojects_bottom{background:url(../images/list_allprojects_bottom.png) top center no-repeat; width:965px; height:14px;}
header #list_allprojects ul{background:url(../images/list_allprojects_center.png) top center repeat-y; width:945px; margin:0 0 0 5px; padding:0 10px 0 10px;}
header #list_allprojects ul li{display:inline; font-family:Qlassik Bold, Helvetica, Arial, sans-serif; margin:0 5px 0 5px; line-height:30px;}
header #list_allprojects a{color:#FFFFFF; text-decoration:none;}
header #list_allprojects a:hover{color:#BD9404; text-decoration:underline;}
#content{width:990px; z-index:0; text-align:left;}
#content ul{margin:15px 0 0 0;}
#content .jobs{float:left; width:300px; height:185px; background:#FFFFFF; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow:#FFFFFF 0px 0px 7px; -webkit-box-shadow:#FFFFFF 0px 0px 7px; padding-top:5px; text-align:center; margin:0 15px 45px 15px;}
#content .jobs a{cursor:default;}
#content .jobs a span {position:absolute; z-index:2; background:url(../images/background_txt_jobs.png); width:279px; display: none; min-height:50px; margin:130px 0 0 5px; padding:0 5px 0 5px; font-family:QlassikBold; color:#FFFFFF; text-decoration:none; font-size:13px; text-align:left; font-weight:normal;}
#content .jobs a span strong{font-size:22px;}
#content .jobs a:hover span {display: block;}
#content .jobs .thickbox{float:right; height:40px; background:url(../images/background_click_to_view.png) bottom left no-repeat; text-decoration:none; margin-top:5px; font-family:Helvetica, sans-serif; font-size:11px; color:#676767;}
#content .jobs .thickbox img{float:left; margin-right:5px; cursor:pointer;}
footer{background:url(../images/background_footer.jpg) top center repeat-x #161616; width:100%; min-height:250px; text-align:center; clear:both;}
footer #footer{width:990px;}
footer #footer .links_footer{float:left; width:330px; font-family:Qlassik, Helvetica, Arial, sans-serif; font-size:15px; text-align:left; line-height:27px;}
footer #footer .links_footer h4{font-size:25px; color:#666; margin:14px 0 6px 0;}
footer #footer .links_footer ul{float:left; margin-left:15px;}
footer #footer .links_footer ol{float:left; margin-left:45px;}
footer #footer .links_footer ul li::before{content:'- ';}
footer #footer .links_footer ol li::before{content:'- ';}
footer #footer .links_footer a{color:#FFFFFF; font-weight:normal; text-decoration:none;}
footer #footer h3{font-family:QlassikBold, Helvetica, Arial, sans-serif; color:#666; clear:left; padding-top:12px; margin:0;}
.vcard{font-size:0.09em; color:#161616; margin-top:25px;}
.vcard div{float:left;}
.vcard  a{color:#161616;}
#information_bar{position:fixed; z-index:3; bottom:0; width:100%; height:54px; background:url(../images/information_bar.png) top center repeat-x; text-align:center;}
#information_bar aside{width:990px; margin-top:10px; font-family:QlassikBold; font-size:18px; text-align:left; text-shadow: #666666 1px 1px 8px}
#information_bar aside img{float:left; margin-top:2px;}
#information_bar aside a {color:#151515; text-decoration:none; margin:8px 0 0 5px; float:left;}
#information_bar aside a:hover {color:#666; text-decoration:none;}
#information_bar aside #back_to_top{float:right; margin:0 0 0 0;}

footer #footer .publi{float:left!important; width:100%!important; text-align:center!important; margin:0 0 0 0;}
footer #footer .publi div{margin:auto!important; padding-top:20px;}
footer #footer .publi a[target=_blank] img{border:2px solid #666!important; padding:1px 1px 1px 1px!important; background:#fff!important;}