/*

Theme Name: theme01
Description: theme01
Theme URI: http://www.bluefrog-creative.com
Author: wan
Author URI: http://wwww.bluefrog-creative.com
version: 1.0

*/



/* basics */


body {background:/*url(images/pattern.png)no-repeat bottom right fixed*/ #0033FF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000; margin:0;}
h1 {font-size:18pt;}
h2 {font-size:14pt; margin-top:10px; font-family:Geneva, Arial, Helvetica, sans-serif;}
h3 {font-size:10pt; margin-top:10px;}
h6 {margin:0; padding:0; font-weight:normal; color:#619FBB;}
blockquote {background:#323232; color:#fff; margin:15px; padding:12px;}
code {font-family:"Courier New", Courier, monospace; margin:10px;}
a {color:#000; text-decoration:none; border:none;}
a:hover {color:#0033FF; text-decoration:underline; border:none;}
strong {font-weight:900;}
ol {display:list-item; padding-left:19px;}
ol li {list-style-type:decimal;}

#top-pink {height:2px; width:100%; background:#85bc00;}
.atas {color:#CFC; font-size:1px;}

img {border:none; padding:3px;}
img a {border:none;}
img.left {float:left; border:none; padding:6px;}
img.right {float:right; border:none; padding:6px;}

.border {border:1px solid #000;}
	
.wp-caption-text {color:#666; font-size:0.8em; padding:2px 4px 5px;}
.wp-caption {-moz-border-radius:3px; background-color:#F3F3F3; border:1px solid #DDD; display:block; max-width:96%; padding-top:4px; text-align:center; height:auto;}
.aligncenter {display:block; margin-left:auto; margin-right:auto;}
.alignleft {float:left; margin-right:15px; padding:5px;}
.alignright {float:right; margin-left:15px; padding:5px;}

#wrapper {width:1060px; margin:0 auto; padding:13px; background:#00D7FF;}
#container {background:#FFF; margin:0 auto; }

#header {background:url(images/head.png) no-repeat center top #fff; margin-bottom:10px; height:150px;}
#header h1 {font-family:palatino linotype, georgia, arial, times; font-size:16pt; font-weight:300; letter-spacing:1px; margin:0; padding:120px 0 0 16px;}
#header h1 a {color:#404040; text-decoration:none;}
#header h2 {font-family:palatino linotype, georgia, arial, times; font-size:10pt; font-weight:bold; font-style:italic; color:#404040; letter-spacing:1px; margin:0; padding:0 0 0 18px;}
#header #sf {margin:120px 10px 0 0; float:right;}

#widget {background:#fff; margin:10px 0; padding:3px; min-height:20px; text-align:center;}

#menu {background:/*url(images/menubg.png) no-repeat;*/#fff; font-family:verdana, arial, times, serif; font-size:8pt; height:36px; padding-top:3px;}
#menu ul {/*text-align:center;*/ margin:0; padding:0; color:#0033FF;}
#menu ul li {list-style-type:none; float:left; margin:0; padding:0;}
#menu ul li a {text-decoration:none; color:#000;	/*color:#d51f39;*/ font-weight:bold; text-transform:uppercase; margin:0; padding:3px; background:#E1E1E1;}
#menu ul li a:hover {/*color:#11263a;*/ background:#0033FF; color:#fff; text-decoration:none;}

#menu ul.cat {clear:left; margin-top:10px;}
#menu ul.cat li a {font-weight:normal; background:none; text-transform:capitalize; padding:10px 10px 0 10px;}
#menu ul.cat li a:hover {text-decoration:underline; color:#000;}


#content {float:left; width:500px; overflow:hidden; text-align:justify; padding:0px 10px 10px 10px; margin:0 10px; line-height:11pt;}
#content h2 {/*padding-left:5px;*/ font-weight:bold;}
#content .archivetitle {padding-left:16px;}


#content div.left {background:#f4f4f4;}
#content div.author {font-size:7pt; font-family:verdana, arial, tahoma; margin-bottom:15px;}
#content div.right {float:right; width:50px; background:url(images/comment.png) no-repeat center; text-align:center; margin:0; padding:4px 0 5px;}
#content div.right a {color:#fff;}
#content div.right a:hover {color:#ddd;}

.post {line-height:14pt; margin:0 auto; /*padding:0px 10px 10px 10px;*/}
.post img {padding:-5px; margin:5px; /*margin:0 10px 5px 0;*/}
.post img.aligncenter {text-align:center;}
.post h2 {font-weight:bold; color:#000; padding:0;}
.post h2 a {color:#000; text-decoration:none;}
.post a {text-decoration:underline;}
.entry p {margin:10px 0; line-height:11pt;}

.postmetadata {clear:both; border-top:1px dashed #fff; margin-top:6px; padding:2px;}
.navigation {height:30px; font-size:12px; margin-top:30px;}
.devider {/*background:url(images/devider.png) no-repeat center; width:495px;*/ height:25px; clear:both;}

#sidebar { margin:0 0 24px; padding:0;}
#sidebar h2 {font-weight:bold; font-size:14px; text-align:left; margin:0 0 10px; padding:0; border-bottom:1px dashed #fff;}
#sidebar p {margin:0; padding:0 6px 0 12px;}
#sidebar img {margin:0; padding:0;}
#sidebar ul {list-style-type:none; margin:12px; padding:0;}
#sidebar ul li {margin-bottom:10px; line-height:10pt; list-style-type:none; padding:0;}
#sidebar ul ul {margin:1px 0 6px; padding:0;}
#sidebar ul ul li {list-style-type:none; border-left:2px solid #c0c0c0; border-bottom:2px solid #fff; padding-left:5px; margin:0;}
#sidebar ul ul ul li {color:#898989; padding:0 0 0 15px; padding-bottom:10px;}

.floatleft {float:left; width:200px;}
.floatright {float:right; width:315px;}
#sidebar.floatright ul ul li, #sidebar.floatleft ul ul li {margin-bottom:5px;}

#commentssection {clear:both; margin:0; padding:2px;}
#commentssection h3 {font-family:georgia, times, verdana; font-size:12pt; font-weight:300; font-style:normal; color:#fff;}
#commentform {border:1px dotted #98aaaf; margin:0px; padding:20px;}
#commentform a { color:#000; text-decoration:none; border-bottom:1px dotted #465D71; line-height:14pt;}
#commentform h3 {font-family:georgia, times, verdana; font-size:10pt; font-weight:300; color:#000;}
#commentbox {width:75%; min-width:400px; margin:5px 5px 0 0;}
#author, #email, #url, #commentbox, #submit {background:#fff; font-family:verdana, arial, times; font-size:8pt; border:1px solid #B2B2B2; margin:5px 5px 0 0; padding:6px;}
#submit {margin:5px 5px 0 0;}
ol.commentlist {list-style-type:none;}
ol.commentlist li {font-family:verdana, arial, times; font-size:11px; overflow:hidden; margin:10px 0; padding:5px 0 5px 10px; border:1px dotted #000;}
ol.commentlist li.alt {border:1px dotted #000;/*border-top:1px dashed #ddd; border-bottom:1px dashed #ddd;*/ }
ol.commentlist li p {line-height:14pt; margin:0; padding:0 12px 0 0;}
.alt {background:#ccc;}
#commentform p, ol.commentlist a {color:#000;}

.comment_text {clear:both; padding-left:55px;}

.avatar {float:left; margin:0; padding: 0;}
cite {font-family:arial, verdana, tahoma; font-size:9pt; font-weight:700; font-style:normal;}
cite a {color:#fff; text-decoration:none; border-bottom:1px dotted #465D71;}

#bottomcontent {margin:10px; padding:5px; border-top:1px #000 solid; clear:both;}
#bottomcontent #w1 {float:left; width:350px; text-align:center;} 
#bottomcontent #w2 {float:left; width:325px; text-align:center;}
#bottomcontent #w3 {float:right; width:350px; text-align:center;}

/* bottom  widget */
.twtr-doc {text-align:center; margin:0 auto;}
.textwidget {margin-bottom:10px;}

#searchform {font-family:verdana, arial, times; padding:0 0 6px 0;}
#searchform input#s {font-family:verdana, arial, times; font-size:8pt; border:1px solid #B7B7B7; margin:0; padding:2px;}
#searchform input#searchsubmit {font-family:verdana, arial, times; font-size:7pt; border:1px solid #B7B7B7; background-color:#fff; color:#797979; margin:2px 0; padding:2px;}

#footer {clear:both; width:100%; margin-bottom:15px; font-family:verdana, arial, tahoma; font-size:7pt; padding-top:20px; padding-bottom:10px; text-align:center;}
#footer p {color:#eee; margin:0; padding:6px;}
#footer a {color:#C40C04; text-decoration:none;}
#footer a:hover {color:#C40C04; text-decoration:underline;}


div.clear {clear:both; height:1px; font-size:1px; line-height:1px;}

*, #sidebar ul ul ul {margin:0; padding:0; list-style-type:none;}

#header h1 a:hover, .post h2 a:hover {color:#0033ff; text-decoration:none;}

.custom_image {float: left; width: 113px; height:113px; padding-top:-10px; border: 1px dotted #fff;}
.main-post-bg {background: #000; display: block; height: 100px; position: relative; margin: 0 0 7px 0; width: 100px; overflow: hidden;}
.imagex {width:100px; height:100px;}
.textpreview {float: right;	text-align: left; width: 305px; text-align:justify; margin-top: -7px;}
.headerlink {font-size: 1px;}

.tags {border:1px black solid; padding:5px;}

.sharetw {float:right; margin-left:10px;}
.sharefb {margin-left:10px; clear:right; float:right;}

/* landing page */
#landing {width:1000; margin:0 auto; padding:0 15px;}

/* share/save */
	.addtoany_share_save_container{margin:3px 0 0 10px; float:right;}
	ul.addtoany_list{
		display:inline;
		list-style-type:none;
		margin:0 !important;
		padding:0 !important;
		text-indent:0 !important;
	}
	ul.addtoany_list li{
		background:none !important;
		border:0;
		display:inline !important;
		line-height:32px;
		list-style-type:none;
		margin:0 !important;
		padding:0 !important;
	}
	ul.addtoany_list li:before{content:"";}
	ul.addtoany_list li a{padding:0;}
	ul.addtoany_list img{
		float:none;
		border:0;
		margin:0;
		padding:0;
		vertical-align:middle;
	}
	ul.addtoany_list a img{
		opacity:.7;
	}
	ul.addtoany_list a:hover img, ul.addtoany_list a.addtoany_share_save img{
		opacity:1;
	}
	a.addtoany_share_save img{border:0;width:auto;height:auto;}

/************cat fish**************/

div#catfish {
	display: none; /* Stops catfish appearing before the page is fully loaded */
	background-color: #FFFFFF;
	text-align: center;
	height:100px;
	margin:0 auto;
	padding-left:0;
}
div#catfish a#catfish-close {
	position: absolute;
	top: 5px;
	right: 15px;
	color: black;
	font-size:14px;
}
div#catfish iframe {
	padding-top: 5px;
	padding-bottom: 5px;
}

/************************************/