/*
Theme Name: Yamidoo
Theme URI: http://www.wpzoom.com/yamidoo
Description: A magazine style theme by WPZOOM, created by Pavel Ciorici
Version: 1.0
Author: Pavel Ciorici
*/
/* ------------------------------------------ */
/* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */
/* ------------------------------------------ */
*
{
margin:0;
padding:0;
}
body
{
background: #008080 url(../../images/layout/nav-gradient4.png) top center repeat-x;
color:#222;
font:13px Arial,Helvetica,sans-serif;
}
/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */
/* ------------------------------------------ */
/* TOOLBOX CSS */
/* ------------------------------------------ */
.aligncenter,div.aligncenter
{
display:block;
margin-left:auto;
margin-right:auto;
}
.alignleft
{
float:left;
}
.alignright
{
float:right;
}
.clear
{
clear:both;
}
.floatleft,.more_left
{
float:left;
}
.floatright
{
float:right;
}
.hr
{
border-top:3px solid #727eb0;
}
.post
{
float:left;
line-height:20px;
width:610px;
}
.post small {
text-transform:uppercase;
font-size:10px;
font-weight:bold;
padding:0px 0 0px 0;
}
.post a
{
border-bottom:1px solid #ccc;
color:#1c4854;
font-weight:700;
}
.post a:hover
{
border:none;
text-decoration:none;
}
.post blockquote
{
border-left:3px solid #ccc;
color:#777;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:14px;
font-style:italic;
line-height:1.8em;
margin:10px 20px 10px 30px;
padding-left:10px;
}
.post h1
{
font-size:26px;
font-weight:700;
padding-bottom:10px;
padding-top:10px;
line-height:30px;
}
.post h2,h3,h4,h5,h6
{
font-weight:700;
padding-bottom:5px;
padding-top:10px;
}
.post li ol
{
border-bottom:1px dotted #ccc;
line-height:25px;
padding-left:15px;
}
.post ol li {
list-style:decimal;
}
.post p
{
padding:10px 0 5px 0;
}
.post img {
margin:10px;
}
.post ul li
{
line-height:25px;
list-style:square;
}
.post ul,.post ul,ol
{
padding:10px 0 10px 25px;
}
.transpBlack
{
background:url(transpBlack.png);
}
.splashpageSidebar5 ul.widget {
width:225px;
font-size: 12px
}
.widget
{
float:left;
margin:10px 0 15px 0;
width:300px;
}
.widget a
{
color:#1c4854;;
font-size:13px;
font-weight:700;
}
.widget img
{
border:0;
background:#fff;
}
.widget li
{
line-height:20px;
border-bottom:1px dotted #ccc;
padding:4px 0 4px 10px;
}
.widget li:hover
{
}
}
.widget ul ul
{
padding-left:20px;
}
.wp-caption
{
background-color:#EFEFEF;
border:1px solid #B6B6B6;
font-size:11px;
margin-bottom:5px;
padding:5px 5px 5px;
text-align:center;
}
.wp-caption img
{
border:1px solid #B6B6B6;
}
a
{
color:#000;
outline:none;
text-decoration:none;
}
a img
{
border:none;
}
a:hover
{
text-decoration:underline;
}
h1 a
{
color:#000;
font-size:22px;
font-weight:400;
}
h2
{
font-size:20px;
}
h3
{
font-size:18px;
}
h4
{
font-size:16px;
}
h5
{
font-size:14px;
}
h6
{
font-size:12px;
}
html
{
overflow-y:scroll;
}
p
{
font-size:1.3em/1.3em;
}
ul,#socialicons ul
{
list-style:none;
}
/* ------------------------------------------ */
/* GOOGLE AD MANAGER BANNERS */
/* ------------------------------------------ */
#top-banner .alignleft {
margin-top:10px;
margin-left:10px;
}
#top-banner .alignright {
background-color:#000;
height:90px;
width:205px;
margin-top:10px;
margin-right:10px;
color: #fff;
}
#sidebar .side_banner {
background-color:#ccc;
border:1px solid #CCC;
width:300px;
margin-top:10px;
}
/* ------------------------------------------ */
/* HEADER */
/* ------------------------------------------ */
#header
{
background-color:#FFF;
margin: 10px 0 0 10px;
}
#header .logo {
float: left;
}
#header #search
{
float:right;
padding:5px;
margin:22px 10px 0 0px;
text-align:right;
border:1px solid #ccc;
background-color:#1c4854;
}
#content-wrap {
background-color:#FFF
}
#logo
{
clear: right;
padding-top:10px;
float:left;
width:50%;
}
#logo h1 a
{
color:#BFB5B5;
font-family:Rockwell,"Times New Roman",Times,serif;
font-size:35px;
font-weight:700;
}
#logo h2
{
color:#BFB5B5;
font-size:14px;
font-weight:bold;
}
/* ------------------------------------------ */
/* MAIN CONTENT */
/* ------------------------------------------ */
#page-wrap {
border-left:4px solid #afc3b8;
border-right:4px solid #afc3b8;
}
#headline {
height: 313px;
width:600px;
margin-top:10px;
overflow: hidden;
position: relative;
background-color:#000;
border:1px solid #BFB8B8;
}
#headline a:hover {
text-decoration:none;
}
#headline .glidecontent {
color: #E1E1E1;
position: absolute;
visibility: hidden;
z-index: 0;
}
#headline .teaser-image {
width: 480px;
height: 320px;
line-height: 0;
position: relative;
z-index: 0;
}
/** DKI styling for large images */
img.teaser-image-small {
max-width: 200px;
max-height: 100px;
}
#headline .teaser-image-small{
left: 22px;
width: 90px;
height: 60px;
line-height: 0;
border:1px solid #BFB8B8;
position: relative;
z-index: 0;
}
* html #headline .teaser-image {
display: inline;
}
#headline .teaser-main {
left:0;
top: 255px;
width: 480px;
height: 62px;
position: absolute;
}
#headline .teaser-main .overlay {
top: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
position: absolute;
background: #000;
opacity: 0.5;
-moz-opacity: 0.7;
filter:alpha(opacity=50);
}
#headline .teaser-main .teaser-wrap {
width: 100%;
height: 100%;
position: relative;
}
#headline .teaser-main .teaser-title {
margin: 0 10px;
padding: 5px 0 4px 0px;
font-size: 1.6em;
font-weight: bold;
line-height: normal;
position: relative;
}
#headline .teaser-main .teaser-text {
margin: 0 10px;
position: relative;
font-size:10px;
text-transform:uppercase;
font-weight:200;
}
#headline .teaser-main .teaser-text p {
margin: 0;
}
#headline .teaser-main a:link,
#headline .teaser-main a:visited {
font-weight:700;
font-size:15px;
text-transform:uppercase;
color: #E1E1E1;
}
#headline .teaser-main a:hover {
color: #E1E1E1;
text-decoration:underline;
}
#headline .glidecontenttoggler { /* Style for DIV used to contain toggler links. */
height:250px;
right: 15px;
font-weight:bold;
width: 115px;
color: #BD3D0A;
font-size: 12px;
position: absolute;
padding-right:2px;
padding-top:5px;
}
#headline .glidecontenttoggler a {
padding:0px 0 4px 0;
display: block;
cursor: pointer;
}
#headline .glidecontenttoggler img:hover {
border:1px solid #000;
}
#headline .glidecontenttoggler .togglercontent {
padding: 5px;
font-weight: bold;
border:none;
}
#headline .glidecontenttoggler .togglercontent a:hover {
text-decoration:none;
border:none;
}
#headline .glidecontenttoggler .togglertitle {
margin: -2px 0 0 15px;
line-height: 1.2em;
display: block;
}
.article
{
background-color:#f8f5e8;
border-top:2px solid #ece8d7;
line-height:19px;
border-right:none;
border-bottom:none;
margin:15px 0 18px 0;
padding:10px 5px 15px 10px;
}
.article h1
{
padding-bottom:10px;
}
.article h1 a
{
color:#1c4854;
font-size:19px;
font-weight:700;
}
.article img
{
float:right;
margin:0 10px 10px 10px;
}
.article small,.article small a
{
color:#1c4854;
text-transform:uppercase;
font-weight:bold;
padding-top:5px;
}
.splashpageSidebar5 .widget h3
{
background-color:#fff;
border-top: none;
color:#333;
font-family:Tahoma, sans-serif;
font-weight:normal;
width:225px;
font-size:11px;
font-weight:700;
padding:0;
text-transform:uppercase;
margin-bottom: 15px;
}
.widget h3
{
background-color:#f8f5e8;
border-top:3px solid #ece8d7;
color:#333;
font-family:Tahoma, sans-serif;
font-weight:normal;
width:300px;
font-size:11px;
font-weight:700;
padding:5px 0 5px 10px;
text-transform:uppercase;
}
#articles h3 {
background-color:#f8f5e8;
color:#000;
border-top:3px solid #ece8d7;
font-family:Tahoma, sans-serif;
font-weight:normal;
width:600px;
font-size:11px;
font-weight:700;
padding:5px 0 5px 10px;
text-transform:uppercase;
}
#articles,#more
{
float:left;
width:610px;
}
.author
{
float:left;
width:110px;
}
.author img
{
border:1px solid #ccc;
display:block;
}
#main-wrap #categ
{
background-color:#003366;
border-bottom:1px solid #BFB8B8;
border-top:1px solid #BFB8B8;
float:left;
padding:7px 0;
margin: 0;
text-align:center;
width:100%;
}
.column
{
border-right:1px solid #727eb0;
float:left;
padding:0 15px;
width:200px;
}
.column p, .column_last p {
padding:0 0 10px 0;
}
.column h1 a,.column_last h1 a
{
color:#1c4854;
font-size:17px;
font-weight:700;
}
.column h1,.column_last h1
{
padding:5px 0;
}
.column h4,.column_last h4
{
font-size:10px;
font-weight:700;
text-transform:uppercase;
}
.column img,.column_last img
{
margin:0 0 15px;
}
.column small a,.column_last small a
{
color:#1c4854;
}
.column small,.column_last small
{
color:#1c4854;
font-weight:700;
text-transform:uppercase;
}
.column_count
{
background:url(images/comment.png) no-repeat left;
float:left;
padding:10px 0 10px 20px;
}
.column_date
{
float:right;
text-align:right;
padding-top:10px;
}
.column_last
{
float:left;
padding:0 15px;
width:200px;
}
#columns
{
float:left;
line-height:19px;
padding:5px 0 0 0;
}
/* The comment section*/
#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
border: 1px solid #808080;
padding: .2em;
margin-left:10px;
}
#commentform textarea {
width:96%;
}
#commentlist {
width: 97%;
font-size:11px;
color:#000;
margin:0 0 20px 0;
padding: 0 0 0 10px;
}
#commentlist li {
border:5px solid #dcdcdc;
margin:0 0 20px 0;
list-style-type:none;
padding:0px;
background:#CCC;
}
#commentlist ul {margin:0; padding:0;}
#commentlist li p {font-size:12px;
padding:5px 10px 5px 80px;
margin:0;
}
#commentlist a {
text-decoration:none;
font-weight:bold;
border-bottom:none;
}
#commentlist a:hover {
text-decoration:underline;
}
#commentlist li div.meta {text-transform:uppercase;padding:0; margin:0; text-align:center;}
#commentlist li .avatar {
float:left;
padding:0;
margin:5px;
border:2px solid #727eb0;
}
#commentlist2 h2 {
padding-bottom:10px;
}
#commentlist2 {
line-height:10px;
float:left;
width: 97%;
font-size:11px;
color:#000;
margin:0px 0 20px 0;
padding: 10px 0 0 10px;
}
#commentlist2 li {
border:1px solid #dcdcdc;
margin:0 0 20px 0;
padding:5px;
list-style-type:none;
padding:5px 10px 5px 63px;
background:#ececec;
}
#commentlist2 ul {margin:0; padding:0;}
#commentlist2 li p {font-size:12px;
margin:0;
}
#commentlist2 a {
text-decoration:none;
font-weight:bold;
border:none;
}
#commentlist2 a:hover {
text-decoration:underline;
font-weight:bold;
}
#commentlist2 li div.meta {text-transform:uppercase; padding:0; margin:0; text-align:center;border-bottom:1px dotted #3333;}
#commentlist2 li .avatar {
float:left;
padding:0;
margin-left:-58px;
width:50px;
height:50px;
border:2px solid #E6E3D3;
}
#commentlist2 li ul li {
margin-right: -5px;
margin-left: -50px;
margin-bottom: 7px;
margin-top: 11px;
background:#E6E3D3;
border:1px solid #ADACA8;
}
.children { padding: 0; }
.authorcomm {float:left;
margin:0;
padding:0;
width:70px;
text-align:center;
line-height:12px;
font-size:10px;
}
.authorcomm a {text-decoration:none; font-weight:bold;}
.reply {text-align:right; padding:5px;}
.navigation {width:100%; height:30px; margin: 0px 0; clear: both; padding-top: 0px; }
.navigation a:link, .navigation a:visited { border: 1px solid #DDD; display: inline-block; text-decoration: none; padding: 5px; font-weight: bold; font-size: 14px; }
div.cleaner {font-size: 1px; line-height: 1px; height: 1px; clear: both; margin: 5px 0; }
.cancel-comment-reply{text-align:right; float:none; font-size:12px;}
.comment-meta a{border-bottom:1px dotted #3333;text-transform:uppercase; font-size:9px; color:#808080;}
.fn {font-size:13px; font-weight:bold;}
.says {display:none;}
#comments {font-size:16px;}
#respond h3 {font-size:16px;}
#content-wrap
{
padding:20px;
}
#feature
{
float:left;
padding:0 0 15px;
width:610px;
}
#featured-article
{
float:left;
padding-left:10px;
margin-top:30px;
line-height:21px;
width:310px;
text-align:justify;
}
#featured-article h1
{
font-family:Arial, sans-serif;
padding-bottom:10px;
line-height:30px;
font-weight:bold;
}
#featured-article h1 a
{
font-weight:bold;
}
#featured-article h4
{
font-family:Arial, sans-serif;
font-size:14px;
font-weight:700;
text-align:right;
}
#featured-article h4 a {
color:#1c4854;
}
#featured-article small {
text-transform:uppercase;
font-size:10px;
font-weight:bold;
padding:1px 0 5px 0;
}
#featured-article small a
{
border-bottom:1px solid #ccc;
color:#2a2b63;
font-weight:700;
}
#featured-article small a:hover
{
text-decoration:none;
border-bottom:1px solid #fff;
}
#featured-article p {
padding:5px 0 0 0;
}
#main-wrap
{
background-color:#fff;
clear:both;
float:left;
font-size:12px;
margin-top:20px;
width:980px;
}
#more a
{
background:url(images/dot.png) no-repeat left;
color:#2a2b63;
font-size:13px;
font-weight:700;
padding-left:10px;
}
#more li
{
border-bottom:1px dotted #ccc;
display:inline;
line-height:25px;
}
.more_right
{
border-bottom:1px dotted #ccc;
color:#848d98;
text-align:right;
font-weight:bold;
font-size:10px;
text-transform:uppercase;
}
#menu
{
padding: 5px 15px 5px 0;
text-align:right;
width: 965px;
background-color:#d9c7a1;
}
#menu a
{
color:#000;
text-transform:uppercase;
font-size:10px;
font-weight:bold;
}
#menu img {
vertical-align:middle;
padding-bottom:2px;
}
#menu li
{
display:inline;
padding-right:10px;
}
#page-wrap
{
margin:0 auto;
width:980px;
background-color:#FFF;
}
#s, #semail
{
background:#f6f6f6;
border-bottom:1px solid #eee;
border-left:1px solid #ccc;
border-right:1px solid #eee;
border-top:1px solid #bbb;
color:#666;
float:left;
font-size:12px;
padding:5px;
width:135px;
}
input
{
background:#f6f6f6;
border-bottom:1px solid #eee;
border-left:1px solid #ccc;
border-right:1px solid #eee;
border-top:1px solid #bbb;
color:#666;
font-size:13px;
}
#commentform input {
height:24px;
}
#commenform small {
margin-left:10px;
}
textarea
{
background:#f6f6f6;
border-bottom:1px solid #eee;
border-left:1px solid #ccc;
border-right:1px solid #eee;
border-top:1px solid #bbb;
color:#666;
font-size:12px;
padding:5px;
}
#socialicons
{
border-bottom:1px dotted #A0BDD4;
border-top:1px dotted #A0BDD4;
color:#4c4d50;
float:left;
margin:10px 0 0;
padding:1px 0 10px 0;
width:530px;
}
#socialicons img
{
margin-right:5px;
padding-bottom:3px;
height:16px;
}
#socialicons li
{
border:none;
display:inline;
float:left;
padding-right:11px;
}
#socialicons small
{
color:#4c4d50;
font-family:arial, "lucida console", sans-serif;
font-size:10px;
font-weight:700;
text-transform:uppercase;
}
#socialicons small a
{
border-bottom:none;
color:#4c4d50;
text-decoration:none;
}
#socialicons small a:hover
{
border-bottom:none;
color:#030a1f;
}
#socialicons small img
{
border:none;
vertical-align:middle;
}
#submit
{
background:#737070;
background-color:#737070;
border:1px solid #504F4F;
color:#F1ECEC;
float:left;
font-size:10px;
margin-left:10px;
padding:5px;
height:26px;
text-transform:uppercase;
}
#searchsubmit
{
background-color:#737070;
border:1px solid #737070;
color:#F1ECEC;
float:left;
font-size:10px;
margin-left:5px;
padding:5px;
text-transform:uppercase;
}
/* ------------------------------------------ */
/* SIDEBAR */
/* ------------------------------------------ */
#sidebar
{
float:right;
padding-left:20px;
text-align:left;
width:300px;
}
#sidebar_left {
float:left;
}
#sidebar_right {
float:left;
padding-left:20px;
}
#sidebar_left .widget, #sidebar_right .widget
{
float:left;
margin:0 0 15px;
width:180px;
}
#ads li
{
border:none;
display:block;
float:left;
margin:0;
padding:0 5px 5px 0;
text-align:left;
width:125px;
}
#flickrrss img
{
border:2px solid #D3DDE5;
height:77px;
width:77px;
}
#flickrrss img:hover
{
border:2px solid #0C2B41;
background:#fff;
}
#flickrrss a
{
border:none;
display:block;
float:left;
padding:0 7px 5px 7px;
text-align:left;
width:82px;
}
#flickrrss a:hover, #ads li:hover {
background-color:#fff;
}
#flickrrss ul
{
display:block;
list-style-type:none;
margin:5px 0 0;
padding:5px 0;
}
/* ------------------------------------------ */
/* FOOTER*/
/* ------------------------------------------ */
#footer
{
background-color:#fff;
font-size:12px;
line-height:19px;
margin:20px auto;
width:980px;
padding-bottom: 15px;
}
#footer a
{
border-bottom:1px solid #ccc;
color:#2a2b63;
font-weight:700;
}
#footer a:hover
{
border:none;
text-decoration:none;
}
#footer h4
{
font-size:14px;
font-weight:700;
text-transform:uppercase;
padding-top: 0;
margin-top: 0;
}
#footer_right
{
float:right;
padding: 0px 15px 0 0;
text-align:right;
width: 650px;
}
#footer_right li
{
display:inline;
font-size:14px;
font-weight:700;
padding:0 0 0 10px;
text-transform:uppercase;
}
#footer_right ul
{
display:block;
margin-bottom: 20px;
}
#subscribe
{
float:left;
padding:0 20px;
width:240px;
}
#subscribe p {
padding:0px 0 8px 0;
}
/* END STRUCTURE */
/* x-browser fix for clearing properly */
.clearfix:after {content:"."; clear:both; visibility:hidden; display:block; height:0;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}
ul.splashpageNav {
margin-left: 60px;
}
ul.splashpageNav li {
display: inline;
padding: 3px 5px;
font-size: 13px;
margin-right: 15px;
text-transform: uppercase;
}
ul.splashpageNav li a {
color: #fff;
text-decoration: none;
}
ul.splashpageNav li:hover {
background: #000;
}
.splashpageButton {
background: #1b3764;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 10px;
color: #fff;
text-align: center;
width: 200px;
}
.splashpageButton a {
color: #fff;
text-decoration: none;
}
.splashpageButton:hover {
color: #1b3764;
text-decoration: none;
background: #fff;
}
h3.splashpage {
background-color: #FFFFFF;
border-top: medium none;
color: #333333;
font-family: Tahoma,sans-serif;
font-size: 11px;
font-weight: 700;
margin-bottom: 15px;
padding: 0;
text-transform: uppercase;
margin-top: 10px;
}
#quotescollection {
font-size: 18px;
}
#quotescollection cite {
font-size: 15px;
margin-top: 10px;
}