/*
Theme Name: Thumbnaily
Theme URI: http://bloggingly.com
Description: Custom Theme for bloggingly
Version: 1.0
Author: Fikri Rasyid, Outstando
Tags: 
*/


/* Reset
---------------------------------------------------------------------------------*/
css_html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
border: 0;
outline: 0;
background: transparent;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
:focus {
outline: 0;
}

/* Custom Fonts
---------------------------------------------------------------------------------*/
@font-face {font-family: Fontin; src: url('fonts/fontinsans.otf');}
@font-face {font-family: PTSans; src: url('fonts/ptsans-normal.ttf');}


/* Global
---------------------------------------------------------------------------------*/
body			{font-family:arial; font-size:14px;}
.wrapper		{width:100%;}
.wrapper:after	{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.container		{width:960px; margin:0 auto 0 auto;}
a				{text-decoration:none;}
a:hover			{text-decoration:underline;}

/* Top Navigation
---------------------------------------------------------------------------------*/
#top-navigation 		{background:#373737; padding:5px 0 5px 0;}
#top-navigation a 	{color:#fff; font:12px arial;}
ul#top-nav			{float:right;}
ul#top-nav li			{padding:0 5px 0 10px; border-left:1px solid #fff; display:inline;}
ul#top-nav li:first-child	{padding-left:0; border-left:0;}


/* Header
---------------------------------------------------------------------------------*/
#header			{height:158px; background:url(images/header-bg.jpg) repeat-x; border-bottom:1px solid #bebebe;}
a#blog-logo		{margin-top:30px; float:left; width:248px; height:101px;}

/* Menu Navigation
---------------------------------------------------------------------------------*/
ul#menu-nav		{height:34px; background:url(images/menu-nav.png) no-repeat; margin:-18px 0 15px 0; padding-left:10px;}
ul#menu-nav li		{display:inline; background:url(images/menu-nav-border.gif) no-repeat center right; float:left; position:relative; z-index:100;}
ul#menu-nav li a	{float:left; color:#fff; font:bold 15px arial,sans-serif; padding:8px 10px; text-transform:lowercase; text-shadow: 0 1px 0 #1F0000;}
ul#menu-nav li a#home {padding-left:30px; background:url(images/home-icon.png) no-repeat 10px 11px;}

ul#menu-nav li ul.children li		{background:transparent;}
ul#menu-nav li ul.children		{-moz-box-shadow: 0 3px 10px #333; -webkit-box-shadow: 0 0 10px #333; box-shadow: 0 0 10px #333; padding:0;}
ul#menu-nav li ul.children li a	{background:#111; width:110px; margin:0;}
ul#menu-nav li ul.children li a:hover			{text-decoration:none; background:#6f0000;}

/* Dropdown Category Navigation */
.sf-menu ul {position:absolute;top:-999em;}
.sf-menu ul li {width:100%;}
.sf-menu li:hover {visibility:inherit;}
.sf-menu li {float:left;position:relative;}
.sf-menu a {display:block;position:relative;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {left:0;top:34px; z-index:150;}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:10em; top:0;}
ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {left:10em; top:0;}
.sf-menu {float:left;margin:0;width:100%;}
.sf-menu a, .sf-menu a:visited  {color:#0066cc;}

/* Main
---------------------------------------------------------------------------------*/
#main			{float:left; width:700px;}
#first-post-home{padding:0 0 5px 0; margin:0 10px 30px 10px; border-bottom:3px dotted #cfcfcf;}
#first-post-home-content {margin:20px 10px 0 0; -moz-column-count:3; -moz-column-gap:10px; -webkit-column-count:3; -webkit-column-gap:10px;}
#first-post-home-content h2{font:bold 20px arial; color:#000; margin:0 0 10px 0;}
#first-post-home-content p {margin:0 0 25px 0; color:#333; font:14px/22px arial;}
#first-post-home-content a {color:#750000; text-decoration:underline;}
#first-post-home-content small {font:11px arial;}
#first-post-home-content a.more-link {text-decoration:none; color:#333; padding:1px 7px;}

#recent-posts-title	{background:url(images/button-bg-active.jpg) repeat-x top left #6F0100; padding:5px 10px; width:200px; color:#fff; margin-bottom:-20px; text-shadow: 0 1px 0 #1F0000; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}

.home-post-thumb{float:left; width:210px; height:165px; background:#f5f5f5; padding:5px; overflow:hide; position:relative; text-decoration:none; margin:0 0 10px 10px; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6;}
.home-post-thumb:hover {background:#750000; text-decoration:none;}
.link-to-post img {border:0;}
.title{background:url(images/shadow-4x4.png); color:#fff; float:left; position:absolute; bottom:5px; padding:10px; width:190px;  font: 14px arial;}
.date{background:url(images/shadow-4x4.png); float:right; font-style:italic; font-size:12px; font-weight:bold; letter-spacing:-0.9px; margin-bottom:-27px; padding:5px; position:relative; z-index:3; color:#efefef;}

#home-navigation	{float:right; margin:20px 7px 0 0;}
#home-navigation a	{padding:3px 7px; background:url(images/button-bg.jpg) repeat-x top left; border:1px solid #bbb; color:#464646;border-radius:10px; -moz-border-radius:20px; -webkit-border-radius:10px;}#home-navigation a	{padding:3px 7px; background:url(images/button-bg.jpg) repeat-x top left; border:1px solid #bbb; color:#464646;border-radius:10px; -moz-border-radius:20px; -webkit-border-radius:10px;}
#home-navigation a:hover	{border:1px solid #8f8f8f;}
#home-navigation a:active{background:url(images/button-bg-pressed.jpg) repeat-x top left #dfdfdf;}
#home-navigation strong.on	{padding:3px 7px; background:url(images/button-bg-active.jpg) repeat-x top left #780707; border:1px solid #740000; color:#fff; border-radius:10px; -moz-border-radius:20px; -webkit-border-radius:12px;}#home-navigation a	{padding:3px 7px; background:url(images/button-bg.jpg) repeat-x top left; border:1px solid #bbb; color:#464646;border-radius:10px; -moz-border-radius:20px; -webkit-border-radius:12px;}
#home-navigation a:hover	{text-decoration:none;}


/* Sidebar
---------------------------------------------------------------------------------*/
#sidebar		{float:left; width:240px; padding:0 10px;}
#sidebar h2		{margin:0 0 10px 0; color:#6d0000; font:bold 17px arial;}

#s				{width:222px; height:20px; border:0; background:url(images/search-form.png) no-repeat; padding:5px 10px; color:#6e6e6e; margin-bottom:10px;}

#subscription a	{position:relative;}
#subscription img{margin-right:7px;}
#feedburner-mail-title{font:bold 17px arial; margin:20px 0 5px 0;}
#feedburner-mail-title img{vertical-align:middle;}
.emailsubs		{color:#6d0000;}
#feedburner-form{margin-bottom:10px;}
#subscription small{font:9px arial;}
	
#tabbed-post-comment {margin:10px 0 0 0; padding:15px 10px; background:url(images/sidebar-bg.jpg) repeat-y center;}
ul.tabNavigation		{margin-bottom:10px;}
ul.tabNavigation li 	{display: inline;}
ul.tabNavigation li a,
.comment-reply-link,
#cancel-comment-reply-link,
.more-link,
.comment-navigation a	{background:url(images/button-bg.jpg) repeat-x top left;
color:#464646;
border:1px solid #bbb;
padding:3px 10px;
font-weight:bold; text-decoration:none; text-shadow: 0 1px 0 #fff;
border-radius:10px; -moz-border-radius:20px; -webkit-border-radius:12px;
}
ul.tabNavigation li a:hover,
.comment-reply-link:hover,
#cancel-comment-reply-link:hover,
.more-link:hover,
.comment-navigation a:hover	{border:1px solid #8f8f8f;}
ul.tabNavigation li a:active,
.comment-reply-link:active,
#cancel-comment-reply-link:active,
.comment-navigation a:active	{background:url(images/button-bg-pressed.jpg) repeat-x top left #dfdfdf;}
ul.tabNavigation li a.selected 	{background:url(images/button-bg-active.jpg) repeat-x top left; color: #fff; text-shadow: 0 1px 0 #464646; border:1px solid #740000;}

.tabbed-tab ul li				{padding:5px 0 10px 0; background:url(images/tabbed-tab-borders.gif) no-repeat bottom;}
.tabbed-tab ul li a				{color:#323232; font:13px/20px arial; padding:5px 0;}
.tabbed-tab a.commentator	{font-weight:bold;}
.recent-comment-content		{font:italic 12px arial; color:#7f7f7f; margin-top:5px;}

/* Footer
---------------------------------------------------------------------------------*/
#footer						{background:url(images/footer-bg.jpg) repeat-x top left #fafafa; margin:20px 0 0 0; border-top:1px solid #bebebe; min-height:395px;}
#tag-cloud					{padding:50px 10px 10px 10px; background:url(images/tag-cloud-title.png) no-repeat center 10px;}
#tag-cloud a					{color:#323232; font-size:14px; text-shadow: 0 1px 0 #fff;}

#credits					{background:url(images/tag-cloud-border-bottom.gif) no-repeat top center; padding:10px 10px 0 10px; text-align:right;}
#credits a					{color:#740000;}
#credits p					{font:bold 13px arial;}
#credits p#browser-suggestion{margin-top:10px; width:300px; right:0; float:right; font:normal 12px arial;}

/* Single
---------------------------------------------------------------------------------*/
.post		{float:left; width:490px; padding:0 0 0 20px; margin:40px 10px 0 0;}
.post-date	{text-align:center; letter-spacing:2px; word-spacing:5px; margin:0 0 15px 0; color:#919191; font:14px georgia;}
.post-title,
.post-title a	{text-align:center; font:bold 24px arial; color: #6d0000; margin:0 0 10px 0;}
.post-writer	{text-align:center; font: italic 14px georgia; color:#494949; margin:0 0 20px 0;}
.post-writer a	{color: #6d0000; font:normal 14px georgia;}

.post-content p	{font:14px/24px PTSans, arial; margin:0 0 20px 0; color:#323232;}
.post-content small	{font:11px/24px PTSans, arial;}
.post-content li	{font:14px/24px PTSans, arial; margin:0 0 10px 0; color:#323232;}
.post-content ul  {list-style:disc; padding:0 0 0 20px; margin:0 0 20px 0;}
.post-content ol  {list-style:decimal; padding:0 0 0 20px; margin:0 0 20px 0;}
.post-content h1 {font:25px/24px Fontin, arial; margin:25px 0 5px 0; color:#640000;}
.post-content h2	{font:20px/24px Fontin, arial; margin:25px 0 5px 0; color:#640000;}
.post-content h3	{font:16px/24px Fontin, arial; margin:25px 0 5px 0; color:#640000;}
.post-content h4	{font:14px/24px Fontin, arial; margin:25px 0 5px 0; color:#640000;}
.post-content h5	{font:12px/24px Fontin, arial; margin:25px 0 5px 0; color:#640000;}
.post-content h6	{font:10px/24px Fontin, arial; margin:25px 0 5px 0; color:#640000;}
.post-content a	{color:#640000; text-decoration:underline;}
.post-content a:hover	{background:#640000; color:#fff;}
.post-content img.wp-smiley		{padding:0; background:#fff;}
.post-content blockquote	{background:#f8f8f8; margin:10px 0; padding:20px 10px 5px 30px; border-left:10px solid #9F9F8B;}
.post-content blockquote p {font:italic 16px/25px georgia;}
.post-content blockquote p small {font:italic 12px georgia;}

.post-metadata	{float:left; width:180px;}
#share-page	{background:url(images/share-bg.png) no-repeat; position:fixed; width:162px; height:108px; padding:10px; color:#fff; z-index:100;}
#share-page ul li	{margin-bottom:5px;}
#share-page h3	{font-size:18px; margin-bottom:5px;}
#share-page a{color:#fff; font:12px arial;}
#share-facebook	{padding:5px 0 5px 20px; background:url(images/facebook-share.png) no-repeat center left;}
#share-twitter	{padding:5px 0 5px 20px; background:url(images/twitter-share.png) no-repeat center left;}
#share-mail		{padding:5px 0 5px 20px; background:url(images/mail-share.png) no-repeat center left;}
#buzz-this-page{padding:5px 0 5px 20px; background:url(images/google_buzz.png) no-repeat center left;}

#post-author	{margin:145px 0 0 0; padding:5px; background:url(images/postmeta-bg.jpg) repeat-y top right;}
#post-author img	{z-index:10;}
#post-author-title{font:13px PTSans,arial; background:url(images/shadow-4x4.png); padding:2px 5px 5px 10px; margin:-30px 0 15px -5px; z-index:20; position:absolute; color:#fff;}
#post-author-title a{color:#fff; text-decoration:underline;}
#post-author-description	{font:12px PTSans, arial; color:#646464;}
#post-author-description a	{color:#646464; text-decoration:underline;}

.post-metadata-content	{margin:10px 0 0 0; padding:10px 10px 5px 10px; background:url(images/postmeta-bg.jpg) repeat-y top right;}
.post-metadata-content h2	{color:#6d0000; margin:0 0 5px 0; font:bold 16px fontin,arial; text-shadow: 0 1px 0 #fff;}
.post-metadata-content ul	{margin:0 0 15px 0;}
.post-metadata-content ul li	{padding:5px 0 5px 15px; font:13px/24px arial; background:url(images/postmeta-border.gif) no-repeat center top;}
.post-metadata-content ul li:first-child{background:transparent;}
.post-metadata-content ul li a{color:#323232;}

#quotes		{padding:10px; background:url(images/sidebar-bg.jpg) repeat-y top left; margin:22px 0 0 0; font:italic 18px/25px georgia; text-align:right; text-shadow: 0 1px 0 #fff;}
#quotes:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.quotescollection_author	{font:normal 14px/18px georgia; text-align:right; margin:20px 0 0 0; float:right;}


/* Comment
---------------------------------------------------------------------------------*/
.post-comment {float:left; width:490px;}

#comment-title	{background:url(images/comment-title.png) no-repeat; width:490px; height:58px; margin-bottom:30px;}
#move-to-comment-form	{float:right; width:66px; height:58px; color:transparent;}
a#move-to-comment-form:hover	{background:url(images/comment-title-hover.png) no-repeat top right;}
a#move-to-comment-form:active	{background:url(images/comment-title-active.png) no-repeat top right;}
#comment-title p	{color:#fff; font:bold 20px arial; margin:0 0 0 20px; padding:3px 0 0 0;}
#comment-title span	{color:#e1f897;}

.comment-navigation	{float:left; width:490px; margin:0 0 10px 0;}
.comment-navigation a{float:right; margin:0 0 0 10px; text-align:right;}

.comment-list li	{float:left; width:490px; margin:0 0 15px 0;}
.comment-list li ul.children li	{margin:15px 0 0 0;}
.comment-list li ul.children li:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.comment-avatar	{float:left; width:100px; height:70px; background:url(images/guest-comment-tail.png) no-repeat right 15px #fff;}
.comment-content {background:#ececec; padding:10px; float:left; width:370px; font:14px/20px PTSans, Arial;}
.comment-content p{margin:0 0 15px 0;}
.comment-content a{color:#000; text-decoration:underline; text-shadow: 0 1px 0 #fff;}
.comment-author	{font:16px Arial; margin-bottom:15px;}
a.comment-reply-link	{float:right; margin-top:15px; text-decoration:none;}
.comment-date	{font:10px Arial; margin-top:15px;}

.bypostauthor .comment-content,
.comment-author-admin .comment-content	{background:#E0F896;}
.bypostauthor .comment-avatar,
.comment-author-admin .comment-avatar	{background: url(images/author-comment-tail.png) no-repeat right 15px #fff;}

.bypostauthor ul .comment-content,
.comment-author-admin ul .comment-content	{background:#ececec;}
.bypostauthor ul .comment-avatar,
.comment-author-admin ul .comment-avatar	{background: url(images/guest-comment-tail.png) no-repeat right 15px #fff;}

.bypostauthor .bypostauthor .comment-content,
.comment-author-admin .comment-author-admin .comment-content	{background:#E0F896;}
.bypostauthor .bypostauthor .comment-avatar, 
.comment-author-admin .comment-author-admin .comment-avatar	{background: url(images/author-comment-tail.png) no-repeat right 15px #fff;}

.bypostauthor .bypostauthor ul .comment-content,
.comment-author-admin .comment-author-admin ul .comment-content	{background:#ececec;}
.bypostauthor .bypostauthor ul .comment-avatar,
.comment-author-admin .comment-author-admin ul .comment-avatar	{background: url(images/guest-comment-tail.png) no-repeat right 15px #fff;}

li.depth-2						{margin-top:15px;}
li.depth-2 .comment-avatar		{width:140px;}
li.depth-2 .comment-content		{width:330px;}

li.depth-3						{margin-top:15px;}
li.depth-3 .comment-avatar		{width:160px;}
li.depth-3 .comment-content		{width:310px;}

li.depth-4						{margin-top:15px;}
li.depth-4 .comment-avatar		{width:180px;}
li.depth-4 .comment-content		{width:290px;}

li.depth-5						{margin-top:15px;}
li.depth-5 .comment-avatar		{width:200px;}
li.depth-5 .comment-content		{width:270px;}

#respond		{background:#efefef; float:left; width:460px; padding:15px; margin-top:10px;}
#respond a		{color:#333; text-shadow: 0 1px 0 #fff;}
#add-comment-title{font:24px Fontin,Arial; color:#6D0101; margin:0 0 15px 0; text-shadow: 0 1px 0 #fff;}
#comment-form p{margin-bottom:5px;}
#comment-form p small	{float:left; width:100px; border:0; font:12px arial; text-shadow: 0 1px 0 #fff;}
#comment-form input.comment-input, #comment-form textarea#comment {width:350px; border:0; padding:5px 3px; border-top:2px solid #bbb; border-left:1px solid #bbb; border-right:1px solid #bbb; border-bottom:1px solid #bbb;}
input#submit	{background:url(images/button-bg-active.jpg) repeat-x top left #6F0100; border:0; color:#fff; float:right; padding:5px 10px; margin:0 2px 0 0; font:bold 14px arial; border-radius:10px; -moz-border-radius:20px; -webkit-border-radius:15px; text-shadow: 0 1px 0 #6F0100;}
input#submit	{background:url(images/button-bg-active.jpg) repeat-x top left #6F0100; border:0; color:#fff; float:right; padding:5px 10px; margin:0 2px 0 0; font:bold 14px arial; border-radius:10px; -moz-border-radius:20px; -webkit-border-radius:17px; text-shadow: 0 1px 0 #6F0100;}
input#submit:active{margin:2px 2px -2px 0;}
input#submit:focus{outline:0;}
.cancel-comment-reply {margin-bottom:15px; text-align:right;}

/* Archive
---------------------------------------------------------------------------------*/
.archive-title{text-align:center; padding:10px 0 15px 0; font:bold 24px Arial; color:#333; text-shadow: 0 1px 0 #fff; background:#FFFFE0; margin:0 7px 10px 10px; border:1px solid #E6DB55;}
.archive-title span{text-decoration:underline;}

#archive-author-section img.avatar {float:left; background:#f5f5f5; padding:5px; overflow:hide; position:relative; margin:0 0 10px 10px; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6;}
#archive-author-description	{float:left; margin:0 0 10px 10px; width:418px; height:199px; padding:10px 15px; background:url(images/header-bg.jpg) repeat-x #ebebeb; border:1px solid #e6e6e6; text-shadow: 0 1px 0 #fff;}
#archive-author-description h2 {font:bold 24px/40px arial;}
#archive-author-description span	{text-decoration:underline;}
#archive-author-description p {margin-bottom:10px;}
#archive-author-description a {color:#750000;}
#archive-author-description p img {vertical-align:middle;}

/* Search
---------------------------------------------------------------------------------*/
#search-again{text-align:center; padding:13px 0 0 0; font:italic 12px Arial; color:#333; text-shadow: 0 1px 0 #fff; background:#efefef; margin:0 7px 10px 10px; border:1px solid #e6e6e6;}
#search-again p{margin:0 0 7px 0;}
.post-excerpt {float:left; width:451px; height:176px; background:#fff; margin:0 5px 10px 10px; font:12px/15px arial; color:#323232;}
.post-excerpt a.more-link	{float:right; margin:20px 0 0 0; text-decoration:none;}

/* Pages
---------------------------------------------------------------------------------*/
#post-metadata-pages	{margin-top:0;}
#post-metadata-pages .current_page_item {background:url(images/button-bg-active.jpg) repeat-x top left #6F0100; -moz-border-radius: 5px; -khtml-border-radius: 5px;	-webkit-border-radius: 5px;	border-radius:5px; box-shadow: 0 1px 0 #fff;}
#post-metadata-pages .current_page_item a{color:#fff; text-shadow: 0 1px 0 #1F0000;}

/* Images
---------------------------------------------------------------------------------*/
.post-content p img{padding:0; max-width:100%; padding:5px; background:#e2e2e2;}
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;}

/* Plugins
---------------------------------------------------------------------------------*/
.subscribe-to-comments a {text-decoration:underline;}

.bloggingly-subscription-options a {
	position:relative;
	color:#333;
	text-decoration:none;
}


.bloggingly-subscription-options a em {
	font-weight: normal;
	background: url(images/subs-baloon.png) no-repeat;
	width: 180px;
	height: 45px;
	position: absolute;
	right: 55px;
	text-align: center;
	padding: 20px 10px 10px 10px;
	font-style: normal;
	z-index: 200;
	display: none;
}


/* Caption
---------------------------------------------------------------------------------*/
.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;}