/* Theme Name: Photoria Theme URI: http://www.wpzoom.com/themes/photoria/ Description: Theme by WPZOOM Version: 1.1.2 Author: WPZOOM Author URI: http://www.wpzoom.com */ /*------------------------------------------------------------------------------------------- INDEX: 1. SETUP -1.1 Defaults -1.2 Margins & Padding -1.3 Alignment -1.4 Hyperlinks 2. SITE STRUCTURE & APPEARANCE -2.1 Containers & Columns -2.2 Navigation -2.2.1 Category menu -2.2.1 Drop-down menus -2.3 Display Panels -2.3 Header -2.4 Main -2.5 Display Panels -2.6 Content -2.7 Postcontent -2.8 Sidebar -2.9 PreFooter -2.10 Footer -2.11 Daily 3. POSTS -3.1 Typographic Elements -3.2 Images -3.2.1 Daily Images -3.2.2 Style Images -3.2.3 Social Images -3.2.4 Social Share Images -3.2.5 Social Share Images Small -3.2.6 Misc Images -3.3 Gallery Post Elements -3.3.1 General Elements -3.3.2 Designer Elements -3.3.3 Style Elements -3.4 Blog Elements -3.5 Designer Elements -3.6 Pagination 4. WIDGETS -4.1 Generic Widgets -4.2 Specific Widgets -4.2.1 YARRP -4.2.2 WPZoom Gallery Widget -4.2.3 WPZoom Social Widget -4.2.4 Tipsy Tooltip 5. COMMENTS -5.1 Comments -5.2 Pingbacks / Trackbacks -5.3 Comments Form 6. HOMEPAGE -6.1 Featured -6.2 Daily ---------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /* 1. SETUP */ /*-------------------------------------------------------------------------------------------*/ /* 1.1 Defaults */ html, body, div, h1, h2, h3, ul, ol, li, form, fieldset, input, textarea {margin: 0; padding: 0; font-size: 100%;} html {overflow-x:hidden;} ul {list-style: none;} img, fieldset {border: 0;} em {font-style: italic;} strong {font-weight: bold;} body {font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 62.5%; text-align:center; background-color: #16151a; color: #DFDFE0; } h1,h2,h3,h4,h5,h6 {font-weight: normal; margin:0; padding:0; color: #fff; } p {margin: 0 0 16px; } input { padding:5px; margin-right:4px;} /* 1.2 Margins and Padding */ .mt-20 { margin-top:-20px; } .mb-20 { margin-bottom:-20px; } .mt-10 { margin-top:-10px !important; } .mr0 { margin-right:0px !important; } .mt1 { margin-top:1px; } .mt-1 { margin-top:-1px; } .mt2 { margin-top:2px; } .mt-2 { margin-top:-2px; } .ml2 { margin-left:2px !important; } .mb2 { margin-bottom:2px; } .ml-3 { margin-left:-3px; } .pb2 { padding-bottom:2px; } .mt3 { margin-top:3px; } .mb-3 { margin-bottom:-3px; } .mt4 { margin-top:4px; } .mb-4 { margin-bottom:-4px; } .mt5 { margin-top:5px; } .mt-5 { margin-top:-5px; } .mr5 { margin-right:5px !important; } .mr4 { margin-right:4px !important; } .mb5 { margin-bottom:5px; } .mb-5 { margin-bottom:-5px; } .ml5 { margin-left:5px; } .pt5 { padding-top:5px; } .pr5 { padding-right:5px; } .pb5 { padding-bottom:5px; } .pb-5 { padding-bottom:-5px; } .pl5 { padding-left:5px; } .mb8 { margin-bottom:8px; } .mt10 { margin-top:10px; } .mr10 { margin-right:10px; } .mb10 { margin-bottom:10px; } .ml10 { margin-left:10px; } .pt10 { padding-top:10px; } .mb15 { margin-bottom:15px; } .mr20 { margin-right:20px; } .mt17{ margin-top:17px; } .mt20 { margin-top:20px; } .mt30 { margin-top:30px; } .spacer { line-height:5px; } /* 1.3 Alignment */ .aligncenter,div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; margin: 10px 15px 5px 0; } .alignright { float: right; margin: 10px 0 8px 20px; } .clear { clear: both; } .floatleft,.more_left { float: left; } .floatright { float: right; } /* 1.4 Hyperlinks */ a {text-decoration:none; color: #55bbcc; } a:hover {text-decoration:underline; } a:active {outline:none;} a.previous { position: absolute; top: 38%; left: -5px; } a.next { position: absolute; top: 38%; right: -5px; } a.browse { position: absolute; width: 44px; height: 82px; display: block; cursor: pointer; font-size: 1px; z-index: 99; text-indent: -2000px; background: url("images/arrows.png") no-repeat 0 0; outline:none; border:none;} a.previous { background-position: 0 -83px; right: 15px; } a.previous:hover { background-position: 0 0; } a.next { background-position: -45px -83px; } a.next:hover { background-position: -45px 0; } /*-------------------------------------------------------------------------------------------*/ /* 2. SITE STRUCTURE & APPEARANCE */ /*-------------------------------------------------------------------------------------------*/ /* 2.1 Containers & Columns */ .container { overflow:hidden; position:relative; } .postcontent { height:100%; overflow:hidden; } #container {width:100%; min-height: 200px; margin: 0 auto; text-align:center; font-size: 13px; line-height: 1.5; } #container div.wrapper {margin: 0 auto; width: 950px; text-align: left; padding: 0; } #container div.cleaner {clear: both; font-size:1px; height: 1px; margin:0; line-height: 1px; } #container div.sep {font-size:1px; height: 1px; margin:0; line-height: 1px; margin: 2px 0; border-bottom: dotted 1px #58626a; } /* 2.2 Navigation */ #nav { width: 100%; z-index:99; margin:0; padding: 2px; list-style:none; line-height:1; font-size: 1em; font-weight: bold; text-transform: uppercase; /* 14 / 14 = 1 */ background: #1f1b1a; /* Old browsers */ background: -moz-linear-gradient(top, #333333 0%, #16151a 76%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(76%,#16151a)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #333333 0%,#16151a 76%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #333333 0%,#16151a 76%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #333333 0%,#16151a 76%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#16151a',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #333333 0%,#16151a 76%); /* W3C */ /* border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; */ box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px rgba(255,255,255,0.1); -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px rgba(255,255,255,0.1); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px rgba(255,255,255,0.1); height: 32px; } #nav a { position: relative; display: block; z-index: 100; padding: 8px 20px; line-height: 18px; text-decoration: none; color: #CCCCCC; text-shadow: 1px 1px 0 #000; } #nav a:hover { background: -moz-linear-gradient(top, #666666 0%, #15161a 99%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(99%,#15161a)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #666666 0%,#15161a 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #666666 0%,#15161a 99%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #666666 0%,#15161a 99%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#15161a',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #666666 0%,#15161a 99%); /* W3C */ margin-top:-2px; padding:10px 20px 7px 20px; border-bottom: 1px solid rgba(0,0,0,0.7); } #nav li { float:left; width: auto; } #nav li.current-menu-item a { color: #fff; background: -moz-linear-gradient(top, #FF0000 0%, #511013 99%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF0000), color-stop(99%,#511013)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #FF0000 0%,#511013 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #FF0000 0%,#511013 99%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #FF0000 0%,#511013 99%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF0000', endColorstr='#511013',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #FF0000 0%,#511013 99%); /* W3C */ margin-top:-2px; border-bottom:2px solid #7b0c0f; padding:10px 20px 7px 20px; text-shadow: -1px -1px 0 rgba(0,0,0,0.7); } /*#nav li {float: left; display: inline; font-size: 14px; font-weight: bold; padding:8px 12px; margin:1px; border-right:2px solid #58626a; color:#666666 } */ /* #nav li {float: left; display: inline; font-size: 16px; font-weight: bold; padding: 6px 12px; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;} */ /*#nav li:hover, #nav li a:hover {color:#FFFFFF; } */ /*#nav a {color: #5a5a5c; text-decoration: none; } */ /* #nav li li {padding: 3px 0; line-height: 20px; font-size: 12px; font-weight: normal; } #nav li.current-menu-item {background-color: #58626a; color:#FFFFFF; } #nav li:first-child a { border-left: none; border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; } #nav li:last-child a { border-right: none; border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; } #nav li a.sf-with-ul { padding-right:20px; } */ /* 2.2.1 Category Menu */ #category-menu { border-bottom: solid 2px #58626a; border-top: solid 2px #58626a; height: 30px; width: 950px; } #category-menu ul{ padding: auto; } #category-menu li{ float: left; height: 30px; font-weight:bold; text-transform:uppercase; } #category-menu li a { color: white; display: block; font-size: 12px; font-weight: bold; height: 18px; margin: 0 8px -8px 0; padding: 7px 10px; text-decoration: none; } #category-menu li.current-menu-item a{ color:#999999; } #category-menu > li:first-child{} #category-menu li a:hover{ color: #ddd; background-color: #58626a; margin-bottom:-8px; } /* 2.2.2 Drop down menus*/ #menu {position:relative; z-index:200; } #menu li li{margin-right: 0; border-left: none; background-color:#333333;} #menu li li:first-child { margin-top:1px; } #menu li li a:hover{margin-right: 0; border-left: none; margin-bottom:1px;} /*#menu li li:first-child a:hover{ margin-top:1px; padding-top:11px; padding-bottom:-1px;}*/ .downarrowclass { background:url(images/down.png) no-repeat center; padding:5px 12px;} .rightarrowclass {background:url(mages/right.png) no-repeat center right; padding: 10px; position:absolute; right:10px; } .dropdown ul li{position: relative; display: inline; margin-right: 0; } /*Top level list items*/ .dropdown ul li a{text-decoration: none; } /*Top level menu link items style*/ * html .dropdown ul li a{ display: inline-block; } /*IE6 hack to get sub menu links to behave correctly*/ .dropdown ul li ul {position: absolute; left: 0; display: block; visibility: hidden; z-index:100; text-align:left; margin:0; } /*1st sub level menu*/ .dropdown ul li ul li ul{top: 0;} /*All subsequent sub menu levels vertical offset after 1st level sub menu */ .dropdown ul li ul li a {width: 160px; padding: 0px 10px; margin: 0; border-top-width: 0; color:#fff; text-transform:none; display:block; border-bottom:1px solid #000000;} /* Sub level menu links style */ .dropdown ul li ul li:last-child a, .dropdown ul li ul li:last-child a:hover {border:none;} .dropdown ul li ul li a:hover { color:#ffffff; background:#545454 !important; border-bottom:1px solid #000000; } /* 2.3 Header */ #header {padding: 5px 0; margin: 2px 0 0px; } #logo {float: left; display: inline; margin-top:-5px; } #header #search { float:right; } #header #media { float:right; height:32px; margin-bottom:5px; margin-right:20px; text-decoration:none;} #header #share { float:left; height:25px; width:25px; margin-right:3px; margin-top:1px; text-decoration:none;} #header #share a{ text-decoration:none; } #searchbox { float:right; margin-bottom:5px; } #searchbox input { border:1px; padding:5px 0 5px 25px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; background: url("images/search.gif") no-repeat 4px 50% #FFFFFF; width:180px; } #searchbox #searchsubmit {background:none; background-color: #55bbcc; color: #fff; border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 4px 4px; font-weight:bold; font-family:Arial;} /* 2.4 Main */ #main {float: left; display: inline; width: 630px; margin-right: 20px; } /* 2.5 Display Panels */ .outer-panel, .outer-panel-black, .outer-panel-white, .outer-panel-asphalt, .outer-panel-red { color: #fff; -moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; min-height:20px; padding:10px; position:relative;} .outer-panel { background-color:#333333; } .outer-panel-black { background-color:#000000; } .outer-panel-white { background-color:#ffffff; color:#000000; } .outer-panel-red { background-color:#CC0000; } .outer-panel-asphalt { background-color:#16151a; } .inner-panel, .inner-panel-grey, .inner-panel-white { background-color:#16151a; color: #fff; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; min-height:10px; } .inner-panel { background-color:#181817; } .inner-panel-black { background-color:#000000; } .inner-panel-grey2{ background-color:#333333; } .inner-panel-grey { background-color:#16151a; } .inner-panel-white { background-color:#ffffff; color:#000000; } .inner-panel-pad { padding: 5px; } .inner-panel-pad ul{ display:inline; } .outer-panel .label, .outer-panel-black .label, .outer-panel-white .label, .outer-panel-asphalt .label, .outer-panel-red .label { text-transform:uppercase; font-size:13px; font-weight:bold; margin:5px 2px 3px 1px; } .outer-panel .heading-label, .outer-panel-black .heading-label, .outer-panel-white .heading-label, .outer-panel-asphalt .heading-label, .outer-panel-red .heading-label { text-transform:uppercase; font-size:13px; font-weight:bold; margin:0px 2px 3px 1px; } /* 2.6 Content */ #content {margin-top: 5px; } #content ul.posts {margin: 15px 0 15px -3px; padding-top:10px !important; } #content ul.posts li {position: relative; float: left; display: inline; margin-right: 2px; width: 150px; padding: 3px; margin-left:2px; } #content ul.posts li a {color:#fff;} #content ul.posts li.first {margin-left: 3px; padding: 3px 3px 3px 0px;} #content ul.posts li.last {margin-right: 0; padding: 3px 0px 3px 3px;} #content ul.posts h2 {margin: 10px 0; font-size: 14px; line-height: 1.3; font-weight: bold; display: block; padding-bottom: 6px; border-bottom: solid 2px #58626a; } #content ul.posts img {margin: 1px 0 3px; } #content ul.posts li:hover, #content ul.posts li:hover a {color: #fff; text-decoration:none;} #content ul.posts li:hover h2 {border-bottom-color: #fff; } #content ul.posts li:hover h2 a { color:#fff; text-decoration:none;} #content h1, #content h1 a {font-size: 32px; font-weight: bold; letter-spacing: -1px; line-height: 1.3; margin-bottom: 10px; color:#fff;} #content h2, #content h2 a {font-size: 22px; font-weight: bold; letter-spacing: -1px; line-height: 1.3; margin-top: -5px; color:#fff; border:none;} /* 2.7 Postcontent */ .postcontent h2, .postcontent h3, .postcontent h4, .postcontent h5, .postcontent h6 {font-weight: bold; margin-bottom: 12px; } #container .postcontent h2 {font-size: 28px; line-height: 30px; } #container .postcontent h3 {font-size: 26px; line-height: 30px; } .postcontent .label { line-height: 2.0em; font-size: 18px; display: block; text-transform: uppercase; color:#FFFFFF; } .postcontent h4 {font-size: 24px; line-height: 28px; } .postcontent h5 {font-size: 20px; line-height: 24px; } .postcontent h6 {font-size: 16px; line-height: 18px; text-transform:uppercase; margin-bottom:5px; } .postcontent p {margin-bottom: 14px; font-size:14px} .postcontent p img {margin-bottom: 10px;} .postcontent ul, .postcontent ol {margin: 0 0 14px 14px; } .postcontent li ul, .postcontent li ol {margin-bottom: 0; } .postcontent li {list-style-position: inside;} .postcontent ul li {list-style-type: square;} .postcontent ol li {list-style-type: decimal;} .postcontent blockquote {font-style: italic; font-size: 18px; line-height: 24px; border-left: solid 5px #444; padding-left: 20px; margin-left: 20px; } .postcontent .alignleft { float: left; margin: 10px 15px 10px 0; } .postcontent .alignright { float: right; margin: 10px 0px 10px 15px; } /* 2.8 Sidebar */ .sidebarLeft #main {float: right; margin-left: 20px; margin-right: 0; margin-top:20px;} .sidebarLeft #sidebar {float: right; } #sidebar {float: left; display: inline; width: 300px; } #sidebar .banner { margin:15px 0; } #sidebar .widget {margin-bottom: 20px; font-size: 12px; line-height: 18px; } #sidebar .widget h2 { font-family: Arial; font-size:20px; color:#FFFFFF; font-weight:normal; text-transform:uppercase; } #sidebar ul {margin: 0;} #sidebar ul.posts {margin: 15px 0; } #sidebar ul.posts li {padding: 0 0 10px; border-bottom: solid 1px #30343a; margin-bottom: 10px; } #sidebar ul.posts h2 {font-weight: bold; margin-bottom: 10px; } #sidebar ul.posts h2 a {color: #222; } #sidebar ul.posts h2 a:hover {color: #dc567a; } #sidebar div.cover {float: left; display: inline; margin-right: 10px; } #sidebar div.content {overflow: hidden;} #sidebar p.postmetadata {margin: 0; color: #ABB0B5; } /* 2.9 PreFooter */ #preFooter {margin: 35px 0; font-size:11px; } #preFooter a {color:#55bbcc; } #preFooter div.column {float: left; display: inline; width: 230px; margin-right: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background-color:#333333; height:250px; } #preFooter div.last {margin-right: 0;} #preFooter h2 {color: #DFDFE0; font-size: 14px; font-weight: bold; line-height: 20px; padding-bottom: 6px; border-bottom: solid 2px #666666; margin-bottom: 12px; } #sidebar h2 {color: #DFDFE0; font-size: 14px; font-weight: bold; line-height: 20px; padding-bottom: 6px; border-bottom: solid 2px #30343a; margin-bottom: 12px; } #preFooter .widget:hover h2 { border-bottom:2px solid #FFFFFF; color:#FFFFFF;} /* 2.10 Footer */ #footer {text-align: left; padding: 15px 0; border-top: solid 2px #58626a; color: #ccc; margin: 30px 0; } #footer p {margin:0; line-height: 18px; font-size: 12px; } #footer a {color: #999; } #footer a:hover {color: #fff; text-decoration: underline; } #footer p.wpzoom {float: right; display: inline; line-height: 16px; width: 450px; text-align:right; } #footer p.wpzoom img {float: right; display: inline; margin: 0 0 0 5px; padding:3px 0 0;} #footer p.wpzoom a {color: #ccc; text-decoration: none;} #footer p.wpzoom a:hover { } #daily {margin-top: 5px; } #daily ul.posts {margin: 5px 0 15px 0; } #daily ul.posts li {position: relative; float: left; display: inline; margin-right: 5px; padding: 0 10px 5px 5px; width:306px; margin:7px 0; color:#fff; } /*{position: relative; float: left; display: inline; margin-right: 5px; padding: 0 10px 5px 5px; height:200px; width:306px; margin:7px 0; color:#fff; }*/ #daily ul.posts li .content { border: 1px solid #CCCCCC; margin-bottom:10px; height:202px; } #daily ul.posts li a {color:#fff; min-height:225px; } #daily ul.posts li.first {margin-left: 0; padding-left:0px; } #daily ul.posts li.last {margin-right: 0; padding-right:0px; } #daily ul.posts h2 {margin: 10px 0; font-size: 14px; line-height: 1.3; font-weight: bold; display: block; padding-bottom: 1px; border-bottom: solid 2px #58626a; } #daily ul.posts img {margin: 1px 0 -20px; line-height:200px; } #daily ul.posts li:hover, #daily ul.posts li:hover a:hover { text-decoration:none; } #daily ul.posts li:hover h2 {border-bottom-color: #fff;} #daily ul.posts li:hover h2 a { color:#fff; text-decoration:none; } #daily ul.posts li .overlay { background-image: url("images/overlay.png"); bottom: -8px; padding: 4px 5px; position: relative; width: 294px; top:-25px;} #daily ul.posts li .overlay2 { background-image: url("images/overlay.png"); bottom: -8px; padding: 4px 5px; position: relative; width: 294px; top:-7px;} #daily ul.posts li .design { width:280px; text-align:left; margin:0 5px; display:block; text-align:left; font-size:13px; color:#ffffff; position:inline; font-weight:bold; text-transform:uppercase;} #daily ul.posts li .designer { width:280px; text-align:left; margin:0 5px; display:block; text-align:left; font-size:12px; color:#ffffff; position:inline; } /*-------------------------------------------------------------------------------------------*/ /* 3. POSTS */ /*-------------------------------------------------------------------------------------------*/ /* 3.1 Typographic Elements */ h2.title {font-size: 18px !important; font-weight: normal; margin-top: 25px; padding-bottom: 6px; border-bottom: solid 2px #58626a; text-transform:uppercase; } h2.label, #content h3, #content h3 a {font-size: 18px !important; font-weight: normal; margin-top: 25px; padding-bottom: 6px; text-transform:uppercase; } .blue-label, .blue a:hover { border-bottom: 3px solid #0D507A; } .red-label, .red a:hover { border-bottom: 3px solid #D12E2E; } .purple-label, .purple a:hover { border-bottom: 3px solid #9E0E87; } .grey-label, .grey a:hover { border-bottom: 2px solid #58626A; } .heading { color:#FFFFFF; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:28px; margin-top: 10px; text-align: left; padding: 2px 0;} #content h3, #content h3 a { margin-top:5px; } #content label, #commentform label {font-weight:bold; line-height: 2.0em; font-size: 11px; display: block; text-transform: uppercase; } #content #submit, #commentform #submit, #content #submitBlue {background:none; font-size: 14px; padding: 5px 7px; width: auto; cursor: pointer; } #content #submit, #commentform #submit, #content #submitBlue {background:none; background-color: #55bbcc; color: #fff; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 6px 15px; font-weight:bold; font-family:Arial; } #content #submit:hover, #commentform #submit:hover, #content #submitBlue:hover {background-color: #444; } .attachment { margin: 1em 0 } .wp-caption-text, .gallery-caption { color: #999; text-align: center; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 11px; } #clockwrapper { width:125px; text-align:right; margin-top:-13px; padding-bottom: -3px; padding-top:5px; padding-right:5px; } #roundup-merchant { width:125px; text-align:right; margin-top:-5px; padding-bottom: -3px; padding-top:5px; padding-right:5px; } .price { color:#F7F7F7; position:relative; margin-top:-34px;display:block; margin-right:8px; } /* 3.2 Images */ /* 3.2.1 Daily Images */ .TeeFury { background:url("images/logos/dailytees-black.png") no-repeat 0 0; padding-bottom:10px; } .RiptApparel { background:url("images/logos/dailytees-black.png") no-repeat 0 -30px; padding-bottom:10px; } .Ript { background:url("images/logos/dailytees-black.png") no-repeat 0 -30px; padding-bottom:10px; } .ShirtWoot { background:url("images/logos/dailytees-black.png") no-repeat 0 -58px; padding-bottom:10px; } .ShirtPunch { background:url("images/logos/dailytees-black.png") no-repeat 0 -90px; padding-bottom:10px; } .ShirtPunch2 { background:url("images/logos/dailytees-black.png") no-repeat 0 -90px; padding-bottom:10px; } .Tilteed { background:url("images/logos/dailytees-black.png") no-repeat 0 -130px; padding-bottom:10px; } .Qwertee { background:url("images/logos/dailytees-black.png") no-repeat 0 -160px; padding-bottom:10px; } .NowhereBad { background:url("images/logos/dailytees-black.png") no-repeat 0 -190px; padding-bottom:10px; } .TheYetee { background:url("images/logos/dailytees-black.png") no-repeat 0 -220px; padding-bottom:10px; } .OtherTees { background:url("images/logos/dailytees-black.png") no-repeat 0 -250px; padding-bottom:10px; } .GraphicLab { background:url("images/logos/dailytees-black.png") no-repeat 0 -280px; padding-bottom:10px; } .Loviu { background:url("images/logos/dailytees-black.png") no-repeat 0 -310px; padding-bottom:10px; } .ShirtPunchTV { background:url("images/logos/dailytees-black.png") no-repeat 0 -336px; padding-bottom:10px; } .Shirtaday { background:url("images/logos/dailytees-black.png") no-repeat ; padding-bottom:10px; } .TeeRaiders { background:url("images/logos/dailytees-black.png") no-repeat 0 -370px; padding-bottom:10px; } .TeeVolt { background:url("images/logos/dailytees-black.png") no-repeat 0 -400px; padding-bottom:10px; } .AnotherFineTee { background:url("images/logos/dailytees-black.png") no-repeat 0 -430px; padding-bottom:10px; } .GoodJoe { background:url("images/logos/dailytees-black.png") no-repeat 0 -460px; padding-bottom:10px; } .LOLShirts { background:url("images/logos/dailytees-black.png") no-repeat 0 -490px; padding-bottom:10px; } .BustedTees { background:url("images/logos/dailytees-black.png") no-repeat 0 -520px; padding-bottom:10px; } .SixDollarShirts { background:url("images/logos/dailytees-black.png") no-repeat 0 -555px; padding-bottom:10px; } .TeeBusters { background:url("images/logos/dailytees-black.png") no-repeat 0 -580px; padding-bottom:10px; } .DesignByHumans { background:url("images/logos/dailytees-black.png") no-repeat 0 -608px; padding-bottom:10px; } .AnotherFineTee2 { background:url("images/logos/dailytees-black.png") no-repeat 0 -632px; padding-bottom:10px; } .DesignByHumans2 { background:url("images/logos/dailytees-black.png") no-repeat 0 -660px; padding-bottom:0px; } .EpicEmbrace { background:url("images/logos/dailytees-black.png") no-repeat 0 -680px; padding-bottom:10px; } .GimmickTees { background:url("images/logos/dailytees-black.png") no-repeat 0 -700px; padding-bottom:10px; } .Unamee { background:url("images/logos/dailytees-black.png") no-repeat 0 -730px; padding-bottom:10px; } .ShirtPunchTV2 { background:url("images/logos/dailytees-black.png") no-repeat 0 -760px; padding-bottom:10px; } .TeeAddicted { background:url("images/logos/dailytees-black.png") no-repeat 0 -790px; padding-bottom:10px; } .JesterTee { background:url("images/logos/dailytees-black.png") no-repeat 0 -850px; padding-bottom:10px; } .TshirtFight { background:url("images/logos/dailytees-black.png") no-repeat 0 -890px; padding-bottom:5px; } .TshirtFight2 { background:url("images/logos/dailytees-black.png") no-repeat 0 -890px; padding-bottom:5px; } .SnorgTees1 { background:url("images/logos/dailytees-black.png") no-repeat 0 -920px; padding-bottom:5px; } .SnorgTees2 { background:url("images/logos/dailytees-black.png") no-repeat 0 -920px; padding-bottom:5px; } .SnorgTees3 { background:url("images/logos/dailytees-black.png") no-repeat 0 -920px; padding-bottom:5px; } .Limiteed { background:url("images/logos/dailytees-black.png") no-repeat 0 -945px; padding-bottom:10px; } /* 3.2.2 Style Images */ .mens { background: url("images/sprites.png") no-repeat scroll -156px -42px transparent } .mens:hover { background: url("images/sprites.png") no-repeat scroll -156px -84px transparent } .mens-inactive { background: url("images/sprites.png") no-repeat scroll -156px 0px transparent } .womens { background: url("images/sprites.png") no-repeat scroll -104px -42px transparent } .womens:hover { background: url("images/sprites.png") no-repeat scroll -104px -84px transparent } .womens-inactive { background: url("images/sprites.png") no-repeat scroll -104px 0px transparent } .hoodies { background: url("images/sprites.png") no-repeat scroll -208px -42px transparent } .hoodies:hover { background: url("images/sprites.png") no-repeat scroll -208px -84px transparent } .hoodies-inactive { background: url("images/sprites.png") no-repeat scroll -208px 0px transparent } .childrens { background: url("images/sprites.png") no-repeat scroll -52px -42px transparent } .childrens:hover { background: url("images/sprites.png") no-repeat scroll -52px -84px transparent } .childrens-inactive { background: url("images/sprites.png") no-repeat scroll -52px 0px transparent } .baby { background: url("images/sprites.png") no-repeat scroll 0px -42px transparent } .baby:hover { background: url("images/sprites.png") no-repeat scroll 0px -84px transparent } .baby-inactive { background: url("images/sprites.png") no-repeat scroll 0px 0px transparent } .underscore { background: url("images/sprites.png") no-repeat scroll -305px -188px transparent; height:24px; } /* 3.2.3 Social Images */ .twitter_custom { background: url("images/sprites.png") no-repeat 0px -126px transparent } .twitter_custom:hover { background: url("images/sprites.png") no-repeat 0px -157px transparent } .facebook_custom { background: url("images/sprites.png") no-repeat -31px -126px transparent } .facebook_custom:hover { background: url("images/sprites.png") no-repeat -31px -157px transparent } .reddit_custom { background: url("images/sprites.png") no-repeat -62px -126px transparent } .reddit_custom:hover { background: url("images/sprites.png") no-repeat -62px -157px transparent; } .digg_custom { background: url("images/sprites.png") no-repeat -94px -126px transparent } .digg_custom:hover { background: url("images/sprites.png") no-repeat -94px -157px transparent } .tumblr_custom { background: url("images/sprites.png") no-repeat -219px -126px transparent } .tumblr_custom:hover { background: url("images/sprites.png") no-repeat -219px -157px transparent } .stumbleupon_custom { background: url("images/sprites.png") no-repeat -124px -126px transparent } .stumbleupon_custom:hover { background: url("images/sprites.png") no-repeat -124px -157px transparent } .st_email_custom { background: url("images/sprites.png") no-repeat -156px -126px transparent } .st_email_custom:hover { background: url("images/sprites.png") no-repeat -156px -157px transparent } .googleplus_custom { background: url("images/sprites.png") no-repeat -252px -126px transparent } .googleplus_custom:hover { background: url("images/sprites.png") no-repeat -252px -157px transparent } .pinterest_custom { background: url("images/sprites.png") no-repeat scroll -283px -126px transparent } .pinterest_custom:hover { background: url("images/sprites.png") no-repeat scroll -283px -157px transparent } .st_sharethis_custom {background: url("images/sprites.png") no-repeat scroll -188px -126px transparent } .st_sharethis_custom:hover { background: url("images/sprites.png") no-repeat scroll -188px -157px transparent } .amazon_custom {background: url("images/sprites.png") no-repeat scroll -314px -126px transparent } .amazon_custom:hover { background: url("images/sprites.png") no-repeat scroll -314px -157px transparent } .counter_custom_style {background: url("images/sprites.png") no-repeat scroll -345px -157px transparent; width:45px; height:30px; text-align:center; font-size:14px; color:#000000; vertical-align:bottom; } /* 3.2.4 Social Share Images */ .share { width:32px; height:32px; display:block;} .rss_share { background: url("images/sprites.png") no-repeat -261px -59px transparent; width:32px; height:32px; } .rss_share:hover { background: url("images/sprites.png") no-repeat -261px -92px transparent; width:32px; height:32px; } .twitter_share { background: url("images/sprites.png") no-repeat -294px -59px transparent; width:32px; height:32px; } .twitter_share:hover { background: url("images/sprites.png") no-repeat -294px -92px transparent; width:32px; height:32px; } .facebook_share { background: url("images/sprites.png") no-repeat -327px -59px transparent; width:32px; height:32px; } .facebook_share:hover { background: url("images/sprites.png") no-repeat -327px -92px transparent; width:32px; height:32px; } .tumblr_share { background: url("images/sprites.png") no-repeat -360px -59px transparent; width:32px; height:32px; } .tumblr_share:hover { background: url("images/sprites.png") no-repeat -360px -92px transparent; width:32px; height:32px; } .redbubble_share { background: url("images/sprites.png") no-repeat -393px -59px transparent; width:32px; height:32px; } .redubble_share:hover { background: url("images/sprites.png") no-repeat -393px -92px transparent; width:32px; height:32px; } /* 3.2.5 Social Share Images Small */ .share_sm { width:25px; height:25px; display:block;} .rss_share_sm { background: url("images/sprites.png") no-repeat -425px 0 transparent; width:25px; height:25px; border-bottom:none; } .twitter_share_sm { background: url("images/sprites.png") no-repeat -425px -25px transparent; width:25px; height:25px; } .facebook_share_sm { background: url("images/sprites.png") no-repeat -425px -50px transparent; width:25px; height:25px; } .tumblr_share_sm { background: url("images/sprites.png") no-repeat -425px -75px transparent; width:25px; height:25px; } .redbubble_share_sm { background: url("images/sprites.png") no-repeat -425px -100px transparent; width:25px; height:25px; } /* 3.2.6 Misc Images */ .new-trans { background: url("images/sprites.png") no-repeat -260px 0 transparent; display: block; height: 50px; width: 50px; position:absolute; left: 3px; top: 4px; z-index: 200; } .blog-trans-red { background: url("images/sprites.png") no-repeat -368px 0 transparent; display: block; height: 54px; width: 54px; position:absolute; left: 3px; top: 4px; z-index: 200; } .blog-trans-blue { background: url("images/sprites.png") no-repeat -312px 0 transparent; display: block; height: 54px; width: 54px; position:absolute; left: 3px; top: 4px; z-index: 200; } .featured-trans-blue-bg { background: url("images/sprites.png") no-repeat 0 -189px transparent; display: block; height: 100px; width: 100px; position:absolute; left: 10px; top: 10px; z-index: 200; } .unavailable-trans-bg { background: url("images/sprites.png") no-repeat -100px -189px transparent; display: block; height: 100px; width: 100px; position:absolute; left: 10px; top: 10px; z-index: 200; } .featured-trans-red-bg { background: url("images/featured.gif") no-repeat -200px -189px transparent; display: block; height: 100px; left: 100px; position: absolute; left: 10px; top: 10px; z-index: 200; } /* 3.3 Gallery Post Elements */ /* 3.3.1 General Elements */ .artworkss { text-align:center; max-width:608px !important; margin-top:-20px; text-align:center !important;} div.artworkss img {border: 1px solid #FFFFFF; max-width:610px; margin-bottom:10px;display:block; text-align:center !important;} div.artworkss a {text-decoration:none; margin-top:-20px; text-align:center !important; float:inherit;} ul.thumbs { max-width: 615px;} ul.thumbs li, ul.thumbs li img { width:116px; margin-right:5px; float:left; margin-bottom:3px; text-align:center;} ul.thumbs li.selected { opacity:0.7; text-align:center;} .artwork{ text-align:center; } .artwork img { max-height:450px; } .design-details-container { float:left; width:630px; } .design-details { width:300px; float:right; margin-left:20px; margin-bottom:20px; } .designer-name { font-size:16px; margin-left:10px; } .designer-handle { font-size:12px; float:left; } .designer-social { float:right; display:block; padding-bottom:5px;} .designer-icons #share { float:left; height:32px; width:32px; margin-right:5px; } .designer-icons a:hover { text-decoration:none; } .colour_patch { width:11px; height:11px; margin-right:3px; border:1px solid #ffffff; } .colour_patch a { text-decoration:none; } .designer-details { height:85px; } .design-details-label { float:left; width:100px; text-transform:uppercase; font-size:11px; margin: 2px 0 0 2px; } .design-details-value { float:left; text-transform:none; color:#55BBCC; } #designer { border-top: 1px solid #333333; border-bottom: 1px solid #333333; margin-top:-10px; margin-bottom:15px; } #buynow, #buynow-social { background-color: #333333; opacity:0.8; color: #fff; border:2px solid #58626A; border-radius: 2px; font-weight:bold; font-family:Arial; text-align:center; text-transform:uppercase; width:266px; -webkit-border-radius: 2px; -moz-border-radius: 2px; font-size:22px; } #buynow:hover,#buynow a:hover, #buynow-social:hover, #buynow-social a:hover { opacity:1; color: #fff; text-decoration:none; } #buynow { width: 266px; text-decoration:none; } #buynow-social { width: 250px; font-size:17px; text-decoration:none; } .buynow { text-decoration:none !important; } /*3.3.2 Designer Elements */ #designer_profile { background-color: #333333; color: #fff; border:2px solid #58626A; border-radius: 2px; padding: 8px 5px 8px -5px; font-weight:bold; font-family:Arial; margin-bottom:15px; width:396px; -webkit-border-radius: 2px; -moz-border-radius: 2px;} #designer_social #designer_list{position:relative; right:0;} #designer_social #designer_profile_list {position:relative; right:30px;} #designer_social #designer_profile_list li {margin:0;padding:0;list-style:none;position:absolute;} #designer_social #designer_profile_list li, #designer_social #designer_profile_list a {height:33px;display:block;} /* 3.3.3 Style Buttons Elements */ #styles { -moz-border-radius: 4px 4px 4px 4px; background-color: #181817; overflow: hidden; padding-bottom: 1px; text-align: center; } #styles span{ height: 40px; width: 50px; display:block; } #styles ul { display: inline; list-style: none outside none; } #styles ul li { display: inline; float: left; margin-right: 5px; } #styles ul li#last { margin-right:0px; } #styles a { text-decoration: none; } /* 3.3.5 Social Elements */ #social-container { padding-bottom:39px; } #social, .icons { -moz-border-radius: 4px 4px 4px 4px; background-color: #181817; overflow: auto; padding: 4px 3px 3px; text-align: center; width:312px; margin-top:5px; float:left; } #social span, .icons span { display: block; height: 31px; width: 31px; } #social ul, .icons ul { display: inline; list-style: none outside none; margin: 0; padding: 0; } #social ul li, .icons ul li { cursor: pointer; display: inline; float: left; margin: 0 1px; } #social a { text-decoration: none; } /* 3.4 Blog Elements */ #blog {margin-top: 5px; } #blog ul.posts {margin: 5px 0 15px 0; } #blog ul.posts li {position: relative; float: left; display: inline; margin-right: 7px; padding: 0 5px 5px 5px; width:302px; margin-right:10px ;margin-bottom:10px; color:#fff; } #blog ul.posts li .content { border: 1px solid #CCCCCC; margin-bottom:10px; height:202px; } #blog ul.posts li a {color:#fff; min-height:225px; } #blog ul.posts li.first {margin-left: 0; padding-left:0px; } #blog ul.posts li.last {margin-right: 0; padding-right:0px; } #blog ul.posts h2 {margin: 10px 0; font-size: 14px; line-height: 1.3; font-weight: bold; display: block; padding-bottom: 6px; border-bottom: solid 2px #58626a; } #blog ul.posts img {margin: 1px 0 -20px; line-height:200px; } #blog ul.posts li .overlay { background-image: url("images/overlay.png"); bottom: -8px; padding: 0px 5px; position: relative; width: 290px; top:-39px;} #blog ul.posts li .info { width:290px; text-align:left; margin:0 5px; display:block; text-align:left; font-size:12px; color:#ffffff; font-weight:normal; padding-bottom:2px; } #blog ul.posts li .category { width:290px; text-align:left; margin:0 5px; display:block; text-align:left; font-size:13px; color:#ffffff; padding-bottom:1px; font-weight:bold; } #blog ul.posts li:hover, #blog ul.posts li:hover a:hover { text-decoration:none; } #blog ul.posts li:hover h2 {border-bottom-color: #fff;} #blog ul.posts li:hover h2 a { color:#fff; text-decoration:none; } /* 3.5 Designer Elements */ #designer_box { height:120px; border-bottom: 1px solid #FFFFFF; } #avatar { float:left; margin: 10px 15px 10px 0px; } #designer_name { padding-top:8px; width:350px; float:left; font-size:16px;} #designer_name #aka { margin-left:15px; } #designer_social { float:right;} #designer_social #designer_list{position:relative; right:140px;} #designer_social #designer_list li{margin:0;padding:0;list-style:none;position:absolute;top:78px;} #designer_social #designer_list li, #designer_social #designer_list a {height:33px;display:block;} #designer_social #designer_list #Redbubble { left:0; width:33px; height:33px; background:url("images/icons/designer-social.jpg") no-repeat -102px 0; } #designer_social #designer_list #NoRedbubble { left:0; width:33px; height:33px; background:url("images/icons/designer-social.jpg") no-repeat -102px -34px; } #designer_social #designer_list #Facebook { left:36px; width:32px; height:32px; background:url("images/icons/designer-social.jpg") no-repeat 0 0; } #designer_social #designer_list #NoFacebook { left:36px; width:32px; height:32px; background:url("images/icons/designer-social.jpg") no-repeat 0 -34px; } #designer_social #designer_list #Twitter { left:72px; width:32px; height:32px; background:url("images/icons/designer-social.jpg") no-repeat -34px 0; } #designer_social #designer_list #NoTwitter { left:72px; width:32px; height:32px; background:url("images/icons/designer-social.jpg") no-repeat -34px -34px; } #designer_social #designer_list #Tumblr { left:108px; width:32px; height:32px; background:url("images/icons/designer-social.jpg") no-repeat -68px 0; } #designer_social #designer_list #NoTumblr{ left:108px; width:32px; height:32px; background:url("images/icons/designer-social.jpg") no-repeat -68px -34px; } #pagenumber, #pagenumber_current { background-color: #333333; color: #fff; border:2px solid #58626A; border-radius: 2px; padding: 3px 3px 3px 3px; font-weight:bold; font-family:Arial; text-align:center; text-transform:uppercase; width:20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; font-size:14px; margin: -3px 3px -3px 0;} #pagenumber_current { background-color:#666666; padding: 3px 3px 3px 3px; margin: -3px 3px -3px 0;} /* 3.6 Pagination */ div.navigation {margin-top: 10px; text-align: center; padding: 7px 0; border-top: solid 2px #58626a; border-bottom: solid 2px #58626a; } div.navigation span a {margin: 0 5px; font-weight:bold; font-size:14px; text-transform:uppercase; color:#fff;} div.navigation span.left_nav { float:left;} div.navigation span.right_nav { float:right;} div.nav span a {margin: 5px 5px; font-weight:bold; font-size:14px; text-transform:uppercase; color:#fff;} div.nav span.left_nav { margin-top:5px; float:left;} div.nav span.right_nav { margin-top:5px; float:right;} div.navsep {margin-top: 20px; } /*-------------------------------------------------------------------------------------------*/ /* 4. WIDGETS */ /*-------------------------------------------------------------------------------------------*/ /* 4.1 General */ #preFooter .widget { margin:0 0 25px; padding:5px;} #preFooter .widget ul.gallery li img { width:63px; } #preFooter .widget ul.gallery li {list-style-type: none; float: left; display: inline; padding:0; margin: 0 5px 11px; } /* 4.2 Specific Widgets */ /* 4.2.1 YARRP */ .related-posts { vertical-align:baseline; height:144px; display:block; } .related-posts li{ float:left; height:144px; width:144px; text-align:left; margin-bottom:5px; margin-right:8px; display:inline; } .related-posts li#last { float:left; height:144px; width:144px; text-align:left; margin-bottom:5px; margin-right:0; } #widget { float:right; width:60px; } /* 4.2.2 WPZOOM Gallery Widget */ .widget ul.gallery {padding: 0; margin:0;} .widget ul.gallery li {list-style-type: none; float: left; display: inline; padding:0; margin: 0 11px 11px; } .widget ul.gallery li.last {margin-right: 0;} .widget ul.gallery li img {padding: 1px; } .postcontent .gallery .gallery-item {display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin:10px; } .postcontent .gallery .gallery-item img { border: solid 5px #fff; } .postcontent .gallery .gallery-item img:hover {border-color: #55bbcc;} .postcontent .gallery { margin: auto; text-align:center; clear:both; } .postcontent .gallery-caption { margin-left: 0; } /* 4.2.3 WPZoom Social Widget */ ul.wpzoomSocial {margin: 10px; } ul.wpzoomSocial li { display: inline; float:left; width: 130px; float: left; padding: 8px 0; line-height: 1.2; } ul.wpzoomSocial li a { font-size: 14px; font-weight: bold; } ul.wpzoomSocial li a span { color: #ABB0B5; font-size: 11px; display: block; font-weight: normal; font-family:Georgia; font-style:italic; } ul.wpzoomSocial img { float: left; margin-right: 7px; } ul.wpzoomSocial span {display: block; } /* 4.2.4 Tipsy Tooltips*/ .tipsy { font-size: 14px; background-color:#47454A; position: absolute; padding: 3px; z-index: 100000; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .tipsy-inner { background-color: #000000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; } .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; } .tipsy-arrow-n { border-bottom-color: #000; } .tipsy-arrow-s { border-top-color:#47454A; } .tipsy-arrow-e { border-left-color: #000; } .tipsy-arrow-w { border-right-color: #000; } .tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;} .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;} .tipsy-s .tipsy-arrow { bottom: -5px; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; } .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; } /*-------------------------------------------------------------------------------------------*/ /* 5. COMMENTS */ /*-------------------------------------------------------------------------------------------*/ /* 5.1 Comments */ #content ol.normalComments {clear: left; padding: 1em 0; margin:0; } #content ol.normalComments div.comment-body {position: relative; } #content ol.normalComments div.reply {position: absolute; top: 0; right: 0; } #content ol.normalComments li {clear: left; list-style-type: none; margin: 0 0 1em; padding: 10px 15px 5px 0; font-size: 11px; line-height: 16px; min-height: 80px; } #content ol.normalComments li ul.children {padding: 10px 0 0; } #content ol.normalComments li ul.children li {clear: left; margin: 0 10px 10px 10px; } #content ol.normalComments li p {margin-bottom: 10px; line-height: 18px; overflow:hidden;} #content ol.normalComments img.avatar { float: left; display: inline; margin: 0 15px 20px 0; } #content ol.normalComments cite {font-size: 14px; line-height: 18px; font-weight: bold; font-style: normal; float: left; display: inline; margin-right: 10px; } #content ol.normalComments .commentmetadata {line-height: 18px; font-size: 11px; margin-bottom: 5px; } #content ol.normalComments blockquote {font-size: 12px; line-height: 18px; } #content ol.normalComments span.says {display: none; } #content ol.normalComments .reply a, #content .cancel-comment-reply a { color: #4da5b4; } #content ol.normalComments .reply a:hover, #content .cancel-comment-reply a:hover {color: #fff; } #content ol.normalComments a {color: #58626a; } #content ol.normalComments cite, #content ol.normalComments cite a {color: #4da5b4; } #content .normalComments li.comment {color: #DEDEDE; border-bottom: dotted 1px #58626a; margin-bottom: 0; } #content .normalComments li.parent {border-bottom: none; } #content .normalComments ul.children {padding-top: 10px; border-top: dotted 1px #58626a; } #content input, #content textarea, #commentform input, #commentform textarea {background-color: #fff; color: #333; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: none; } #content .content h2.title {clear: left; } #content .postmetadata {margin: 0 0 10px; padding:0 0 10px; color: #999; text-transform:uppercase; font-size:10px; display:block;} #content .postmetadata a {color:#fff;} .reply a, .cancel-comment-reply a { padding: 2px 5px; margin-bottom: 5px; font-weight: normal; font-size: 11px; } .reply a:hover, .cancel-comment-reply a:hover { text-decoration: none; } #respond {clear: left;} .cancel-comment-reply {margin: 10px 0 5px; } /* 5.2 Pingbacks / Trackbacks */ /* 5.3 Comments Form */ #commentform {margin-top: 15px; clear: left; } #commentform code {font-size: 11px; } #commentform p {margin: 0 0 5px; font-size: 12px;} #commentform #formLabels {float: left; display: block; width: 55%; } #commentform #formContent {float: left; display: block; width: 100%; } #commentform label {text-align: left; font-weight:bold; line-height: 2.0em; font-size: 11px; display: block; text-transform: uppercase; } #commentform input {width: 90%; padding: 8px 0 8px 7px; font-size: 14px; margin-bottom: 10px; } #commentform textarea { width: 99%; height: 130px; padding: 4px; margin-bottom: 10px; font-size: 14px; line-height: 20px; margin-right:10px; } #commentspost p {font-size: 12px; line-height: 24px;} /*-------------------------------------------------------------------------------------------*/ /* 6. HOMEPAGE */ /*-------------------------------------------------------------------------------------------*/ /* 6.1 Featured */ #featured { z-index:99; margin:0; padding: 5px; list-style:none; line-height:1; font-size: 1em; font-weight: bold; text-transform: uppercase; /* 14 / 14 = 1 */ background: #666666; /* Old browsers */ background: -moz-linear-gradient(top, #666666 0%, #292b38 99%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(99%,#292b38)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #666666 0%,#292b38 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #666666 0%,#292b38 99%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #666666 0%,#292b38 99%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#292b38',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #666666 0%,#292b38 99%); /* W3C */ /*border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; */ box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px rgba(255,255,255,0.1); -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px rgba(255,255,255,0.1); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px rgba(255,255,255,0.1); } #featured ul.posts {margin: 5px 0 15px 0; } #featured ul.posts li {position: relative; float: left; display: inline; margin-right: 5px; padding: 0 10px 5px 5px; height:200px; width:306px; margin:7px 0; color:#fff; } #featured ul.posts li .content { border: 1px solid #CCCCCC; } #featured ul.posts li a {color:#fff; } #featured ul.posts li.first {margin-left: 0px; padding-left:0px; } #featured ul.posts li.last {margin-right: 0; padding-right:0px; } #featured ul.posts img {margin: 1px 0 10px; line-height:237px } #featured ul.posts li .overlay { background-image: url("images/overlay.png"); bottom: -8px; padding: 7px 5px; position: absolute; width: 294px;} #featured ul.posts li .info { width:280px; text-align:left; margin:0 5px; display:block; text-align:left; font-size:12px; color:#ffffff; position:inline; font-weight:normal;} #featured ul.posts li .category { width:280px; text-align:left; margin:0 5px; display:block; text-align:left; font-size:13px; color:#ffffff; position:inline; padding-bottom:5px; } #featured ul.posts li:hover, #featured ul.posts li a:hover { text-decoration:none; } /* 6.2 Roundup */ #roundup ul.posts {margin: 5px 0 15px 0; } #roundup ul.posts li {position: relative; float: left; display: inline; margin-right: 5px; padding: 0 10px 5px 5px; height:280px; width:225px; margin:7px 0; color:#fff; } #blog ul.posts h2 {margin: 10px 0; font-size: 16px; line-height: 1.3; font-weight: bold; display: block; padding-bottom: 6px; border-bottom: solid 2px #58626a; } #blog ul.posts li:hover h2 {border-bottom-color: #fff;} #blog ul.posts li:hover h2 a { color:#fff; text-decoration:none; } #roundup ul.posts li .content { border: 1px solid #CCCCCC; } #roundup ul.posts li a {color:#fff; } #roundup ul.posts li.first {margin-left: 0px; padding-left:0px; } #roundup ul.posts li.last {position: relative; float: left; display: inline; margin-right: 0px; padding: 0 0 5px 5px; } #roundup ul.posts img {margin: 1px 0; height:200px; } #roundup ul.posts li .overlay { background-image: url("images/overlay.png"); bottom: 30px; padding: 2px 5px; position: absolute; width: 211px; margin:0 -1px 0px 1px;} #roundup ul.posts li .info { width:210px; text-align:left; margin:0 5px; display:block; text-align:left; font-size:12px; color:#ffffff; position:inline; font-weight:normal;} #roundup ul.posts li .category { width:210px; text-align:left; margin:0 5px; display:block; text-align:left; font-size:13px; color:#ffffff; position:inline; padding-bottom:2px; } #roundup ul.posts li:hover, #roundup ul.posts li a:hover { text-decoration:none; } /* #daily {margin-top: 20px; } #daily ul.posts {margin: 15px 0 15px 0; } #daily ul.posts li {position: relative; float: left; display: inline; margin-right: 10px; width: 220px; padding: 0 5px 5px 5px; background-color:#333333; color: #fff; -moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; min-height:335px; } #daily ul.posts li a {color:#fff; min-height:220px;} #daily ul.posts li.last {margin-right: 0; } #daily ul.posts h2 {margin: 10px 0; font-size: 14px; line-height: 1.3; font-weight: bold; display: block; padding-bottom: 6px; border-bottom: solid 2px #58626a; } #daily ul.posts img {margin: 1px 0 10px; line-height:237px } */ /*#daily ul.posts li:hover {background-color: #5eacc5; color: #fff; -moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }*/ /* #daily ul.posts li:hover, #daily ul.posts li:hover a:hover { text-decoration:none; } #daily ul.posts li:hover h2 {border-bottom-color: #fff;} #daily ul.posts li:hover h2 a { color:#fff; text-decoration:none; } #daily ul.posts li .title, #daily ul.posts li .title a { margin-top:-10px; margin-bottom:0px; padding-left:1px;line-height:25px;opacity: 0.9; background-color:#FFFFFF; color:#000000; } #daily ul.posts li .titledbl, #daily ul.posts li .titledbl a { margin-top:-30px; margin-bottom:0px; padding:2px 0 2px 1px; line-height:18px;opacity: 0.8; background-color:#FFFFFF; color:#000000; } #daily ul.posts li .designer { margin-bottom:3px; padding-left:5px; line-height:25px; opacity: 0.9; background-color:#000000; } #daily ul.posts li #clockwrapper{ color:#FFFFFF; text-align:right; font-size:12px; font-weight:bold; margin-bottom:-2px; } */