File: /home/sinanpasha/ru.sinanpasha.org/wp-content/themes/pulse/style.css
/*********************************************************************************************
Theme Name: Pulse
Theme URI: http://www.wpzoom.com/themes/pulse
Version: 1.3.3
Author: WPZOOM
Author URI: http://www.wpzoom.com/
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
**********************************************************************************************
WARNING! DO NOT EDIT THIS FILE!
To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file.
**********************************************************************************************
0. CSS Reset ------------------------- All Theme Files
1. Toolbox CSS ----------------------- All Theme Files
2. Header & Navigation ---------------- header.php
3. Homepage -------------------------- index.php
4. Featured Slider ------------------- slider-index.php
5. Blog posts ------------------------- index.php, archive.php, search.php
6. Single posts ----------------------- single.php
7. Sidebar & Widgets ----------------- sidebar.php
8. Comments --------------------------- comments.php
9. Footer ---------------------------- footer.php
**********************************************************************************************/
/*********************************************************************************************
0. CSS Reset ------------------------- All Theme Files
*********************************************************************************************/
/* Reset & General Styling */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
html { font-size: 100%; overflow-y: scroll; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { border: 0; border-top: 1px solid #ccc; display: block; margin: 1em 0; padding: 0; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre, code { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 0; padding: 0; list-style-position: inside; }
ul ul, ol ol, ul ol, ol ul { margin: 0; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol,
#mainmenu, .part-items { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure, form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; *margin-left: -7px; padding: 0; }
label { cursor: pointer; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; }
input[type=checkbox], input[type=radio] { box-sizing: border-box; }
input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid { }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }
th { text-align: left; }
tr, th, td { padding-right: 1.625em; border-bottom: 1px solid #ccc; }
td { vertical-align: top; }
/* Smart clearfix */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/* Print styles */
@media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}
/*********************************************************************************************
1. Toolbox CSS ------------------------- All Theme Files
*********************************************************************************************/
/* Tooltip effect */
.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; background-image: url('images/tipsy.gif'); font-family:Arial, Helvetica, sans-serif;}
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }
@font-face {
font-family: 'Liberation';
src: url('fonts/liberation.eot');
src: url('fonts/liberation.eot?#iefix') format('embedded-opentype'),
url('fonts/liberation.woff') format('woff'),
url('fonts/liberation.ttf') format('truetype'),
url('fonts/liberation.svg#Liberation') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'LiberationSerifItalic';
src: url('fonts/LiberationSerif-Italic-webfont.eot');
src: url('fonts/LiberationSerif-Italic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/LiberationSerif-Italic-webfont.woff') format('woff'),
url('fonts/LiberationSerif-Italic-webfont.ttf') format('truetype'),
url('fonts/LiberationSerif-Italic-webfont.svg#LiberationSerifItalic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'LiberationSerifBold';
src: url('fonts/LiberationSerif-Bold-webfont.eot');
src: url('fonts/LiberationSerif-Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/LiberationSerif-Bold-webfont.woff') format('woff'),
url('fonts/LiberationSerif-Bold-webfont.ttf') format('truetype'),
url('fonts/LiberationSerif-Bold-webfont.svg#LiberationSerifBold') format('svg');
font-weight: normal;
font-style: normal;
}
h1,h2,h3,h4,h5,h6 {font-weight: normal; margin:0; padding:0; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none; }
h1 { font-size: 26px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration:none; }
::-moz-selection { background: #05C; color: #fff; text-shadow: none; }
::selection { background: #05C; color: #fff; text-shadow: none; }
img::-moz-selection { background: transparent; }
img::selection { background: transparent; }
.clear, .cleaner { clear: both; height: 0; overflow: hidden; }
p { margin: 0 0 15px; padding: 0; }
a { color: #003366; text-decoration:none; }
a:hover { color: #144EC9; text-decoration:none;}
a:focus { outline: none; }
a:hover, a:active { outline: none; }
/* Navigation */
div.navigation { background:#e9e9e9; float:left; margin-left:190px; width:770px; text-align: center; margin-bottom:15px; }
div.navigation p { font-size: 14px; margin: 0;}
div.navigation a,
div.navigation .current { border: none; font-size: 14px; line-height: 50px; margin-right: 5px; }
div.navigation .current { font-weight:bold; }
div.navigation .prev {float:right; padding-right:5px;}
div.navigation .next {float:left; padding-left:10px; width:100px;}
div.navigation .page-numbers:after { color: #BDB7B9; content: "/"; padding: 0 0 0 10px; }
div.navigation .next:after,
div.navigation .prev:after,
div.navigation .dots:after {
content: "";
}
.floatleft { float: left; }
.floatright { float: right; }
input[type="text"],input[type="password"] { background: #f8f8f8; border: 1px solid #e3e3e3; color: #564B4B; font-weight: normal; padding: 7px 6px; margin:0 0 10px;}
textarea { background: #f8f8f8; border: 1px solid #e3e3e3; color: #564B4B; font-weight: normal; padding: 7px 6px; margin: 0 0 10px;}
input[type="submit"],input[type="reset"] { background-color: #8E949D; color: #fff; border: none; font-size: 12px; padding: 7px 10px 8px; text-align: center; text-shadow: 0 1px 0 #5A626A; margin: 0 0 0 7px; position: relative; cursor:pointer; }
label { font-weight:bold;}
#searchform #s {float:left;}
/*********************************************************************************************
2. Header & Navigation ------------------------- header.php
*********************************************************************************************/
body {
background: #f5f5f5;
font-family:"Liberation", Georgia, Times, “Times New Roman”, serif;
line-height:1.5;
font-size:14px;
color:#555;
margin:0;
padding:0;
}
#container {
margin: 0 auto;
width: 960px;
}
#header {
border-bottom: 1px solid #e9e9e9;
padding: 12px 0 15px;
margin:0 0 30px;
}
#logo {
float:left;
}
#logo h1 {
font-size: 30px;
}
#logo h1 a {
display: block;
color: #f1f1f1;
background: #1f2329;
max-height: 200px;
max-width: 200px;
padding: 27px 30px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
}
#navbar {
float:right;
margin-top:80px;
}
/* Dropdown menu */
.dropdown, .dropdown * { margin: 0; padding: 0; list-style: none; z-index:999; }
.dropdown { line-height: 1.0; }
.dropdown ul { position: absolute; top: -999em; width: 10em; z-index:999; /* left offset of submenus need to match (see below) */ }
.dropdown ul li { width: 100%; }
.dropdown li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.dropdown li { float: left; position: relative; }
.dropdown a { display: block; position: relative; }
.dropdown li:hover ul,
.dropdown li.sfHover ul { left: 0; top: 43px; /* match top ul list item height */ z-index: 99; }
ul.dropdown li:hover li ul,
ul.dropdown li.sfHover li ul { top: -999em; }
ul.dropdown li li:hover ul,
ul.dropdown li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }
ul.dropdown li li:hover li ul,
ul.dropdown li li.sfHover li ul { top: -999em; }
ul.dropdown li li li:hover ul,
ul.dropdown li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }
.dropdown {
float:left;
}
.dropdown a {
padding: 8px 16px;
text-decoration:none;
line-height:1.5;
}
.dropdown a,
.dropdown a:visited {
color:#333;
font-size: 18px;
text-transform:uppercase;
font-family:'Abel', Arial, sans-serif;
text-decoration: none;
}
.dropdown li li a {
font-size:14px;
}
.dropdown li li a:hover {
background:#323840;
}
.dropdown li {
}
.dropdown li li {
background:#1f2329;
}
.dropdown li li li {
background:#1f2329;
}
.dropdown li:hover,
.dropdown li.sfHover,
.dropdown a:focus,
.dropdown a:hover,
.dropdown a:active
.dropdown .current_page_item a,
.dropdown .current-cat a,
.dropdown .current-menu-item a,
.dropdown .current_page_item a,
.dropdown .current-cat a,
.dropdown .current-menu-item a {
outline:0;
color:#fff;
background:#1f2329;
}
.dropdown li:hover a {
color:#fff;
background:#1f2329;
}
.dropdown a.sf-with-ul {
padding-right:2.25em;
min-width:1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
position:absolute;
display:block;
right:.75em;
top:16px; /* IE6 only */
width:10px;
height:10px;
text-indent:-999em;
overflow:hidden;
background:url('images/down.png') no-repeat right; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
.dropdown li:hover .sf-sub-indicator {
background:url('images/downh.png') no-repeat right;
}
.dropdown .current-menu-item a .sf-sub-indicator {
background:url('images/downh.png') no-repeat right;
}
.dropdown li:hover li .sf-sub-indicator,
.dropdown li li .sf-sub-indicator { /* give all except IE6 the correct values */
background:url('images/right.png') no-repeat right; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
/*********************************************************************************************
3. Homepage ------------------------- index.php
*********************************************************************************************/
#main {
border-bottom: 1px solid #b4b4b4;
}
#topad {
text-align:center;
margin:0 0 20px;
}
.home_widgets .widget {
border-top: 1px solid #b4b4b4;
margin:0 0 20px;
}
.part-block {
border-top: 1px solid #b4b4b4;
margin-bottom:30px;
}
.home_widgets .widget_container,
.fullwidth_col .widget_container {
width:770px;
float:right;
font-size: 14px;
margin:25px 0 10px;
}
h3.title {
color: #333333;
font-size: 21px;
font-weight: normal;
padding:17px 0;
}
.featured-posts h3.title,
.home_widgets h3.title,
.fullwidth_col h3.title {
float:left;
}
.home_sidebar {
float: left;
width: 170px;
overflow:hidden;
}
.home_sidebar h3.title {
color: #333;
font-size:18px;
margin-bottom:12px;
padding:0;
}
.home_sidebar .widget {
margin-bottom: 20px;
position:relative;
padding-bottom:15px;
}
/* Recent Posts */
.recent-post {
margin:0 0 20px;
}
.recent-post .post-meta {
border-top:1px solid #d4d4d4;
padding:25px 0 0;
float:left;
width:170px;
color:#888;
font-family: 'Abel', Arial, sans-serif;
text-transform:uppercase;
font-size:13px;
}
.recent-post .post-meta span {
display:block;
}
.recent-post .post-content {
float:right;
width:770px;
border-top:1px solid #d4d4d4;
padding:25px 0 0;
line-height:1.7;
font-size:15px;
}
.recent-post .post-thumb {
float:left;
margin:0 20px 15px 0;
}
.recent-post .post-content h2 {
line-height:1.2;
margin:0 0 10px;
}
.recent-post .post-content h2 a {
font-size: 26px;
text-decoration: none;
font-weight:normal;
margin:0;
padding:0;
line-height:1.2;
}
/*********************************************************************************************
4. Featured Slider ------------------------- slider-index.php
*********************************************************************************************/
#slides {
float:right;
margin:0 0 30px;
width:770px;
position:relative;
overflow:hidden;
}
#slides .slides_container {
width:770px;
height:420px;
position:relative;
}
#slides .slides_container div.slide {
width:770px;
height:420px;
display:block;
position:relative;
}
#slides .slide_overlay {
position:absolute;
right:0;
top:200px;
text-align:right;
background:url('images/75.png') repeat;
padding:5px 10px;
}
#slides .slide_overlay:hover {
background:url('images/60.png') repeat;
}
#slides .slide .slide_overlay h2 {
max-width:300px;
line-height:1.3;
}
#slides .slide .slide_overlay h2 a {
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
color:#fff;
}
#slides .pagination {
width:600px;
display:block;
float:left;
margin:0;
padding:0;
}
#slides .slides_navigation {
position:absolute;
bottom:0;
left:0;
border-top:1px solid #000;
z-index:1000;
background:url('images/60.png') repeat;
width:770px;
}
#slides .slides_navigation ul li {
list-style-type:none;
float:left;
list-style-position:outside;
position:relative;
width:140px;
margin:10px 0 5px 10px;
overflow:hidden;
}
#slides .slides_navigation ul li img {
float:left;
margin:0 0 5px;
border:3px solid transparent;
}
#slides .slides_navigation ul li a:hover img,
#slides .slides_navigation ul li.active img {
border:3px solid #222;
}
#slides a.browse { position: absolute; top: 18px; width: 62px; height: 62px; display: block; cursor: pointer; font-size: 1px; z-index: 99; text-indent: -2000px; background: url("images/arrows.png") no-repeat 0 0; }
#slides a.prev { right: 87px; background-position: 0 0; }
#slides a.prev:hover { background-position: 0 -62px; }
#slides a.next { right: 22px; background-position: -61px 0; }
#slides a.next:hover { background-position: -61px -62px; }
/*********************************************************************************************
5. Blog posts ------------------------- index.php, archive.php, search.php
*********************************************************************************************/
.post {
padding:0 0 10px;
overflow:hidden;
}
.single .post, .page .post {
width:700px;
float:left;
}
.post_header {
position:relative;
margin-bottom: 20px;
}
h1.title {
border-bottom:1px solid #cdcdcd;
padding:0 0 15px;
line-height:1.3;
width:700px;
float:left;
}
h1.title a {
color: #333;
font-size: 36px;
font-weight: normal;
}
h1.title a:hover {
color:#144EC9;
}
.header_meta {
float:right;
width:230px;
border-bottom:1px solid #cdcdcd;
padding:0 0 15px;
position:absolute;
bottom:0;
right:0;
color:#888;
font-family: 'Abel', Arial, sans-serif;
text-transform:uppercase;
font-size:13px;
}
.header_meta span {
display:block;
}
.post h2 {
margin-bottom: 11px;
}
.post h2 a {
color: #1c1c1f;
font-size: 23px;
font-weight: normal;
}
.post h2 a:hover {
text-decoration:none;
color:#0099CC;
}
.post .thumbnail {
float: right;
margin: 0 0 5px 10px;
}
.post .heading {
background: #9BA3B0;
border-bottom: 1px solid #59636A;
font-size: 10px;
padding: 0 25px;
line-height:26px;
color:#fff;
text-align: left;
text-shadow: 0 1px 0px #6D7D82;
text-transform: uppercase;
}
.post .heading a {
color: #fff;
}
.post .heading a:hover {
text-decoration: underline;
}
.post .postcontent {
color: #808080;
font-size: 12px;
padding: 15px 25px;
position:relative;
}
/*********************************************************************************************
6. Single Posts Styling --------------------------------- single.php, page.php
*********************************************************************************************/
.entry {
font-size: 15px;
line-height: 1.7;
}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
margin-bottom: 12px;
line-height:1.3;
color:#3D3D3D;
}
.entry p { margin-bottom: 14px; }
.entry a:hover { text-decoration:none; }
.entry img { margin-bottom:10px; }
.entry img.alignnone,
.entry img.aligncenter,
.entry img.alignleft,
.entry img.alignright {
margin-bottom: 10px;
max-width: 700px;
width:auto;
height:auto;
}
.entry ul, .entry ol { margin: 0 0 14px 14px; }
.entry li ul, .entry li ol { margin-bottom: 0; }
.entry li { list-style-position: inside; }
.entry ul li { list-style-type: square; }
.entry ol li { list-style-type: decimal; }
.entry blockquote {
font-style: italic;
font-size: 16px;
border: solid 1px #ddd;
border-left: solid 5px #ddd;
padding: 15px;
margin: 10px;
}
.side-left .post {
float: right;
display: inline;
margin: 0 0 20px 20px;
}
.side-left #sidebar {
float:left;
}
.side-left .header_meta {
left:0;
}
.side-left h1.title {
float:right;
}
.full-width .post {
margin-right: 0;
width: 960px;
}
.full-width .entry, .page .entry {
float: none;
display: block;
padding-right: 0;
}
.full-width .entry img {
max-width:960px;
}
/* [gallery] shortcode */
.entry .gallery .gallery-item { max-width:150px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: 10px; }
.entry .gallery { clear: both; margin: auto; text-align: center; }
.gallery img { width:150px; height:auto; }
/* Images align */
.entry .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft, .entry .alignleft { float: left; margin: 5px 15px 5px 3px; }
.alignright, .entry .alignright { float: right; margin: 5px 4px 5px 15px; }
/* Caption for images */
.entry .wp-caption { padding: 1px; text-align:center; max-width: 100% !important; }
.entry .wp-caption img { margin:0; max-width:100%; width:auto; height:auto; }
.entry .wp-caption-text { color:#A7A3A3; font-size:12px; font-style:italic; margin:0; padding:4px 0 0; text-align:center; }
.entry .wp-caption.aligncenter { margin:0 auto 15px; }
img.wp-smiley { border: none; padding: 0; }
/* Previous/Next navigation */
.prevnext { margin: 30px 0 20px; }
.prevnext .previous { float: left; background:#EFEFEF; }
.prevnext .previous a { text-align:right; margin-left:55px; }
.prevnext .next a { text-align:left; margin-right:50px; }
.prevnext .next { float: right; background:#EFEFEF; }
.prevnext a { padding: 0; margin-bottom: 5px; width:150px; display: block; padding:6px 12px; min-height:40px;}
.prevnext span { display:block; background:#f5f5f5; font-size:12px; padding:3px 8px; overflow:hidden; }
.prevnext .next span { padding:3px 10px; }
.prevnext .previous span { float:left; }
.prevnext .next span { float:right; }
/* Archive Template */
.post .col_arch { float: left; width: 100%; margin: 10px 0; border-bottom: 1px dotted #ddd; padding-bottom: 15px; }
.post .col_arch .left { float: left; text-transform: uppercase; width: 170px; }
.post .col_arch .right { float: left; width: 520px; margin-left: 10px; }
.post .col_arch .right ul li a { font-weight: normal; }
.post .col_arch .right ul li { width: 30%; float: left; margin: 0 10px 5px 0; list-style-type: none; }
/* Sharing buttons */
.share_box, .related_posts { border-top: 1px solid #cdcdcd; padding: 25px 0 0; margin: 25px 0; }
.share_box h3.title, .related_posts h3.title { text-transform: uppercase; font-size: 16px; color: #333; width:220px; padding:0; float: left; line-height: 1.5; }
.share_box .share_btn { float: left; }
/* Related Posts */
.related_posts ul li { list-style-type:none; border-bottom: 1px solid #e7e7e7; padding: 0 0 15px; margin: 0 0 15px; font-size:12px; color:#888; }
.related_posts ul li:last-child { border:none; }
.related_posts img { float:left; margin:0 8px 5px 0;}
.related_posts a { display:block; font-size:18px;}
.block_content { float:left; width:480px; }
/*********************************************************************************************
7. Sidebar & Footer Widgets ------------------------- sidebar.php, footer.php
*********************************************************************************************/
#sidebar {
float: right;
width: 230px;
overflow:hidden;
}
#sidebar h3.title {
color: #333;
font-size:18px;
padding:0;
margin-bottom:10px;
text-transform:uppercase;
}
#sidebar .widget {
border-bottom: 1px solid #d5d6d7;
margin-bottom: 20px;
position:relative;
padding-bottom:15px;
}
#sidebar .widget .widget_content {
padding: 10px 20px 0;
}
#sidebar .tags a {color:#818181; text-transform:uppercase; font-weight:normal; margin-right:7px;}
#sidebar .tags a:hover {color:#333; }
#sidebar .widget a:hover { text-decoration: none; }
.widget ul { clear: both; line-height: 1.7; }
.widget ul li { list-style-type: none; }
.widget ul ul { border-top: none; margin: 0 0 0 15px; padding: 0; }
.widget ul ul li { border: none; }
.widget #cat, .widget select { border: 1px solid #cdcfd4; clear: both; color: #333333; display: inline; float: left; line-height: 1.5; padding: 5px; width: 100%; }
#widget_tag_cloud a {line-height:1.3em; font-weight:normal;}
.side_ad { margin: 0 0 20px;}
/* Author Bio */
#sidebar .author img { margin: 0 10px 5px 0; float: left; }
#sidebar .author a { }
#sidebar .author p { font-size: 11px; line-height: 1.5; font-family:Georgia, Times New Roman, Times, serif; font-style:italic;}
#sidebar .author_info {overflow:hidden;}
/* Recent Comments */
.recent-comments-list .avatar { margin-right: 12px; float: left;}
.recent-comments-list li { padding: 6px 0 10px; margin:0 0 5px; border-bottom: 1px dotted #ddd; }
.recent-comments-list li:last-child { border-bottom: 0; }
/* Recent Posts */
.widget .feature-posts-list br {display: none;}
.widget .feature-posts-list img {margin: 4px 12px 10px 0; float: left;}
.widget .feature-posts-list small {font-style:italic; display: block; margin: 0 0 3px; }
.widget .feature-posts-list .post-excerpt {display: block;}
.widget .feature-posts-list li { padding: 6px 0 7px; margin:0 0 5px; border-bottom: 1px dotted #ddd; }
.widget .feature-posts-list li:last-child { border-bottom: 0; }
/* Flickr widget */
.widget .flickr_badge_image {margin-right: 12px; margin-bottom: 12px; float: left; }
.widget .flickr_badge_image img { width: 64px; height: 64px; }
#footer .widget .flickr_badge_image img { width: 60px; height: 60px; }
/* Twitter widget */
#sidebar #twitter h3 { padding-left:50px; background: url('images/twitter_w.png') no-repeat 8px 0; }
#footer #twitter h3 { padding-left:40px; background: url('images/twitter_w.png') no-repeat 0 13px; }
.widget .twitter-list li { border-bottom: 1px dotted #ddd; padding: 0 0 7px; margin: 0 0 7px; }
.widget .twitter-list li a { font-weight: normal; }
.widget .twitter-list .twitter-timestamp { display: block; color: #727272; font-family: Arial, sans-serif; font-size: 10px; font-style: normal; text-align: right; }
.widget .follow-user { margin: 0; padding: 5px 0; }
/* Social Widget */
.social li { display: inline; float:left; }
.social li a img {display:none;}
.social a { background: url("images/icons.png") no-repeat 0 0; display: block; float: left; height: 32px; width: 32px; margin: 0 10px 10px 0; text-indent: -9000px; }
.social a:hover { background-position: 0 -35px; }
.social .twitter { background-position: -33px 0; }
.social .twitter:hover { background-position: -33px -35px; }
.social .google { background-position: -66px 0; }
.social .google:hover { background-position: -66px -35px; }
.social .rss { background-position: -98px 0; }
.social .rss:hover { background-position: -98px -35px; }
.social .email { background-position: -130px 0; }
.social .email:hover { background-position: -130px -35px; }
.social .youtube { background-position: -163px 0; width:33px;}
.social .youtube:hover { background-position: -163px -35px; }
.social .vimeo { background-position: -199px 0; }
.social .vimeo:hover { background-position: -199px -35px; }
.social .linkedin { background-position: -233px 0; }
.social .linkedin:hover { background-position: -233px -35px; }
.social .flickr { background-position: -267px 0; }
.social .flickr:hover { background-position: -267px -35px; }
.social .foursquare { background-position: -302px 0; }
.social .foursquare:hover { background-position: -302px -35px; }
.social .gowalla { background-position: -335px 0; }
.social .gowalla:hover { background-position: -335px -35px; }
.social .delicious { background-position: -368px 0; }
.social .delicious:hover { background-position: -368px -35px; }
.social .digg { background-position: -399px 0; }
.social .digg:hover { background-position: -399px -35px; }
.social .dribbble { background-position: -433px 0; }
.social .dribbble:hover { background-position: -433px -35px; }
/* Video Widget */
#video_widget { margin: 0 0 30px; }
#video_widget .slides_container { width: 510px; height: 300px; float: left; }
#video_widget .slides_container div.slide { width: 510px; display: block; position: relative; }
#video_widget .pagination { display: block; float: right; margin: 0; padding: 0; overflow: hidden; }
#video_widget .slides_navigation { float: right; width: 250px; }
#video_widget .slides_navigation ul li { list-style-type: none; float: left; list-style-position: outside; margin: 0 0 15px 13px; position: relative; }
#video_widget .slides_navigation ul li img { float: left; border: 1px solid transparent; }
#video_widget .slides_navigation ul li.active img { border: 1px solid #333; }
#video_widget .slides_navigation ul li a:hover,
#video_widget .slides_navigation ul li a:hover span { color: #fff; }
#video_widget .pagination li span { display: none; }
#video_widget .pagination li.active span { display: block; position: absolute; bottom: 10px; right: 10px; width: 15px; height: 15px; background: url('images/play.png') no-repeat; }
#video_widget .slides_navigation ul li:last-child a { border-right: none; }
/* Widget: 3 Columns Posts */
.featured-posts { margin: 0 0 30px; }
.featured-items .last { margin-right: 0; }
.featured-post { float: left; margin: 0 25px 20px 0; width: 240px; }
.featured-post h5 { font-size: 10px; font-family: Georgia, Times, "Times New Roman", serif; letter-spacing: 1px; margin: 0 0 15px; text-align: center; font-weight: normal; text-transform: uppercase; }
.featured-post h5 a { color: #a3a3a3; }
.featured-post h5 a:hover { color: #555; }
.featured-post h3 { font-weight: normal; margin: 12px 0 10px; line-height: 1.3; }
.featured-post h3 a { font-size: 18px; }
/*********************************************************************************************
8. Comments ------------------------- comments.php
*********************************************************************************************/
#comments { display:block; margin: 25px 0 0; }
#comments h3 { color: #333; font-size:16px; border-top: 1px solid #cdcdcd; padding: 25px 0 0; text-transform:uppercase;}
.comment-input-text textarea { width: 80%; }
.comment-list { margin: 0; padding: 15px 0 0; }
.comment-list li { list-style: none; }
.comment-list p { padding:15px 0 0; }
.comment-list li .commbody { border-top: 1px solid #e7e7e7; padding:0 0 8px; }
.comment-list ul { margin-bottom: 0; }
.comment-list ul.children .commbody { padding: 0 0 10px; }
.comment-author img { float: left; margin: 0 12px 12px 0; }
.bypostauthor .comment-author img { border:3px solid #EE7373;}
.comment-author cite.fn { font-style:normal; }
.comment-profile-wrapper { text-align: center; width: 105px; }
span.says { display: none; }
.comment-meta { color:#8d8d8d; float: left; font-size:11px; font-style:italic; margin-top: 6px;}
.commleft { border-top:3px solid #e7e7e7; float: left; padding-top:15px; width: 215px; }
.commentmetadata a { color: #6D6C6C; font-style:normal; }
.commentmetadata a:hover { color: #484040; text-decoration: none; }
.comment-gravatar { margin-bottom: 3px; }
.comment-content-wrapper { float: right; width: 538px; }
.comment-parent, .comment-single { margin-top: 15px; }
.comment-list ul.children, #comments #respond ul { margin: 0 0 10px 15px; padding: 9px 0 0 35px;}
.comment-list ul.children ul.children { margin-left: 40px; }
.comment-list ul.children li { margin: 0; }
.comment-body { margin: 0; padding: 8px 12px 0; position: relative; }
.comment-list li div p { line-height:1.6; font-size:13px; margin-bottom: 0; margin-left: 229px; padding-right: 15px;}
.comment .post-date { margin-top: 0; }
.comment .post-date .right a { color: #BBB; }
.comment .post-date .right a:hover { color: #234; }
.reply { clear: both; float:right; height:20px;}
.reply a { display:none; }
.commbody:hover .reply a { background:url('images/reply.png') no-repeat top left; display:block; margin-right: 15px; padding-left:16px; }
.cancel-comment-reply { margin:0 0 7px; }
.reply a, .cancel-comment-reply a { border: none; color: #7D7D7D; font-size: 10px; margin-right: 3px; text-transform:uppercase; }
.reply a:hover, .cancel-comment-reply a:hover { color:#333; text-decoration: none; }
.nocomments {padding: 0 0 20px;}
#respond li { list-style: none; }
#respond ul { margin: 0; }
#respond .legend { margin-bottom: 10px; }
#comments #respond .legend { border-bottom: 0; margin-bottom: 0; }
#comments #respond ul { padding: 10px 0 0 15px; }
#comments ul.children #respond ul { margin-left: 30px; padding: 0; }
#comments #respond .comment-profile-wrapper, #comments #respond .comment-arrow { display: none; }
#comments #respond .comment-body { background: #FFF; }
#comments #respond .comment-content-wrapper { float: none; width: 100%; }
#respond #formLabels p, #formContent p { margin: 0 0 5px; padding: 12px 20px 0 0; }
#respond label { float: left; font-size: 15px; margin: 0 20px 0 0; width: 200px; font-weight:normal; border-top:1px solid #e7e7e7; padding:7px 0 0;}
#respond span { color: #bab9b9; font-family:Georgia, Times New Roman, Times, serif; font-size: 11px; font-style: italic; padding:0 0 0 10px;}
#respond input, #respond textarea { background: #e8e8e8; border: 1px solid #d6d6d6; color: #564B4B; font-family:"Liberation", Georgia, Times, “Times New Roman”, serif; font-size: 16px; font-weight: normal; padding: 8px 6px; }
#respond #formLabels input { width:40%;}
#respond #formContent textarea { width: 65%; resize: vertical; max-height: 500px; }
#respond .submit { background-color: #707479; color: #fff; border: none; font-size: 18px; padding: 11px 20px 12px; text-align: center; text-shadow: 0 1px 0 #5A626A; margin: 13px 0 5px 220px; position: relative; }
#respond .submit:hover, #searchform #searchsubmit:hover { background-color: #81868F; cursor: pointer; }
#respond .submit:active, #searchform #searchsubmit:focus { top: 1px; }
.comment-list li #respond p { margin-left: 0; }
.comment-list li #respond h3 { padding: 8px 0; }
#trackbacks ol { padding: 10px 0; }
#trackbacks li { list-style-type: decimal; padding: 5px 0 5px 15px; list-style-position:inside;}
ul.children #respond #formContent textarea { width: 55%; }
/*********************************************************************************************
9. Footer ------------------------- footer.php
*********************************************************************************************/
#footer div.column { display: inline; float: left; margin-right: 45px; width: 290px; }
#footer div.last {margin-right: 0;}
#footer .copyright {min-height:80px;}
footer .copyright .left { float: left; }
footer .copyright .right { float: right; }
#footer p.wpzoom { display: inline; float: right; line-height: 16px; }
#footer p.wpzoom img { display: inline; float: right; padding: 2px 0 0 2px; }
#footer .widget-area {
border-bottom:2px solid #EBEBEB;
padding:0 0 15px;
margin:0 0 15px;
}
.fullwidth_col .widget {
border-bottom: 1px solid #b4b4b4;
padding-bottom:20px;
}
#footer .column .widget {
width:290px;
float:left;
font-size:14px;
line-height:1.7;
overflow:hidden;
}
#footer .column .widget h3 {
color:#333;
border-bottom:1px solid #d4d4d4;
padding:15px 0 5px;
text-transform:uppercase;
font-size:16px;
margin:0 0 10px;
}
#footer .col_left {
float:left;
width:310px;
margin-right:30px;
}
#footer .col_mid {
float:left;
}
#footer .col_right {
float:right;
}