/*
Theme Name: modefan dot com
Theme URI: http://modefan.com
Author: Markos Iordanopoulos
Author URI: http://modefan.com
*/

@charset "utf-8";
/* CSS Document */



/* Reset Styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}



/* Framework */
body {background: url(images/modefan-bg.gif) top left no-repeat #999; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #454b54; line-height: 1.5em; text-align: justify; margin: 17px 0 0 0;}
#site {width: 960px; margin:auto; text-align:left;}
#frameworkTop {background: url(images/framework-top.gif); height: 15px; width: 960px;}
#frameworkBottom {background:url(images/framework-bottom.gif); height: 70px; width: 960px; float: left;}
#frameworkBottom .frameworkBottomPadding {padding: 0;}
#container {background:#fff; float:left;}



/* Header */
#header {height: 300px; padding: 0 0 10px 20px; background: #fff; background-repeat: no-repeat; font-size: 10px; position: relative;}
#header a {display: none;}
#header #search {display:none; position: absolute; top: 40px; right: 50px; height: 20px;}
#header #search {background: #fff; border: 1px solid #b9babb; color: #666; width: 205px; margin: 0; font-size: 12px; color: #999999; padding: 2px;}
#header #searchsubmit {height: 20px; width: 20px; border: none; cursor: pointer; background: url(images/searchsubmit.gif); background-repeat: no-repeat; display: none;}
#header .description {display: none;}
#login {text-align: right;}



/* Images for Array*/
#themezero {background-image:url(images/header-zero.jpg); width:920px; height:300px;}
#themeone {background-image:url(images/header-one.jpg); width:920px; height:300px;}
#themetwo {background-image:url(images/header-two.jpg); width:920px; height:300px;}
#themethree {background-image:url(images/header-three.jpg); width:920px; height:300px;}
#themefour {background-image:url(images/header-four.jpg); width:920px; height:300px;}
#themefive {background-image:url(images/header-five.jpg); width:920px; height:300px;}
#themesix {background-image:url(images/header-six.jpg); width:920px; height:300px;}
#themeseven {background-image:url(images/header-seven.jpg); width:920px; height:300px;}
#themeeight {background-image:url(images/header-eight.jpg); width:920px; height:300px;}
#themenine {background-image:url(images/header-nine.jpg); width:920px; height:300px;}



/* Navigation Styles */
#navbar {margin: 0 0 10px 0; background: url(images/navbarbg.gif); background-repeat: no-repeat; height: 25px; width: 960px;}
#navbar ul {margin: 0 0 0 20px; padding: 0;}
#navbar li {display: inline;}
#navbar a {display: block; float: left; height: 25px; padding: 5px 14px 0 10px; font-family:Helvetica, Arial, Verdana, sans-serif; font-size: 1.4em; font-weight: bold; color: #fff; text-decoration: none;  background: url(images/navlinkssep.gif) no-repeat top right;}
#navbar a:hover {color: #454b54;}
#navbar .page-item-4 a {background-image: none;}



/* Posts */
#posts {width: 650px; margin: 0 0 0 20px; float: left;}
.post {background: #e8e9eb; width: 650px; margin: 0 0 20px 0; float: left;}
.postpadding {padding: 10px 15px 10px 15px; float: left;}
#posts p {font-size: 1.1em; margin: 0 0 10px 0;}
#posts a, .navigation a {color: #d14c11; text-decoration: none; font-weight: bold;}
#posts a:hover, .navigation a:hover {color: #454b54;}
#posts h1 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.8em; font-weight: bold; color: #d14c11; padding-bottom: 3px; margin: 0; line-height: 1.1em}
#posts h2 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.8em; font-weight: bold; padding-bottom: 3px; margin: 0; line-height: 1.1em;}
#posts h3 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.5em; font-weight: bold; padding-bottom: 5px; margin:0  line-height: 1.1em}
#posts h4 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: bold; padding-bottom: 5px; margin:0}
#posts h5 {font-size: 1.1em; font-weight: bold; padding: 15px 0px 5px 0px;}
#posts ul {margin: 0 0 20px 0; padding: 0;}
#posts li {font-size: 1.1em; padding-bottom: 5px; list-style: square inside;}
#posts .entryImage {margin: 0;}
#posts .last {margin: 0; padding: 0;}
#posts .separator {border-bottom: dotted 1px #363636; padding: 10px 0 0 0;}
#posts .commentbubble a {float: left; background: url(images/commentbubble.gif); background-repeat: no-repeat; width: 50px; height: 55px; text-align: center; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1.6em; font-weight: normal; color: #444; padding: 6px 0 0 0; margin: 5px 10px 0 0;}
#posts .commentbubble a:hover {background: url(images/commentbubblehover.gif); background-repeat: no-repeat;}
.post a img {border: none;}
#posts .pagelink {font-weight: bold;}
.wp-caption {text-align: left;}
.wp-caption-text {font-size: 1em; font-style: italic;}
.category img, .tags img {margin-bottom: -2px;}
.category, .tags {padding: 0 0 5px 0;}
.postmetadatatop {font-size: 1.1em; font-weight: bold; color: #454b54; padding: 5px 0 5px 0;}
.tags {line-height: 1.5em; color: #454b54;}
.entry {padding: 5px 0 10px 0; width: 620px; float: left;}
.entry p {margin: 0;}
.navigation {margin: 0 0 10px 0;}
.breadcrumb {margin: 0 0 15px 0;}



/* Images */
.alignleft {float: left; margin: 5px 15px 10px 0;}
.alignright {float: right; margin: 5px 0 10px 15px;}
.aligncenter {display: block; margin: 0 auto 10px auto;}
.alignnone {margin: 0;}
.wp-caption .alignleft {float: left; margin: 5px 15px 0 0;}
.wp-caption.alignright {float: right; margin: 5px 0 15px 15px;}
.wp-caption.aligncenter {display: block; margin: 0 auto 15px auto;}
.wp-caption.alignnone {margin: 0;}
.thumbnail {float: left; margin: 0 15px 10px 0;}
.spimage {float: left; margin: 5px 15px 10px 0;}



/* Comment Area */
#comments {padding: 30px 0 0 0;}
#commentsarea li {list-style: none outside;}
.commentlist {list-style: none; margin: 5px 0 0 0; padding: 0;}
.commentlist li {background: #f3f3f3; padding: 10px 15px 0 15px; border: 1px solid #b9babb; margin: 0 0 15px 0;}
.avatarcontainer {display: none;}
.avatar {border: 1px solid #b9babb; display: none;}
#commentsarea h3 {margin: 0;}
#commentsarea p {font-size: 1em; margin: 0; padding: 0 0 5px 0;}
#commentsarea .date {font-size: 1em; padding: 0 0 5px 0;}
.comments-template {width: 620px; float: left;}
.nocomments {font-weight: bold;}



/* Comment Form */
#commentform #author, #commentform #email, #commentform #url, #commentform #comment {background: #f3f3f3; border: 1px solid #b9babb; color: #454b54;}
#commentform .url {display: none;}
#commentform .author {margin: 0 0 5px 0;}
#respond {padding: 35px 0 0 0; margin: 0}
#respond h3 {margin: 0;}
#commentform p {margin: 0;}
#comment {margin: 5px 0 10px 0;}
#submit {margin: 10px 0 0 0;}



/* SideBar */
.sidebar {margin-left: 690px; width: 250px;}
.sidebar h3 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0; padding: 5px; font-size: 1.5em; color: #fff; width: 240px; background: #363636;}
.sidebar ul {padding: 10px 10px 5px 10px; background: #e8e9eb;}
.sidebar li {padding-bottom: 5px; list-style: square inside;}
.sidebar a {color: #d14c11; font-weight: bold; text-decoration: none;}
.sidebar a:hover {color: #454b54;}



/* Advertisement */
#ad {width: 250px; margin: 20px 0 20px 0;}
#ad .textwidget {background: none; padding: 0; margin: 0;}



/* Social Profiler */
#joinUs {width: 250px; background: #e8e9eb; margin: 0 0 20px 0;}
#joinUs .contentPadding {padding: 10px;}
#joinUs img {padding: 0 10px 0 0;}



/* tct auctions */
#text-4 .widget_text {width: 250px; margin: 0;}



/* upcoming events modefan news */
#upcomingEvents {width: 250px; margin: 0 0 20px 0; background: #e8e9eb;}
#upcomingEvents .contentPadding {padding: 10px;}
#upcomingEvents .date {font-size: 1.1em; margin: 0; padding: 0 0 5px 0;}
#upcomingEvents p {font-size: 1.1em; margin: 5px 0 5px 0;}
#upcomingEvents h4 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: bold; padding-bottom: 5px; margin: 0;}
#upcomingEvents a {color: #d14c11; font-weight: bold; text-decoration: none;}
#upcomingEvents a:hover {color: #454b54;}
#upcomingEvents .next {padding: 10px 0 0 0; margin: 0;}



/* VideoBox LightBox */
#lbOverlay {position: absolute; left: 0; width: 100%; background-color: #000; cursor: pointer;}
#lbCenter, #lbBottomContainer {position: absolute; left: 50%; overflow: hidden; background-color: #fff; text-align: center; padding: 10px 10px 0 10px;}
.lbLoading {background: #fff url(images/lightbox-ico-loading.gif) no-repeat center;}
#lbImage {border: 10px solid #fff;}
#lbPrevLink, #lbNextLink {display: block; position: absolute; top: 0; width: 50%; outline: none;}
#lbPrevLink {left: 0;}
#lbPrevLink:hover {background: transparent url(images/lightbox-btn-prev.gif) no-repeat 0% 15%;}
#lbNextLink {right: 0;}
#lbNextLink:hover {background: transparent url(images/lightbox-btn-next.gif) no-repeat 100% 15%;}
#lbBottom {font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; padding: 0 5px 5px 10px;}
#lbCloseLink {display: block; float: right; width: 66px; height: 22px; background: transparent url(images/lightbox-btn-close.gif) no-repeat center; margin: 0 5px 0 0;}
#lbCaption, #lbNumber {margin-right: 71px;}
#lbCaption {font-weight: bold;}
#videobox {width: 620px; float: left; border-bottom: dotted 1px #363636; margin-bottom: 10px;}
#videobox img {border: 1px solid #b9babb; padding: 2px;}
.videobox-thumb p {font-size: 1em; padding: 5px 0 0 0; text-align: center;}
.videobox-thumb-last p {font-size: 1em; padding: 5px 0 0 0; text-align: center;}
.videobox-thumb {float: left; margin: 10px 8px 0 0;}
.videobox-thumb-last {float: left; margin: 10px 0 0 0;}



/* Foooter */
#footer {font-family: Helvetica, Verdana, Arial, sans-serif; color:#fff;}
#footer .footerPadding {padding: 9px 40px 0 40px;}
#footer .copyright {float: left;}
#footer .siteDesign {float: right;}
#footer a {color: #f2c880; text-decoration: none;}
#footer a:hover {color: #fff;}
#footer p {font-size: 1em; margin: 0;}