/*
Theme Name: Video Flick
Theme URI: http://www.press75.com/
Description: Please refer to the Video Flick Theme Documentation for general setup and usage instructions. If you can’t find the answers to your questions there, feel free to stop by the Press75.com Support Forums.
Version: 2.4
Author: Jason Schuller
Author URI: http://www.press75.com/
This theme was designed and built by Jason Schuller,
whose portfolio you will find at www.theSevenFive.com
The CSS, XHTML and design are all Copyright 2009 Circa75 Media, LLC:
*/
body {
margin: 0;
padding: 0;
width: auto;
height: auto;
font: 11px Georgia;
line-height: 1.2em;
color: #ffffff;
background:#f9f3dd url(images/bg.jpg) no-repeat center top;
}
h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-size: 36px;
color: #FFFFFF;
margin: 35px 0 15px 0;
padding: 0;
}
h1 a:link, h1 a:active, h1 a:visited {
color: #FFFFFF;
}
h1 a:hover {
color: #d5d5d5;
}
a:link, a:visited {
color: #FFFFFF;
text-decoration: none;
}
a:hover {
color: #909090;
}
h2 {
font-size: 30px;
font-weight: normal;
padding: 0;
margin: 0 0 2px 0;
color: #e2d7b6;
font-family: Georgia, "Times New Roman", Times, serif;
text-transform: uppercase;
}
h2 a:link, h2 a:active, h2 a:visited {
color: #FFFFFF;
}
h2 a:hover {
text-decoration: underline;
}
h3 {
font-size: 12px;
padding: 0;
margin: 0;
font-family: Georgia, "Times New Roman", Times, serif;
text-transform: uppercase;
font-weight: bold;
color: #d9cea8;
}
h4 {
font-size: 12px;
padding: 0;
margin: 0;
font-family: Georgia, "Times New Roman", Times, serif;
text-transform: uppercase;
font-weight: normal;
color: #FFFFFF;
}
img {
border: 0;
}
p {
margin: 0 0 10px 0;
}
#wrapper {
width: 960px;
_width: 990px;
margin: 0px auto;
overflow: hidden;
}
/** header styles **/
#headwrap {
float: left;
width: 960px;
_width: 980px;
height: 147px;
}
#tagline {
float: left;
width: 380px;
height: 26px;
background: #2A2A2A;
color: #f9f3dd;
font-color: #000000;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
margin-top: 1px;
}
#tagline p {
margin: 6px 0 0 10px;
}
#menu {
float: right;
width: 700px;
height: 70px;
text-transform: uppercase;
color: #FFFFFF;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
margin-top: -45px;
text-align: left;
}
#logo {
float: left;
width: 480px;
height: 118px;
}
#textlogo {
float: left;
width: 480px;
height: 118px;
}
#textlogo h1 {
font-size: 36px;
margin: 50px 0 0 0;
}
#logo img {
margin: 60px 0 0 0;
}
#topad {
float: left;
width: 480px;
height: 118px;
text-align: right;
}
#topad img {
margin: 30px 0 0 0;
}
/** gallery styles **/
#contentwrap {
width: 960px;
_width: 990px;
float: left;
padding: 30px 0 0 0;
}
#maincontent {
width: 660px;
float: left;
}
#pagenavi {
width: 660px;
float: left;
margin: 0 0 10px 0;
font-family: Georgia, "Times New Roman", Times, serif;
text-transform: uppercase;
font-size: 12px;
}
#pagenavi a:link, #pagenavi a:visited {
background:#101010 url(images/bgsidebar.jpg) top left no-repeat;
padding: 7px;
display: block;
}
#pagenavi a:hover {
background:#2a2a2a url(images/bgsidebar.jpg) top left no-repeat;
}
#newer {
margin: 0 20px 0 0;
}
.galleryitem {
width: 200px;
height: 240px;
float: left;
margin: 0 20px 20px 0;
background:#101010 url(images/bgsidebar.jpg) top left no-repeat;
font-size: 10px;
line-height: 1.2em;
color: #d5d5d5;
}
.galleryitem h3 {
font-size: 12px;
padding: 5px 5px 0 5px;
margin: 0;
font-family: Georgia, "Times New Roman", Times, serif;
color: #d9cea8;
text-transform: uppercase;
font-weight: normal;
}
* + html .galleryitem h3 {
padding: 2px 5px 0 5px;
}
.galleryitem p {
margin: 0 5px 0 5px;
}
.commentsnumber {
background: url(images/comments-dark.png) top left no-repeat;
width: 25px;
height: 20px;
margin: 47px 5px 5px 0;
text-align: center;
float: right;
}
.commentsnumber a:link, .commentsnumber a:visited {
color: #101010;
}
.commentsnumber a:hover {
color: #757575;
}
/** single post styles **/
.video {
width: 640px;
float: left;
margin: 0 20px 0 0;
text-align: center;
background: #101010;
}
.postcontent {
width: 624px;
float: left;
margin: 0 20px 0 0;
padding: 8px 8px 15px 8px;
background:#101010 url(images/bgin.jpg) top left no-repeat;
color: #fdfaed;
font-weight:lighter;
}
.postcontent h2 {
font-size: 20px;
text-transform: uppercase;
font-family: Georgia, "Times New Roman", Times, serif;
float: left;
z-index:100;
}
.postcontent ul {
margin: 0 0 8px 0;
padding: 0;
list-style: none;
}
.postcontent li {
padding: 0 0 0 20px;
margin: 8px 0 0 0;
background: url(images/star-dark.png) left no-repeat;
}
#single {
margin: 0 0 25px 0;
}
.thumbnail {
float: right;
margin: 0 0 0 0;
}
.postdets {
font-size: 10px;
color: #f9f3dd;
margin: 5px 0 15px 0;
line-height: 1.1em;
font-weight: bold;
}
.postdets a:link, .postdets a:visited {
color: #ffffff;
}
.postdets a:hover {
color: #d5d5d5;
text-decoration: underline;
}
/** page styles **/
#page {
margin: 0 0 20px 0;
}
/** sidebar styles **/
#sidebar {
width: 300px;
float: left;
color: #d5d5d5;
font-size: 11px;
line-height: 1.2em;
}
.widgetblock {
width: 284px;
float: left;
margin: 0 0 20px 0;
padding: 8px;
background:#2a2a2a url(images/bgsidebar.jpg) top left no-repeat;
}
.widgetblock h3 {
font-size:18px;
font-family:Georgia, "Times New Roman", Times, serif;
border-bottom: 1px solid #f9f3dd;
padding: 10px 0 5px 0;
margin: 0 0 8px 0;
}
.add-twitter-item {
border-bottom: 1px solid #f9f3dd;
}
#searchwrap {
background: none;
margin: 0;
float: right;
background: url(images/search-dark.jpg) top left no-repeat;
width: 284px;
}
#searchwrap input{
vertical-align: middle;
background: none;
color: #000000;
font-family: Georgia;
}
#s{
font-size: 14px;
border: none;
padding: 4px 4px;
margin-right: 3px;
width: 210px;
}
/** sidebar ads **/
#sidebar .p75_sidebar_ads {
padding-top: 9px;
padding-left: 9px;
}
#sidebar .p75_sidebar_ads img.sidebar_ad {
width: 125px;
height: 125px;
float: left;
margin: 8px;
}
/** tag cloud **/
#tag_cloud {
margin: 0 0 0 0;
float: left;
width: 100%;
}
#sidebar #tag_cloud a {
background: #f9f3dd;
float: left;
font-family: Georgia, "Times New Roman", Times, serif;
color: #2a2a2a;
text-transform: uppercase;
padding: 0.5em;
margin: 0 1px 1px 0;
}
#sidebar #tag_cloud a:hover {
background: #d4c9a0;
}
/** featured content **/
#sidebar .cat_posts ul {
list-style: none;
margin: 0;
padding: 0;
}
#sidebar .cat_posts ul li {
clear: both;
border-bottom: 1px solid #f9f3dd;
padding-bottom: 8px;
margin-bottom: 8px;
float: left;
width: 260px;
}
#sidebar .cat_posts ul li.last {
border: 0;
padding: 0;
margin: 0;
}
#sidebar .cat_posts ul li img.thumbnail {
float: left;
margin: 0 8px 0 0;
}
#sidebar .cat_posts ul li a.post_title {
font: 11px Georgia,"Times New Roman",Times,serif;
color: #d9cea8;
text-transform: uppercase;
}
/** footer styles **/
#footer {
width: 100%;
height:90px;
float: left;
background: url(images/dash-dark.png) top left repeat;
margin: 10px 0 0 0;
padding: 30px 0 0 0;
}
#footer a:link, #footer a:visited {
color: #ffffff;
}
#footer a:hover {
color: #CCCCCC;
text-decoration: underline;
}
#footer p {
font-size: 11px;
margin: 0;
color: #ffffff;
}
#footer h3 {
font-size: 12px;
text-transform:none
color: #FFFFFF;
padding: 0;
margin: 0 0 4px 0;
}
* + html #footer {
margin: 30px 0 0 0;
}
/** menu styles **/
.sf-menu,.sf-menu * {
list-style: none;
margin: 0;
padding: 0;
text-transform: uppercase;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
text-align: right;
}
.sf-menu {
line-height: 1.0;
float: right;
}
.sf-menu ul {
position: absolute;
top: -999em;
width: 700px;
}
.sf-menu ul li {
width: 100%;
}
.sf-menu li:hover {
visibility: inherit;
}
.sf-menu li {
float: left;
position: relative;
}
.sf-menu a {
display: block;
position: relative;
text-decoration: none;
padding: 6px 0 8px 0;
}
* + html .sf-menu a {
padding: 7px 10px 7px 10px;
}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {
left: 0;
top: 26px;
z-index: 99;
}
.sf-menu a,.sf-menu a:visited {
color: #FFFFFF;
}
.sf-menu li li {
margin: 0 0 -1px 0;
}
.sf-menu li li li {
left: -270px;
top: -1px;
margin: 0 0 -1px 0;
}
.sf-menu a.sf-with-ul {
min-width: 1px;
}
.sf-sub-indicator {
position: absolute;
display: block;
right: .75em;
top: 1.05em;
width: 10px;
height: 10px;
text-indent: -999em;
overflow: hidden;
}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul,ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {
top:-999em;
}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul,ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {
left:10em;
top:0;
}
.sf-menu ul .sf-sub-indicator,.sf-menu ul a:focus > .sf-sub-indicator,.sf-menu ul a:hover > .sf-sub-indicator,.sf-menu ul a:active > .sf-sub-indicator,.sf-menu ul li:hover > a > .sf-sub-indicator,.sf-menu ul li.sfHover > a > .sf-sub-indicator {
background-position:-10px 0;
}
/** comment styles **/
#comments {
width: 624px;
color: #f9f3dd;
margin: 10px 0 10px 0;
float: left;
}
* + html #comments {
margin: 0 0 -10px 0;
}
#reply_form {
background:#101010 url(images/bgin.jpg) no-repeat center top;
border-bottom: 1px solid #f9f3dd;
width: 290px;
margin: 2px 0 0 0;
padding: 8px;
float: left;
}
#comments h3 {
font-size: 16px;
font-weight: normal;
color: #181512;
margin: 5px 0 0 0;
padding: 0;
}
#comments p {
margin: 5px 0 5px 0;
font-size: 10px;
font-weight: lighter;
color: #fdfaed;
}
.comment-author {
font-size: 11px;
font-weight: bold;
color: #f9f3dd;
}
.comment-meta {
font-size: 10px;
font-weight: normal;
color: #f9f3dd;
margin: 0 0 10px 0;
}
.avatar {
float: right;
display: inline;
margin: 0 0 15px 15px;
}
#comment {
width: 510px;
font: 12px Georgia;
}
h2.commh2 {
font-size: 1.4em !important;
padding: 0 0 5px;
color: #333 !important;
}
ol.commentlist {
margin: 0 0 20px 0;
padding: 0;
list-style: none;
font-size: 12px;
}
ol.commentlist p {
margin-bottom: 10px;
}
ol.commentlist a:link, ol.commentlist a:visited {
color: #ffffff;
}
ol.commentlist a:hover {
color: #FFFFFF;
text-decoration: underline;
}
ol.commentlist cite {
font-style: normal;
font-weight: bold;
margin: 0;
padding: 0;
}
ol.commentlist li.alt {
padding: 8px 8px 0 8px;
margin: 20px 0 0 0;
background: #101010;
color: #ffffff;
width: 624px;
float: left;
}
ol.commentlist li {
padding: 8px 8px 0 8px;
margin: 20px 0 0 0;
background: #101010;
color: #ffffff;
width: 624px;
float: left;
}
ol.commentlist li div.reply {
color: #FFFFFF;
font: 11px Georgia, "Times New Roman", Times, serif;
padding: 5px 10px;
text-align: center;
width: 36px;
background: #1E1E1E;
margin: 10px 0 10px 0;
cursor: pointer;
}
ol.commentlist li div.reply:hover {
background: #575757;
}
ol.commentlist li div.reply a {
color: #d5d5d5;
text-decoration: none;
text-transform: uppercase;
}
ol.commentlist li ul.children {
list-style: none;
margin: 0;
padding: 0;
text-indent: 0;
}
ol.commentlist li ul.children li {
background: none;
margin: 10px 0 0 0;
padding: 10px 0 0px 0;
border-top: 1px solid #1F1F1F;
width: 624px;
float: left;
}
ol.commentlist li ul.children li.alt {
background: none;
margin: 10px 0 0 0;
padding: 10px 0 0px 0;
border-top: 1px solid #1F1F1F;
width: 624px;
float: left;
}
ol.commentlist li ul.children li.depth-2 { margin:0; }
ol.commentlist li ul.children li.depth-3 { margin:0; }
ol.commentlist li ul.children li.depth-4 { margin:0; }
ol.commentlist li ul.children li.depth-5 { margin:0; }
input#submit {
cursor: pointer;
background: url(images/submit-dark.jpg) 0 0;
float: left;
border: none;
width: 120px;
height: 30px;
padding: 0;
margin: 0 0 -10px 0;
}
* + html input#submit {
margin: 0 0 10px 0;
}
input#submit:hover {
background: url(images/submit-dark.jpg) 0 -30px;
}
#comment {
background: url(images/area-dark.jpg) top left no-repeat;
border: none;
width: 278px;
height: 105px;
padding: 5px;
}
.comentarios-sidebar {
width: 300px;
float: left;
margin: 0 0 20px 0;
background:#2a2a2a url(images/bgsidebar.jpg) top left no-repeat;
}
.comentarios-sidebar h3 {
font-size:18px;
font-family:Georgia, "Times New Roman", Times, serif;
padding: 5px 0 0 0;
margin: 0 0 3px 0;
}
#author {
background: url(images/fields-name-dark.jpg) top left no-repeat;
border: none;
width: 184px;
height: 20px;
padding: 5px 95px 5px 5px;
}
#email {
background: url(images/fields-email-dark.jpg) top left no-repeat;
border: none;
width: 184px;
height: 20px;
padding: 5px 95px 5px 5px;
}
#url {
background: url(images/fields-web-dark.jpg) top left no-repeat;
border: none;
width: 184px;
height: 20px;
padding: 5px 95px 5px 5px;
}
#respond {
padding: 0 15px 0px 0;
}
.fieldset {
list-style: none;
margin: 0;
padding: 0;
}
.fieldset li {
margin: 0 0 10px 0;
padding: 0;
}
/** wordpress specific styles **/
.wp-caption img {
margin-bottom: 5px;
padding:5px;
background-color:#FFFFFF;
}
.wp-caption-text {
color:#FFFFFF;
text-align:center;
padding-top: 5px;
padding-bottom: 5px;
width: auto;
font-weight: bold;
text-transform: uppercase;
}
code {
font: 1.1em 'Courier New', Courier, Fixed;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 5px;
margin: 0 0 2px 10px;
display: inline;
}
img.alignleft {
padding: 5px;
margin: 0 10px 2px 0;
display: inline;
}
.alignright {
float: right;
margin-left: 15px;
}
.alignleft {
float: left;
margin-right: 15px;
}
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}
#wp-calendar a {
display: block;
}
#wp-calendar caption {
text-align: center;
width: 100%;
}
#wp-calendar td {
padding: 3px 0;
text-align: center;
}
#wp-calendar td.pad:hover { /* Doesn't work in IE */
background-color: #fff; }
acronym, abbr, span.caps {
cursor: help;
}
acronym, abbr {
border-bottom: 1px dashed #999;
}
blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}
blockquote cite {
margin: 5px 0 0;
display: block;
}
.center {
text-align: center;
}
.hidden {
display: none;
}
hr {
display: none;
}
a img {
border: none;
}
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
text-align: center;
background-color: #FFF;
padding: 10px 5px 0 5px;
margin-bottom: 5px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 4px 4px 5px;
margin: 0;
background: none;
color: #333;
}