Ajuster les images au cadres de mon thème et retirer la visibilité des Tags

Signaler
Messages postés
9
Date d'inscription
vendredi 2 mars 2007
Statut
Membre
Dernière intervention
5 mars 2012
-



Youss

Ma configuration WP actuelle
- Version de WordPress : 3.3.1
- Version de PHP/MySQL : 5.0/5.3
- Thème utilisé : Bangkok theme
- Nom de l'hebergeur : Myhosting
- Adresse du site : http://www.11to11.net

Bonjour à tous.

Problème(s) rencontré(s) :

J'aimerais que les images dans les "blog-thumbnail-image" ... puissent être dans les bonnes dimensions (tête d'un joueur coupé à cause du cadre) et que les tags ne soient plus visible ne pas avoir j'ai regardé avec mon developper tools mais là ... je suis vraiment bloqué ...

Merci d'avance

Voilà le Style.css


[quote]/*
Theme Name: Bangkok theme
Theme URI: -
Description: Bangkok Press Wordpress Theme
Version: 1.02
Author: Good Layers
Author URI: http://goodlayers.com
*/

/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block; }
body {
line-height: 1; }
ol, ul { }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none; }
table {
border-spacing: 0;
border: 1px solid;
width: 100%; }
tr th{
border-bottom: 1px solid;
text-align: left;
}
tr th, tr td{
padding: 9px 20px;
border-right: 1px solid;
}
tr th:last-child, tr td:last-child{
border-right: 0px;
}
table th{ font-weight: bold; }

/* #Basic Styles
================================================== */
body, .no-cufon{
font-family: "HelveticaNeue", "Helvetica Neue", Arial, sans-serif;
}
.no-cufon{
font-weight: bold;
}
body {
font-size: 12px;
color: #666;
-webkit-text-size-adjust: 100%;
line-height: 18.5px;
}
html{ min-height: 100%; }

/* #Typography
================================================== */
h1, h2, h3, h4, h5, h6 {
color: #181818;
font-family: "Georgia", "Times New Roman", Helvetica, Arial, sans-serif;
font-weight: normal; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { margin-bottom: 15px;}
h2 { margin-bottom: 15px; }
h3 { margin-bottom: 15px; }
h4 { margin-bottom: 15px; }
h5 { margin-bottom: 15px; }
h6 { margin-bottom: 15px; }
.subheader { color: #777; }

p { margin: 0 0 20px 0; }
p img { margin: 0; }
p.lead { font-size: 21px; line-height: 27px; color: #777; }

em { font-style: italic; }
strong { font-weight: bold; }
small { font-size: 80%; }

/* Blockquotes */
blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
blockquote cite { display: block; font-size: 12px; color: #555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a{ color: #555; }

hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }

/* #Links
================================================== */
a{ color: inherit; text-decoration: none; outline: 0; }
a:hover{ color: inherit; }
p a { line-height: inherit; }


/* #Lists
================================================== */
ul, ol { }
ul { }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc, ul { margin-left: 30px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ul ol,
ol ol, ol ul { margin: 4px 0 5px 30px; }
ul ul li, ul ol li,
ol ol li, ol ul li { margin-bottom: 6px; }
li { line-height: 18px; }
ul.large li { line-height: 21px; }
li p { line-height: 21px; }

/* #Images
================================================== */
img.scale-with-grid {
max-width: 100%;
height: auto; }
img{ display: block; }

iframe{ display: block; }
/* #Buttons
================================================== */
a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
height: 29px; line-height: 26px; padding: 1px 12px 0px 12px; display: inline-block;
background: url('images/gradient-top4-32px.png') repeat-x; font-weight: bold; cursor: pointer;

-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }

a.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
background-image: url('images/gradient-bottom4-32px.png'); }

.button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
width: 100%;
padding-left: 0 !important;
padding-right: 0 !important;
text-align: center; }

a.gdl-button{
height: 26px; line-height: 26px; padding: 1px 12px 0px 12px; display: inline-block;
background: url('images/gradient-top4-32px.png') repeat-x; font-weight: bold; cursor: pointer;

-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
a.gdl-button:hover{
background-image: url('images/gradient-bottom4-32px.png');
}

.gdl-image-frame{
padding: 4px;
display: inline-block;
}


/* #Tabs (activate in tabs.js)
================================================== */
ul.tabs {
display: block;
margin: 4px 0 20px 0;
padding: 0;
list-style: none;
border-bottom: solid 1px #ddd; }
ul.tabs li {
display: block;
width: auto;
height: 30px;
padding: 0;
float: left;
margin-bottom: 0; }
ul.tabs li a {
display: block;
text-decoration: none;
width: auto;
height: 29px;
padding: 0px 20px;
line-height: 30px;
border: solid 1px #ddd;
border-width: 1px 1px 0 0;
margin: 0;
font-size: 13px; }
ul.tabs li a.active {
height: 30px;
position: relative;
top: -4px;
padding-top: 4px;
border-left-width: 1px;
margin: 0 0 0 -1px;
-moz-border-radius-topleft: 2px;
-webkit-border-top-left-radius: 2px;
border-top-left-radius: 2px;
-moz-border-radius-topright: 2px;
-webkit-border-top-right-radius: 2px;
border-top-right-radius: 2px; }
ul.tabs li:first-child a.active {
margin-left: 0; }
ul.tabs li:first-child a {
border-width: 1px 1px 0 1px;
-moz-border-radius-topleft: 2px;
-webkit-border-top-left-radius: 2px;
border-top-left-radius: 2px; }
ul.tabs li:last-child a {
-moz-border-radius-topright: 2px;
-webkit-border-top-right-radius: 2px;
border-top-right-radius: 2px; }

ul.tabs-content { margin: 0 0 0px; display: block; list-style: none; }
ul.tabs-content > li { display:none; }
ul.tabs-content > li.active { display: block; }

/* Clearfixing tabs for beautiful stacking */
ul.tabs:before,
ul.tabs:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0; }
ul.tabs:after {
clear: both; }
ul.tabs {
zoom: 1; }


/* #Forms
================================================== */

form {
padding-bottom: 25px; }
fieldset {
margin-bottom: 20px; }
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
border: 1px solid #ccc;
padding: 6px 4px;
outline: none;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #777;
margin: 0;
width: 210px;
max-width: 100%;
display: block;
margin-bottom: 20px;
background: #fff; }
select {
padding: 0; }
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
border: 1px solid #aaa;
color: #444;
-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
box-shadow: 0 0 3px rgba(0,0,0,.2); }
textarea {
min-height: 60px; }
label,
legend {
display: block; }
select {
width: 220px; }
input[type="checkbox"] {
display: inline; }
label span,
legend span {
font-weight: normal;
font-size: 13px;
color: #444; }

/* #Custom Tag
================================================== */
.wp-caption, .wp-caption-text,
.sticky, .gallery-caption,
.bypostauthor{}
.alignright{ float: right !important; }
.alignleft{ float: left; }
.aligncenter{ margin: 0 auto 0; }
.text-aligncenter{ text-align: center; }
.shortcode-image-left{ margin-right: 12px; }
.shortcode-imarg-right{ margin-left: 12px; }

br.clear{ clear: both; height: 0px; display: block; }
.display-none{ display:none; }
.overflow-hidden{ position: relative; overflow: hidden; }
.border-none{ border: none !important; }
.position-relative{ position: relative; height: 100%; }

.m10{ margin: 10px !important; }
.mt0{ margin-top: 0px !important;}
.mt10{ margin-top: 10px !important; }
.mt15{ margin-top: 15px !important; }
.mt20{ margin-top: 20px !important; }
.mt25{ margin-top: 25px !important; }
.mt30{ margin-top: 30px !important; }
.mt40{ margin-top: 40px !important; }
.mb0{ margin-bottom: 0px !important; }
.mb5{ margin-bottom: 5px !important; }
.mb10{ margin-bottom: 10px !important; }
.mb15{ margin-bottom: 15px !important; }
.mb30{ margin-bottom: 30px !important; }
.ml0{ margin-left: 0px !important; }
.mr0{ margin-right: 0px !important; }
.mr70{ margin-right: 70px !important; }
.mr10{ margin-right: 10px !important; }
.ml10{ margin-left: 10px !important; }

.pt25{ padding-top: 25px !important; }
.p10{ padding: 10px !important; }
.p20{ padding: 20px !important; }
.p0{ padding: 0px !important; }

/*disable blank space*/
cufon[alt=" "]{
display: none !important;
}

.gdl-info{ font-family: Droid Serif; }


/* #Theme Style
================================================== */
div.body-wrapper{ }
div#custom-full-background{ position: fixed; top: -50%; left: -50%; width: 200%; height: 200%; z-index: -1; }
div#custom-full-background img{
position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;
min-width: 50%; min-height: 50%; }

.preloader { display: block; background:url(images/loading.gif) center center no-repeat; }

/*--- Header ---*/
div.header-wrapper{ position: relative; }
div.logo-wrapper img{ display: inline-block; }
div.top-banner-wrapper img{ width: 100%; height: auto; }
div.outer-social-wrapper{ text-align: center; }
div.social-wrapper { float: right; text-align: center; font-size: 15px; font-weight: bold; margin-right: 10px;}
div.social-wrapper-text { margin-bottom: 10px; }
div.social-icon { float: right; margin-left: 11px; opacity: 0.55; filter: alpha(opacity=55); cursor: pointer; }

/*--- Top Navigation ---*/
div.top-navigation-wrapper{
position: relative; z-index: 20; background: url('images/topbar-bg.png'); }
div.top-navigation-wrapper-gimmick{ padding-bottom: 3px; }
div.top-navigation.container{ font-size: 11px; line-height: 100%; text-align: center; background: transparent; }
div.top-navigation-right{ float: right; }
div.top-navigation-left{ float: left; padding: 9px 0px 9px 0px; }
div.top-navigation-left ul{ list-style: none; margin-left: 0px;}
div.top-navigation-left li{ float: left; }
div.top-navigation-left li a{ color: inherit; padding: 0px 8px 0px 8px; line-height: 100%; display: block; }
div.top-navigation-left li ul{ display: none; }
div.top-navigation-left ul li:last-child a{ border-right: 0px !important; }
div.top-navigation-left ul li:first-child a{ padding-left: 0px !important; }

div.top_navigation-header-padding{ padding-top: 15px; }
div.top-navigation-wrapper.container{
padding-top: 5px; padding-bottom: 0px; background: transparent; }

/*--- Navigation ---*/
div.navigation-top-gimmick{ height: 2px; }
div.navigation-wrapper{
font-size: 13px; font-weight: bold; text-align: center; }

div.navigation-wrapper ul li ul li{ font-weight: normal; }
div#main-superfish-wrapper{ margin-left: 0px; }

/*--- Search Form ---*/
div.search-left-gimmick{ height: 30px; width: 7px; float: left; margin-right: 1px; }
div.search-right-gimmick{ height: 30px; width: 7px; float: left; margin-left: 1px; }
div.search-wrapper{ float: left; position: relative; width: 190px; }
div.search-wrapper form { margin: 0px; padding-bottom: 0px; }
div.search-wrapper #search-text{ float: left; }
div.search-wrapper input[type="text"]{
font-size: 11px; padding: 5px 35px 5px 5px; margin: 0px; width: 150px; height: 20px;
line-height: 15px; border: 0px;

-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;}
div.search-wrapper input[type="submit"]{
padding: 0px; margin: 8px 10px 0px 10px; width: 14px; height: 14px;
border: 0px; position: absolute; right: 0px; top: 0px;

-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none}

/*--- Content ---*/
div.content-wrapper{ position: relative; }

/*--- Page ---*/
div.page-header-wrapper{ margin: 10px 0px 28px 0px; }
h1.page-header-title{ font-size: 24px; float: left; padding-right: 10px; margin-bottom: 0px; }
div.gdl-page-item{ }
div.gdl-page-content{ }

div.pagination{
margin: 0px 10px 20px 10px; border-top: 1px solid; text-align: right; padding-right: 20px;
position: relative; z-index: 99;}
div.pagination a, div.pagination span{
padding-left: 12px; padding-right: 12px; height: 25px; line-height: 25px; display: inline-block;
text-align: center; border-bottom: 1px solid #ececec; border-left: 1px solid;
border-color: inherit; color: inherit; }
div.pagination a:last-child, div.pagination span:last-child{ border-right: 1px solid; border-color: inherit; }
div.pagination span{ }

/*--- Sidebar ---*/
div.gdl-left-sidebar{ float: left; }
div.gdl-right-sidebar{ float: left; }
div.gdl-page-item{ float: right; }
div.gdl-page-float-left{ float: left; }
div.sidebar-padding{ padding-left: 15px !important; padding-right: 15px !important;padding-bottom: 0px !important;}

div.custom-sidebar { border-color: inherit; padding-bottom: 20px; clear: both; }
div.custom-sidebar div { border-color: inherit; }
div.custom-sidebar ul{ list-style: none; margin-left: 0px; padding-bottom: 10px; border-color: inherit; display: block; }
div.custom-sidebar ul li{
padding-top: 9px; padding-bottom: 9px; border-bottom: 1px solid; border-color: inherit; }
div.custom-sidebar ul li{ padding-left: 15px; background-position: 0px 4px; }
div.custom-sidebar ul li:last-child{ border-bottom: 0; }
div.custom-sidebar #recentcomments a{background: none; }
div.custom-sidebar #twitter_update_list{ font-family: 'Droid Serif'; font-style: italic;}
div.custom-sidebar #twitter_update_list li{ background: none; padding-left: 0px; }
div.custom-sidebar #twitter_update_list li span{
display: inline-block;
}
div.custom-sidebar #twitter_update_list li span a {
margin-top: 0px;
margin-right: 6px;
padding-left: 2px;
display: inline-block;
}
div.custom-sidebar #twitter_update_list li a {display: table;
margin-top: 10px;
float: none;
clear: both;
}

/*--- Custom Widget ---*/
div.custom-sidebar .textwidget,
div.custom-sidebar .textwidget p{ margin: 0px; padding-top: 5px; padding-bottom: 10px; }
div.custom-sidebar .textwidget{ margin-top: 10px 5px;}

div.custom-sidebar .recent-post-widget-title a{ padding-top: 2px; display: block; }
div.custom-sidebar .gdl-recent-post-widget{ margin-top: 5px; border-color: inherit; }
div.custom-sidebar .recent-post-widget{
padding-top: 0px; padding-bottom: 15px; border-bottom: 0; border-color: inherit; }
div.custom-sidebar .recent-post-widget-thumbnail{ padding: 3px; float: left; }
div.custom-sidebar .recent-post-widget-context{ margin-left: 67px; margin-top: 2px; }
div.custom-sidebar .recent-post-widget-date{
margin-top: 4px; height: 16px; line-height: 16px; font-family: 'Droid Serif'; font-style: italic;
background-position: 0px 0px; padding-left: 21px; }
div.custom-sidebar .recent-post-widget-comment-num{
margin-top: 4px; height: 16px; line-height: 16px; font-family: 'Droid Serif'; font-style: italic;
background-position: 0px 0px; padding-left: 21px; }

div.custom-sidebar .twitter-whole{ border-color: inherit; }
div.custom-sidebar .twitter-whole ul li a{ background: none; padding: 0px; }

div.custom-sidebar .flickr-widget{ display: block; padding-bottom: 18px; margin-left: 19px; padding-top: 24px; }
div.custom-sidebar .flickr_badge_image{ margin: 0px 15px 15px 0px; float: left;}
div.custom-sidebar .flickr-widget img{ width: 56px; height: 56px; }

div.custom-sidebar .contact-widget-whole ol{ list-style: none; margin-left: 0px; margin-top: 15px; }
div.custom-sidebar .contact-widget-whole ol li{ margin-right: 10px; }
div.custom-sidebar .contact-widget-whole input,
div.custom-sidebar .contact-widget-whole textarea{ margin-bottom: 16px; }
div.custom-sidebar .screenReader{ display: none; }

div.custom-sidebar .gdl-recent-port-widget{ display: block; padding-bottom: 18px; margin-left: 19px; padding-top: 24px; }
div.custom-sidebar .recent-port-widget{ float: left; margin-right: 15px; margin-bottom: 15px; }

div.custom-sidebar .contact-widget p.thanks{ margin-bottom: 0px; padding-bottom: 10px; }

div.banner-widget1-1 .bkp-frame.sidebar-padding{ padding: 0px !important; }

div.gdl-likebox div.bkp-frame{ padding-top: 15px; padding-bottom: 15px !important; }

/* News Widget */
div.sidebar-news-tab-widget .bkp-frame{ padding: 0px !important; }
div.custom-sidebar .news-widget-title{ margin-top: 2px; margin-bottom: 3px; }
div.custom-sidebar .news-widget-item{ padding-bottom: 15px; }
div.custom-sidebar .news-widget-thumbnail,
div.custom-sidebar .news-widget-avatar{ float: left; padding-right: 12px; }
div.custom-sidebar .news-widget-thumbnail a,
div.custom-sidebar .news-widget-avatar a{ display: inline-block; width: 56px; }
div.custom-sidebar .news-widget-thumbnail img,
div.custom-sidebar .news-widget-avatar img{ padding: 3px; width: 50px; height: 50px; }
div.custom-sidebar .news-widget-context{ overflow: hidden; font-size: 12px; }
div.custom-sidebar .news-widget-date,
div.custom-sidebar .news-widget-comment{ float: left; font-family: 'Droid Serif'; font-style: italic; }
div.custom-sidebar .news-widget-content{}

div.gdl-widget-tab-header-item{ float: left; background-color: #f8f8f8; border-bottom: 1px solid; cursor: pointer; }
div.gdl-widget-tab-header-item.active:first-child{ border-right: 1px solid; border-left: 0px; }
div.gdl-widget-tab-header-item.active{
border-bottom: 0px; border-right: 1px solid; border-left: 0px solid; background-color: #fff; padding-bottom: 1px; }
div.gdl-widget-tab-header-item-last{ height: 34px; border-bottom: 1px solid; background-color: #f8f8f8; overflow: hidden; }
div.gdl-widget-tab-header-item a{ padding: 8px 13px; display: block; }
div#gdl-widget-tab-content{ padding: 20px 15px 0px 15px; }

/* Social Counter Widget */
div.sidebar-social-counter-widget .bkp-frame{ padding: 0px !important; }
div.socialCounterWidget span.icon{ width: 32px; height: 32px; display: block; float: left; padding-right: 10px; }
div.socialCounterWidget span{ line-height: 32px; }
div.socialCounterWidget span.title{ font-size: 13px; margin-left: 4px; }
div.socialCounterWidget span.count{ font-size: 18px; }
div.socialCounterWidget .socialCounterBox{ padding: 15px; border-bottom: 1px solid; }
div.socialCounterWidget .socialCounterBox:last-child{ border-bottom: 0px; }
div.socialCounterWidget a{ display: block; }
a#sc_rss span.icon{ background: url('images/social-counter/rss.png') no-repeat; }
a#sc_twitter span.icon{ background: url('images/social-counter/twitter.png') no-repeat; }
a#sc_facebook span.icon{ background: url('images/social-counter/facebook.png') no-repeat; }

/* Sidebar title */
div.sidebar-header-wrapper{ margin: 12px 0px 25px 0px; }
h3.sidebar-header-title{ font-size: 18px; margin-bottom: 25px; padding-right: 10px; float: left; margin-bottom: 0px; }
div.sidebar-header-gimmick{ overflow: hidden; height: 18px; margin-right: 10px; margin-top: 10px; }

/* Sidebar right/left */
div.right-sidebar-wrapper .custom-sidebar-title{
padding: 0px 0px 10px 0px; font-size: 18px; border-bottom: 1px solid; border-color: inherit; }
div.left-sidebar-wrapper .custom-sidebar-title{
padding: 0px 0px 10px 0px; font-size: 18px; border-bottom: 1px solid; border-color: inherit; }

/* Sitemap */
div.sitemap .custom-sidebar-title{ padding: 0px 0px 10px 0px; font-size: 17px; border-bottom: 1px solid; border-color: inherit; }

/* Tag Cloud*/
.tagcloud{ border-color: inherit; display: inline-block; margin-bottom: 13px; }
.tagcloud a{
font-size: 12px !important; display: block; float: left; padding: 3px 8px 3px 8px; margin-right: 10px;
margin-top: 10px; border: 1px solid; border-color: inherit;

-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

/* Calendar */
#calendar_wrap{ border-color: inherit; padding-bottom: 10px;}
#wp-calendar{ width: 100%; border-color: inherit; border-width: 0px; }
#wp-calendar caption{ font-size: 13px; font-weight: bold; margin: 5px auto 15px; padding-bottom: 6px; border-bottom: 1px solid; border-color: inherit; }
#wp-calendar td{ padding: 4px; text-align: center; border-right: 0px; }
#wp-calendar th{ padding: 0px; text-align: center; border-right: 0px; border-bottom: 0px; background: transparent; }

/* search widget */
div.custom-sidebar #searchsubmit{ position: absolute; height: 27px; top: 0px; right: 2px; cursor: pointer;
width: 28px; border: 0px; border-image: initial;

-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;}
div.custom-sidebar #search-text{ display: block; margin-left: 5px; margin-right: 15px; margin-top: 10px; padding-bottom: 20px; }
div.custom-sidebar #searchform{ position: relative; margin-bottom: 0; padding-bottom: 0; }
div.custom-sidebar #search-text input[type="text"]{ margin-bottom: 0; width: 100%; }
div.custom-sidebar #searchform br.clear{ display: none; }

/* contact form */
div.custom-sidebar label, legend { font-weight: bold; margin-bottom: 7px; }
div.custom-sidebar .error{ font-family: 'Droid Serif'; font-style: italic; margin-bottom: 15px; }
div.custom-sidebar #contactForm input, div.custom-sidebar #contactForm textarea { width: 100%; }

/*--- Footer ---*/
div.footer-wrapper .container{ background: transparent;

-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none; }
div.footer-widget-wrapper{ padding-top: 35px; margin-top: 10px;}
div.footer-widget-wrapper .custom-sidebar{ }
div.footer-widget-wrapper .custom-sidebar-title{ font-size: 16px; margin-bottom: 10px;}


/* Footer custom widget*/
div.footer-wrapper div.contact-form-wrapper input[type="text"], div.footer-wrapper div.contact-form-wrapper input[type="password"], div.footer-wrapper div.contact-form-wrapper textarea, div.footer-wrapper div.custom-sidebar #search-text input[type="text"], div.footer-wrapper div.custom-sidebar .contact-widget-whole input, div.footer-wrapper div.custom-sidebar .contact-widget-whole textarea {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none; }
div.footer-wrapper a.button, div.footer-wrapper button{ -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: 0 !important; background: #222 !important; }
div.footer-wrapper #wp-calendar caption{ font-size:15px; border: none; margin-bottom: 15px; }
div.footer-wrapper div.custom-sidebar .recent-post-widget-thumbnail { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

div.footer-wrapper div.custom-sidebar .flickr-widget { margin-left: 0px }
div.footer-wrapper div.custom-sidebar .gdl-recent-port-widget { margin-left: 0px }
div.footer-wrapper div.custom-sidebar .flickr-widget { padding-top: 13px; }


/*--- Copyright ---*/
div.copyright-wrapper-gimmick{ height: 2px; }
div.copyright-wrapper{ padding-top: 12px; padding-bottom: 12px; font-size: 11px; font-weight: bold; }
div.copyright-left{ text-align: left; float: left; line-height: 24px; }
div.copyright-right{ text-align: right; float: right; }
div.back-to-top-button{ width: 24px; height: 24px; cursor: pointer; }

/*--- Comments ---*/
div.comment-wrapper{ margin-top: 40px; }
div.comment-wrapper .comment-title{ font-size: 18px; }
div.comment-wrapper .comment-form-comment{ margin-right: 40px; }
div.comment-wrapper #reply-title{ font-size: 18px; margin-bottom: 15px; }
div.comment-wrapper input[type="text"], input[type="password"] {
width: 320px; height: 30px; line-height: 30px; padding: 0px 0px 0px 10px;
margin: 5px 5px 25px; line-height: 20px; }
div.comment-wrapper textarea{
height: 165px; width: 590px; margin: 5px 5px 25px; padding: 10px; max-width: 100%;
line-height: 20px; }

div.comment-wrapper .comment-form-captcha img { float: left; margin-right: 20px; margin-top: 1px; }
div.comment-wrapper .comment-form-author input,
div.comment-wrapper .comment-form-email input,
div.comment-wrapper .comment-form-url input { float: left; }
div.comment-wrapper .comment-form-captcha input { float: left; width: 205px; }
div.comment-wrapper .comment-form-author label,
div.comment-wrapper .comment-form-email label,
div.comment-wrapper .comment-form-url label,
div.comment-wrapper .comment-form-captcha label { float: left; line-height: 32px; margin: 5px 0px 0px 10px; }
div.comment-wrapper .comment-form-author span,
div.comment-wrapper .comment-form-email span,
div.comment-wrapper .comment-form-url span,
div.comment-wrapper .comment-form-captcha span { float: left; line-height: 32px; margin-left: 2px; }


ol.comment-list{ margin: 0px; list-style: none; }
ol.comment-list .comment-body{ border-bottom: 1px solid; margin-top: 22px; padding-bottom: 22px; }
ol.comment-list ul{ margin: 0px 0px 0px 30px; list-style: none; }
div.comment-avartar{ float: left; }
div.comment-context{ margin-left: 80px; }
span.comment-author{ margin-right: 5px; font-size: 16px; }
span.comment-date{ margin-right: 5px; font-style: italic; font-family: 'Droid Serif'; font-size: 11px;}
span.comment-time{ margin-right: 5px; font-style: italic; }
div.comment-content{ margin-top: 7px; }

div.comment-wrapper #respond{ margin-top: 30px; }

/* Slider */
div.slider-wrapper{ position: relative; overflow: hidden; }
div.slider-bottom-gimmick{ height: 5px; width: 100%; }
.gdl-slider-title{
margin-left: -2px; padding-bottom: 7px; font-size: 26px; line-height: 30px; }

/* Gallery */
div.gallery-header-wrapper{ margin: 10px 0px 18px 10px; }
h3.gallery-header-title{ font-size: 24px; margin-bottom: 25px; padding-right: 10px; float: left; margin-bottom: 0px; }

/* Accordion */
div.accordion-header-wrapper{ margin: 10px 0px 18px 0px; }
h3.accordion-header-title{ font-size: 24px; margin-bottom: 25px; padding-right: 10px; float: left; margin-bottom: 0px; }
ul.gdl-accordion{ list-style: none; margin-left: 0px; }
ul.gdl-accordion li{ list-style: none; border-bottom: 1px solid; margin-bottom: 15px; }
ul.gdl-accordion li:last-child{ margin-bottom: 0px; }
h2.accordion-head{ padding: 0px 0px 0px 0px; line-height: 21px; font-size: 16px; cursor: pointer; }
div.accordion-content{ padding: 0px 0px 20px 37px; overflow: hidden; }
span.accordion-head-image{ width: 24px; height: 24px; float: left; margin-right: 13px; cursor: pointer; display: block; }
div.accordion-head p{ margin-bottom: 0px; }

/* Toggle Box */
div.toggle-box-header-wrapper{ margin: 10px 0px 18px 0px; }
h3.toggle-box-header-title{ font-size: 24px; margin-bottom: 25px; padding-right: 10px; float: left; margin-bottom: 0px; }
ul.gdl-toggle-box{ margin-left: 0px; }
ul.gdl-toggle-box li{ list-style: none; border-bottom: 1px solid #ececec; margin-bottom: 15px; }
ul.gdl-toggle-box li:last-child{ margin-bottom: 0px; }
h2.toggle-box-head{ padding: 0px 0px 0px 0px; line-height: 21px; font-size: 16px; cursor: pointer; }
div.toggle-box-content{ padding: 0px 0px 20px 37px; overflow: hidden; }
span.toggle-box-head-image{ width: 24px; height: 24px; float: left; margin-right: 13px; cursor: pointer; }
div.toggle-box-head p{ margin-bottom: 0; }

/* Column Service */
div.column-service-image{
float:left; width: 32px; height: 32px; text-align: center;
line-height: 32px; margin: 0px 10px 0px 10px; }
div.column-service-image img{ vertical-align: middle; }
div.column-service-content{ margin: 0px 0px 0px 62px; }
h2.column-service-title{ font-size: 17px; margin-bottom: 4px; }

/* Stunning Text */
div.stunning-text-wrapper{ margin-top: 10px; margin-bottom: 10px; }
h1.stunning-text-title{ line-height: 30px; font-size: 24px; font-weight: bold; padding: 0px 25px 0px 10px;}
div.stunning-text-content-wrapper{ overflow: hidden; }
div.stunning-text-caption{ font-size: 13px; padding: 0px 25px 0px 10px; margin-top: 8px; }
div.stunning-text-button-wrapper{ text-align: center; float: right; }
a.stunning-text-button{
padding: 0px 27px 0px 27px; height: 38px; line-height: 38px; font-size: 16px;
background: url('images/gradient-stunning.png') repeat-x; float: right; margin-top: 15px; margin-right:20px;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }

/* Testimonial */
div.testimonial-header-wrapper{ margin: 10px 0px 18px 0px; }
h3.testimonial-header-title{ font-size: 24px; margin-bottom: 25px; margin-left: 10px; padding-right: 10px; float: left; margin-bottom: 0px; }
div.testimonial-no-header{ padding-top: 47px }
div.testimonial-icon{
width: 18px; height: 18px; float: left; margin-top: 2px; margin-right: 15px; margin-left: 1px; }
div.testimonial-author{
margin-top: 20px; padding-bottom: 20px; margin-right: 3px; font-weight: bold; font-size: 13px;
text-align: right; border-bottom: 1px solid; margin-bottom: 20px; }

div.jcarousellite{ overflow: hidden;}
div.jcarousellite ul{ width: 1000%; margin: 0px; list-style: none;}
div.jcarousellite ul li{ float: left; }
div.jcarousellite-nav{ position: absolute; top: 10px; right: 10px; margin-right: 3px; }
div.jcarousellite-nav .prev{ width: 20px; height: 20px; cursor:pointer; float: left; margin-left: 5px; }
div.jcarousellite-nav .next{
width: 20px; height: 20px; cursor:pointer; float: left; margin-left: 5px; background-position: 20px 0px; }

/* Divider */
div.divider{ height: 11px; }
div.divider .scroll-top{ font-size: 10px; float: right; cursor: pointer; margin-top: -18px; }

/* Portfolio */
div.portfolio-header-wrapper{ margin: 10px 0px 18px 10px; }
h3.portfolio-header-title{ font-size: 24px; float: left; padding-right: 10px; margin-bottom: 0px; }

div.portfolio-thumbnail-image,
div.portfolio-thumbnail-video,
div.portfolio-thumbnail-slider{ margin-bottom: 15px }
div.portfolio-thumbnail-slider{ overflow: hidden; }
div.portfolio-thumbnail-slider .flexslider{ display: block; }
div.portfolio-thumbnail-slider ol.flex-control-nav{ display: none; }
div.portfolio-thumbnail-slider ul.flex-direction-nav .prev{
background: url('images/thumbnail-nav.png'); width: 31px;
height: 24px; bottom: 0px; left: 0px; top: auto;}
div.portfolio-thumbnail-slider ul.flex-direction-nav .next{
background: url('images/thumbnail-nav.png'); width: 31px; height: 24px;
background-position: 31px 0px; bottom: 0px; left: 31px; top:auto; }
h2.portfolio-thumbnail-title{ padding-bottom: 0px; font-size: 19px; }
h2.portfolio-thumbnail-title a{ color: inherit; }

div.portfolio-thumbnail-info{ font-size: 11px; margin-top: 12px; padding-bottom: 4px; }
a.portfolio-continue-reading{ margin-left: 5px; }
div.portfolio-thumbnail-tag{ margin-left: 8px; float: left; }
div.portfolio-thumbnail-date{float: left; }

span.portfolio-thumbnail-image-hover{
opacity: 0; filter: alpha(opacity=0); position: absolute; width: 100%; height: 100%;
background-color: #fff; overflow: hidden; display: block; }
span.portfolio-thumbnail-image-hover span{
top: 50%; left: -50%; margin-left: -16px; margin-top: -16px; width: 32px; height: 32px;
position: absolute; display: block; }
span.portfolio-thumbnail-image-hover span.hover-link{ background: url('images/link.png') no-repeat; }
span.portfolio-thumbnail-image-hover span.hover-video{ background: url('images/video.png') no-repeat; }
span.portfolio-thumbnail-image-hover span.hover-zoom{ background: url('images/zoom.png') no-repeat; }

a.portfolio-read-more{ margin-right: 12px; margin-top: 15px; float: left; }
a.portfolio-visit-website{ margin-top: 15px; float: left; }

.portfolio-item-holder.masoned{ overflow: hidden; }

/* fullwidth portfolio */
div.sixteen.columns.portfolio-item { padding-bottom: 22px; border-bottom: 1px solid #ececec;}
div.sixteen.columns.portfolio-item:last-child { padding-bottom: 0px; border: 0px; }
div.sixteen.columns.portfolio-item .portfolio-thumbnail-image,
div.sixteen.columns.portfolio-item .portfolio-thumbnail-video,
div.sixteen.columns.portfolio-item .portfolio-thumbnail-slider{ float: left; }
div.sixteen.columns.portfolio-item .portfolio-thumbnail-context{ margin-left: 650px; margin-right: 10px;}
div.sixteen.columns.portfolio-item .portfolio-thumbnail-title{ font-size: 18px; margin-top: 12px; }
div.sixteen.columns.portfolio-item .portfolio-thumbnail-content{ margin-top: 12px; }
div.sixteen.columns.portfolio-item a.portfolio-read-more{ margin-top: 22px; }
div.sixteen.columns.portfolio-item a.portfolio-visit-website{ margin-top: 22px; }

div.sidebar-included div.sixteen.columns.portfolio-item .portfolio-thumbnail-context{ margin-left: 350px; margin-right: 10px;}
div.both-sidebar-included div.sixteen.columns.portfolio-item .portfolio-thumbnail-context{ margin-left: 210px; margin-right: 10px;}

ul#portfolio-item-filter{ margin: 0px; list-style:none; }
ul#portfolio-item-filter li { float: left; margin: 0px 2px 20px 10px; }

/* Single */
div.single-thumbnail-image,
div.single-thumbnail-slider,
div.single-thumbnail-video{ margin-bottom: 20px; }

div.single-thumbnail-title-wrapper{ position: relative; padding-right: 30px; }
h1.single-thumbnail-title{ padding-bottom: 7px; font-size: 21px; margin-bottom: 0; }
h1.single-thumbnail-title a{ color: inherit; }
div.single-thumbnail-comment{
height: 16px; line-height: 16px; position: absolute; right: 2px; top: 2px; padding-left: 20px; }

div.single-thumbnail-info{
margin-bottom: 10px; font-size: 11px; font-family: Droid Serif; }
div.single-thumbnail-date{
height: 16px; line-height: 16px; font-style: italic; padding-left: 23px; float: left; }
div.single-thumbnail-author{
height: 16px; line-height: 16px; float: left; margin-left: 20px; padding-left: 23px; }

div.single-thumbnail-tag{
height: 16px; line-height: 16px; float: left; margin-left: 20px; padding-left: 23px; }
div.single-thumbnail-context{ padding-top: 20px; }
div.single-content{ margin-top: 15px; }


div.single-port-prev-nav{ float: left; }
div.single-port-prev-nav a{ float: left; }
div.single-port-prev-nav .left-arrow{ width: 8px; height: 5px; float: left; margin-top: 6px; margin-right: 8px; }
div.single-port-next-nav{ float: left; margin-left: 30px; }
div.single-port-next-nav a{ float: left;}
div.single-port-next-nav .right-arrow{ width: 8px; height: 5px; float: left; margin-top: 6px; margin-left: 8px; }

div.single-port-thumbnail-image,
div.single-port-thumbnail-video,
div.single-port-thumbnail-slider{ padding: 4px; }
div.single-port-nav{ float: right; margin-top: 18px; margin-bottom: 18px; }
h1.single-port-title{ border-bottom: 1px solid; font-size: 21px; padding-bottom: 8px; margin-top: 30px; margin-bottom: 0px; }
h1.single-port-title a{ color: inherit; }
div.single-port-content{ margin-top: 22px; }
div.single-port-info{ margin-top: 30px; font-style: italic; font-family: Droid Serif; }
div.single-port-info span.head{ font-weight: bold; margin-right: 5px; }
div.single-port-date{ margin-top: 8px; }
div.single-port-tag{ margin-top: 8px; }
div.single-port-visit-website{ padding-left: 28px; margin-top: 10px; }
div.about-author-wrapper{ margin-top: 40px; padding: 18px; }
div.about-author-avartar{ float: left; }
div.about-author-info{ margin-left: 110px; }
div.about-author-title{ font-size: 18px; margin-top: 3px; margin-bottom: 5px; }

div.social-share-title{ margin-top: 40px; font-size: 18px; }
div.social-shares ul{ list-style: none; margin-left: 0px; margin-top: 15px; }
div.social-shares ul li{ float: left; margin-right: 15px; }

/* Blog */
div.blog-header-wrapper{ margin: 15px 0px 22px 10px; }
h3.blog-header-title{ font-size: 24px; float: left; padding-right: 10px; margin-bottom: 0px; }

div.blog-thumbnail-image,
div.blog-thumbnail-slider,
div.blog-thumbnail-video{ margin-bottom: 17px; }

div.blog-thumbnail-title-wrapper{ position: relative; padding-right: 30px; }
h2.blog-thumbnail-title { padding-bottom: 14px; margin-bottom: 0px; }
h2.blog-thumbnail-title a{ color: inherit;font-size: 19px; }
div.blog-item-holder .blog-thumbnail-comment{
height: 16px; line-height: 16px; position: absolute; right: 2px; top: 4px; padding-left: 20px; }

div.blog-thumbnail-info{ font-size: 11px; margin-top: 12px; padding-bottom: 4px; }
a.blog-continue-reading{ margin-left: 5px; }
div.blog-item-holder .blog-thumbnail-tag{ float: left; }
div.blog-item-holder .blog-thumbnail-date{ margin-right: 15px; float: left; }

/* blog-item-grid */
div.blog-item-holder .blog-item-grid .blog-thumbnail-slider div.flex-caption{ display: none; }
div.blog-item-holder .blog-item-grid .blog-thumbnail-slider ul.flex-direction-nav .prev{
background: url('images/thumbnail-nav.png'); width: 31px;
height: 24px; bottom: 0px; left: 0px; top: auto;}
div.blog-item-holder .blog-item-grid .blog-thumbnail-slider ul.flex-direction-nav .next{
background: url('images/thumbnail-nav.png'); width: 31px; height: 24px;
background-position: 31px 0px; bottom: 0px; left: 31px; top:auto; }

/* blog-item-full */
div.blog-item-holder .blog-item-full .blog-thumbnail-context{ overflow: hidden; margin-top: 5px; }
div.blog-item-holder .blog-item-full .blog-thumbnail-image,
div.blog-item-holder .blog-item-full .blog-thumbnail-slider,
div.blog-item-holder .blog-item-full .blog-thumbnail-video{ margin: 0px 0px 0px 0px; float: left; width: 165px; padding-right: 15px; }
div.page-bkp-frame .blog-item-holder .blog-item-full .blog-thumbnail-image,
div.page-bkp-frame .blog-item-holder .blog-item-full .blog-thumbnail-slider,
div.page-bkp-frame .blog-item-holder .blog-item-full .blog-thumbnail-video{ padding-bottom: 10px; }

div.blog-item-holder .blog-item-full .blog-small-list{ border-top: 1px solid; }
div.blog-item-holder .blog-item-full .blog-small-list ul{ padding: 10px 0px 6px 12px; margin-left: 0px; list-style: none; }
div.blog-item-holder .blog-item-full .blog-small-list ul li{ padding: 3px 0px 3px 16px; }
div.blog-item-holder .blog-item-full ul.blog-small-list-right{ padding-left: 18px; border-left: 1px solid; }

/* blog-item-list */
div.blog-item-holder .blog-item-list{ padding: 12px 12px 12px 12px; border-top: 1px solid; }
div.blog-item-holder .blog-item-list:first-child{ border-top: 0px; }
div.blog-item-holder .blog-item-list:first-child.not-first-blog{ border-top: 1px solid; }

div.blog-item-holder .blog-item-list h2.blog-thumbnail-title{ margin: 3px 0px 0px 0px; padding-bottom: 0px !important;}
div.blog-item-holder .blog-item-list h2.blog-thumbnail-title a{ display: block; font-size: 12px; margin: 0px; }
div.blog-item-holder .blog-item-list .blog-thumbnail-info{ margin-top: 5px; }

div.blog-item-holder .blog-item-list .blog-thumbnail-context{ overflow: hidden; }
div.blog-item-holder .blog-item-list .blog-thumbnail-image,
div.blog-item-holder .blog-item-list .blog-thumbnail-slider,
div.blog-item-holder .blog-item-list .blog-thumbnail-video{
margin: 0px 10px 0px 0px; float: left; width: 50px; padding: 3px; background-color: #f8f8f8; }
div.blog-item-holder .blog-item-list .blog-thumbnail-image img,
div.blog-item-holder .blog-item-list .blog-thumbnail-slider img{ width: auto; }
div.blog-item-holder .blog-item-list .blog-thumbnail-slider ul.flex-direction-nav,
div.blog-item-holder .blog-item-list .blog-thumbnail-slider div.flex-caption{ display: none; }

/* Blog item slideshow */
div.blog-item-slideshow-wrapper .slideshow-title{ display: block; padding-top: 8px; }
div.blog-item-slideshow-wrapper .blog-thumbnail-image{ margin: 0px; }
div.blog-item-slideshow-nav{ float: right; padding-top: 8px; padding-bottom: 2px; }
div.blog-item-slideshow-nav-left{ width: 17px; height: 17px; float: left; margin-right: 4px; cursor: pointer; }
div.blog-item-slideshow-nav-right{ width: 17px; height: 17px; float: left; background-position: 17px 0px; margin-right: 5px; cursor: pointer; }

/* Message Box */
div.message-box-wrapper{ border:1px solid; padding: 20px; margin-bottom: 20px; }
div.message-box-title{ font-weight: bold; font-size: 14px; margin-top: 2px; }
div.message-box-content{ margin-top: 12px; }

div.message-box-wrapper.red{ background-color: #ffdcdd; border-color: #e9b9bb; color: #713a3c;}
div.message-box-wrapper.red .message-box-title{ color: #8d4345;}
div.message-box-wrapper.yellow{ background-color: #ffffe0; border-color: #e1db8b; color: #4d4d39;}
div.message-box-wrapper.yellow .message-box-title{ color: #737357;}
div.message-box-wrapper.blue{ background-color: #c2e1ee; border-color: #8ec3d9; color: #3d5058;}
div.message-box-wrapper.blue .message-box-title{ color: #475d66;}
div.message-box-wrapper.green{ background-color: #e1ffd9; border-color: #badeb1; color: #435b3d;}
div.message-box-wrapper.green .message-box-title{ color: #526d4b;}

/* Shortcode */
.shortcode1-4{ width: 23%; margin-right: 2%; float: left; }
.shortcode1-3{ width: 31.33%; margin-right: 2%; float: left; }
.shortcode1-2{ width: 48%; margin-right: 2%; float: left; }
.shortcode2-3{ width: 64.66%; margin-right: 2%; float: left; }
.shortcode3-4{ width: 73%; margin-right: 2%; float: left; }
.shortcode1{ width: 98%; margin-right: 2%; float: left; }

a.gdl-button.shortcode-large-button{
margin-bottom: 20px; margin-right: 10px;
padding: 0px 21px 0px 21px; height: 38px; line-height: 38px; font-size: 14px; }
a.gdl-button.shortcode-medium-button{
margin-bottom: 20px; margin-right: 10px;
padding: 0px 15px 0px 15px; height: 30px; line-height: 30px; font-size: 12px; }
a.gdl-button.shortcode-small-button{
margin-bottom: 20px; margin-right: 10px; text-shadow: none; font-size: 11px; }

div.shortcode-list ul{ list-style: none; margin-left: 0px; }
div.shortcode-list li{ padding:2px 0px 2px 25px; border: 0px; }
div.shortcode-list-arrow li{ background: url('images/list/arrow.png') no-repeat; }
div.shortcode-list-arrow2 li{ background: url('images/list/arrow2.png') no-repeat; }
div.shortcode-list-arrow3 li{ background: url('images/list/arrow3.png') no-repeat; }
div.shortcode-list-bullet li{ background: url('images/list/bullet.png') no-repeat; }
div.shortcode-list-bullet2 li{ background: url('images/list/bullet2.png') no-repeat; }
div.shortcode-list-bullet3 li{ background: url('images/list/bullet3.png') no-repeat; }
div.shortcode-list-check li{ background: url('images/list/check.png') no-repeat; }
div.shortcode-list-check2 li{ background: url('images/list/check2.png') no-repeat; }
div.shortcode-list-check3 li{ background: url('images/list/check3.png') no-repeat; }
div.shortcode-list-delete li{ background: url('images/list/delete.png') no-repeat; }
div.shortcode-list-delete2 li{ background: url('images/list/delete2.png') no-repeat; }
div.shortcode-list-delete3 li{ background: url('images/list/delete3.png') no-repeat; }

div.shortcode-social{ float: left; margin-right: 12px; }

div.shortcode-block-quote-left{
width: 33%; float: left; margin: 15px 20px 15px 20px; padding: 20px;
border-left: 2px solid #ddd; font-size: 16px; font-family: Georgia,"Times New Roman",Times,serif;
font-style: oblique;
}
div.shortcode-block-quote-right{
width: 33%; float: right; margin: 15px 20px 15px 20px; padding: 20px;
border-left: 2px solid #ddd; font-size: 16px; font-family: Georgia,"Times New Roman",Times,serif;
font-style: oblique;
}
div.shortcode-block-quote-center{
margin: 0px 20px 20px 20px; text-align: center; padding: 20px;
border-left: 2px solid #ddd; font-size: 16px; font-family: Georgia,"Times New Roman",Times,serif;
font-style: oblique;
}

div.shortcode-dropcap{
margin-top: 0px; margin-bottom: 0px; margin-right: 8px; float: left; font-size: 23px; font-size: 25px;
width: 32px; height: 32px; line-height: 32px; text-align: center; float: left; }
div.shortcode-dropcap.circle{
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
}

/* contact form */
div.contact-form-wrapper ol{ margin: 0px; list-style: none; }
div.contact-form-wrapper ol li{ margin-bottom: 20px; }
div.contact-form-wrapper ol li.sending-result{ max-width: 622px; display: none; }
div.contact-form-wrapper ol li.sending-result .message-box-wrapper{ padding: 10px 15px 10px 15px; }
div.contact-form-wrapper ol li div.error{ display: none; }
div.contact-form-wrapper input[type="text"], input[type="password"] {
width: 320px; height: 30px; line-height: 30px; padding: 0px 0px 0px 7px; margin: 10px 5px 10px;
line-height: 20px; max-width: 90%; }
div.contact-form-wrapper .textarea{ margin-right: 32px; }
div.contact-form-wrapper textarea{
height: 165px; width: 590px; margin: 10px 5px 10px; padding: 10px; max-width: 100%;
line-height: 20px; }
div.contact-form-wrapper .contact-submit{ float: left; }
div.contact-form-wrapper .contact-loading{
width: 16px; height: 16px; float: left; margin: 7px 0px 0px 15px; display:none;
background: url('images/loading.gif'); }

/* Price Item */
div.gdl-price-item{ margin-bottom: 20px;}
div.gdl-price-item .price-item{ border: 1px solid; border-color: inherit; margin-left: -1px; padding-bottom: 30px;}
div.gdl-price-item .price-tag{
font-size: 35px; line-height: 40px; text-align: center; padding-top: 20px; padding-bottom: 20px; font-weight: bold; }
div.gdl-price-item .price-title{
font-size: 14px; text-align: center; font-weight: bold; padding-top: 8px; padding-bottom: 8px; }
div.gdl-price-item .price-button{ text-align: center; margin-top: 25px; }
div.gdl-price-item .price-content{ text-align: center; margin-top: 25px; }
div.gdl-price-item .price-content .shortcode-list{ display: inline-block; }

div.gdl-price-item .price-item.active{ padding-bottom: 70px; margin-top: -20px; }

/* code */
.gdl-code{
overflow: hidden; padding: 15px; border: 1px #eee solid; clear: both; background: #f9f9f9;
margin-bottom: 20px; color: #555; font-size: 13px;
font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
}

/* Contact Form 7 */
span.wpcf7-form-control-wrap input[type="text"],
span.wpcf7-form-control-wrap input[type="[password"],
span.wpcf7-form-control-wrap textarea{
width: 320px; height: 30px; line-height: 30px; padding: 0px 0px 0px 7px; margin: 10px 5px 10px; line-height: 20px; }
span.wpcf7-form-control-wrap input.wpcf7-file{ width: auto; height: auto; background-color: transparent; border: none;
-webkit-box-shadow: none; box-shadow: none; margin-left: 0; }
span.wpcf7-form-control-wrap textarea{ height: 165px; width: 590px; margin: 10px 5px 10px; padding: 10px;
max-width: 100%; line-height: 20px; }

div.wpcf7 p{ font-weight: bold; }
div.wpcf7 p span.wpcf7-form-control-wrap textarea, div.wpcf7 p span.wpcf7-form-control-wrap input{ font-weight: normal; }
div.wpcf7 .ajax-loader{ display: none; }

/* Bangkok Press Frame */
div.bkp-frame-wrapper{
border: 1px solid ; padding: 6px;

-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;}
div.bkp-frame{ padding: 10px; }
div.bkp-frame-wrapper.absolute{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; }
div.bkp-frame-wrapper.absolute .bkp-frame{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; }
div.bkp-frame.single-page-frame{ padding: 18px; }
div.bkp-frame img,
div.bkp-frame-wrapper img,
div.page-bkp-frame-wrapper.gallery img{ max-width: 100%; height: auto; }

div.page-bkp-frame-wrapper{
border: 1px solid ; padding: 6px;

-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;}
div.page-bkp-frame{ padding: 20px 10px 0px 10px; }
div.page-bkp-frame-wrapper .page-bkp-frame-wrapper,
div.page-bkp-frame-wrapper .bkp-frame-wrapper,
div.page-bkp-frame .page-bkp-frame,
div.page-bkp-frame-wrapper .bkp-frame{ padding: 0px !important; border: 0px; background-color: transparent !important; }

/* header */
div.header-gimmick{ overflow: hidden; height: 24px; margin-right: 10px; margin-top: 10px; }/quote