Chân dung Quyền lực
a
/*
-----------------------------------------------
Blogger Template Style
Name: Sevim
Author: Lasantha Bandara
URL 1: http://www.premiumbloggertemplates.com/
URL 2: http://www.bloggertipandtrick.net/
Date: January 2013
License: This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use.
However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/
----------------------------------------------- */
body#layout ul{list-style-type:none;list-style:none}
body#layout ul li{list-style-type:none;list-style:none}
body#layout #content {width:600px;}
body#layout #myGallery {display:none;}
body#layout #headbox{display:none;}
/* Variable definitions
====================
*/
/* Use this with templates/template-twocol.html */
/* -----------------------------------------------------------------------
Blueprint CSS Framework 0.8
http://blueprintcss.org
* Copyright (c) 2007-Present. See LICENSE for more info.
* See README for instructions on how to use Blueprint.
* For credits and origins, see AUTHORS.
* This is a compressed file. See the sources in the 'src' directory.
----------------------------------------------------------------------- */
/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
/* typography.css */
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
/* grid.css */
.container {width:950px;margin:0 auto;}
.showgrid {background:url(src/grid.png);}
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
.last, div.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:85%px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:950px;margin:0;}
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {border-left-width:1px!important;border-right-width:1px!important;padding-left:5px!important;padding-right:5px!important;}
input.span-1, textarea.span-1 {width:18px!important;}
input.span-2, textarea.span-2 {width:58px!important;}
input.span-3, textarea.span-3 {width:98px!important;}
input.span-4, textarea.span-4 {width:138px!important;}
input.span-5, textarea.span-5 {width:178px!important;}
input.span-6, textarea.span-6 {width:218px!important;}
input.span-7, textarea.span-7 {width:258px!important;}
input.span-8, textarea.span-8 {width:298px!important;}
input.span-9, textarea.span-9 {width:338px!important;}
input.span-10, textarea.span-10 {width:378px!important;}
input.span-11, textarea.span-11 {width:418px!important;}
input.span-12, textarea.span-12 {width:458px!important;}
input.span-13, textarea.span-13 {width:498px!important;}
input.span-14, textarea.span-14 {width:538px!important;}
input.span-15, textarea.span-15 {width:578px!important;}
input.span-16, textarea.span-16 {width:618px!important;}
input.span-17, textarea.span-17 {width:658px!important;}
input.span-18, textarea.span-18 {width:698px!important;}
input.span-19, textarea.span-19 {width:738px!important;}
input.span-20, textarea.span-20 {width:778px!important;}
input.span-21, textarea.span-21 {width:818px!important;}
input.span-22, textarea.span-22 {width:858px!important;}
input.span-23, textarea.span-23 {width:898px!important;}
input.span-24, textarea.span-24 {width:938px!important;}
.append-1 {padding-right:40px;}
.append-2 {padding-right:80px;}
.append-3 {padding-right:120px;}
.append-4 {padding-right:160px;}
.append-5 {padding-right:200px;}
.append-6 {padding-right:240px;}
.append-7 {padding-right:280px;}
.append-8 {padding-right:320px;}
.append-9 {padding-right:360px;}
.append-10 {padding-right:400px;}
.append-11 {padding-right:440px;}
.append-12 {padding-right:480px;}
.append-13 {padding-right:520px;}
.append-14 {padding-right:560px;}
.append-15 {padding-right:600px;}
.append-16 {padding-right:640px;}
.append-17 {padding-right:680px;}
.append-18 {padding-right:720px;}
.append-19 {padding-right:760px;}
.append-20 {padding-right:800px;}
.append-21 {padding-right:840px;}
.append-22 {padding-right:880px;}
.append-23 {padding-right:920px;}
.prepend-1 {padding-left:40px;}
.prepend-2 {padding-left:80px;}
.prepend-3 {padding-left:120px;}
.prepend-4 {padding-left:160px;}
.prepend-5 {padding-left:200px;}
.prepend-6 {padding-left:240px;}
.prepend-7 {padding-left:280px;}
.prepend-8 {padding-left:320px;}
.prepend-9 {padding-left:360px;}
.prepend-10 {padding-left:400px;}
.prepend-11 {padding-left:440px;}
.prepend-12 {padding-left:480px;}
.prepend-13 {padding-left:520px;}
.prepend-14 {padding-left:560px;}
.prepend-15 {padding-left:600px;}
.prepend-16 {padding-left:640px;}
.prepend-17 {padding-left:680px;}
.prepend-18 {padding-left:720px;}
.prepend-19 {padding-left:760px;}
.prepend-20 {padding-left:800px;}
.prepend-21 {padding-left:840px;}
.prepend-22 {padding-left:880px;}
.prepend-23 {padding-left:920px;}
div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}
.pull-1 {margin-left:-40px;}
.pull-2 {margin-left:-80px;}
.pull-3 {margin-left:-120px;}
.pull-4 {margin-left:-160px;}
.pull-5 {margin-left:-200px;}
.pull-6 {margin-left:-240px;}
.pull-7 {margin-left:-280px;}
.pull-8 {margin-left:-320px;}
.pull-9 {margin-left:-360px;}
.pull-10 {margin-left:-400px;}
.pull-11 {margin-left:-440px;}
.pull-12 {margin-left:-480px;}
.pull-13 {margin-left:-520px;}
.pull-14 {margin-left:-560px;}
.pull-15 {margin-left:-600px;}
.pull-16 {margin-left:-640px;}
.pull-17 {margin-left:-680px;}
.pull-18 {margin-left:-720px;}
.pull-19 {margin-left:-760px;}
.pull-20 {margin-left:-800px;}
.pull-21 {margin-left:-840px;}
.pull-22 {margin-left:-880px;}
.pull-23 {margin-left:-920px;}
.pull-24 {margin-left:-960px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}
.push-1 {margin:0 -40px 1.5em 40px;}
.push-2 {margin:0 -80px 1.5em 80px;}
.push-3 {margin:0 -120px 1.5em 120px;}
.push-4 {margin:0 -160px 1.5em 160px;}
.push-5 {margin:0 -200px 1.5em 200px;}
.push-6 {margin:0 -240px 1.5em 240px;}
.push-7 {margin:0 -280px 1.5em 280px;}
.push-8 {margin:0 -320px 1.5em 320px;}
.push-9 {margin:0 -360px 1.5em 360px;}
.push-10 {margin:0 -400px 1.5em 400px;}
.push-11 {margin:0 -440px 1.5em 440px;}
.push-12 {margin:0 -480px 1.5em 480px;}
.push-13 {margin:0 -520px 1.5em 520px;}
.push-14 {margin:0 -560px 1.5em 560px;}
.push-15 {margin:0 -600px 1.5em 600px;}
.push-16 {margin:0 -640px 1.5em 640px;}
.push-17 {margin:0 -680px 1.5em 680px;}
.push-18 {margin:0 -720px 1.5em 720px;}
.push-19 {margin:0 -760px 1.5em 760px;}
.push-20 {margin:0 -800px 1.5em 800px;}
.push-21 {margin:0 -840px 1.5em 840px;}
.push-22 {margin:0 -880px 1.5em 880px;}
.push-23 {margin:0 -920px 1.5em 920px;}
.push-24 {margin:0 -960px 1.5em 960px;}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}
.prepend-top {margin-top:1.5em;}
.append-bottom {margin-bottom:1.5em;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}
/* LAYOUT */
body {
background: #343434;
}
#wrapper {
}
#container {
margin-top: 15px;
background: url(http://4.bp.blogspot.com/-mUMjal29Ufw/UYxSkiih1vI/AAAAAAAAJGY/9y_PybIEtGc/s000/container-background.png) top center no-repeat;
}
#contentwrap {
background: url(http://2.bp.blogspot.com/-AVJLn2H-pcc/UYxSlCX6HzI/AAAAAAAAJGg/yJTV5x_sYxA/s000/contentwrap.png) top left repeat-y;
border-top: 1px solid #3db8c1;
}
a {
color: #21759B;
}
a:hover {
color: #d54e21;
}
/* HEADER */
#header {
height: 90px;
overflow:hidden;
}
#bheadersec {
height: 90px;
}
#header h1 {
margin-bottom: 0px !important;
padding: 0px 0 0 15px;
font-weight: normal;
font-family: Arial, Helvetica, Sans-serif;
font-weight: bold;
font-size: 32px;
text-transform: none;
}
#header h1 a, #header h1 a:visited {
color: #fff;
text-decoration: none;
}
#header h2 {
padding-left: 15px;
color: #fff;
font-size: 14px;
line-height: 14px;
font-family: Arial, Helvetica, Sans-serif;
font-style: italic;
line-height:20px;
opacity: 0.9;
}
.logoimg {
margin: 2px 0 0 15px;
}
/* NAVIGATION MENUS */
#pagemenucontainer {
height: 28px;
margin-top: 8px;
float: right;
}
#pagemenu {
height: 28px;
float: right;
}
#pagemenu, #pagemenu ul {
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
}
#pagemenu {
margin-bottom: 1px;
}
#pagemenu ul {
float: left;
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px;
}
#pagemenu li {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
#pagemenu ul li {
list-style: none;
margin: 0px;
padding: 0px;
}
#pagemenu li a, #pagemenu li a:link {
color: #b6e7ea;
display: block;
margin: 0px 1px 0px 1px;
padding: 6px 10px;
text-decoration: none;
font-weight: normal;
text-transform: uppercase;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}
#pagemenu li a:hover, #pagemenu li a:active{
color: #fff;
display: block;
text-decoration: none;
}
#pagemenu li.current_page_item a {
color: #fff;
}
#pagemenu li:hover, #pagemenu li.sfhover {
position: static;
}
.topright {
text-align: left;
margin: 11px 0 0 0;
}
.topright a {
color: #b6e7ea;
text-decoration: none;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
vertical-align: top;
font-weight: normal;
text-transform: uppercase;
}
.topright a:hover {
color: #fff;
}
.navcontainer {
height: 36px;
padding-left: 10px;
}
#nav {
height: 32px;
}
#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
}
#nav {
margin-bottom: 1px;
}
#nav ul {
float: left;
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px;
}
#nav li {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
#nav ul li {
list-style: none;
margin: 0px;
padding: 0px;
}
#nav li a, #nav li a:link {
color: #fff;
display: block;
margin: 0px 3px 0px 3px;
padding: 8px 12px;
text-decoration: none;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
font-family: Arial, Helvetica, Sans-serif;
text-shadow: 0 1px 0 #0d767d;
}
#nav li a:hover, #nav li a:active {
color: #0a8992;
display: block;
text-decoration: none;
background: url(http://1.bp.blogspot.com/-mi_E2WRx9dA/UYxSlxpv2UI/AAAAAAAAJGo/47K7LMBm9Qk/s000/nav-backgr-hover.png) top left repeat-x;
text-shadow: 0 1px 0 #fff;
}
#nav li.current-cat a {
color:#0a8992;
background: url(http://1.bp.blogspot.com/-mi_E2WRx9dA/UYxSlxpv2UI/AAAAAAAAJGo/47K7LMBm9Qk/s000/nav-backgr-hover.png) top left repeat-x;
text-shadow: 0 1px 0 #fff;
}
#nav li:hover, #nav li.sfhover {
position: static;
}
/* CONTENT */
#content {
padding: 15px 5px 15px 15px;
}
pre { overflow: auto;
width: 470px;
}
.post {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #d2d4d5;
}
.post p {
margin-bottom: 10px;
}
.post-title {
margin: 0 0 8px 0;
padding: 0px;
line-height: 30px;
font-family: Arial, Helvetica, Sans-serif;
font-weight: bold;
color: #343434;
}
.post-title a {
text-decoration: none;
color: #0b5394;
}
.post-title a:hover {
text-decoration: none;
color: #d54e21;
}
.pagetitle {
margin-bottom: 20px;
line-height: 22px;
font-family: Arial, Verdana;
text-decoration: underline;
}
.readmorecontent {
text-align: right;
}
a.readmore {
padding: 4px 15px;
text-decoration: none;
font-size: 12px;
background: #343434;
color: #fff;
}
a.readmore:hover {
background: #12939c;
color: #fff;
}
.postdate {
font-size: 13px;
font-family: Arial, Helvetica, Sans-serif;
font-style: italic;
color: #838282;
}
.postmeta {
font-size: 11px;
padding: 2px 4px;
font-family: Arial, Verdana;
}
.postdate img, .postmeta img {
border: none;
vertical-align: middle;
margin:2px;
}
.entry {
text-align: justify;
line-height: 20px;
padding-top: 8px;
font-family: Arial, Verdana;
font-size: 14px;
}
.navigation {
padding: 10px 0;
}
blockquote {
overflow: hidden;
padding-left: 9px;
font-style: italic;
color: #666;
border-left: 3px solid #CADAE7;
}
/* SIDEBAR(S) */
.sidebaradbox {
margin-top: 5px;
text-align:center;
}
.ad125 {
margin: 6px;
}
.sidebar {
margin: 0 10px 10px 10px;
color: #fff;
font-size: 13px;
}
.sidebar a {
text-decoration: none;
color: #fff;
}
.sidebar a:hover {
text-decoration: underline;
color:#fff;
}
#search {
border: 1px solid #248e95;
height: 30px;
padding: 0;
background: #fff url(http://2.bp.blogspot.com/-hH0TyLty_Wk/UYxSmXoSOVI/AAAAAAAAJGw/Mx00JcvtIlY/s000/search-background.png) top left repeat-x;
text-align: right;
}
#search input {
border: 0;
background: none;
color: #858282;
}
#s {
width: 240px;
padding: 4px;
margin:3px 0 0 0;
background: none;
}
#topsearch #s {
width: 250px;
}
#topsearch #search {
margin: 10px 0 0 0;
}
/* Social icons */
.addthis_toolbox {
padding: 15px 0 0px 0;
text-align: center;
}
.addthis_toolbox .custom_images a
{
width: 32px;
height: 32px;
margin: 0 3px 0 3px;
padding: 0;
}
.addthis_toolbox .custom_images a:hover img
{
opacity: 1;
}
.addthis_toolbox .custom_images a img
{
opacity: 0.85;
}
.sidebarvideo {
}
.sidebar h2 {
margin: 10px 0 0 0;
padding: 5px 0 5px 10px;
background: url(http://2.bp.blogspot.com/-WGaFFV8YCjw/UYxSnFFzkkI/AAAAAAAAJG4/YwSViK5nhmQ/s000/sidebar_tab.png) top left repeat-x;
background-repeat: repeat-x;
background-position: top;
font-size: 15px;
font-family: Arial, Helvetica, Sans-serif;
font-weight: bold;
text-transform: uppercase;
color: #fff;
text-shadow: 0 1px 0 #141414;
}
.sidebar ul {
list-style-type: none;
margin: 0px 0px 10px 0px;
padding: 0px;
}
.sidebar ul li {
padding: 4px 0px 4px 4px;
margin: 0px;
background: url(http://3.bp.blogspot.com/-fnzJvFQ_jr0/UYxSnwvYs5I/AAAAAAAAJHA/xOXT7HygFeE/s000/sidebar_line.png) bottom left repeat-x;
}
/* FOOTER */
#footer {
background: url(http://1.bp.blogspot.com/-WjBjpygdVkY/UYxSobknFUI/AAAAAAAAJHI/wud4GmKIuKQ/s000/footer-background.png) bottom left no-repeat;
padding: 22px;
text-align: center;
color: #fff;
font-size: 13px;
border-top: 1px solid #3db8c1;
}
#footer a {
color: #fff;
}
#footer a:hover {
text-decoration: none;
}
#credits {
color: #949494;
font-size: 11px;
text-align: center;
padding: 10px;
}
#credits a {
color: #949494;
text-decoration: none;
}
#content {
word-wrap:break-word;
overflow:hidden;
}
.sidebar {
word-wrap:break-word;
overflow:hidden;
}
#myGallery, #myGallerySet, #flickrGallery
{
width: 610px;
height: 320px;
z-index:5;
margin-bottom: 20px;
overflow:hidden;
}
.jdGallery a
{
outline:0;
}
#flickrGallery
{
width: 500px;
height: 334px;
}
#myGallery img.thumbnail, #myGallerySet img.thumbnail
{
display: none;
}
.jdGallery
{
overflow: hidden;
position: relative;
}
.jdGallery img
{
border: 0;
margin: 0;
}
.jdGallery .slideElement
{
width: 100%;
height: 100%;
background-color: #000;
background-repeat: no-repeat;
background-position: center center;
background-image: url('http://3.bp.blogspot.com/-mr5P5GMX7KE/UYxSowi9HdI/AAAAAAAAJHQ/BGGhsMjSA4E/s000/loading-bar-black.gif');
}
.jdGallery .loadingElement
{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-color: #000;
background-repeat: no-repeat;
background-position: center center;
background-image: url('http://3.bp.blogspot.com/-mr5P5GMX7KE/UYxSowi9HdI/AAAAAAAAJHQ/BGGhsMjSA4E/s000/loading-bar-black.gif');
}
.jdGallery .slideInfoZone
{
position: absolute;
z-index: 10;
width: 100%;
margin: 0px;
left: 0;
bottom: 0;
height: 100px;
background: #11929b;
color: #fff;
text-indent: 0;
overflow: hidden;
}
* html .jdGallery .slideInfoZone
{
bottom: -1px;
}
.jdGallery .slideInfoZone h2
{
padding: 0;
font-size: 14px;
margin: 0;
margin: 2px 5px;
font-weight: bold;
color: #fff !important;
}
.jdGallery .slideInfoZone p
{
padding: 0;
font-size: 12px;
margin: 2px 5px;
color: #eee;
}
.jdGallery div.carouselContainer
{
position: absolute;
height: 135px;
width: 100%;
z-index: 10;
margin: 0px;
left: 0;
top: 0;
}
.jdGallery a.carouselBtn
{
position: absolute;
bottom: 0;
right: 30px;
height: 20px;
/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
text-align: center;
padding: 0 10px;
font-size: 13px;
background: #333;
color: #fff;
cursor: pointer;
}
.jdGallery .carousel
{
position: absolute;
width: 100%;
margin: 0px;
left: 0;
top: 0;
height: 115px;
background: #333;
color: #fff;
text-indent: 0;
overflow: hidden;
}
.jdExtCarousel
{
overflow: hidden;
position: relative;
}
.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{
position: absolute;
width: 100%;
height: 78px;
top: 10px;
left: 0;
overflow: hidden;
}
.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
{
position: relative;
}
.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{
cursor: pointer;
background: #000;
background-position: center center;
float: left;
border: solid 1px #fff;
}
.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
{
margin-bottom: 10px;
}
.jdGallery .carousel .label, .jdExtCarousel .label
{
font-size: 13px;
position: absolute;
bottom: 5px;
left: 10px;
padding: 0;
margin: 0;
}
.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
{
font-size: 10px;
position: absolute;
bottom: 5px;
right: 10px;
padding: 1px 2px;
margin: 0;
background: #222;
border: 1px solid #888;
cursor: pointer;
}
.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{
color: #b5b5b5;
}
.jdGallery a
{
font-size: 100%;
text-decoration: none;
color: #fff;
}
.jdGallery a.right, .jdGallery a.left
{
position: absolute;
height: 99%;
width: 25%;
cursor: pointer;
z-index:10;
filter:alpha(opacity=20);
-moz-opacity:0.2;
-khtml-opacity: 0.2;
opacity: 0.2;
}
* html .jdGallery a.right, * html .jdGallery a.left
{
filter:alpha(opacity=50);
}
.jdGallery a.right:hover, .jdGallery a.left:hover
{
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
.jdGallery a.left
{
left: 0;
top: 0;
background: url('http://1.bp.blogspot.com/-m1bRk6WJjEs/UYxSprtrnyI/AAAAAAAAJHY/BwQZNbab0k4/s000/fleche1.png') no-repeat center left;
}
* html .jdGallery a.left { background: url('http://4.bp.blogspot.com/-nVZ24zDmUEc/UYxSqIectwI/AAAAAAAAJHg/z3nxWnCLHRU/s000/fleche1.gif') no-repeat center left; }
.jdGallery a.right
{
right: 0;
top: 0;
background: url('http://1.bp.blogspot.com/-sjbZmpoVan4/UYxSrPWGgRI/AAAAAAAAJHo/_QSgsxT-RKA/s000/fleche2.png') no-repeat center right;
}
* html .jdGallery a.right { background: url('http://3.bp.blogspot.com/-leo_Tjx3vXc/UYxSrtdALpI/AAAAAAAAJHw/0D4mimHV1s8/s000/fleche2.gif') no-repeat center right; }
.jdGallery a.open
{
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.withArrows a.open
{
position: absolute;
top: 0;
left: 25%;
height: 99%;
width: 50%;
cursor: pointer;
z-index: 10;
background: none;
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
.withArrows a.open:hover { background: url('http://3.bp.blogspot.com/-ePIURgw9bUM/UYxSsCR5r1I/AAAAAAAAJH4/H14kZTbcsqc/s000/open.png') no-repeat center center; }
* html .withArrows a.open:hover { background: url('http://2.bp.blogspot.com/-WiB9_8Vur6Y/UYxSs8cQgOI/AAAAAAAAJIA/eDjv6KeVGgM/s000/open.gif') no-repeat center center;
filter:alpha(opacity=80); }
/* Gallery Sets */
.jdGallery a.gallerySelectorBtn
{
z-index: 15;
position: absolute;
top: 0;
left: 30px;
height: 20px;
/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
text-align: center;
padding: 0 10px;
font-size: 13px;
background: #333;
color: #fff;
cursor: pointer;
opacity: .4;
-moz-opacity: .4;
-khtml-opacity: 0.4;
filter:alpha(opacity=40);
}
.jdGallery .gallerySelector
{
z-index: 20;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #000;
}
.jdGallery .gallerySelector h2
{
margin: 0;
padding: 10px 20px 10px 20px;
font-size: 20px;
line-height: 30px;
color: #fff !important;
}
.jdGallery .gallerySelector .gallerySelectorWrapper
{
overflow: hidden;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
{
margin-left: 10px;
margin-top: 10px;
border: 1px solid #888;
padding: 5px;
height: 40px;
color: #fff;
cursor: pointer;
float: left;
}
.jdGallery .gallerySelector .gallerySelectorInner div.hover
{
background: #333;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
{
background: #000;
background-position: center center;
float: left;
border: none;
width: 40px;
height: 40px;
margin-right: 5px;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3
{
margin: 0;
padding: 0;
font-size: 12px;
font-weight: normal;
color: #fff;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
{
margin: 0;
padding: 0;
font-size: 12px;
font-weight: normal;
color: #fff !important;
}
/* all menu links */
#nav a, #subMenusContainer a {
text-decoration:none;
display:block;
}
/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a {
margin:0;
float:left;
background: none;
padding:12px 14px;
text-transform:uppercase;
color: #ffffff;
font-weight: bold;
font-size: 12px;
}
/* Just sub menu links */
#subMenusContainer a, #nav li li a {
color: #fff;
font-size: 12px;
text-align:left;
background-color:#1f8a92;
padding:5px 20px;
}
/* All menu links on hover or focus */
#nav li a:hover,
#nav li a:focus,
#nav a.mainMenuParentBtnFocused{
background:#197076;
color:#fff;
-moz-border-radius: 5px 5px 0 0;
-khtml-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
text-shadow:0px 1px 0px #000;
}
/* sub menu links on hover or focus */
#subMenusContainer a:hover,
#subMenusContainer a:focus,
#subMenusContainer a.subMenuParentBtnFocused {
background-color: #197076;
color:#fff;
text-shadow:0px 1px 0px #000;
}
/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn {
background: url(../img/arrow_right.gif) right center no-repeat;
}
/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused {
background: url(../img/arrow_right_over.gif) right center no-repeat;
}
/* Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn {
/*background: url(../img/arrow_down.gif) right center no-repeat;*/
}
/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
.mainMenuParentBtnFocused {
/*background: url(../img/arrow_down_over.gif) right center no-repeat;*/
}
/* ----[ OLs ULs, LIs, and DIVs ]----*/
/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW {
display:none;
position: absolute;
overflow:hidden;
/*the 2px left & right padding lets you have a 1px border
on the ul or ol inside since overflow is set to hidden*/
padding:0 2px;
margin:0 0 0 -2px;
}
/* All ULs and OLs */
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol {
padding: 0;
margin: 0;
list-style: none;
line-height: 1em;
}
/* All submenu OLs and ULs */
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {
/*border around submenu goes here*/
background: none;
left:0;
}
/* List items in main menu --[for non-javascript users this applies to submenus as well] */
#nav li {
/*great place to use a background image as a divider*/
background-image:url(../img/mainnav-sep.gif);
background-repeat:no-repeat;
background-position: 100% 5px;
cursor: pointer;
float: left;
margin: 0 2px 0 0;
padding: 0 2px 0 0;
height: 44px;
display: inline;
}
#subMenusContainer li {
list-style: none;
}
/* main menu ul or ol elment */
#nav {
width: 950px;
margin: 5px auto;
clear: both;
overflow: hidden;
font-size: 12px;
display: block;
background:#3B3B3B;
}
#nav .children{
display: none;
}
#subMenusContainer {
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:0;
overflow:visible;
z-index:1000000000;
}
h2.date-header {
margin: 1.5em 0 .5em;
display: none;
}
.main .widget {
margin: 0 0 5px;
padding: 0 0 2px;
}
.main .Blog {
border-bottom-width: 0;
}
#header .description {
color:#ffffff;
font-size:14px;
text-shadow:0px 1px 0px #000000;
}
/* Comments----------------------------------------------- */
#comments {
padding:10px;
color:#666;
margin-bottom:20px;
}
#comments h4 {
font-size:22px;
margin-bottom:10px;
}
#comment-name-url {
width: 365px;
float: left;
}
#comment-date {
width: 365px;
float: left;
margin-top: 5px;
font-size: 10px;
}
#comment-header {
float: left;
padding: 5px 0 40px 10px;
margin: 5px 0 15px 0;
position: relative;
background-color: #ffffff;
border: 1px dashed #eeeeee;
}
.avatar-image-container {
background: url(http: //4.bp.blogspot.com/_4HKUHirY_2U/TLlJUqSaolI/AAAAAAAAEq4/qpgAHAOe9x0/s1600/comment-avatar.jpg);
width: 32px;
height: 32px;
float: right;
margin: 5px 10px 5px 5px;
border: 1px solid #dddddd;
}
.avatar-image-container img {
width: 32px;
height: 32px;
}
a.comments-autor-name {
color: #000000;
font: normal bold 14px Arial, Tahoma, Verdana;
}
a.says {
color: #000000;
font: normal 14px Arial, Tahoma, Verdana;
}
.says a:hover {
text-decoration: none;
}
.deleted-comment {
font-style: italic;
color: gray;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
padding:5px;
}
.feed-links {
clear: both;
}
/* Profile ----------------------------------------------- */
.profile-img {
float: left;
margin-top: 0;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 0;
padding: 4px;
border: 1px solid #eeeeee;
}
.profile-data {
margin: 0;
text-transform: uppercase;
letter-spacing: .1em;
color: #000000;
font-weight: bold;
line-height: 1.6em;
}
.profile-datablock {
margin: .5em 0 .5em;
}
.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}
.avatar-image-container {
background: url(http://4.bp.blogspot.com/-if9mSJKSeZk/UYxSt___yYI/AAAAAAAAJII/sm-fhCWiLww/s000/comment-avatar.jpg);
width: 32px;
height: 32px;
float: right;
margin: 5px 10px 5px 5px;
border: 1px solid #dddddd;
}
.avatar-image-container img {
width: 32px;
height: 32px;
}
.profile-link {
text-transform: uppercase;
letter-spacing: .1em;
}
.comment-form {
max-width: 600px;
}
#navbar-iframe {
height: 0;
visibility: hidden;
display: none;
}
.PopularPosts .widget-content ul li {
padding:0px;
margin:0px 0px 6px 0px;
}
.popular-posts {
margin-top: 5px;
}
.reaction-buttons table{
border:none;
margin-bottom:5px;
}
.reaction-buttons table, .reaction-buttons td{
border:none;
}
.item-title a {
#color: #AD2B2B !important;
font-weight: bold;
}
.item-snippet{
padding-bottom:7px;
opacity:0.9;
}
.descriptionwrapper {margin-top:5px;}
.post-header-line-1 {border-top:1px solid #ddd;margin:7px 0px 0px 0px;}
.tr-caption {font-size:100% !important;}
.post img{max-width:600px;}
.fblikepage {font-size:15px;margin-top:3px; margin-bottom:3px;font-weight:bold; float:left; white-space:nowrap;text-transform:uppercase;}
.fblikepage a{text-decoration:none; color:#FF0518;}
.fblikepage a:hover{text-decoration:underline;}
-->