Na webu Bydlení21.cz řeším další menší problém, který bych ale rád odstranil. Jde o to, že pod každým náhledem postu na home page mám FB tlačítka To se mi líbí a Poslat, pokud na ně návštěvník, který je připojený na FB klikne, vyskočí mu box, kde může článek okomentovat a sdílet na svém profilu. tento box ale není vidět, protože je vnořený a skoro celý useknutý. Potřeboval bych, aby ten box vyskakoval jakoby na stránku, tj. překryl jakýkoliv jiný obsah stránky, byl nahoře. Jak toho docílit, co kde v kódu změnit? Díky.

Prosím napište mi zdrojový kod,mrknu se vám na to. Teď jsem si všimnul... to běží na wordpressu ? a ty tlačítka jsou z pluginu ? pokud ne tak spíš použijte plugin je to lepší :)

Zasláno v soukromé zprávě, díky, jinak ještě přidávám zdrojový kód css i sem do fóra

[code]/*
Theme Name: Infimag
Theme URI: http://www.magpress.com/wordpress-themes/infimag.html
Description: Unlimited Color and 500+ Google Webfonts Selection HTML5/CSS3 Responsive Magazine WordPress Theme.
Version: 1.0
Author: MagPress
Author URI: http://www.magpress.com
License: Creative Commons Attribution-Share Alike 3.0
License URI: http://creativecommons.org/licenses/by-sa/3.0/us/
Tags: white,black,pink,three-columns,two-column,right-sidebar,fixed-width,editor-style,custom-menu,custom-header,featured-images,full-width-template,theme-options,threaded-comments

The CSS, XHTML and design is released under Creative Commons Attribution-Share Alike 3.0 License:
http://creativecommons.org/licenses/by-sa/3.0/us/
*/

/*
changelog

v1.0
- initial release

*/

/*/////////////////////////////////////////////////////////////////////////////
// RESET CSS
////////////////////////////////////////////////////////////////////////////*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
/*/////////////////////////////////////////////////////////////////////////////
// GLOBAL CSS
////////////////////////////////////////////////////////////////////////////*/
body {
font-family: arial, sans-serif;
margin: 0px;
padding: 0px;
font-size: 100%;
color: #565656;
background-color: whiteSmoke;
}
html,body {
line-height: 1.4em;
}

h1,h2,h3,h4,h5,h6,.header-title,#main-navigation, #featured #featured-title, #cf .tinput, .post-more a, #wp-calendar caption,.flex-caption,#portfolio-filter li,.nivo-caption a.read-more {
}


footer {
}

h1,h2,h3,h4,h5,h6 {
font-weight: bold !important;
letter-spacing: -1px;
}
.cleariefloat {
margin: 0px;
padding: 0px;
float: left;
height: 3em;
width: 100%;
}
#wp-calendar caption {margin: 0 0 10px;}
.sticky{}
.gallery-caption{}

.flex-control-nav {display:none;}
.clearfix {
clear: both;
}

a:link, a:visited {
color: #69C;
text-decoration: none;
}
a:hover, a:active {
text-decoration: none;
color: #B4370E;
}

.twitterbox li.followme a, li.flickrmore a {
border-bottom: 0 none !important;
}

#wp-calendar a { }
/* remember to define focus styles! */
:focus {
outline: 0;
}
ol, ul {
list-style: none;
}
/* tables still need cellspacing="0" in the markup */
table {
border-collapse: separate;
border-spacing: 0;
margin: 1em 0 2em 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
.widget table {
clear: both;
}
ul.the-icons {
list-style: none;
margin: 0 0 0 1em !important;
}
.post-content .btn {
padding: 5px 12px;
background: #f7f7f7;
border: 1px solid #ccc;
color: #444;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.post-content .btn:hover {

background: #f5f5f5;
border: 1px solid #aaa;
color: #222;
}

iframe.fb {
margin: 0px;
padding: 8px 0px;
float: left;
height: 30px;
width: 100%;
}
img { border: 0 none; }

/* Alignment */
.alignleft {
display: inline;
float: left;
margin-right: 1.625em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.625em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
hr {
background-color: #ddd;
border: 0;
height: 1px;
margin-bottom: 1.625em;
}

/* Text elements */
p {
margin: 0 0 1.625em;
}
ul, ol {
margin: 0 0 1.625em 0em;
padding: 0;
}

ul {
list-style: square;
}
ol {
list-style-type: decimal;
}
ol ol {
list-style: upper-alpha;
}
ol ol ol {
list-style: lower-roman;
}
ol ol ol ol {
list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
margin: 0 0 0 1em;
padding: 0;
}
.post-content ul ul, .post-content ol ol, .post-content ul ol, .post-content ol ul {
margin-bottom: 0;
font-size: 92%;
}
.post-content ul li, .post-content ol li {
margin: 0 0 0.6em;
}
.post-content ul li ul li, .post-content ol li ol li {
margin: 0.2em 0 0;
}
.post-content ul, .post-content ol {
margin: 0 0 1.6em 3em;
}
.post-content ul ul, .post-content ol ol {
margin: 0 0 0em 2em;
}
/* IE 7 BIG FIX */
* {
zoom: 1;
}
.post-content h1 {font-size: 1.8em; margin: 0 0 1em; }
.post-content h2 {font-size: 1.7em;margin: 0 0 1em;}
.post-content h3 {
font-size: 1.35em;
margin: 0 0 1em;
}
.post-content h4 {font-size: 1.5em;margin: 0 0 1em;}
.post-content h5 {font-size: 1.35em;margin: 0 0 1em;}
.post-content h6 {font-size: 1em;margin: 0 0 1em;}

dl {

}
dt {
font-weight: bold;
}
dd {
margin-bottom: 1.625em;
}
strong {
font-weight: bold;
}

cite, em, i {
font-style: italic;
}
blockquote {
font-family: Georgia, "Bitstream Charter", serif;
font-style: italic;
font-size: 1.2em;
font-weight: normal;
margin: 0 3em 1.25em 3em;
border-left: 5px solid #999;
padding-left: 1em;
line-height: 1.6em;
}
blockquote em, blockquote i, blockquote cite {
font-style: normal;
}
blockquote cite {
font-weight: 300;
letter-spacing: 0.05em;
text-transform: uppercase;
font-size: 85%;
}
pre {
font-family: "Courier New", Courier, monospace;
margin-bottom: 1.625em;
overflow: auto;
padding: 0.75em 1.625em;
width: 80%;
display: block;
clear: both;
white-space: pre-wrap;
word-wrap: break-word;
font-size: 90%;
color: #333;
border: 1px solid #ccc;
background-color: #eee;
background-image: url(images/textures/body-bg3.png);
background-repeat: repeat;
}
code, kbd {
font-size: 90%;
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym, dfn {
border-bottom: 1px dotted #666;
cursor: help;
}
address {
display: block;
margin: 0 0 1.625em;
}
address {
font-family: "Courier New", Courier, monospace;
font-size: 1em;
}

ins {
background: #fff9c0;
text-decoration: none;
color: #000;
}
sup,
sub {
font-size: 80%;
height: 0;
line-height: 1;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
i {
margin: 0 7px 0 0;
}
ul.the-icons {
margin: 0 0 1.4em 1em !important;
}

/* Images */
.post-content img {
max-width: 100%; /* Fluid images for posts, comments, and widgets */
height: auto;
}

.widget img {
max-width: 100%; /* Fluid images for posts, comments, and widgets */
height:auto;
}

img[class*="align"],
img[class*="wp-image-"] {
height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full {
max-width: 97.5%;
width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}
.content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
img.alignleft,
img.alignright,
img.aligncenter {
margin-bottom: 1.625em;
}
p img,
.wp-caption {
margin-top: 0.4em;
}
.wp-caption {
margin-bottom: 1.625em;
max-width: 96%;
padding: 16px 9px 9px;
box-shadow: 0 0px 2px #999;
background-color: #eee;
}
.wp-caption img {
display: block;
margin: 0 auto;
max-width: 95%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
color: #333;
font-size: 90%;
}
.wp-caption .wp-caption-text {
margin-bottom: 0.6em;
padding: 10px 0 5px 40px;
position: relative;
color: #333;
}
.wp-caption p {
margin: 0px;
}

.wp-caption .wp-caption-text:before {
content: '\2014';
font-size: 1.125em;
font-style: normal;
font-weight: bold;
margin-right: 5px;
position: absolute;
left: 10px;
top: 7px;
}
.content .gallery {
margin: 0 auto 1.625em;
}
.content .gallery a img {
border: none;
}
img#wpstats {
display: block;
margin: 0 auto 1.625em;
}
.content .gallery-columns-4 .gallery-item {
width: 23%;
padding-right: 2%;
}
.content .gallery-columns-4 .gallery-item img {
width: 100%;
height: auto;
}

/* Image borders */
img[class*="align"],
img[class*="wp-image-"],
.content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
padding: 0px;
}
.wp-caption img {
border-color: #eee;
}
a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
.content .gallery .gallery-icon a:focus img,
.content .gallery .gallery-icon a:hover img,
.content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */
background: #eee;
border-color: #bbb;
}
.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {/* ... including captioned images! */
background: #fff;
border-color: #ddd;
}

/* Password Protected Posts */
.post-password-required .entry-header .comments-link {
margin: 1.625em 0 0;
}
.post-password-required input[type=password] {
margin: 0.8125em 0;
}
.post-password-required input[type=password]:focus {
background: #f7f7f7;
}

/* Calendar Widget */

.widget_calendar #wp-calendar {
width: 100%;
text-align: center;
margin: 0px;
padding: 0px;
float: left;
}
.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th {
text-align: center;
}
.widget_calendar #wp-calendar caption {
font-size: 1.125em;
font-weight: 500;
padding: 5px 0 3px 0;
text-transform: uppercase;
}

.widget_calendar #wp-calendar th {

font-weight: bold;
}

.widget_calendar #wp-calendar tfoot td {

}
.post-content td, .comment-content td {
border-top: 1px solid #ddd;
padding: 6px 10px 6px 0;
font-size:0.85em;
}
.post-content table, .comment-content table {
border-bottom: 1px solid #ddd;
margin: 0 0 1.625em;
max-width: 100%;
clear:both;
width: 100%;
}
.post-content table {
border-collapse: collapse;
}
.post-content tr th {
background: #eee;
color: #333;
}
.post-content th {

}
.post-content th, .post-content td {

padding: 3px 10px;
text-align: left;
vertical-align: top;
}

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
video {
max-width: 100%;
height: auto;
}
.video-wrapper {
width: 100%;
max-width: 95%;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.post-content iframe { max-width: 100%; }

/*/////////////////////////////////////////////////////////////////////////////
// FRAME CSS
////////////////////////////////////////////////////////////////////////////*/
footer .innerwrap , header .innerwrap, #bodywrap, .innerwrap-custom-header, #main-navigation .innerwrap {
margin: 0px auto;
padding: 0px;
max-width: 1120px;
width:auto;
}

#flex-wrapper .innerwrap {
margin: 0px auto;
padding: 0px;
max-width:1120px;
width:auto;
}

#wrapper {
margin: 0px;
padding: 0px;
width:100%;
float: left;
}

#wrapper-main {
float: left;
margin: 0;
width: 100%;
}


#wrapper-main, footer .innerwrap {
font-size: 0.6875em;
}



#header {
margin: 0px;
width: 100%;
padding: 0px;
float: left;
position: relative;
}

#header .header-inner {
float: left;
width: 100%;
padding-top: 0em;
padding-bottom: 2em;
}
#header-top {
margin: 0px;
padding: 2% 0%;
float: left;
width: 100%;
}
#header-bottom {
margin: 0px;
padding: 0%;
float: left;
width: 100%;
}
#header-right {
margin: 0px;
padding: 0px;
float: right;
}
#header-right .social-and-search {
margin: 0px;
padding: 0.6em;
float: right;
width: 100%;
}
#header-right .social-and-search form {
float: right;
padding-top: 5px;
padding-left: 5px;
}
#header-right #socialbox {
float: right;
margin: 0px;
padding: 0px;
width: auto;
}
#header-right .social-and-search input[type='submit'] {
display: none;
}
#header-right .social-and-search input[type='text'] {
padding: 7px;
color: #999;
width: 150px;
border: 1px solid #ddd;
background-color: #eee;
background-image: url(images/search-ico-alt.png);
background-repeat: no-repeat;
background-position: 96% center;
}
#header-right .social-and-search input[type='text']:focus {
border: 1px solid #06F !important;
background-color: #FFF;
background-image: url(images/search-ico-alt.png);
background-repeat: no-repeat;
background-position: 96% center;
}

#main-navigation {
float: left;
margin: 0px;
padding: 0px;
width: 100%;
background: #3a3a3a;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNhM2EzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZTJlMmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #3a3a3a 0%, #2e2e2e 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a3a3a), color-stop(100%,#2e2e2e));
background: -webkit-linear-gradient(top, #3a3a3a 0%,#2e2e2e 100%);
background: -o-linear-gradient(top, #3a3a3a 0%,#2e2e2e 100%);
background: -ms-linear-gradient(top, #3a3a3a 0%,#2e2e2e 100%);
background: linear-gradient(to bottom, #3a3a3a 0%,#2e2e2e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3a3a', endColorstr='#2e2e2e',GradientType=0 );
}
.top-navigation {
float: left;
margin: 0px 0px 1.25em;
padding: 0px;
width: 100%;
background: #fff;
box-shadow: 0 0 4px #ddd;
border-top: 1px solid #E0E0E0;
border-right: 1px solid #E0E0E0;
border-bottom: 5px solid #69C;
border-left: 1px solid #E0E0E0;
}

#main-navigation .container-wrap {
width:100%;
float:left;
padding:0 !important;
margin: 0;
}


#bodywrap #bodycontent {
float:left;
width:100%;
margin:0; padding:0;
}

#container {
float: left;
width: 100%;
margin: 0;
padding: 0;
}
.container-wrap {
float: left;
width: 96%;
margin: 0px 0px 2em;
padding: 2%;
background-color: #FFF;
border: 1px solid #E0E0E0;
box-shadow: 0 0 4px #ddd;
}


.content {
float: left;
width: 67%;
padding: 2em 0 0;
}
#wrapper .single-entry {
float: left;
width: 729px !important;
background: #FFF;
border-top-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-bottom-style: none;
border-left-style: none;
padding-right: 20px;
}
#left-sidebar.sidebar {

}
#left-sidebar {
float: left;
width: 100%;
padding: 0%;
font-size: 0.9em;
}

#right-sidebar {
float: right;
width: 30%;
padding: 2em 0% 0%;
}
#right-sidebar .sidebar-inner {
}
.sidebar {

}


.content.wide-content {
margin: 0 380px 0 0 !important;
overflow: hidden;
}
.content.full-width {
margin: 0px;
width: 100%;
float: left;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.content-inner {
width:100%;
float:left;
}

#post-entry {
margin: 0px;
padding: 0%;
position: relative;
float: left;
width: 100%;
}



.full-width #post-entry {
position: relative;
overflow: hidden;
float: left;
width: 100%;
border-right: 0px none;
border-left: 0px none;
border-top-width: 0px;
border-bottom-width: 0px;
border-top-style: none;
border-bottom-style: none;
margin: 0px;
padding: 0%;
background: transparent none;
}

.post-entry-inner {


}


/*sidebar*/
#sidebar {
margin: 0 0 0 -360px;
padding-bottom: 25px;
position: relative;
float: right;
}
.portfolio-sidebar {
padding: 4em 0 0 !important;
}

#sidebar.sidebar {}
* html #sidebar, * html #left-sidebar, * html #right-sidebar {}


.sidebar-inner {}


footer {
width: 100%;
float: left;
margin:0; padding: 0;
}



/*/////////////////////////////////////////////////////////////////////////////
// LAYOUT CSS
////////////////////////////////////////////////////////////////////////////*/
#main-navigation aside { float:right; width: auto;}
#main-navigation aside #searchform{
float:right;
margin: 4px 15px 0;
width: 180px;
}
#main-navigation aside #searchform input[type='text'] {
background: #fff url(images/search.png) no-repeat 95% center;
color: #333;
float:right;
width: 80%;
border: 1px solid #fff;
height: 15px;
}
#main-navigation aside #searchform input[type='text']:focus {
background: #fff url(images/search.png) no-repeat 95% center;
border: 1px solid #fff;
color: #444;
width: 80%;
height: 15px;
}
#main-navigation aside #searchform label {
display:none;
}
#main-navigation aside #searchform input[type='submit'] {}
/*/////////////////////////////////////////////////////////////////////////////
// BREADCRUMBS CSS
////////////////////////////////////////////////////////////////////////////*/

#breadcrumbs {
font-size: 1em;
text-align: left;
font-style: normal;
margin: 0px;
padding: 0px;
float: left;
width: 100%;
text-transform: uppercase;
position: absolute;
bottom: 15px;
left: 15px;
zoom: 1;
filter: alpha(opacity=80);
opacity: 0.8;

}
#breadcrumbs ul {
margin: 0px;
padding: 0px;
float: left;
width: 100%;
list-style: none;
}
#breadcrumbs ul li {
margin: 0px;
padding: 0px;
float: left;
list-style: none;
font-size: 0.9em;
color: #FFF;
background: #3D5C76;
}
#breadcrumbs ul li.bpage {
margin: 0px;
padding: 5px 12px;
float: left;
list-style: none;
color: #fff;
display: block;

}
#breadcrumbs ul li a {
margin: 0px;
padding: 5px 12px;
float: left;
list-style: none;
color: #DEF5F5;
background: #5A86A9;
display: block;
}



/*/////////////////////////////////////////////////////////////////////////////
// Header css
////////////////////////////////////////////////////////////////////////////*/

#siteinfo {
font-family: magneto;
margin: 0;
float: left;
padding: 0;
}
#siteinfo a {
font-family: magneto;
color: #333;
text-decoration: none;
}
#siteinfo a:hover {
font-family: magneto;
text-decoration: none;
color: #999;
}
#siteinfo img {
border: 0 none;
max-width:100%;
height:auto;
margin:0;
}

#siteinfo h1 {
font-family: magneto;
font-size: 3.5em;
margin: 0.24em 0px 0px;
padding: 0px;
width: 100%;
font-weight: bold;
text-transform: none;
letter-spacing: -2px;
line-height: 110%;
float: left;
}
p#site-description {
font-size: 0.875em;
line-height: 1.3em;
margin: 0px;
padding: 0.5em 0px 0px;
width: 100%;
float: left;
display: none;
}


#topbanner {
margin: 0px;
float: right;
padding: 0px;
}
#topbanner img {
border: 0 none;
}
#topsearch {
margin: 0px;
padding: 20px 0px 0px;
float: right;
width: 500px;
}
#topsearch #searchform {
float: right;
}
#topsearch #searchform input[type="text"] {
float: left;
width: 175px;
margin: 0 10px 0 0;
background: #FFF url(images/search-ico-alt.png) no-repeat right center !important;
}
#topsearch #searchform input[type="submit"], #topsearch #searchform input[type="button"] {float: right;}

.innerwrap-custom-header {
margin: 0 auto 0 auto !important;
}
#custom-img-header {
margin: 0px;
padding: 0px;
float: left;
width: 100%;
border-top: 0px none;
border-right: 0px none;
border-bottom: 1px solid #454545;
border-left: 0px none;
}
#custom-img-header img {
border: 0 none;
margin:0px;
padding:0px;
max-width:100%;
height:auto;
float: left;
}

/*/////////////////////////////////////////////////////////////////////////////
// Post and Page css
////////////////////////////////////////////////////////////////////////////*/
.full-width #post-entry article {
float: left;
margin: 0px 0px 1em 0px !important;
border:0 none;
}
#post-entry article {
float: left;
width: 100%;
padding: 0% 0% 0.25em;
margin: 0px 0px 2em;
position: relative;
border-bottom: 1px solid #333;
}

#post-entry article.home-post {
width: 45%;
float:left;
border-width: 0px;
border-style: none;
padding: 0% !important;
margin: 0px 0px 2em;
background: transparent none;
height: 342px;
overflow: hidden;
}

#post-entry article.home-post.alt-post {
margin: 0px 8% 2em 0;
}

#post-entry article.home-post .article-blk {
width: 94%;
float:left;
height: 290px;
padding: 0% 5% 4% 0% !important;
}
div.paperdown {
height: 5px;
width: 97%;
background: #f4ea7c;
border-right: 1px solid #ECDC1A;
border-bottom: 1px solid #ECDC1A;
border-left: 1px solid #ECDC1A;
margin: 0px auto;
padding: 0px;
float: none;
text-align: center;
clear: both;
}

#post-entry article.post-single {
margin: 0px;
border-width: 0px;
border-style: none;
}

#post-entry article img.rounded {
-webkit-border-radius: 4px;
border-radius: 4px;
}


h2.header-title {
font-size: 1.5em;
font-weight: normal;
color: #CCC;
text-transform: none;
margin-top: 0px;
margin-bottom: 1em;
letter-spacing: -1px;
}
.separator {
display: block;
float: left;
width: 100%;
height: 2px;
border-bottom: 1px solid #ddd;
margin: 1em 0px 2em;
padding: 0px;
border-top: 1px solid #eee;
}
#post-entry article a {
text-decoration: none;
}
#post-entry article a:hover {
text-decoration: none;
}
#container #post-entry article.home-post.alt-post {

}

.post-thumb-alt {
width: 100%;
height: 150px;
margin: 0 0 8px 0;
overflow:hidden;
float:left;
position:relative;
}

.home-post .slidecaption {
float: left;
position: absolute;
background: #000 url(images/link.png) no-repeat center center;
height: 100%;
text-align:center;
width: 100%;
opacity: .5;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
top: -999em;
}


.home-post .slidecaption h1 {
color:white;
font-size: 1.25em;
position: absolute;
bottom: 50px;
width:100%;
text-align:center;
}



#post-entry div.post-thumb {
padding: 0%;
overflow: hidden;
float: left;
margin: 0px 0px 0.5em;
width: 100%;
height:130px;
}

#post-entry div.post-thumb.in-archive {
padding: 0%;
overflow: hidden;
float: left;
margin: 0px;
width: 99%;
height:150px;
background: center center;
}
#post-entry div.post-thumb.in-mobile {
padding: 0%;
overflow: hidden;
float: left;
margin: 0px;
width: 99%;
height: auto !important;
max-height:300px;
background: center center;
}


#post-entry div.post-thumb img {
border-width: 0px;
border-style: none;
float: left;
height: auto;
width: 100%;
max-width:100%;
}


#post-entry div.post-thumb.alignright {
padding: 0%;
margin: 0px 0px 0px 15px;
float: right;
}
#post-entry div.post-thumb.alignleft {
padding: 0%;
margin: 0px 15px 0px 0px;
float: left;
}

.post-thumb p {
margin: 0px;
padding: 0px;
float: left;
width: 100%;
overflow: hidden;
}

#post-entry div.post-thumb a:hover img {}
#post-entry div.post-thumb .aligncenter {
padding: 0px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#post-entry div.post-thumb:hover {
}



#post-entry article .post-right {
margin: 0px 0px 0px 220px;
padding: 0px;
}
#post-entry article.has_no_thumb .post-right {
margin: 0px 0px 0px 0px;
padding: 0px;
}
#post-entry article.home-post h1.post-title {
padding: 0px;
font-size: 1.8em;
line-height: 1.3em;
margin: 0px 0px 0px 55px;
position: relative;
float: none;
width: auto;
}
#post-entry article.home-post h1.post-title a {
text-decoration: none;
color: #333;
}
#post-entry article.home-post h1.post-title a:hover {
text-decoration: none;
color: #666;
}
#post-entry .home-post img.alignleft {
margin: 0px;
padding: 0px;
}

.full-width #post-entry article .post-top {

}
#post-entry article.page-single .post-top {

}


#post-entry article .post-top {
padding: 0px;
margin: 0px 0px 0.6em;
width: 100%;
float: left;
position: relative;
}
#post-entry article .post-top .calendar-wrap {
margin: 0px;
float: left;
width: 45px;
line-height: 100%;
padding-top: 5px;
}
#post-entry article .post-top .calendar-wrap .cdate {
margin: 0px;
background-color: #ededed;
text-align: center;
width: 100%;
padding: 5px 0;
float: left;
box-shadow: inset 1px 1px 3px #CCC;
-webkit-box-shadow: inset 1px 1px 3px #CCC;
}
#post-entry article .post-top .calendar-wrap .cmonth {
margin: 0px;
background-color: #333;
text-align: center;
padding: 5px 0;
color: #FFF;
width: 100%;
float: left;
}




#post-entry article h1.post-title {
font-size: 2em;
margin: 0px;
color: #333;
padding: 0px;
float: left;
width: 100%;
line-height: 110%;
font-weight: normal;
}


.full-width #post-entry h1.post-title {
}
#post-entry article h1.post-title a {
text-decoration: none;

margin: 0px;
padding: 0px;
float: left;
width: 100%;
}

#post-entry article h1.post-title a:hover {
text-decoration: none;
color: #C43100;
}

#post-entry article.post-single h1.post-title, h1.folio {
font-size: 3em;
}
#post-entry article.home-post div.post-meta {

}
#post-entry article div.post-meta {
font-size: 1em;
margin: 0px;
padding: 0.4em 0px;
float: left;
width: 100%;
position: relative;
color: #999;
line-height: 1.2em;
}
.post-meta-top {
font-size: 1.25em;
text-align: center;
color: #666;
display: inline-block;
padding: 1em 0.85em 0.25em;
background: #bbb;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
box-shadow: inset 1px 1px 1px #555;
-webkit-box-shadow: inset 1px 1px 1px #555;
-moz-box-shadow: inset 1px 1px 1px #555;
}
.post-meta-top a {
color: #666;
text-decoration: none;
}
.post-single .post-meta-top {
font-size: 1.85em;
}
h4#more-blog {
font-size: 2em;
margin: 0px 0px 1em;
padding: 2%;
float: left;
width: 96%;
border-top: 1px solid #ddd;
border-bottom: 1px solid #DDD;
}
.post-meta i {
font-size: 1.025em !important;
color: #999;
margin-right: 5px;
}
#post-entry article .post-meta a {
text-decoration: none !important;
color: #999;
}
#post-entry article .post-meta a:hover {
text-decoration: underline !important;
color: #69C;
}
#post-entry article .post-meta span {
}
span.post-author{

}
span.post-time{

}
span.post-category{

}
.home-post span.post-category a {

}
span.post-tags{

}
span.post-edit{

}
span.post-comment{

}

.post-single span.post-comment{

}

span.post-view {
}
span.post-comment a, span.post-view a {

}
#wrapper span.post-comment a:hover, #wrapper span.post-view a:hover {

}
#post-entry article.home-post .post-content {
font-size: 1.125em;
float: left;
width: 100%;
padding: 0.6em 0px 0px;
margin: 0px;
line-height: 1.4em;
}

#post-entry article .post-content {
font-size: 1.125em;
float: left;
width: 100%;
padding: 1em 0%;
}
#post-entry article.post-single .post-content {
font-size: 1.25em;
margin-top: 0px;
padding-top: 1.25em;
line-height: 1.4875em;
}
#post-entry article .post-right .post-content {
font-size: 1.125em;
margin: 0px;
padding: 1em 0px;
line-height: 1.4em;
}
#post-entry article .post-more {
margin: 0.6em 0px 0px;
padding: 0px;
float: left;
width: 100%;
font-size: 1em;
font-weight: bold;
}
#post-entry article .post-more a {
color: #D33432;
text-decoration: underline;
}
#post-entry article .post-more a:hover {

}
.post-content a {
text-decoration: underline !important;
}
#post-entry div.social {
margin-bottom: 5px;
display: block;
clear: both;
margin-top: 5px;
}

div.skewbottom {
background: #000;
margin: 0px;
padding: 0px;
float: left;
height: 20px;
width: 100%;
position: absolute;
bottom: 0px;
left: 0px;
z-index: 99;
-webkit-transform: matrix(1.000,-0.029,0.029,1.000,0,0);
-moz-transform: matrix(1.000,-0.029,0.029,1.000,0px,0px);
-ms-transform: matrix(1.000,-0.029,0.029,1.000,0,0);
-o-transform: matrix(1.000,-0.029,0.029,1.000,0,0);
transform: matrix(1.000,-0.029,0.029,1.000,0,0);
}


/*/////////////////////////////////////////////////////////////////////////////
// Adsense css
////////////////////////////////////////////////////////////////////////////*/
.adsense-loop, .adsense-post {
width: 100%;
padding: 0em !important;
overflow: hidden;
text-align: center;
margin: 0 0 1.5em;
float: left;
}

.adsense-single {
border-width: 0px;
border-style: none;
margin: 0px 0px 10px;
padding: 0px;
clear: both;
float: left;
width: 100%;
overflow: hidden;
text-align: left;
}

/*/////////////////////////////////////////////////////////////////////////////
// sharebox
////////////////////////////////////////////////////////////////////////////*/
.post-single .share_box {

}

.sharebox-wrap {
margin: 0;
padding: 0;
position: relative;
float: left;
width: 100%;
}
.share_box {
margin: 0px;
padding: 6px 0px 0px;
float: left;
width: 100%;
}
.share_box:hover, .share_box:focus {
}
.page-single .share_box {

}

.share_box .share_btn {
margin: 0px 0px 0px;
width:auto;
padding: 0px;
float: left;
}

.share_box .twitter_share {
width: 85px !important;
overflow:hidden;
}
.share_box .fb_share {
margin-right: 10px !important;
}
.share_box .gplus_share {
width: 70px !important;
overflow:hidden !important;
}
#social-head div.side_share_btn {
margin: 5px 20px 0px 0px;
float: left;
padding: 0px;
width: auto !important;
}


#custom .share-box div, #custom .share-box iframe, #custom .share-box a { margin: 0 10px 0 0; width:auto !important; }


/*/////////////////////////////////////////////////////////////////////////////
// Related Post css
////////////////////////////////////////////////////////////////////////////*/
#post-related {
padding: 0px;
margin: 2em 0px 0px;
clear: both;
float: left;
width: 100%;
}
#post-share {float: left;width: 50%;}
#related-post {float: right;width: 50%;}

#post-related h4, #post-related-inline h4 {
font-size: 1.75em;
margin: 0px 0px 0.5em;
padding: 0px 0px 5px;

float: left;
width: 100%;
border-bottom: 1px solid #eee;
}

#post-related h2,#post-related-inline h2 {
font-size: 1.125em;
line-height: 1.4em;
margin: 0 0 5px;
letter-spacing: normal;
text-align: center;
display: block;
padding: 0px;


}
#post-related-inline h2 {
text-align: left !important;
font-size: 1.4em;
margin: 0px;
padding: 0px;
float: left;
width: 100%;
}
#post-related h2 a, #post-related-inline h2 a {
text-decoration: none;
}
#post-related .feat-cat-meta {
margin: 0px 1.25em 0.5em 0px;
float: left;
width: 31%;
overflow:hidden;
}
#post-related .feat-cat-date {
margin: 0px 0px 0.25em;
padding: 0px 0px 0.5em;
color: #aaa;
}
#post-related .post-small-thumb {
margin: 0px;
padding: 5px 0 0;
float: left;
}
#post-related .post-small-right {
margin: 0px;
padding: 0px 0px 0px 15px;
float: left;
width: 450px;
}
#post-related .feat-cat-meta p {
margin: 0.5em 0 0;
}
#post-related img.alignleft {
padding: 0px;
margin-right: 15px;
margin-bottom: 0px;
}

/* inline */

#post-related-inline .feat-cat-meta {
margin: 0px;
float: left;
width: 96%;
overflow:hidden;
padding: 2% 0%;
position: relative;
}
#post-related-inline .feat-cat-right {
margin: 0px 0 0 140px;
}
#post-related-inline .feat-cat-date {}
#post-related-inline .post-small-thumb {
height: auto;
width: 120px;
overflow: hidden;
border: 3px solid #FFF;
box-shadow: 0 0px 4px #888;
float: left;
}
#post-related-inline .post-small-right {}
#post-related-inline .feat-cat-meta p {
margin: 0px;
padding: 0px;
font-size: 1.125em;
line-height: 1.3em;
}
#post-related-inline .post-small-thumb img {
float: left;
height: auto;
width: 100%;
margin: 0px;
padding: 0px;
}
#post-related-inline small {
font-size: 1em;
color: #999;
display: block;
margin-bottom: 0.5em;
}
.related-post-thumb {
margin: 0px 0px 1em;
padding: 0px;
float: left;
height: 150px;
width: 100%;
overflow: hidden;
}


/* author bio css */

#author-bio {
padding: 2%;
margin: 2em 0px 0em;
float: left;
width: 96%;
position: relative;
background-color: #eee;
}
#author-bio a {
text-decoration: underline;
}
#author-bio #author-avatar {
float:left;
}
#author-bio #author-avatar img.avatar {
padding: 5px;
margin: 0px !important;
border: 1px solid #CCC;
background: #FFF;
}
#author-bio #author-description {
margin: 0 0 0 95px;
line-height: 1.6em;
font-size: 1.125em;
}
#author-bio #author-description h2 {
font-size: 1.45em;
margin-bottom: 0.65em;
text-shadow: 0 0 1px #fff;
color: #333;
}
/*/////////////////////////////////////////////////////////////////////////////
// Post Navigation css
////////////////////////////////////////////////////////////////////////////*/
#post-navigator {
width: 100%;
margin: 0px 0px 1em;
padding: 0px;
float: left;
}

.wp-pagenavi {
margin: 0em;
text-align: center;
padding: 2em 0em 1em;
width: 100%;
font-size: 0.85em;
float: left;
}
.wp-pagenavi .pages {
width: auto;
position: relative;
height: auto;
color: #fff;
margin: 0px 0.5em 0px 0px;
padding: 0.5em 1em;
background: #333;

}
.wp-pagenavi .current {
width: auto;
position: relative;
height: auto;
margin: 0px 0.25em 0 0.25em;
text-decoration: none;
color: #FFF;
padding: 0.5em 1.125em;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #222;
border: 1px solid #333;
}
.wp-pagenavi a {
text-decoration: none;
height: auto;
width: auto;
margin: 0px 0.25em 0;
display: inline;
color: #eee;
padding: 0.5em 1.125em;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0 0 3px #000;
-webkit-box-shadow: 0 0 3px #000;
background: #111;
border: 1px solid #000;


}
.wp-pagenavi a:hover {

}
#post-navigator .alignleft a, #post-navigator .alignright a {
margin: 0px;
text-decoration: none;
display: block;
border:0 none;
padding: 3px 8px;
font-weight: bold;
}
#post-navigator .alignleft a:hover, #post-navigator .alignright a:hover {
text-decoration: none;
}

#post-navigator-single {
width: 100%;
font-size: 1em;
display: block;
margin: 0px;
padding: 0px;
float: left;
}
#post-navigator-single.post-nav-archive {
width: 97%;
font-size: 1em;
display: block;
margin: 0px;
padding: 1em 3% 1em 0%;
float: left;
}
#post-navigator-single .alignleft {
margin: 0px;
padding: 0px;
float: left;
width: 45%;
overflow: hidden;
text-align: left;
height: auto;
}
#post-navigator-single .alignright {
margin: 0px;
padding: 0px;
float: right;
width: 45%;
overflow: hidden;
text-align: right;
height: auto;
}
#post-navigator-single a {
text-decoration: none;
}
#post-navigator-single a:hover {
text-decoration: underline;
}

/*/////////////////////////////////////////////////////////////////////////////
// Social Box css
////////////////////////////////////////////////////////////////////////////*/
#socialbox {

}


#socialbox-alt {
font-size: 2em;
float: left;
padding-top: 0.4em;
}
#socialbox-alt a {
color: #777;
float: left;
}
#socialbox-alt a:hover {
color: #F33;
}



#socialbox p {
margin: 5px 3px 0px;
padding: 0px;
float: left;
}

#socialbox p:hover {

}

##socialbox p.sto {
padding-top: 8px;
}

#socialbox p a {
width:26px;
height:26px;
display:block;
font-size:0px;
color:transparent;
}
#socialbox p.rss {
background: url(images/rss.png) no-repeat center center;
}
#socialbox p.twitter {
background: url(images/twitter.png) no-repeat center center;
}
#socialbox p.facebook {
background: url(images/facebook.png) no-repeat center center;
}
#socialbox p.linkedin {
background: url(images/linkedin.png) no-repeat center center;
}
#socialbox p.youtube {
background: url(images/youtube.png) no-repeat center center;
}
#socialbox p.gplus {
background: url(images/googleplus.png) no-repeat center center;
}
#socialbox p.facebook {
background: url(images/facebook.png) no-repeat center center;
}
#socialbox p.flickr {
background: url(images/flickr.png) no-repeat center center;
}
#socialbox p.pinterest {
background: url(images/pinterest.png) no-repeat center center;
}
/*/////////////////////////////////////////////////////////////////////////////
// Sidebar css
////////////////////////////////////////////////////////////////////////////*/
.widget select { width: 80%; padding:2px; border: 1px solid #ddd; color: #444;}
#searchform label { display:none; }
#searchform input[type='text'] {
color: #444;
padding: 4px 12px;
margin: 0 5px 0 0;
width:55%;
font-size: 1em;
background: #f8f8f8;
}
#searchform input[type='submit'], #searchform input[type='button'] {
color: #fff;
text-decoration: none !important;
display: block;
margin: 0px;
padding: 4px 12px;


font-size: 1em;
text-shadow: 0 0px 1px #000;

box-shadow: 0 0 3px #000;
-webkit-box-shadow: 0 0 3px #000;


font-weight: bold;
border: 1px solid #000;
display: inline;
visibility: visible;


background: #3f4c6b;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNmNGM2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMjFmM2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #3f4c6b 0%, #121f3d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f4c6b), color-stop(100%,#121f3d));
background: -webkit-linear-gradient(top, #3f4c6b 0%,#121f3d 100%);
background: -o-linear-gradient(top, #3f4c6b 0%,#121f3d 100%);
background: -ms-linear-gradient(top, #3f4c6b 0%,#121f3d 100%);
background: linear-gradient(to bottom, #3f4c6b 0%,#121f3d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4c6b', endColorstr='#121f3d',GradientType=0 );

}


#searchform input[type='submit']:hover, #searchform input[type='button']:hover {

background: #282d38;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI4MmQzOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMjFmM2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #282d38 0%, #121f3d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#282d38), color-stop(100%,#121f3d));
background: -webkit-linear-gradient(top, #282d38 0%,#121f3d 100%);
background: -o-linear-gradient(top, #282d38 0%,#121f3d 100%);
background: -ms-linear-gradient(top, #282d38 0%,#121f3d 100%);
background: linear-gradient(to bottom, #282d38 0%,#121f3d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282d38', endColorstr='#121f3d',GradientType=0 );

cursor: pointer;
}




.widget-area {
float: left;
width: 100%;
margin: 0px;
padding: 0px;
overflow: hidden;
}
.widget-area img {
margin-bottom: 0.3em;
}

.widget-area aside {
float: left;
width: 100%;
list-style: none;
margin: 0px 0px 3em;
padding: 0%;
}
#left-sidebar .widget-area aside ul:first-of-type {
float: left;
width: 88%;
list-style: none;
margin: 0px;
padding: 0% 6%;
}
footer .widget-area aside {
border-radius: 0px;
-webkit-border-radius: 0px;
box-shadow: 0 0 0 transparent;
-webkit-box-shadow: 0 0 0 transparent;
}
.widget-area aside ul {
float: left;
width: 100%;
list-style: none;
margin: 0px;
padding: 0px;
overflow: hidden;
}

.widget-area aside ul li {
list-style: none;
margin: 0px;
padding: 1px 0px 1px 18px;
float: left;
width: 95%;
background-image: url(images/file.png);
background-repeat: no-repeat;
background-position: left 3px;
}
.widget-area aside ul li:hover {

}

.widget-area aside ul li, .textwidget, .ctwidget {
font-size: 1em;
}

#right-sidebar .widget-area aside ul li, #right-sidebar .textwidget, #right-sidebar .ctwidget {
}


.widget-area aside ul li ul {}



.widget-area aside ul li ul li {
float: left;
width: 90%;
list-style: none;
margin: 0em !important;
padding: 0px 0px 0px 15px;
font-size: 90%;
background: url(images/children.png) no-repeat left 3px;
border-width: 0px;
border-style: none;
display: inline;
}

#right-sidebar .widget-area aside ul li ul li {
}


.widget-area aside ul li ul li:hover { background: transparent url(images/children.png) no-repeat left 3px; }

footer .widget-area aside ul li ul li {
background: url(images/children_alt.png) no-repeat left 3px;
}

.widget-area aside .textwidget, #right-sidebar div.ctwidget {
font-size: 1em;
line-height: 1.4em;
}
.widget table {
margin: 0px;
padding: 0px;
float: left;
width: 100%;
}
#right-sidebar .widget #wp-calendar caption {
text-align: center;
padding: 0.25em;
}
.widget-area aside h2, .widget-area aside h3 {
}

.widget-area aside h2 a, .widget-area aside h3 a {
text-decoration: none;
}
#left-sidebar h3.widget-title a, #left-sidebar table a {
color: #FFF !important;
text-decoration: none;
}
#right-sidebar h3.widget-title a {
color: #FFF;
text-decoration: none;
}

#left-sidebar #wp-calendar caption {
font-size: 1em;
background: transparent none !important;
}

.widget-area table {
clear: both;
}
.widget-area #sponsorlinks {
text-align: center;
}

.widget-area #sponsorlinks img {
width:auto;
clear: both;
margin-bottom: 0px;
border: 1px solid #ddd;
margin: 10px 0 0 !important;
}
#left-sidebar h3.widget-title {
padding: 2% 2% 2% 5%;
font-size: 1.125em;
margin: 0px 0px 0.5em;
float: left;
width: 93%;
letter-spacing: normal;
color: #222;
font-weight: bold;
background: #D7D7D7;
border-radius: 6px;
}


#right-sidebar h3.widget-title {
padding: 0%;
font-size: 1.5em;
margin: 0px;
float: left;
width: 100%;
letter-spacing: -1px;
color: #333;
text-transform: capitalize;
font-weight: 400;
}



#left-sidebar h3.widget-title {}
#textpad h3.widget-title {}


#right-sidebar aside > ul, #left-sidebar aside > ul, .sidebar #searchform, .ctwidget,.sidebar div.textwidget, #socialbox, #sponsorlinks, .sidebar aside div.tagcloud, .sidebar #calendar_wrap, div.extra-block {
margin: 0px;
padding: 4% 0%;
float: left;
width: 100%;
}

aside div.textwidget, #right-sidebar div.ctwidget, aside div.tagcloud {

}

#wrapper-main .widget-area #sponsor-links {


}

#right-sidebar div.ctwidget {

}
#right-sidebar div.ctwidget a {
font-weight: normal;
text-decoration: none;
color: #565656;
}
#right-sidebar div.ctwidget a:hover {
font-weight: normal;
text-decoration: none !important;
color: #69C;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
footer aside div.tagcloud,footer aside div.textwidget {
padding: 0 !important;
margin: 0 !important;
float: left;
width: 100% !important;
}

.widget_tag_cloud .widget-title {margin: 0 !important;}

#right-sidebar aside {

}
#right-sidebar .sidepagedown {
background: #ddd;
margin: 0px auto;
clear: both;
float: none;
height: 5px;
width: 97%;
display: none;
}

#right-sidebar caption {
color: #666;
font-size: 1.2em;
background-color: #DFE1E1;
}

#left-sidebar aside li a, #left-sidebar aside div a
{
color: #666;
text-decoration: none;
font-weight: normal;
}

#right-sidebar aside li a, #right-sidebar aside div a
{
color: #333;
text-decoration: none;
font-weight: normal;
}

#left-sidebar aside li a:hover, #left-sidebar aside div a:hover,.sidefeat h4 a:hover
{
color: #9A2103;
text-decoration: none;
}


#right-sidebar aside li a:hover, #right-sidebar aside div a:hover,#right-sidebar table a
{
color: #999;
text-decoration: none;
border-bottom: 1px dotted #777;
}


aside.widget_recent_entries li {
margin-bottom: 0.75em !important;
line-height: 1.4em;
}

#custom .gravatar_recent_comment li {
position:relative; width:100%;
float:left;
background: transparent none !important;
padding-left:0;
margin: 0 0 1em 0 !important;
}

.gravatar_recent_comment li .gravatar-meta {
margin: 0 0 0 40px;
}
#custom .most-commented li {
background: transparent none !important;
padding-left:0;
}
#custom footer .most-commented li {
background: transparent none !important;
padding-left:0;
margin-bottom: 0.65em;
}

#custom ul#flickr-widget li {
background-image: none;
background-color: transparent;
}

/*/////////////////////////////////////////////////////////////////////////////
// Featured category css
////////////////////////////////////////////////////////////////////////////*/
div.featured-category {
margin: 0px;
padding: 0px;
float: left;
width: 31%;
font-size: 1em;
line-height: 1.4em;
}
div.featured-category.wider-cat {
width: 31%;
padding-right: 4%;
padding-left: 3%;
}
div.featured-category h6 {
margin: 0px 0px 1em;
padding: 2% 3%;
float: left;
width: 95%;
font-size: 1em;
color: #444;
text-decoration: none;
background: #d9d9d9;
font-weight: bold;
-webkit-text-shadow: 0 0 1px #fff;
text-shadow: 0 0 1px #fff;
}

div.featured-category #sidebar h6 {
margin: 0px !important;
padding: 2% 3%;
float: left;
width: 95%;
font-size: 1em;
color: #444;
text-decoration: none;
background: #d9d9d9;
font-weight: bold;
-webkit-text-shadow: 0 0 1px #fff;
text-shadow: 0 0 1px #fff;
}

div.featured-category h2 {
margin: 0px;
padding: 0px;
float: left;
width: 100%;
font-size: 1em;
color: #444;
text-decoration: none;
font-weight: bold !important;
-webkit-text-shadow: 0 0 1px #fff;
text-shadow: 0 0 1px #fff;
line-height: 18px;
}
div.featured-category .feat-cat-meta {
margin: 0px 0px 10px;
padding: 0px;
float: left;
width: 100%;
border-bottom: 1px solid #ededed;
}

div.featured-category .postmeta {
float: left;
width: 100%;
margin: 0px;
padding: 0px;
}
div.featured-category .smallmeta {
float: left;
width: 200px !important;
margin: 0px;
padding: 0px 0px 0px 12px;
}
div.featured-category .thumb {
margin: 0px 0px 11px;
padding: 0px;
float: left;
width: 285px !important;
border-width: 0px;
border-style: none;
overflow: hidden !important;
height: 130px;
}
div.featured-category .smallthumb {
margin: 0px 0px 11px;
padding: 0px;
float: left;
width: 48px !important;
border-width: 0px;
border-style: none;
overflow: hidden !important;
height: 48px;
}
div.featured-category .thumb img {
margin: 0px;
padding: 0px;
border-width: 0px;
border-style: none;
float: left;
max-width: 100%;
height: auto;
}


/*/////////////////////////////////////////////////////////////////////////////
// Sidebar Feat css
////////////////////////////////////////////////////////////////////////////*/
#wrapper .sidefeat {
margin-top: 1em !important;
}
.sidefeat h4 {
font-size: 1.35em;
line-height: 1.3em;
margin: 0;
}
#wrapper .sidefeat li {
float: left;
width: 100%;
padding-bottom: 0.6em;
margin-bottom: 0.6em;
position: relative;
background-color: transparent;
background-image: none;
padding-left: 0px;
}
.sidefeat span {
color: #333;
font-size: 0.9em !important;
}
.sidefeat span a {
color: #333 !important;
}
#container .sidefeat h4 a {

text-decoration: none;

}
#wrapper .sidefeat-meta {
margin-left: 96px;
}
.sidefeat h4 a:hover {
text-decoration: none !important;
}
.sidefeat img.alignleft {
margin: 0 8px 0 0;
width:75px;
height:auto;
float:left;
border: 3px solid #fff;
}
.sidefeat i {
font-size: 1.125em !important;
margin: 0px;
}
p.sidetext {
font-size: 1em;
line-height: 1.2em;
padding-top: 6px;
}

/*/////////////////////////////////////////////////////////////////////////////
// Footer css
////////////////////////////////////////////////////////////////////////////*/
footer {
text-shadow: 0 0 1px #111;
-webkit-text-shadow: 0 0 1px #111;
}
footer a {}
footer a:hover {}
footer #devlink {
font-size: 0.85em;
margin: 0.5em 0 0;
padding: 0px;
float: left;
width: 100%;
}
footer #devlink a {}
div.fbox {
width: 23%;
padding: 0% 2% 0% 0%;
float: left;
}


div.fbox:hover {

}

div.fbox.wider-cat {
display:inline;
}
.footer-top {
margin: 0px;
float: left;
width: 100%;
padding: 2% 0% 0%;
background-color: #282828;
background-image: url(images/dotty.png);
background-repeat: repeat;
}
.footer-top .footer-sec {
}

.footer-bottom {
float: left;
width: 100%;
padding: 0%;
border-top: 1px solid #444;
background-color: #252525;
}

.footer-left {
margin: 0px;
padding: 0px;
float: left;
width: 49%;
text-align: left;
}
.footer-right {
margin: 0px;
padding: 0px;
float: right;
width: 49%;
text-align: right;
}
.ftop {
padding: 2% 0%;
margin: 0px;
float: left;
width: 100%;
text-decoration: none;
}
.ftop, .ftop div.textwidget {
color: #7c7c7c !important;
line-height:1.4em;
}
.ftop div.textwidget a, .ftop .widget_my_theme_twitter_widget a {
text-decoration:underline;
color: #69C;
}

.ftop .container-wrap {
width:100%;
float:left;
padding:0% !important;
}
.fbottom{
float: left;
width: 100%;
margin: 0px;
padding: 1% 0% !important;
color: #666;
}
.fbottom .footer-left, .fbottom a {}
.fbottom a:hover {text-decoration: none;}

footer .ftop a{
text-decoration: none;
color: #666;
}
footer .ftop a:hover {
text-decoration: none;
color: #69C;
border-bottom: 1px dotted #999;
}
footer .fbottom a {
text-decoration: none;
color: #666;
}
footer .fbottom a:hover {
text-decoration: none;
color: #FFF;
}


footer .ftop a:hover, footer div.textwidget a, footer .fbottom a:hover, footer .twitterbox a {
text-decoration: none;
}
.ftop aside, .ftop div.textwidget, .ftop div.tag-cloud {
padding: 0px 5% 0px 0px;
float: left;
width: 95%;
border: 0 none !important;
background: transparent;
}
.ftop .widget-area aside ul li, .ftop .widget-area aside ul li:hover {
margin: 0px;
padding: 0px;
background: transparent none;
}

.ftop .widget-area aside ul li ul {
margin: 0px 0px 3px;
}
.ftop .widget-area aside ul li ul li {
padding-right: 0px;
padding-left: 15px;
background: url(images/children_alt.png) no-repeat left 3px;
}
.ftop .widget-area aside ul li:hover {

background: transparent none;
}
.ftop .widget-area aside ul li ul li:hover {
padding-right: 0px;
padding-left: 15px;
background: transparent url(images/children_alt.png) no-repeat left 3px !important;
}
.ftop .widget-area aside ul li ul li a {
}
.ftop .widget-area aside ul li {
border-width: 0px;
border-style: none;
}
.ftop .widget-area aside ul li {

}
.ftop .widget caption {
font-size: 0.9em !important;
background: #333 !important;
color: #CCC;
font-weight: bold;
}
.ftop h3.widget-title {
color: #fff;
font-size: 1.875em;
padding: 0px;
float:left;
margin: 0px 0px 1em;
width: 100%;
font-weight: normal;
line-height: 1.2em;
}
.ftop h3.widget-title a {
color: #fff;
text-decoration: none;
}
.footer-right ul {
margin: 0px;
padding: 0px;
width: auto;
list-style: none;
display: block;
float: right;
}
.footer-right ul li {
display: inline-block;
margin: 0px 0px 0px 13px;
padding: 0px;
float: left;
text-transform: uppercase !important;
}
.footer-right li a {

}
.footer-right p {
margin: 0px;
padding: 0px;
width: 100%;
list-style: none;
display: block;
float: right;
}
/*/////////////////////////////////////////////////////////////////////////////
// Comments css
////////////////////////////////////////////////////////////////////////////*/
#commentpost {
float: left;
width: 100%;
padding: 0% 0% 2%;
margin: 2em 0px 2.25em;
position: relative;
}
#container h4#comments {
margin: 20px 0 0;
padding: 0px;
}
#commentpost #rssfeed {
float: left;
width: 100%;
}

#commentpost #rssfeed a {
background: url(images/rss2.png) no-repeat left center;
padding-left: 22px;
font-size: 1.125em;
padding-top: 4px;
padding-bottom: 4px;
}
#commentpost #rssfeed a:hover {
text-decoration: underline;
}

#commentpost h4, h3#reply-title{
font-size: 1.75em;
margin: 2em 0px 0.35em;
padding: 0px;
float: left;
width: 100%;
}
#commentpost h4 {
margin: 2em 0px 0.55em !important;
}

.comment h3#reply-title {
margin: 0px;
padding: 0px;
}

#rss-com {
margin: 0px;
padding: 0px 0px 25px;
float: left;
width: 100%;
}

#rss-com p {
margin: 0px;
padding: 0px;
float: left;
}

#rss-com p a {
display: inline-block;
margin: 0px 20px 0px 0px;
padding: 4px 10px;
float: left;
text-decoration: underline;
}


ol.commentlist {
list-style: none;
margin: 0;
padding: 2em 0;
text-indent: 0;
float: left;
width: 100%;
}

#commentpost blockquote {
margin-bottom: 1em;
}

#commentpost blockquote blockquote {
margin: 8px 0px;
padding: 6px;
}

ol.commentlist blockquote p {
margin: 0px !important;
padding: 0px !important;
}

#respond {
margin: 0px;
padding: 0px;
width: 100%;
}

ol.commentlist li {
height: 1%;
display: inline;
margin: 0 0 15px;
padding: 3%;
position: relative;
float:left;
width: 93%;
}

ol.commentlist li li {
padding: 20px 5% 0px 3% !important;
background: transparent none;
width: 80% !important;
margin: 0px;
border-left: 1px solid #ddd;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
box-shadow: 0 0 0 transparent;
}
ol.commentlist li li img.avatar {
width: 32px;
height: 32px;

}
ol.commentlist li.alt {
background: #efefef;
}

ol.commentlist li.bypostauthor {}

ol.commentlist li.byuser {}

ol.commentlist li.comment-author-admin {}

#commentpost ol.commentlist li.comment {

}

#commentpost ol.commentlist li.comment li {
border-bottom: 0 none !important;
}

#commentpost ol.commentlist li.comment ul li {
background: transparent none;
}

ol.commentlist li div.comment-author {
padding: 10px 0px 0 0;
}
ol.commentlist li div.comment-author small a {
color: #999;
text-decoration: none;
font-size: 0.9em;
font-weight: 300;
}

li.depth-2, li.depth-3, li.depth-4, li.depth-5, ol.commentlist ul.children { padding-bottom: 0px !important; margin-bottom: 0px !important; }

ol.commentlist li div.vcard {
padding-left: 75px;
padding-top: 0px;
margin-top: 0px !important;
}
#commentpost ol.commentlist li ul li .vcard {
padding-left: 55px !important;
}
ol.commentlist li div.vcard p {
}
.comment-body #respond {
width: 100%;
float:left;
position: relative;
margin-bottom: 1em;
}
.fn a {
}

ol.commentlist li div.vcard cite.fn {
font-style: normal;
}

ol.commentlist li div.vcard cite.fn a.url {
text-decoration: underline;
}

ol.commentlist li div.vcard cite.fn a.url:hover {
}

ol.commentlist li img.avatar {
border: 1px solid #d5d5d5;
float:left;
padding: 5px;
background: #FFFFFF;
}

ol.commentlist li div.vcard img.avatar-32 {}

ol.commentlist li li div.vcard img.photo {
height: 32px;
width: 32px;
}

ol.commentlist li d