/*
Theme Name: PFV46
Description: PhenomForever theme.
Author: Daniel Butler
*/
* {
outline: none;
}
html{
margin:0;
padding:0;
}
body {
margin: 0;
font-family: Arial;
font-size: 9pt;
font-weight: normal;
color: #808080;
background: #000000 url('images/page-bg.jpg') repeat-y center top;
text-align: center;
}
a {
color: #d1d1d1;
text-decoration: none;
}
a:hover {
color: #0662a9;
text-decoration: none;
}
@font-face {
font-family: 'MyriadPro';
src: url('images/MyriadPro.otf') format('opentype');
}
#page-wrap {
background: transparent; 
width: 980px;
margin: 0px auto 0px auto;
text-align: left;
overflow: hidden;
}
#header-1 {
float: left;
position: relative;
width: 981px;
height: 482px;
background: url('images/header-1-blue.jpg');
}
#header-2 {
float: left;
position: relative;
width: 981px;
height: 208px;
background: url('images/header-2-blue.jpg');
}
.content-top {
clear: both;
position: relative;
top: 0px;
left: 30px;
width: 925px;
height: 18px;
float: left;
background: transparent url('images/content-end.jpg') no-repeat left bottom;
margin: 0;
padding: 0;
}
.content-bottom {
clear: both;
position: relative;
top: 0px;
left: 29px;
width: 925px;
height: 25px;
float: left;
background: transparent url('images/content-end.jpg') no-repeat left top;
margin: 0;
padding: 0;
}

/* Communication */
#communication {
position: relative;
top: 39px;
right: 42px;
float: right;
width: 190px;
height: 66px;
}
#communication img {
border: 0;
margin: 5px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
#communication img:hover {
filter:progid:DXImageTransform.Microsoft.alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}

/* Colours */
#colours {
position: relative;
top: 56px;
right: 42px;
float: right;
}
#colours img {
border: 0px;
margin: 0 2px 0 0;
}

/* Navigation */
#nav {
position: relative;
top: 54px;
left: 30px;
float: left;
width: 675px;
height: 35px;
padding: 15px 0 0 15px;
}
#nav img {
border: 0;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
#nav img:hover {
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
#nav ul {
list-style: none;
margin: 0;
}
#nav li {
margin: 0;
display: inline-block;
float: left;
margin-right: 15px;
}

/* Search */
#searchform {
position: relative;
top: 56px;
left: 40px;
float: left;
width: 220px;
}
#searchbar {
float: left;
position: relative;
top: 6px;
left: 4px;
background: transparent;
border : 0px;
width : 170px;
height: 20px;
text-align : left;
color: #808080;
font-size: 11pt;
}
#searchsubmit {
float: left;
position: relative;
border : 0px;
background : transparent;
color: transparent;
top: 0px;
left: 8px;
width: 30px;
height: 34px;
}

/* Carousel */
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 483px;
height: 270px;
float: left;
top: 56px;
left: 35px;
}
.stepcarousel .belt {
position: absolute; /*leave this value alone*/
left: 0px;
top: 0px;
}
.stepcarousel .panel {
float: left;
overflow: hidden;
margin: 0;
width: 483px;
height: 270px;
}
.panel img {
width: 500px;
border: 0px;
}
.overlay {
position: absolute;
top: 0;
left: 0;
background: url('images/overlay.png') no-repeat;
width: 485px;
height: 270px;
z-index: 1;
}
.slider-title {
position: absolute;
top: 175px;
left: 20px;
z-index: 2;
width: 435px;
background: transparent;
}
.slider-title h2,
.slider-title h2 a {
float: left;
color: #ffffff !important;
display: block;
background: #000000;
padding: 4px 4px 2px 4px;
text-transform: uppercase;
margin: 0;
}
.slider-title h2 a:hover {
text-decoration: none;
color: #0662a9;
}
.slider-title h4 {
float: left;
margin: 0;
display: block;
background: #000000;
padding: 0 7px 7px 7px;
}
.slider-title h4 a {
text-transform: uppercase;
font-weight: bold;
font-size: 15px;
color: #808080;
}
.slider-title h4 a:hover {
text-decoration: none;
color: #d1d1d1 !important;
}
.prev-panel {
position: absolute;
top: 0px;
left: 0px;
z-index: 3;
}
.next-panel {
position: absolute;
top: 0px;
left: 0px;
z-index: 3;
}
.next-panel img,
.prev-panel img {
border: 0;
}

/* Container */
#container {
overflow: hidden;
width: 395px;
height: 265px;
position: relative;
float: left;
top: 60px;
left: 57px;
}

/* Latest Images */
#latest-images {
width: 100%;
height: 240px;
}
#latest-images .image-preview {
float: left;
width: 60px;
height: 60px;
overflow: hidden;
border: 4px solid #202020;
margin: 5px;
}
#latest-images .image-preview:hover {
border: 4px solid #808080;
}
#latest-images .image-preview img {
width: 60px;
border: 0px;
}

/* Shoutbox */
#chat {
display: none;
width: 385px;
}

/* Main Content Column */
#main-content {
float: left;
position: relative;
top: 0px;
left: 22px;
width: 615px;
background: transparent;
position: relative;
overflow: hidden;
}

/* Main Headings */
h1, h1 a {
margin: 0;
font-size: 20pt;
text-transform: uppercase;
font-family: "Myriad Pro", Arial;
font-weight: bold;
color: #0662a9;
}
h1 a:hover {
text-decoration: underline;
font-weight: bold;
}
h2, h2 a {
margin: 0;
font-size: 17pt;
text-transform: uppercase;
font-family: "Myriad Pro", Arial;
font-weight: bold;
color: #0662a9;
}
h2 a:hover {
text-decoration: underline;
font-weight: bold;
}
h3, .subtitle {
margin: 10px 0 0 0;
font-size: 15pt;
text-transform: uppercase;
color: #404040;
font-family: "Myriad Pro", Arial;
font-weight: bold;
}
h3 a, .subtitle a {
font-size: 15pt !important;
}
h4, .subtitle2 {
margin: 0;
font-size: 10pt;
text-transform: uppercase;
color: #808080;
font-family: "Myriad Pro", Arial;
font-weight: bold;
}
h4 a {
color: #d1d1d1;
}

/* Posts */
.post {
float: left;
background: transparent;
width: 565px;
padding: 0 0 10px 30px;
}
.post-title {
float: left;
width: 490px;
}
.post-excerpt-1 {
float: left;
width: 396px;
margin: 10px 0 0 0;
}
.post-excerpt-1 blockquote {
margin: 0;
}
.post-excerpt-2 {
float: left;
width: 100%;
margin: 10px 0 0 0;
}
.post .image-preview {
float: left;
width: 117px;
height: 117px;
overflow: hidden;
border: 4px solid #202020;
margin: 10px 15px 0 0;
}
.post .image-preview img {
width: 117px;
border: 0px;
}
.comment-bubble {
background: url('images/comment-bubble.gif') no-repeat;
width: 45px;
height: 28px;
float: right;
text-align: center;
padding-top: 4px;
}
.comment-bubble,
.comment-bubble a {
font-size: 10pt;
color: #111111;
font-weight: bold;
}
.comment-bubble a:hover {
color: #111111 !important;
text-decoration: none;
}
.post .meta {
clear: both;
color: #404040;
margin: -5px 0 0 0;
}
.meta a {
color: #404040;
}
.meta a:hover {
color: #808080;
text-decoration: none;
}
.post-separater {
clear: both;
width: 619px;
height: 50px;
float: left;
background: transparent url('images/post-separater.jpg') repeat-x left top;
margin: 0;
padding: 0;
}

/* Single Page/Post Styling */
#single {
float: left;
width: 560px;
padding: 0 0 10px 30px;
overflow: hidden;
}
#single .titleinfo {
padding: 5px 0 30px 0;
margin: 0 0 10px 0;
background: url('images/content-divider.jpg') no-repeat bottom;
width: 100%;
}
#single .meta {
margin: 0 0 0 0;
clear: both;
color: #404040;
}
#single .image-preview {
width: 400px;
max-height: 150px;
margin: 15px auto 10px auto;
border: 4px solid #202020;
overflow: hidden;
}
#single a:hover .image-preview {
border: 4px solid #808080;
}
#single .image-preview img {
width: 400px;
border: 0px;
}
#single .text {
padding: 0 0 5px 0;
margin: 0;
}
#single ul {
padding-bottom: 10px;
}
#single li {
padding: 5px 0 5px 0;
}
#single img {
max-width: 550px;
}
#article-meta {
margin: 10px 0 0 0;
font-weight: bold;
}
#bcn, #bcn a {
color: #404040;
font-size: 8pt;
margin: 0 0 5px 0;
}
#bcn a:hover {
text-decoration: none;
color: #0662a9;
}
#subpages {
padding: 0;
margin: 0;
list-style: none;
}
#subpages li a {
list-style: none;
font-size: 10pt;
padding: 0 0 5px 0;
font-weight: bold;
}
#subpages li a:hover {
text-decoration: none;
font-weight: bold;
}
.current_page_item {
display: none;
} 
#single blockquote, .quoted {
background: url('images/quote.gif') no-repeat top left;
padding: 0px 8px;
color: #565656;
overflow: hidden;
margin: 0;
}
#single blockquote p:first-child, .quoted p:first-child {
text-indent: 20px;
}
.content-divider {
float: left;
clear: both;
background: url('images/content-divider.jpg') no-repeat top;
position: relative;
top: 0px;
left: 0px;
padding: 0 0 10px 0;
width: 100%;
height: 20px;
}
.btn {
position: absolute;
top: 5px;
right: 30px;
background: url('images/btn.gif') no-repeat;
padding: 10px 15px 0 30px;
width: auto;
height: 43px;
}
.btn, .btn a {
font-size: 13pt;
color: #808080;
text-transform: uppercase;
font-weight: bold;
}
.btn a:hover {
color: #d1d1d1;
}

/* Post Details */
#details {
float: left;
clear: both;
background: url('images/content-divider.jpg') no-repeat top;
position: relative;
top: 0px;
left: 13px;
padding: 35px 20px 10px 20px;
width: 557px;
}
#details .avatar {
float: left;
margin-right: 10px;
}
#details .info {
float: left;
}
#social-links {
float: right;
width: 100px;
text-align: right;
}
#social-links img {
border: 0px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
#social-links img:hover {
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

/* Custom Page Styling */
.page-Tattoos .image-preview {
float: left;
width: 100px !important;
height: 100px !important;
margin: 0 10px 10px 0 !important;
}
.page-Tattoos .image-preview img {
width: 110px !important;
}
.myspace-code {
width: 300px;
height: 150px;
}
.page-PSDs img {
width: 75px;
}
.page-Banners .page_item {
display: none;
}
.page-Wallpapers .left {
margin: 10px 40px 10px 40px;
}
.page-Wallpapers img {
padding: 0 0 5px 0;
width: 200px;
height: 150px;
}
.page-Contact h4 {
padding-bottom: 10px;
}
#podcast h4 a {
font-size: 10pt;
}
#podcast a {
font-size: 8pt;
}

/* Sidebar */
#sidebar {
float: left; 
position: relative;
top: 0px;
left: 42px;
width: 300px;
}

/* Widgets */
.widget {
position: relative;
float: left;
padding: 10px 20px 40px 20px;
width: 260px;
background: url('images/widget-separater.jpg') no-repeat center bottom;
}
.widget ul {
list-style: none;
margin: 0;
padding: 0;
}
.widget li {
margin: 0;
padding: 0;
}
.widget h3 {
font-size: 15pt;
text-transform: uppercase;
font-weight: bold;
margin: 0 0 5px; 0;
}

/* Recent Comments */
#recent-comments-1 {
background: none;
height: 315px;
overflow: hidden;
}
#recent-comments-1 .avatar, #recent-comments-2 .avatar {
float: left;
border: 0px;
}
#recent-comments-1 .text, #recent-comments-2 .text {
float: left;
margin: 0 0 0 6px;
width: 220px; 
}
#recent-comments-1 ul {
padding: 5px 0 0 0;
}
#recent-comments-1 li, #recent-comments-2 li {
float: left;
padding: 0 0 8px 0;
margin: 0 0 8px 0;
border-bottom: 1px solid #202020;
font-size: 8pt;
}
#recent-comments-1 li:hover, #recent-comments-2 li:hover {
border-bottom: 1px solid #404040;
}
#recent-comments-2 {
background: none;
display: none;
overflow: hidden;
}
.shift {
position: relative;
top: -360px;
left: 0px;
}
#more-content {
position: relative;
float: left;
padding: 5px 20px 12px 20px;
width: 260px;
text-align: center;
background: url('images/widget-separater.jpg') no-repeat center bottom;
}

/* Advertising */
#adv {
text-align: center;
}
#adv img {
border: 0px;
}

/* Sidebar Google Ads */
.google-sidebar-1 {
text-align: center;
}
.google-sidebar-2 {
text-align: center;
background: none;
}
.header-google-ad {
text-align: center;
padding: 0 0 10px 0;
width: 100%;
background: url(images/blank-bg.jpg) repeat-y;
}

/* Comments Section */
.comments {
float: left;
clear: both;
position: relative;
top: 0px;
left: 11px;
width: 557px;
padding: 30px 20px 10px 20px;
background: url('images/content-divider.jpg') no-repeat top;
}
.comments h3 {
margin: 0 0 10px 0;
font-size: 20pt;
color: #808080;
}
#comment-number {
margin: 0 0 0 31px;
font-size: 20pt;
text-transform: uppercase;
color: #808080;
font-weight: bold;
}
#commentlist {
list-style: none;
margin: 0;
padding: 0;
}
#commentlist li ul {
list-style-type: none;
}
#commentform #submit {
float: right;
background: transparent url('images/submit.gif') no-repeat;
width: 80px;
height: 25px;
border : 0px;
cursor: hand;
cursor: pointer;
}
.comment-body {
background: url('images/content-divider.jpg') no-repeat top left;
float: left;
clear: both;
position: relative;
top: 0px;
left: 11px;
width: 557px;
padding: 30px 20px 10px 20px;
}
.comment-body .avatar {
float: left;
margin: 0 10px 0 0 ;
width: 45px;
height: 45px;
}
.comment-meta {
float: left;
padding: 3px 0 0 0;
overflow: hidden;
}
.quote-link a {
float: right;
padding: 3px 0 0 0;
color: #808080;
}
.comment-text {
padding: 0;
overflow: hidden;
}
.quoteheader {
padding: 0px 8px;
text-indent: 20px;
}
.quoteheader a {
font-size: 9pt;
color: #d1d1d1;
}
.comment-body blockquote {
background: url('images/quote.gif') no-repeat top left;
padding: 10px 8px 0px 8px;
margin: -30px 0 0 0;
color: #404040;
overflow: hidden;
}
.moderation {
color: #cc0000; font-weight: bold;
}
.author, .author a {
color: #c0c0c0 !important;
font-size: 11pt;
}
.author a:hover {
color: #c0c0c0 !important;
text-decoration: underline;
font-size: 11pt;
}
.author-id-1, .author-id-1 a {
color: #f30c6e !important;
font-size: 11pt;
}
.author-id-3, .author-id-3 a, .author-id-4, .author-id-4 a, .author-id-5, .author-id-5 a, .author-id-8, .author-id-8 a, .author-id-10, .author-id-10 a {
color: #caee00 !important;
font-size: 11pt;
}

/* Comment Subscription */
.subscribe-to-comments {
margin: 0;
padding: 0;
}
#solo-subscribe-email {
border: 1px solid #000000;
background: #202020;
color: #808080; 
padding: 5px;
width: 150px;
font-family: Arial;
font-size: 9pt;
height: auto;
}
.solo-subscribe-to-comments input {
width: auto;
}
.solo-subscribe-errors {
margin: 10px 0 10px 0px;
background: #111111;
border: 1px solid #a80000;
padding: 5px;
width: 300px;
}
#single fieldset {
margin: 10px 0 10px 0;
border: 1px solid #000000;
background: #202020;
}
#single legend {
margin: 0;
font-size: 13pt;
font-weight: bold;
}
#single .updated {
text-align: center;
background: #111111;
border: 1px solid #202020;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin: 10px 0 10px 0;
}
#single input {
width: auto;
height: auto;
}

/* Footer */
#footer {
color: #3c3c3c;
padding: 44px 0 0 0;
width: 981px;
height: 56px;
text-align: center;
background: url('images/footer.jpg') no-repeat;
}
#footer a {
color: #404040;
}
#footer a:hover {
color: #808080;
text-decoration: none;
}

/* Captions & aligment */
.aligncenter, div.aligncenter {
display: block;
margin: 0 auto; 
border: 4px solid #202020;
}
.alignleft {
float: left;
margin: 0 5px 5px 0;
border: 4px solid #202020;
}
.alignright {
float: right;
margin: 0 0 5px 5px;
border: 4px solid #202020;}

/* Page Navi */
.wp-pagenavi {
padding: 0 0 0 30px !important;
border: 0px !important;
float: left !important;
}
.page-comments {
float: right;
padding: 0 30px 0 0 !important;
}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi a:active, .paging, .page-comments a {
display: block;
float: left !important;
border: 1px solid #000000 !important;
background: #202020 !important;
padding: 2px 4px 2px 4px !important; 
margin: 2px  !important;
color: #808080 !important;
font-size: 9pt !important;
text-transform: uppercase;
font-family: "Myriad Pro", Arial !important;
font-weight: bold !important;
text-transform: uppercase !important;
}
.wp-pagenavi a:hover, .paging:hover, .page-comments a:hover {	
border: 1px solid #404040 !important;
text-decoration: none !important;
font-size: 9pt !important;
font-family: "Myriad Pro", Arial !important;
font-weight: bold !important;
text-transform: uppercase !important;
}
.wp-pagenavi span.pages {
float: left !important;
padding: 2px 4px 2px 4px !important; 
margin: 2px !important;
color: #808080 !important;
background: #202020 !important;
font-size: 9pt !important;
font-family: "Myriad Pro", Arial !important;
font-weight: bold !important;
text-transform: uppercase !important;
}
.wp-pagenavi span.current, .pagingon, .page-comments span.current {
float: left !important;
border: 1px solid #000000 !important;
background: #111111 !important;
padding: 2px 4px 2px 4px !important; 
margin: 2px !important;
text-decoration: none !important;
color: #808080 !important;
font-size: 9pt !important;
font-family: "Myriad Pro", Arial !important;
font-weight: bold !important;
text-transform: uppercase !important;
}
.wp-pagenavi span.extend {
float: left !important;
color: #808080 !important;
padding: 2px 4px 2px 4px !important; 
margin: 2px !important;
background: #202020 !important;
font-size: 9pt !important;
font-family: "Myriad Pro", Arial !important;
font-weight: bold !important;
text-transform: uppercase !important;
}

/* Shutter Reload */
#shTitle {
display: none;
}

/* General Styling */
ul {
margin: 2px 2px 0 15px;
padding: 0;
list-style: square;
}
li {
padding: 0 0 2px 0;
}
form {
margin: 0; padding: 0;
}
select {
font-family: Arial;
font-size: 9pt;
color: #808080; 
text-decoration: none;
background: #202020;
border: 1px solid #000000;
padding: 5px;
}
input {
border: 1px solid #000000;
background: #202020;
color: #808080; 
padding: 5px;
width: 150px;
font-family: Arial;
font-size: 9pt;
}
input:focus {
border: 1px solid #404040;
}
textarea {
border: 1px solid #000000;
background: #202020;
height: 200px;
max-width: 555px;
width: 555px;
font-family: Arial;
color: #808080; 
font-size: 9pt;
padding: 5px;
}
textarea:focus {
border: 1px solid #404040;
}
.left {
float: left;
}
.right {
float: right;
}
.center {
text-align: center;
width: 100%;
}
.clear {
clear: both;
}
.powerpress_player {
margin-top: 15px;
}
.powerpress_links {
margin-top: 5px; font-size: 8pt;
}
img#wpstats{
width:0px;
height:0px;
overflow:hidden;
}

/* Edit Comments */
.edit-comment-admin-links-no-icon {
margin: 10px 0 0 0 !important;
font-size: 8pt !important;
}
.edit-comment-admin-links-no-icon a {
font-size: 8pt !important;
}
li.ajax-delete, div.ajax-delete {
background: #202020 !important; 
}
li.ajax-approve, div.ajax-approve {
background: #202020 !important;
}
li.ajax-unapprove, div.ajax-unapprove {
background: #202020 !important;
}

/* WP Polls */
.wp-polls-ul li {
padding: 0 0 10px 0 !important;
}
.wp-polls-ans input {
width: auto !important;
}
.Buttons {
background: #202020 !important;
border: 1px solid #000000 !important;
padding: 2px !important;
width: auto !important;
}
.archive li {
text-align: center !important;
}
.wp-polls-archive p {
text-align: left !important;
padding-top: 10px !important;
}

/* TDO Forms */
#single .tdomf_form fieldset {
background: transparent;
border: 0px;
margin: 0;
padding: 10px 0 0 0;
}
#single .tdomf_form legend {
display: none;
}
#single .tdomf_buttons {
padding: 10px 0 0 0;
}
.tdomf_form_message {
padding: 0;
margin: 0;
}
.tdomf_form_preview {
background: #202020;
}
#content-text-ta {
height: 500px;
}

/* Contact Form */
.wpcf7-not-valid-tip {
border: 1px solid #b70000 !important;
background: #000000 !important;
font-size: 8pt !important;
}
div.wpcf7-validation-errors {
border: 2px solid #b70000;
background: #000000;
}

td.stxt2 {
display: none !important;
}