-
-
-
- <b:if cond="data:blog.homepageUrl == data:blog.url">
<data:blog.title />
<b:else />
<data:blog.pageName />
|
<data:blog.title />
</b:if>
-
-
*/
body {
margin: 0;
padding: 0;
color: #fefefe;
font: normal 12px "Trebuchet MS", "Lucida Grande", Verdana, Georgia, Sans-Serif;
text-align: left;
background:#025577;
}
a{
text-decoration: none;
color: #86a03f;
}
a:hover{
text-decoration: none;
color: #7c9734;
}
a img {
border-width:0;
}
table {
border: 1px solid #006189;
margin: 0 -1px 24px 0;
text-align: left;
width: 100%;
}
tr th,
thead th {
border: 1px solid #006189;
background: #006189;
color: #fff;
font-size: 12px;
font-weight: bold;
line-height: 18px;
padding: 9px 24px;
}
tr td {
border: 1px solid #006189;
padding: 6px 24px;
}
tr.odd td {
background: #006189;
}
/* Header
-----------------------------------------------
*/
#header-wrapper {
width: 800px;
height:470px;
margin:0 auto;
}
#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}
#header {
width: 800px;
text-align:left;
padding-top:80px;
height:180px;
}
#header h1 {
font-family: arial, serif;
color: #fff;
font-style:italic;
padding-left: 30px;
font-size: 33px;
text-shadow:0 2px 0 #000;
}
#header a {
color: #fff;
text-decoration:none;
}
#header a:hover {
color: #fff;
text-decoration:none;
}
#header .description {
margin:-5px;
padding:0px 0 10px 40px;
text-transform:normal;
letter-spacing:0em;
line-height: 1.4em;
font: normal 12px 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
color: #f0f0f0;
}
#header img {
margin-left: auto;
margin-right: auto;
}
/* Nav
-----------------------------------------------
*/
#PageList1 {
padding:0px 70px 0px 70px;
font-size:20px;
float: left;
width: 780px;
height: 0px;
margin-top:100px;
}
.PageList li a {
padding:4px;
float: left;
color:#f0f0f0;
text-decoration: none;
text-align:center;
text-transform:uppercase;
font-weight:bold;
}
.PageList li a:hover{
color:#fefefe;
text-decoration: none;
}
.crosscol .PageList li, .footer .PageList li {
float:left;
list-style:none outside none;
}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width:800px;
text-align:left;
margin:0 auto;
}
#wrapbg {
background: url(http://1.bp.blogspot.com/_Zg9sSZhWBsI/TcBr4HmbbmI/AAAAAAAACU0/LXf5YB_Il9o/s000/background-love-earth.jpg) no-repeat top center;
margin: 0 auto;
}
#wrap {
background:url(http://3.bp.blogspot.com/_Zg9sSZhWBsI/TcBr4tSaB-I/AAAAAAAACU4/qIBq6T-Gp6U/s000/main-bg.jpg) repeat-y center;
margin: 0px auto 0px -1px;
}
#content-wrapper{
}
#main-wrapper {
width: 490px;
float: left;
margin-left:30px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
margin-right:7px;
width: 270px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
.rss {
display:none;
border:none;
cursor:pointer;
float:right;
margin:0px 70px 20px 0px;
width:130px;
height:130px;
}
/* Headings
----------------------------------------------- */
h2 {
margin:1.5em 0 .75em;
font: 25px 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
line-height: 1.4em;
text-transform:normal;
letter-spacing:0em;
color:#999999;
}
/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:0em 0 .75em;
font: italic 100% 'Georgia',Trebuchet,Arial,Verdana,Sans-serif;
line-height: 0.8em;
text-transform:none;
letter-spacing:0em;
color:#999999;
}
.post {
margin:.5em 0 1.5em;
padding-bottom:3.5em;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:25px;
font-weight:normal;
line-height:1.4em;
color:#859f3e;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#859f3e;
font-weight:normal;
}
.post h3 strong, .post h3 a:hover {
color:#799332;
}
.post-body {
margin:1em 0 1em 0;
line-height:1.6em;
}
.post ul {
margin: 5px 0px 5px 20px;
padding: 0px 0px 0px 0px;
}
.post ol {
margin: 5px 0px 5px 20px;
padding: 0px 0px 0px 0px;
}
.post ol li {
margin: 5px 0px 5px 10px;
padding: 0px;
}
.post-footer {
font-size: 11px;
color: #cccccc;
margin-bottom: 5px;
padding:5px 5px 5px 5px;
border-top: 1px dotted #fff;
}
.post-footer a {
color: #c4c2c2;
text-decoration:none;
}
.post-footer a:hover {
color: #bdb9b9;
text-decoration:none;
}
.comment-link {
float: right;
margin-left:.6em;
padding-left: 20px;
background: url(http://4.bp.blogspot.com/_Zg9sSZhWBsI/TcBr48OOmFI/AAAAAAAACU8/_vA8H3MmN3k/s000/comments.gif) no-repeat;
margin-left:.6em;
}
.post img {
background:#3a3432;
padding:2px;
border:1px solid #cccccc;
}
.post blockquote {
font-size:15px;
color: #2698c8;
font-style:italic;
padding: 0 10px;
margin: 20px 30px;
line-height: 13px;
border-left: 3px solid #003145;
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
overflow: auto;
color: #2698c8;
padding: 0 10px;
margin: 20px 30px;
line-height: 1.8em;
margin:1em 20px;
}
/* Comments
----------------------------------------------- */
#comments a {
color: #CCCCCC;
text-decoration:none;
font-stlye:italic;
}
#comments a:hover {
color: #CCCCCC;
text-decoration:none;
font-stlye:italic;
}
#comments h4 {
color:#fefefe;
font-size:15px;
font-weight:bold;
letter-spacing:0;
line-height:1.4em;
margin:1em 0;
text-transform:none;
}
#comments-block {
line-height:1.6em;
margin:1em 0 1.5em;
}
#comments-block .comment-author {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#02374c none repeat scroll 0 0;
margin:0.5em 0;
padding-bottom:4px;
padding-left:8px;
padding-top:4px;
}
#comments-block .comment-body {
border-left:1px solid #02374c;
border-right:1px solid #02374c;
margin-top:-7px;
padding-left:10px;
padding-top:10px;
}
#comments-block .comment-footer {
border-bottom:1px solid #02374c;
border-left:1px solid #02374c;
border-right:1px solid #02374c;
font-size:11px;
line-height:1.4em;
margin:-0.25em 0 2em;
padding-bottom:5px;
padding-left:10px;
text-transform:none;
}
#comments-block .comment-body p {
margin:0;
padding-bottom:15px;
}
.deleted-comment {
color:gray;
font-style:italic;
}
#blog-pager-newer-link {
background:#02384e;
border: 2px solid #003145;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 2px;
float: left;
padding:5px;
}
#blog-pager a{
color:#fefefe;
text-decoration:none;
}
#blog-pager a:hover{
color:#fafafa;
text-decoration:none;
}
#blog-pager-older-link {
background:#02384e;
border: 2px solid #003145;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 2px;
float: right;
padding:5px;
}
#blog-pager {
text-align: center;
}
.feed-links {
background:transparent url(http://4.bp.blogspot.com/_Zg9sSZhWBsI/TcBr5NqhkaI/AAAAAAAACVA/DbIousS_dM8/s000/rss_feed.png) no-repeat scroll left center;
padding-left:20px;
clear: both;
margin-top: 20px;
}
/* Sidebar Content
----------------------------------------------- */
.sidebar {
color: #CCCCCC;
line-height: 1.0em;
float: right;
width: 230px;
padding: 5px 14px;
margin-bottom: 20px;
}
.sidebar a {
color: #CCCCCC;
text-decoration:none;
}
.sidebar a:hover {
color: #CCCCCC;
text-decoration:none;
}
.sidebar h2 {
line-height: 0.5em;
margin-top: 0px;
font-size: 12px;
text-transform: uppercase;
color: #fff;
text-shadow:1px 1px 1px #2c2b2b;
padding:18px 21px 21px 20px;
background: url(http://4.bp.blogspot.com/_Zg9sSZhWBsI/TcBr5Sx8JrI/AAAAAAAACVE/Juoy8XNDTfk/s000/sidebar.gif) no-repeat left top;
}
.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
list-style-type:none;
padding-left:15px;
margin-left:0px;
line-height:13px;
background: url(http://3.bp.blogspot.com/_Zg9sSZhWBsI/TcBr53t9AbI/AAAAAAAACVI/lYU5KhzXoxc/s000/bullet.gif) left no-repeat;
}
.sidebar .widget{
margin-bottom: 20px;
}
.widget-content{
}
.main .Blog {
border-bottom-width: 0;
}
/* Profile
----------------------------------------------- */
.profile-img {
float: left;
margin-top: 0;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 0;
padding: 4px;
border: 1px solid #cccccc;
}
.profile-data {
margin:0;
text-transform:normal;
letter-spacing:.1em;
font: normal normal 120% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
color: #666;
font-weight: bold;
line-height: 1.6em;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}
.profile-link {
font: italic normal 100% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
text-transform: normal;
letter-spacing: 0em;
}
/* Footer
----------------------------------------------- */
#footer{
background:#025577 url(http://2.bp.blogspot.com/_Zg9sSZhWBsI/TcBr6HTqTzI/AAAAAAAACVM/xrrTUZwfWtc/s000/footer-bg.jpg) no-repeat top center;
clear: both;
margin: 0px auto 0px 2px;
height: 220px;
}
.text{
text-align: center;
color:#fff;
padding-top:180px;
font-size:12px;
line-height:7px;
}
.bawah p{
margin:0px;
font-size:11px;
}
.text a {
color: #f0f0f0;
text-decoration:none;
text-shadow:0 1px 0 #000;
}
.text a:hover {
color: #fefefe;
text-decoration:none;
text-shadow:0 1px 0 #000;
}
/* Menu Post
----------------------------------------------- */
.jump-link{
font-family: Georgia, Times New Roman, Arial, Helvetica, sans-serif;
text-align: center;
color: #fff;
border: none;
padding:3px;
margin:5px 5px 15px 5px;
width:130px;
font-size:14px;
}
.jump-link a{
text-decoration:none;
color: #f0f0f0;
}
.jump-link a:hover{
text-decoration:none;
color: #f0f0f0;
}
.star-ratings{
margin-top: 8px;
display: inline;
float: left;
}
.post-location{
float: left;
diplay: block;
}
.post-labels {
float: left;
margin-left:.6em;
padding-left: 20px;
background: url(http://2.bp.blogspot.com/_Zg9sSZhWBsI/TcBr6RqH3eI/AAAAAAAACVQ/cWHuZ-FGl9E/s000/PostCateg.png) no-repeat;
margin-left:.6em;
}
.post-body img {max-width:99%;}
]]>
-
-