/* Theme Name: Sanjosearticles Theme URI: http://vit.ie Description: Director Version: 1.0 Author: www.VIT.ie Author URI: http://www.vit.ie Tags: none */ @import "css/reset.css"; @import "css/typography.css"; /* FONTS @font-face { font-family: 'BebasNeue'; src: url('fonts/bebasneue_ttf-webfont.eot#') format('eot'), url('fonts/bebasneue_ttf-webfont.woff') format('woff'), url('fonts/bebasneue_ttf-webfont.ttf') format('truetype'), url('fonts/bebasneue_ttf-webfont.svg#webfontFHzvtkso') format('svg'); font-weight: 100; font-style: normal; } @font-face { font-family: 'TexGyreHerosBold'; src: url('fonts/texgyreheroscn-bold-webfont.eot#') format('eot'), url('fonts/texgyreheroscn-bold-webfont.woff') format('woff'), url('fonts/texgyreheroscn-bold-webfont.ttf') format('truetype'), url('fonts/texgyreheroscn-bold-webfont.svg#webfontFHzvtkso') format('svg'); font-weight: 100; font-style: normal; } @font-face { font-family: 'TexGyreHerosReg'; src: url('fonts/texgyreheroscn-regular-webfont.eot#') format('eot'), url('fonts/texgyreheroscn-regular-webfont.woff') format('woff'), url('fonts/texgyreheroscn-regular-webfont.ttf') format('truetype'), url('fonts/texgyreheroscn-regular-webfont.svg#webfontFHzvtkso') format('svg'); font-weight: 100; font-style: normal; } */ body {background:#000; width:100%; font-family:‘Arial Narrow’,Tahoma,Geneva,Gill Sans / Gill Sans MT, sans-serif; font-size: 100%; text-align:center;} /* HEADER */ #header_background {position:absolute; left:0px; top:0px; background:transparent url('images/header_background.png') repeat-x scroll; width:100%; height:300px; z-index:-1; overflow:visible;} #header {width:1000px; height:120px; margin:0px auto; text-align:left;} #header_description {width:50px; height:20px;} #header_divider {width:100%; height:1px; border-top:dotted 1px #222233;} .header_name {float:left;color:#556;font-size:11px;width:200px;padding-left:10px; font-family:verdana,Tahoma,Geneva, sans-serif; } .header_name h1 {float:left;padding-top:13px; padding-bottom:3px;/*width:370px;*/overflow:hidden;} .header_description h2 {position:absolute; font-family:‘Arial Narrow’,Tahoma,Geneva; font-size:15pt; letter-spacing:0px; color:#555566; margin:70px 0px 0px 20px;} ul#menu-top {float:right;letter-spacing: 0px; font-size: 10pt; /*text-transform:uppercase; */ padding-right:8px; height:90px; display:block;font-family:‘Arial Narrow’,Tahoma,Geneva, sans-serif; /*margin-top:78px;line-height:90px;*/ } ul#menu-top li {float:left; display:inline;padding:82px 8px 21px 8px; } ul#menu-top li.current_page_ancestor, ul#menu-top li.current_page_item, ul#menu-top li.current-menu-item { padding:82px 8px 21px 8px; color:#fff; background:transparent url('images/nav_backdrop.png') repeat scroll; } ul#menu-top li.current_page_ancestor a, ul#menu-top li.current_page_item a, ul#menu-top li.current-menu-item a{ color:#fff; font-family:‘Arial Narrow’,Tahoma,Geneva, sans-serif; } ul#menu-top li a {text-decoration:none; color:#555566;} ul#menu-top li a:hover {color:#fff;} #page_padding {padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;} #page_padding_filmography {padding:0px;} #page_padding_video {padding:0px;} /* FRONT PAGE CONTENT */ #page_content_home {width:1000px; margin:0px auto;} .center_home {margin:0px auto;} /* FRONTPAGE IMAGE BANNER */ #container {width:100%; height:394px; margin-top:20px;} #example {position:relative; width:920px; height:394px; margin:0px auto;} #slides {width:920px; height:394px;} .slides_container {width:920px; height:394px;} .pagination {display:none;} #slides .next {display:none;} #slides .prev {display:none;} /* BIOGRAPHY CONTENT */ #bio {width:100%; background:#111115;} #page_content_biography {width:1000px; margin:0px auto;} #biography_content {text-align:left;} #biography_content {margin:0px; padding-bottom:1px;} #biography_content p {text-align:left; font-family:Tahoma,Arial; font-size:13pt; line-height:20px; word-spacing: 0px; color:#777788; font-weight:100;} #biography_content label {color:#0098FF; font-family:TexGyreHerosBold,Tahoma,Arial;font-weight:bold;} #biography_content strong {font-family:Tahoma,Arial; color:#fff; font-weight:100} #biography_content a {text-decoration:none; color:#888899; font-family:TexGyreHerosBold,Tahoma,Arial;font-weight:bold;} #biography_content ul {width:1000px;} #biography_content li {display:inline-block; overflow:hidden; vertical-align:top;} #biography_content .biography_text {width:520px; text-align:left;} #biography_content .biography_images {width:375px; padding-left:35px;} #biography_content .biography_images li {display:block; width:375px; text-align:left;} /* FILMOGRAPHY CONTENT */ #page_content_filmography {width:1000px; margin:0px auto; padding-bottom:0px;} #filmography_content {text-align:left;} #filmography_content a {text-decoration:none;} #filmography_content li {width:958px; height:200px; overflow:hidden; margin-bottom:5px;} #filmography_content li:hover {background:#111118; border:solid 1px #222228; margin:-1px -1px 4px -1px;} #filmography_content img {float:left; padding-right:15px;} #filmography_content h1 {font-family:‘Arial Narrow’,Tahoma,Geneva; color:#aaaabb; text-decoration:none; font-weight:100; font-size:24pt; padding-bottom:0px; margin-top:-10px; border-bottom:dotted 1px #222;} #filmography_content h2 a {font-family:‘Arial Narrow’,Tahoma,Geneva; color:#015287; font-weight:100; font-size:13pt; float:right; margin-top:-21px; text-decoration:none; padding-right:5px;} #filmography_content h2 a:hover {color:#0098FF;} #filmography_content h3 {position:absolute; width:15px; height:19px; margin:-24px 0px 0px 810px;} #filmography_content p {font-family:Tahoma,Arial; color:#666677; font-weight:100; font-size:12pt; padding-top:5px; padding-right:20px;} /* MUSIC VIDEO CONTENT */ #page_content_music_video {width:1000px; margin:0px auto;} #music_video_content {text-align:left;} #music_video_content li {width:958px; height:200px; overflow:hidden; margin-bottom:5px;} #music_video_content li:hover {background:#111118; border:solid 1px #222228; margin:-1px -1px 4px -1px;} #music_video_content img {float:left; padding-right:15px;} #music_video_content h1 {font-family:‘Arial Narrow’,Tahoma,Geneva; color:#aaaabb; font-weight:100; font-size:24pt; padding-bottom:0px; margin-top:-10px; border-bottom:dotted 1px #222;} #music_video_content a {font-family:‘Arial Narrow’,Tahoma,Geneva; text-decoration:none; color:#015287; font-weight:100; font-size:13pt; float:right; margin-top:-26px; text-decoration:none;} #music_video_content a:hover {color:#0098FF;} #music_video_content p {font-family:Tahoma,Arial; color:#666677; font-weight:100; font-size:11pt; padding-top:5px; padding-right:20px;} #video_content_music h1 {font-family:‘Arial Narrow’,Tahoma,Geneva; color:#0098FF; text-decoration:none; font-weight:100; font-size:16pt; text-align:left; margin-left:7px;} #video_content {width:1000px; margin:0px auto;} #video_bottom_line {border-bottom:dotted 1px #222233; padding-top:20px;} #video_plot_bottom_line {border-bottom:dotted 1px #222233; } /* FILMOGRAPHY */ #video_content .the_confession iframe {border:solid 2px #15151a; padding:2px; width:900px; height:506px; margin-top:20px;} #video_content .the_heist iframe {border:solid 2px #15151a; padding:2px; width:900px; height:506px; margin-top:20px;} #video_content .the_pool iframe {border:solid 2px #15151a; padding:2px; width:900px; height:495px; margin-top:20px;} #video_content .switch iframe {border:solid 2px #15151a; padding:2px; width:900px; height:456px; margin-top:20px;} /* MUSIC VIDEO */ #video_content .playing_the_game iframe {border:solid 2px #15151a; padding:2px; width:900px; height:506px; margin-top:20px;} #video_content .loosing_my_way iframe {border:solid 2px #15151a; padding:2px; width:900px; height:506px; margin-top:20px;} #top_part ul {width:980px;} #top_part li {display:inline-block; overflow:hidden; vertical-align:top;} #top_part .poster {width:320px; border:solid 1px #222; position:relative;} #top_part .poster img:hover {margin:0px; padding:0px; border:none;} #top_part .plot {width:300px; font-family:TexGyreHerosBold,Tahoma,Arial;font-weight:bold; color:#666677; font-weight:100; font-size:12pt; text-align:left;} #top_part .plot p {padding-left:25px; width:250px;} #top_part .screening label p {color:#bbbbcc; font-family:TexGyreHerosBold,Tahoma,Arial;font-weight:bold;} #top_part .plot h3 {vertical-align:top; padding-left:25px; font-family:‘Arial Narrow’,Tahoma,Geneva; color:#0098ff; text-decoration:none; font-weight:100; font-size:18pt;} #top_part .screening h3 {font-family:‘Arial Narrow’,Tahoma,Geneva; color:#0098ff; text-decoration:none; font-weight:100; font-size:18pt; padding:0px; text-align:left} #top_part .screening p {text-align:left; width:340px; font-family:Tahoma,Arial; color:#666677; font-weight:100; font-size:12pt;} #video_content_content h2 {font-family:‘Arial Narrow’,Tahoma,Geneva; color:#aaaabb; text-decoration:none; font-weight:100; font-size:36pt; text-align:left; margin-left:40px; padding-bottom:3px;} #video_content_content h3 {font-family:‘Arial Narrow’,Tahoma,Geneva; color:#aaaabb; text-decoration:none; font-weight:100; font-size:18pt; text-align:center; padding:0px;} #video_content_content h4 {font-family:‘Arial Narrow’,Tahoma,Geneva; color:#0098FF; text-decoration:none; font-weight:100; font-size:14pt; text-align:right; margin:-28px 40px 0px 0px;} #video_content_content h5 {font-family:‘Arial Narrow’,Tahoma,Geneva; color:#0098FF; text-decoration:none; font-weight:100; font-size:14pt; text-align:left;} #video_content_content h6 {font-family:Tahoma; color:#444453; text-decoration:none; font-weight:100; font-size:10pt; text-align:left;} #video_content_content .cast p {font-family:‘Arial Narrow’,Tahoma,Geneva; color:#bbbbcc; text-decoration:none; font-weight:100; font-size:18pt; text-align:center; margin:0px; padding:0px;} #video_content_content .cast ul {position:relative; width:986px; text-align:center;} #video_content_content .cast li {display:inline-block; width:240px; vertical-align:top;} #video_content_content .cast h5 {font-family:‘Arial Narrow’,Tahoma,Geneva; color:#bbbbcc; text-decoration:none; font-weight:100; font-size:24pt; text-align:center; margin:0px; padding:0px;} #video_content_content .cast h6 {font-family:‘Arial Narrow’,Tahoma,Geneva; color:#777788; text-decoration:none; font-weight:100; font-size:14pt; text-align:center; margin:0px; padding:0px;} /* #video_content iframe {border:solid 1px #222; width:900px; height:384px; margin-left:30px; margin-top:20px;} */ #video_content_content p {font-family:Tahoma,Arial; color:#666677; font-weight:100; font-size:12pt; text-align:left;} #video_content_content ul {position:relative; width:986px; text-align:center;} #video_content_content li {display:inline; width:190px; height:95px;} #video_content_content li img:hover{border:solid 2px #0098FF; margin:-2px;} #video_content_info {width:100%; margin:0px auto; background:#111115;} #info_padding {width:1000px; margin:0px auto;} #video_content_info h5 {font-family:‘Arial Narrow’,Tahoma,Geneva; color:#0098FF; text-decoration:none; font-weight:100; font-size:14pt; text-align:left;} #video_content_info h6 {font-family:Tahoma; color:#444453; text-decoration:none; font-weight:100; font-size:10pt; text-align:left;} #video_content_info {width:100%;} #info_padding {width:980px; margin:0px auto; padding-left:10px; padding-right:10px; padding-bottom:20px;} #video_content_info ul {position:relative; width:983px;} #video_content_info li {display:inline; width:190px; height:95px;} #video_content_info li img:hover{border:solid 2px #0098FF; margin:-2px;} #video_content.credits ul {position:relative; width:983px; text-align:center;} #video_content .credits li {display:inline-block; width:190px; height:80px; vertical-align:top; text-align:center;} #video_content .credits h6 {font-family:Tahoma,Arial; color:#666677; font-weight:100; font-size:11pt; text-align:center;} #video_content .credits h5 {font-family:‘Arial Narrow’,Tahoma,Geneva; color:#0098FF; text-decoration:none; font-weight:100; font-size:14pt; text-align:center} #video_content_info p {font-family:Tahoma,Arial; color:#666677; font-weight:100; font-size:12pt; text-align:left;} #video_content_info h3 {font-family:‘Arial Narrow’,Tahoma,Geneva; color:#aaaabb; text-decoration:none; font-weight:100; font-size:18pt; text-align:center; padding:0px;} /******** CONTACT FORM *********/ #page_content {width:1000px; margin:0px auto; text-align:left; padding-top:15px; padding-bottom:15px; padding-left:20px;} #contact_form {width:430px; text-align:left; border-right:dotted 1px #222233; border-left:dotted 1px #222233; padding-left:20px; padding-right:20px;} #contact_form input {width:400px; height:30px; border:none; background: #111115; padding-left:15px; padding-right:15px; display:block; margin-bottom:15px; color:#aaaabf; font-size:12pt;} #contact_form textarea {width:400px; height:216px; background: #111115; padding:15px; color:#aaaabf; font-size:12pt; border:none;} #contact_form label {font-family:‘Arial Narrow’,Tahoma,Geneva; color:#555566; text-decoration:none; font-weight:100; font-size:12pt;} .long_text {font-family:Tahoma,Arial; letter-spacing:1px; word-spacing:2px;} .short_text {font-family:Tahoma,Arial; letter-spacing:1px; word-spacing:2px;} #contact_form input[class=submit_form] {font-family:‘Arial Narrow’,Tahoma,Geneva; text-decoration:none; font-weight:100; margin-top:20px; width:200px; height:40px; background:#111115; color:#666677; font-size:16pt; cursor:pointer;} #contact_form input[class=submit_form]:hover {color:#0098ff; border:solid 1px #444455;} #page_content li {display:inline-block; vertical-align:top; margin:0px;} .contact_intro {width:250px; padding-right:20px; padding-left:40px; margin:0px; font-family:Tahoma,Arial; color:#777788; text-align:right; margin-left:67px; border-right:dotted 1px #222233;} .contact_intro h1 {font-family:Tahoma,Arial; font-weight:100; color:#fff; font-size:16pt;} .contact_form {width:400px; text-align:left;} .contact_text {width:95px; color:#777788; text-align:left; font-family:Tahoma,Arial; font-weight:100; text-decoration:none; margin-left:90px;} .contact_text img {padding:3px;} .contact_text img:hover {border:dotted 1px #44444b; margin:-1px;} .contact_text p {padding:0px; margin:0px; border:none;} .contact_text a {padding-left:0px; border:none; text-decoration:none; color:#777788;} .contact_text h2 {color:#777788; margin-left:5px; font-family:TexGyreHerosBold,Tahoma,Arial;font-weight:bold; font-weight:100; font-size:12pt;} a {text-decoration:none; color:#fff;} #news_content {width:1000px; margin:0px auto;} #posts_page {text-align:left;} #posts_page h1 {font-family:‘Arial Narrow’,Tahoma,Geneva; text-decoration:none; letter-spacing: 0px; font-size: 25pt; font-weight:100; text-transform:uppercase; color:#0098ff; margin-top:20px;} #posts_page h1 a {font-family:‘Arial Narrow’,Tahoma,Geneva; text-decoration:none; letter-spacing: 0px; font-size: 25pt; font-weight:100; text-transform:uppercase; color:#0098ff; margin-top:20px;} #posts_page h2 {font-family:‘Arial Narrow’,Tahoma,Geneva; text-decoration:none; letter-spacing: 0px; font-size: 16pt; font-weight:100; text-transform:uppercase; color:#555566; margin-top:-1px;} #posts_page h3 {font-family:‘Arial Narrow’,Tahoma,Geneva; text-decoration:none; letter-spacing: 0px; font-size: 30pt; font-weight:100; text-transform:uppercase; color:#555566; margin-top:-1px;} .comments{width:100%; font-family:‘Arial Narrow’,Tahoma,Geneva; text-decoration:none; letter-spacing: 0px; font-size:14pt; font-weight:100; text-transform:uppercase; color:#0098ff; margin-top:10px; padding-top:10px; padding-bottom:10px;} #posts_page small {font-family:‘Arial Narrow’,Tahoma,Geneva; text-decoration:none; letter-spacing: 0px; font-size: 16pt; font-weight:100; text-transform:uppercase; color:#9999aa;} #posts_page p {width:800px; font-family:Tahoma,Arial; font-weight:100; font-size:12pt; color:#9999aa; padding-top:20px;} #posts_page p a {font-family:TexGyreHerosBold,Tahoma,Arial;font-weight:bold; font-weight:100; font-size:12pt; color:#bbbbcc;} #post_seperator {border-bottom:solid 10px #111114; padding-top:20px;} /* Footer */ #footer_container {width:1000px; height:40px; margin:0px auto; text-align:center; text-decoration:none; color:#555566; overflow:hidden; } #footer {text-align:center; position:relative; top:10px; padding-bottom:30px; text-decoration:none;} #footer a {text-decoration:none; color:#555566; font-family:Tahoma,Arial; font-weight:100; font-size:11pt; margin-top:90px; } #news h2 {font-family:‘Arial Narrow’,Tahoma,Geneva; color:#0098ff; text-decoration:none; font-weight:100; font-size:16pt;} #total_comments h1 {font-family:‘Arial Narrow’,Tahoma,Geneva; text-decoration:none; letter-spacing: 0px; font-size: 20pt; font-weight:100; text-transform:uppercase; color:#9999aa;} #total_comments h4 {font-family:‘Arial Narrow’,Tahoma,Geneva; text-decoration:none; letter-spacing: 0px; font-size: 16pt; font-weight:100; text-transform:uppercase; color:#666677;} #total_comments h5 {font-family:‘Arial Narrow’,Tahoma,Geneva; text-decoration:none; letter-spacing: 0px; font-size: 16pt; font-weight:100; text-transform:uppercase; color:#0098ff; margin-top:10px;} #total_comments h5 a {font-family:‘Arial Narrow’,Tahoma,Geneva; text-decoration:none; letter-spacing: 0px; font-size: 16pt; font-weight:100; text-transform:uppercase; color:#0098ff; margin-top:10px;} #attachments h1 a {font-family:‘Arial Narrow’,Tahoma,Geneva; text-align:left; text-decoration:none; letter-spacing: 0px; font-size: 16pt; font-weight:100; text-transform:uppercase; color:#0098ff; padding:10px;} #attachments h1 {text-align:left; padding:10px;} #comment_moderation p {font-family:‘Arial Narrow’,Tahoma,Geneva; text-align:left; text-decoration:none; letter-spacing: 0px; font-size: 16pt; color:#fff;}