/*
Theme Name: Cryptomonadales
Theme URI: http://www.WiseLogo.com/
Description: This Themes Designed by WiseLogo.com
Request Your Customed Theme Design By Clicking Here or Visit Us At www.wiselogo.com
Would You Like To Make Logo For Your Company Clicking Here To Sign Up For Order.
Version: 3.0
Author: Thomas Joseph
Author URI: http://www.WiseLogo.com
*/
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{
margin:0;
padding:0;
}
ul{
list-style: none;
}
a{
color:#000;
text-decoration:none;
}
a:hover{
color:#000;
text-decoration:underline;
}
a img{
border:0;
}
.clear{
clear:both;
}
body{
margin:0px;
padding:0px;
margin-bottom:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
background-image: url(images/pattern.gif);
color:#000;
}
#page{
width:950px;
margin:0px auto;
}
/* HEADER */
#header{
width:100%;
height:162px;
background:url(http://lifeandpleasure.com/wp-content/themes/Cryptomonadales/images/Header.jpg) no-repeat top left;
}
#header h1{
color:#000000;
font-size:30px;
padding-top:10px;
padding-left:30px;
font-weight:normal;
font-style:italic;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
}
#header_title h1 a{
color:#000000;
}
#header_title .description{
font-size:12px;
color:#000000;
padding-left:55px;
font-style:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#header_title{
float:left;
width:100%;
}
#menu_search{
float:right;
width:49.9%;
text-align:right;
}
#searchform_top{
margin-top:40px;
margin-right:15px;
}
#searchform_top_text{
width:210px;
border:1px solid #000000;
background:none;
color:#ffffff;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:5px;
}
#gosearch{
position:relative;
top:10px;
}
/* MENU */
#menu{
width:100%;
height:41px;
background:url(images/menu_bg.gif) repeat-x left top;
}
#menu_items{
padding-top:10px;
padding-left:10px;
text-transform:capitalize;
font-size:17px;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
color:#fff;
}
#menu_items div{
float:left;
background:none;
padding-left:10px;
padding-right:15px;
}
#menu_items a{
color:#fff;
}
#menu_items li{
display:inline;
list-style-type: none;
padding-right:15px;
padding-left:10px;
}
/* heading */
#heading{
background:#fff;
padding-top:8px;
float:left;
}
#heading_box{
background:#f2f2f2;
border:1px solid #e2e2e2;
margin-left:8px;
margin-right:8px;
padding-bottom:5px;
float:left;
}
.heading_item{
width:290px;
float:left;
padding-left:10px;
padding-right:10px;
padding-bottom:20px;
border-left:1px #ccc solid;
border-right:1px #ccc solid;
line-height:17px;
color:#000000;
}
.heading_item_no_bg{
background:none;
width:290px;
border:0px;
}
.heading_item_no_bg2{
background:none;
width:290px;
border:0px;
}
.heading_item a{
color:#000000;
}
.heading_item h2{
background:url(images/heading_item_h2.gif) no-repeat left top;
font-size:17px;
color:#ffffff;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
font-weight:normal;
padding-left:10px;
padding-top:11px;
padding-bottom:11px;
margin-bottom:10px;
margin-top:5px;
}
/* BODY */
#body{
width:100%;
float:left;
background:#fff;
}
#body_top{
width:100%;
float:left;
}
#body_left{
width:630px;
float:left;
padding-bottom:40px;
}
#body_right{
width:320px;
float:right;
}
/* left contact */
#body_left_content{
width:607px;
padding-top:15px;
margin-left:8px;
}
.post{
background:url(images/post-top_bg.gif) no-repeat top left;
width:100%;
}
.post-top{
}
.post-date{
float:left;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:48px;
text-align:center;
color:#ffffff;
padding-top:13px;
text-transform:uppercase;
font-weight:bold;
}
.post-title{
float:right;
color:#990000;
width:559px;
}
.post-date p{
font-size:24px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
}
.post-title h1{
font-size:24px;
color:#990000;
margin-left:10px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}
.post-title h3{
font-weight:normal;
margin-left:10px;
border-bottom:3px solid #a7a7a7;
padding-bottom:8px;
color:#000;
font-size:10px;
}
.post-title h1 a{
color:#990000;
}
.post-title h3 a{
color:#660000;
font-weight:bold
}
.entry{
line-height:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-top:5px;
padding-left:0px;
padding-right:5px;
padding-bottom:20px;
}
.entry p {
margin:20px;
}
.post-bookmark{
margin-left:8px;
margin-bottom:4px;
padding-top:5px;
padding-bottom:5px;
padding-right:10px;
background:#cccccc;
text-align:right;
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}
.post-bookmark span{
position:relative;
top:-5px;
}
.post-bookmark span a{
color:#333333;
}
.postmetadata{
margin-left:8px;
margin-bottom:30px;
padding-top:5px;
padding-bottom:5px;
height:30px;
background:url(images/postmetadata_bg.gif) no-repeat top left;
}
.postmetadata img{
float:right;
}
.postmetadata a{
color:#fff;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}
.postmetadata a:hover{
color:#fff;
}
.postmetadata a span{
color:#fff;
}
.postmetadata .alignleft{
padding-top:6px;
padding-left:10px;
}
.postmetadata .alignright{
text-align:center;
padding-top:8px;
padding-right:20px;
}
a.readmore:hover{
color:#000;
}
.post-page{
padding-right:10px;
}
.post-page h1{
font-size:18px;
color:#660000;
font-weight:normal;
font-style:italic;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
margin-left:20px;
padding-top:2px;
padding-bottom:5px;
background:url(images/commentlist_line.gif) repeat-x bottom left;
}
.post-page .entry{
color:#000000;
padding-top:10px;
margin-left:12px;
}
strong{
color:#ff6600;
}
#related_box{
border:1px dashed #cccccc;
margin-left:10px;
margin-bottom:20px;
padding:10px;
}
#related_box h2{
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
color:#ce641d;
border-bottom:3px solid #edf9ff;
padding-bottom:5px;
margin-bottom:10px;
}
#related_box ul{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin-left:15px;
font-weight:bold;
color:#660000;
}
#related_box ul li{
padding-bottom:5px;
}
#related_box li a{
color:#660000;
background:url(images/related_box_li.gif) no-repeat left 2px;
padding-left:13px;
}
/* right content */
#body_right_content{
}
#sidebar{
width:320px;
float:left;
background:#cccccc url(images/sidebar_end.gif) no-repeat left bottom;
}
#sidebars h2{
background:url(images/sidebars_h2.gif) no-repeat top left;
font-size:16px;
color:#fff;
padding-left:10px;
padding-top:8px;
padding-bottom:10px;
margin-bottom:5px;
text-transform:capitalize;
font-weight:bold;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
}
#sidebars ul{
color:#000000;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
list-style-position: inside;
}
#sidebars li ul{
background:none;
padding-bottom:8px;
margin-left:10px;
list-style-position: inside;
}
#sidebars li ul li ul{
padding-left:10px;
background:none;
padding-bottom:0px;
margin-left:0px;
}
#sidebars li ul li ul li ul{
padding-left:0px;
}
#sidebars li{
margin-bottom:0px;
background:none;
}
#sidebars li li{
margin-bottom:0px;
padding-bottom:0px;
padding-right:3px;
padding-left:5px;
padding-bottom:3px;
}
#sidebars li li li{
background:none;
border:0px;
padding-bottom:2px;
}
#sidebars li a{
color:#660000;
}
#sidebar_rss{
padding-top:15px;
padding-bottom:20px;
padding-left:40px;
}
#sidebar_rss img{
float:left;
padding-bottom:5px;
}
#sidebar_rss li{
clear:both;
}
#sidebar_rss a{
color:#000000 !important;
font-size:18px !important;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif !important;
font-weight:bold !important;
position:relative;
top:5px;
left:5px;
}
.widget_text{
padding-bottom:10px;
}
.textwidget{
padding-left:10px;
}
/* categories */
#categories{
background:#81ab27;
padding:30px 10px 10px 10px;
clear:both;
}
#categories_box{
background:#54732f;
padding:10px 25px 10px 15px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:13px;
}
#categories_box h2{
font-size:15px;
border-bottom:1px solid #fff;
padding-bottom:5px;
margin-bottom:5px;
width:99%;
}
#categories_box div{
line-height:25px;
padding-bottom:10px;
}
.c_items{
float:left;
width:20%;
padding-bottom:0px;
text-align:left;
}
#categories_box div a{
line-height:12px;
color:#FFFFFF;
font-weight:bold;
display:inline;
}
/* footer_sidebar */
#footer_sidebar{
padding-top:10px;
padding-bottom:20px;
float:left;
width:100%;
background:#333333;
}
.footer_sidebar_item{
float:left;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:285px;
padding:10px;
padding-left:20px;
}
.footer_sidebar_item h2{
font-size:15px;
padding-bottom:10px;
}
.footer_sidebar_item a{
color:#fff;
}
.footer_sidebar_item a:hover{
color:#660000;
}
.footer_sidebar_item ul{
margin-left:10px;
}
.footer_sidebar_item ul li{
background:url(images/footer_sidebar_item_li.gif) no-repeat left 4px;
padding-left:10px;
padding-bottom:3px;
}
/* FOOTER */
#footer{
width:100%;
height:45px;
background:url(images/footer_bg.gif) no-repeat top left;
clear:both;
}
#footer_text{
color:#fff;
padding-left:20px;
padding-top:10px;
float:left;
width:50%;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}
#footer_copyrights{
text-align:right;
padding-right:8px;
padding-top:15px;
float:right;
width:40%;
}
#footer_text a{
color:#fff;
}
/* Begin Typography & Colors */
#wp-calendar #prev a, #wp-calendar #next a {
font-size: 9pt;
}
#wp-calendar a {
text-decoration: none;
}
#wp-calendar caption {
font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-align: center;
}
#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}
/* End Typography & Colors */
/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}
/* Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left
}
/* End Images */
/* Begin Calendar */
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 90%;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}
#wp-calendar a {
display: block;
}
#wp-calendar caption {
text-align: center;
width: 100%;
}
#wp-calendar td {
padding: 3px 0;
text-align: center;
}
#wp-calendar td.pad:hover { /* Doesn't work in IE */
background-color: #fff; }
/* End Calendar */
/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
cursor: help;
}
acronym, abbr {
border-bottom: 1px dashed #999;
}
blockquote {
margin: 15px 30px 10px 10px;
padding-left: 20px;
padding-bottom:5px;
background:url(images/blockquote_bg.gif) repeat-y left top;
}
blockquote blockquote{
background:url(images/blockquote_bg2.gif) repeat-y left top;
}
blockquote cite {
margin: 5px 0 0;
display: block;
}
.center {
text-align: center;
}
hr {
display: none;
}
a img {
border: none;
}
.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
font-weight:bold;
clear:both;
}
/* End Various Tags & Classes*/
/* Begin Lists
Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to normal bullets. */
html>body .entry ul {
margin-left: 10px;
padding: 0 0 0 30px;
list-style-position: inside;
list-style-type: disc;
padding-left: 20px;
text-indent: -10px;
}
html>body .entry li {
margin: 7px 0 8px 10px;
}
.entry ol {
padding: 0 0 0 35px;
margin: 0;
}
.entry ol li {
margin: 0;
padding: 0;
}
.postmetadata ul, .postmetadata li {
display: inline;
list-style-type: none;
list-style-image: none;
}
ol li{
list-style: decimal outside;
}
/* End Entry Lists */
/* Begin Form Elements */
#searchform {
margin: 10px auto;
padding: 5px 3px;
text-align: center;
}
#sidebar #searchform #s {
width: 108px;
padding: 2px;
}
#sidebar #searchsubmit {
padding: 1px;
}
.entry form { /* This is mainly for password protected posts, makes them look better. */
text-align:center;
}
select {
width: 130px;
}
#commentform{
width:500px;
}
#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
}
#commentform textarea {
width: 350px;
padding: 2px;
}
#commentform #submit {
margin: 0;
width:131px;
height:25px;
}
/* End Form Elements */
/* Begin Comments*/
h2#comment_title{
font-size:21px;
color:#000;
margin-bottom:10px;
margin-left:30px;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
font-weight:normal;
}
h3#comments{
font-size:13px;
color:#000000;
margin-left:30px;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
}
.alt {
margin: 0;
padding: 10px;
}
.commentlist {
padding: 0;
text-align: justify;
margin-left:30px;
color:#4c4c4c;
margin-left:30px;
}
.commentlist li {
margin: 15px 0 3px;
padding: 5px 0px 3px;
list-style: none;
background:url(images/commentlist_line.gif) repeat-x bottom left;
}
.commentlist li li {
margin: 0px;
padding: 5px 10px 5px;
border-bottom:0px;
background:none;
}
.commentlist p {
margin: 10px 5px 10px 0;
}
#commentform p {
margin: 5px 0;
}
.nocomments {
text-align: center;
margin: 0;
padding: 0;
}
.commentmetadata {
margin: 0;
display: block;
color:#000000;
background:#edf9ff;
padding:6px 0px 6px 10px;
}
.commentmetadata a{
color:#b62121;
font-weight:bold;
}
#respond_box{
background:url(images/respond_box.gif) no-repeat top left;
margin-top:40px;
margin-left:20px;
padding-bottom:60px;
}
h3#respond{
font-size:21px;
color:#000;
margin-left:10px;
padding-top:15px;
padding-bottom:25px;
font-weight:normal;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
}
#commentform{
margin-left:35px;
color:#000000;
}
#commentform a{
color:#000000;
}
/* End Comments */
/* Archives page */
.page_archives_div{
padding-bottom:60px;
}
.ar_panel{
width:590px;
}
.ar_panel3{
}
.page_archives_div h2{
font-size:18px;
color:#000000;
font-weight:normal;
font-style:italic;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
margin-left:20px;
margin-bottom:10px;
padding-top:2px;
padding-bottom:5px;
background:#a0bfd1;
}
.ar_panel3 h2{
padding-top:0px !important;
margin-left:0px !important;
padding-left:0px !important;
}
.ar_panel3 ul{
margin-left:0px !important;
}
.page_archives_div ul h2{
border:0px;
}
.page_archives_div ul{
margin:0px;
padding:0px;
margin-bottom:40px;
margin-left:20px;
}
.page_archives_div ul li{
margin:0px;
padding:0px;
list-style:none;
background:none;
padding-left:20px;
}
.page_archives_div ul li ul{
margin:0px;
padding:0px;
padding-left:10px;
}
.page_archives_div ul li a{
font-weight:normal;
color:#000000;
font-size:13px;
padding-left:10px;
background:url(images/page_archives_div_a.gif) no-repeat left center;
}
.page_archives_div ul li a:hover{
color:#000;
}
.page_archives_div ul li{
padding-top:5px;
padding-bottom:5px;
border-bottom:1px solid #e5e5e5;
}
.page_archives_div ul li ul li{
border-bottom:0px;
}
/* "Berbagai Penyakit telah disembukan dengan hadirnya Cryptomonadales" */
img.MyAvatars
{
float : left !important;
padding-right:10px;
padding-bottom:10px;
}