/*
Theme Name: Provoke Theme
Theme URI: http://simple-indonesia.com/
Description: Custom Theme developed for Provoke
Version: 1.0
Author: Richard Fang, Bloggingly
Tags: Two Column, Custom
*/

/* Import */
@import url('reset.css');

/* Global Element */
body			{background:url(images/paper-background.jpg); font-family:arial;}
a					{color:#F20D48; text-decoration:none;}
a:hover		{text-decoration:underline;}
h1,h2,h3,
h4,h5,h6	{font-weight:normal;}

.no-underline a:hover,
a.no-underline:hover	{text-decoration:none;}

/* Wrapper - Container */
.wrapper	{float:left; width:100%;}
.wrap			{margin:0 auto; overflow:auto; width:960px;}

/* Main Area */
#header				{height:200px; margin:20px 10px 20px 10px; overflow:auto; position:relative;}
#main					{margin:-11px 10px 0 10px; width:940px;}
#main-inside	{float:left; width:940px; background:#fff;}
#body					{float:left; width:640px;}
#sidebar			{float:left; margin:0 0 10px 0; width:300px;}
#footer				{color:#fff; margin:0 10px; width:940px;}

/* Header */
#site-name				{font-family:georgia; font-size:45px; float:left; width:940px; height:200px; text-indent:-99999px; background:#fff;}
#header-designer	{background:url(images/shadow-4x4.png); padding:3px 8px; color:#fff; font-size:11px; right:0; bottom:0; position:absolute;}

/* Featured */
#featured									{height:180px; margin:0 10px 20px 10px; width:940px;}
a.feature-main-link	{background:#F20D48; float:left; height:170px; margin:0 0 0 20px; padding:5px; position:relative; width:290px;}
a.feature-main-link:first-child		{margin:0;}
a.feature-main-link:hover					{background:#000;}
#featured img							{float:left; height:170px; position:relative; width:290px;}
.featured-cat							{background:#FFE95F; float:left; font-style:italic; font-size:12px; font-weight:bold; letter-spacing:-0.9px; margin-bottom:-27px; padding:5px; position:relative; z-index:3;}
.featured-title						{background:url(images/shadow-4x4.png); color:#fff; font-weight:bold; float:left; position:absolute; bottom:5px; padding:10px; width:270px;}

/* Top Navigation */
#topnav								{background:url(images/sprites.png) no-repeat 0 -288px; height:56px; overflow:auto;}
#topnav ul						{float:left; margin:0 0 0 20px; padding:0;}
#topnav ul li					{display:inline; margin:0;}
#topnav ul li a				{border-right:1px solid #aeaba4; color:#fff; float:left; font-weight:bold; margin:0; padding:13px 10px;}
#topnav ul li a:hover	{background:#969696;}

/* Body */
.post						{float:left; margin:0 0 10px 0; width:640px;}
.post-title			{margin:15px 20px 0 20px; padding:0 2px; font-size:40px; letter-spacing:-2px;}
.post-title a		{color:#000;font-weight:bold;}
.post-title a:hover{color:#F20D48;}
.post-metadata	{background:url(images/sprites.png) no-repeat 0 -386px; font-size:13px; height:40px; margin:13px 20px 0 20px; width:600px;}
.post-info			{float:left; padding:7px 3px 7px 14px; width:422px;}
.post-info a		{color:#000; font-weight:bold;}
.comment-popup a {color:#fff; float:right; font-weight:bold; font-size:15px; width:145px; height:25px; margin:8px 0 0 0; padding:7px 0 0px 0; background:#c1c1c1; text-align:center;}
.post-content		{color:#000; font-size:14px; margin:0 20px; padding:10px 0; line-height:1.7; width:600px;}
.more-link			{background:#E60843; color:#fff; font-size:16px; font-weight:bold; float:right; padding:3px 15px;}
a.more-link:hover{background:#000; text-decoration:none;}

.post-ad				{background:#B2B2B2; float:left; height:90px; margin:17px 0 5px 0; width:600px;}
.single-post-ad	{margin-left:20px;}
.post-content .post-ad img		{padding:0;}

#page-navigation	{float:left; width:590px; margin:0 25px 47px 25px;}
#page-navigation a{color:#fff; font-weight:bold; font-size:15px; padding:6px 13px;}
#newer-entries a	{background:url(images/sprites.png) no-repeat -833px -391px #c7c7c7; float:right;}
#older-entries a	{background:url(images/sprites.png) no-repeat -947px -427px #c7c7c7; float:left;}

/* Content Styling */
.post-content p	{margin:0 0 20px 0;}
.post-content ul{padding:0 0 0 20px; list-style:url(images/sidebar-li-icon.png); margin:0 0 20px 40px;}
.post-content ul li	{margin-bottom:15px;}
.post-content	ol{padding:0 0 0 20px; list-style:decimal; margin:0 0 20px 40px;}
.post-content ol li	{margin-bottom:15px;}
.post-content h1{font-size:30px; font-weight:bold; margin:10px 0 5px 0;}
.post-content	h2{font-family:georgia; font-size:19px; font-style:italic; margin:0 0 20px 0; line-height:1.2;}
.post-content h3{font-size:20px; font-weight:bold; margin:10px 0 5px 0; letter-spacing:-1px;}
.post-content h4{font-size:17px; font-weight:bold; margin:10px 0 5px 0;}
.post-content h5{font-size:13px; font-weight:bold; margin:10px 0 5px 0;}
.post-content h6{font-size:10px; font-weight:bold; margin:10px 0 5px 0;}
.post-content blockquote{font-size:18px; padding:20px 20px 10px 40px; font-style:italic;}
.post-content img{background:#e5e5e5; padding:6px;}
.post-content .wp-smiley	{margin:0; padding:0; background:#fff;}

/* home.php */
#slideshow			{background:#adadad; float:left; height:355px; margin:25px 0 0 20px; padding:5px; width:590px; color:#fff;}

#home-title			{background:url(images/sprites.png) no-repeat 0 -345px; font-size:13px; float:left; height:33px; margin:20px 0 0 -10px; position:relative; padding-top:7px; width:630px; z-index:4;}
#recent-article {color:#fff; float:left; font-weight:bold; font-size:15px; width: 125px; margin-top:-1px; padding:0 0 0 30px;}
#stay-updated		{font-size:12px; margin-left:25px;}

.home-category	{border-top:1px solid #b2b2b2; border-bottom:1px solid #b2b2b2; border-left:1px solid #b2b2b2; float:left; padding:4.5px 15px; width:457px;}
.home-category a{color:#000; text-decoration:underline;}

/* archive.php, search.php */
.body-title			{margin:10px;}

/* single.php */
.post-author			{background:#F5EFE3; float:left; margin:15px 0 25px 0; width:600px;}
.post-author img	{float:left; margin:10px;}
.post-author img.avatar	{background:transparent;}
.post-author-name		{float:left; margin:10px 0 10px 0; font-size:15px;}
.post-author-name a {color:#000;}
.post-author-twitter {float:right; margin:15px 20px 0 0; font-size:12px; font-style:italic; text-decoration:underline;}
.post-author-desc		{float:left; font-size:15px; width: 460px; margin:0 0 10px 0; line-height:1.7; font-size:12px;}

.spost-author span	{}
.spost-author p		{ margin:10px 10px 10px 0;}


p.single-category	{border:1px solid #b2b2b2; float:left; margin-bottom:10px; padding:4.5px 15px; width:568px;}
.single-category a{color:#000; text-decoration:underline;}

.post-share				{background:url(images/sprites.png) no-repeat 0 -487px; float:left; height:97px; margin:13px 0 0 -10px; width:630px;}
.post-share p			{color:#fff; font-size:25px; font-weight:bold; float:left; line-height:0.9; margin:20px 0 20px 45px; width:300px;}
.post-share span	{color:#E3BB28;}

.share-button			{float:right; height:64px; margin:12px; width:120px;}
.share-button .fblike_button	{float:right; width:65px; margin:0 0 0 10px;}
.share-button .tweetmeme_button	{float:left; width:50px; overflow:hidden; margin-top:-20px;}

.post-related			{}
.post-related-title{background:url(images/sprites.png) no-repeat 0 -585px; color:#fff; font-weight:bold; font-size:18px; float:left; height:39px; margin:10px 0 0 -10px; padding:8px 0 0 45px; width:585px;}
.post-related ul	{float:left; margin:10px 0 0 35px; width:575px;}
.post-related li	{float:left; margin:0 0 0 25px; width:125px;}
.post-related li:first-child	{margin-left:0;}
.post-related img	{background:#343434; float:left; height:125px; margin-bottom:14px; width:125px;}
.post-related a		{color:#343434; font-size:13px; line-height:1.4;}
.post .post-related ul li p a:hover	{text-decoration:underline;}

.single-navigation	{background:#fff; margin:10px;}

/* comments.php */
.post-comment		{float:left; width:620px; margin:15px 0 50px 0;}
#comment-title	{background:url(images/sprites2.png) no-repeat; width:585px; height:38px; margin:0 0 0 -10px; padding:10px 0 0 45px; font-weight:bold; color:#ffeb7d;}
#comment-title span	{color:#fff;}
ol.comment-list	{float:left; width:600px; margin:0 0 0 20px;}
li.comment			{float:left; width:600px;}


.comment-avatar	{float:left; width:90px; background:url(images/sprites2.png) 70px -55px no-repeat;}
.comment-content{float:right; width:460px; background:#efefef; font-size:12px; padding:20px 25px; line-height:1.6; color:#343434; margin:0 0 30px 0;}
.comment-author	{font-size:14px; margin:0 0 15px 0;}
.comment-date		{margin:40px 0 0 0; font-size:11px; color:#909090;}
.comment-reply-link	{float:right; background:url(images/sprites2.png) -177px -46px no-repeat; width:55px; height:22px; text-transform:uppercase; font-weight:bold; color:#fff; margin:0 0 -27px 0; text-align:right; padding:5px 13px 0 0;}


#respond	{float:left; width:550px; margin:0 0 0 20px; background:#393939; padding:25px; color:#fefefe;}
#add-comment-title	{font-size:24px; color:#e2be0f; padding:0 0 20px 0; border-bottom:1px dotted #616161; font-weight:bold; margin:0 0 17px 0;}
#respond .comment-input			{width:395px; height:21px; margin:0 0 13px 0; border:0; font-size:16px; padding:7px 5px; background:url(images/input-bg.png) repeat-x top #fff;}
textarea#comment		{width:395px; height:116px; border:0; margin:-10px 0 20px 145px; font-family:arial;  background:url(images/input-bg.png) repeat-x top #fff; padding:7px 5px;}
#submit							{width:90px; height:40px; background:url(images/sprites2.png) -85px -48px no-repeat; border:0; color:#fff; font-size:18px; font-weight:bold; float:right;}
#respond small			{float:left; width:145px; font-size:12px; color:#fefefe;}

.cancel-comment-reply		{margin:0 0 20px 0;}
.cancel-comment-reply a	{font-size:12px; color:#fefefe;}

#comment_form_separator		{float:left; width:550px; height:10px; margin-bottom:20px;}
#fbconnect_commentslogin_profile {clear:both;}

li.depth-2 {width:580px; margin:0 0 0 20px;}
li.depth-3 {width:560px; margin:0 0 0 20px;}
li.depth-4 {width:540px; margin:0 0 0 20px;}
li.depth-5 {width:520px; margin:0 0 0 20px;}

li.depth-2 .comment-content {width:440px;}
li.depth-3 .comment-content {width:420px;}
li.depth-4 .comment-content {width:400px;}
li.depth-5 .comment-content {width:380px;}

li.depth-1 #respond		{margin:0 0 20px 0;}
li.depth-2 #respond		{margin-left:-20px;}
li.depth-3 #respond		{margin-left:-40px;}
li.depth-4 #respond		{margin-left:-60px;}
li.depth-5 #respond		{margin-left:-80px;}

/* Sidebar */
.widgettitle		{background: url(images/sprites.png) no-repeat 0 -432px; color:#fff; font-weight:bold; font-size:20px; margin:0 0 -60px 0; padding:10px; position:relative; width:290px; height:33px; z-index:5px;}
li.widget				{margin:0 0 20px 0;}
li.widget ul					{background:#EDEBDE; width:280px; padding:58px 0 0 0; z-index:2px;}
li.widget ul li	{border-top:1px solid #A6A69E; padding:5px;}
li.widget ul li a	{color:#000004; font-size:15px;}

/* Searchform */
#searchform			{background: url(images/sprites.png) no-repeat -690px -585px #393939; overflow:auto; margin:25px 0 18px 0; width:280px;}
#s							{float:left; margin:5px; padding:8px 10px; width:207px;}

/* Ads Area */
.ads-area				{background:#F5F2E3; height:280px; margin:0 0 23px 0; width:280px;}
.main-ads	a			{background:#333; float:left; margin:10px; height:260px; width:260px;}
.ads-125 a			{background:#333; float:left; margin:10px 0 0 10px; height:125px; width:125px;}

/* Kadom Ads Empty */
.main-ads a.kdads-empty	{background:url(images/sprites.png) -633px -475px #fefefe no-repeat; text-indent:-10000px;}
.ads-125 a.kdads-empty	{background:url(images/sprites.png) -633px -351px #fefefe no-repeat; text-indent:-10000px;}
span.post-ad a.kdads-empty	{background:url(images/sprites.png) 0px -632px #666 no-repeat; float:left; width:600px; height:90px; text-indent:-10000px;}

/* widget item */
li.widget_categories ul li {background:url(images/sidebar-li-icon.png) 30px 10px no-repeat; padding:5px 5px 5px 50px;}

li.widget_recent_comment ul li,
li.widget_dp_recent_comments ul li	{padding:15px 20px;}
li.widget_recent_comment a,
li.widget_dp_recent_comments a			{font-weight:bold;}
.recent-comment-content					{font-size:13px;}


/* Footer */
#about							{background:#323232; float:left; height:270px; width:640px;}
#bottom-navigation	{background:#131313; float:left; height:270px; width:300px;}
#copyright					{background:#B81942; float:left; font-size:11px; margin-bottom:10px; padding:15px 20px; width:900px; text-align:right;}

#info,#contact			{float:left; margin:25px 55px 25px 25px; width:240px;}

#info h2						{font-size:21px; font-weight:bold; margin:0 0 17px 0;}
#info p, #contact p	{font-size:13px; line-height:1.4; margin:0 0 17px 0;}
#contact h2					{font-size:13px; font-weight:bold; margin:42px 0 0 0;}
p#disclaimer				{font-size:11.5px; line-height:1.6;}

#site-nav						{margin:70px 0 0 35px;}
#site-nav	li				{margin:0 0 5px 0;}
#site-nav a					{color:#fff; font-size:16px; font-weight:bold;}
#social-nav					{margin:25px 0 0 35px;}
#social-nav li			{float:left; margin:0 15px 0 0;}
#social-nav	a				{float:left; width:32px; height:32px;  text-indent:-999999px;}

#facebook						{background:url(images/sprites.png) no-repeat -790px -351px;}
#twitter						{background:url(images/sprites.png) no-repeat -824px -351px;}
#youtube						{background:url(images/sprites.png) no-repeat -859px -351px;}
#flickr							{background:url(images/sprites.png) no-repeat -893px -351px;}
#feed								{background:url(images/sprites.png) no-repeat -928px -351px;}

/* Begin Images */
p img						{padding:0; max-width:100%;}
img.centered		{display: block; margin-left: auto; margin-right: auto;}
.post-content img.alignnone {margin:0 10px 0 0; }
img.alignright	{padding: 4px; margin: 0 0 2px 15px; display: inline;}
img.alignleft 	{padding: 4px; margin: 0 15px 2px 0; display: inline;}
.alignright 		{float: right;}
.alignleft 			{float: left;}

/* Captions */
.aligncenter,
div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.wp-caption 		{border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px;	margin: 10px;	-moz-border-radius: 3px;	-khtml-border-radius: 3px;	-webkit-border-radius: 3px;	border-radius: 3px;}
.wp-caption img {margin: 0;	padding: 0;	border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px;	line-height: 17px;	padding: 0 4px 5px;	margin: 0;}


/* Only for Gecko*/
@-moz-document url-prefix()
{	
.more-link{padding:3.5px 15px 4px 15px;}
}