/*
Theme Name:		Globe Tattoo
Theme URI:		http://tattoo.globe.com.ph/gblog/
Description:	Theme developed by NetBooster Asia for Globe Tattoo
Version:		0.2.0
Author:			Lawrence C. Dionisio
Author URI:		http://blackwallstudio.com
Tags:			Globe Telecoms, Globe Tattoo, Black, Dark 
*/

@import "css/reset.css";
@import "css/960.css";
@import "css/mainNav.css";

/* style - body */

body { font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
p { color: #2c2c2c; line-height: 20px; margin: 15px 0; }
a { color: #1A6BAF; text-decoration: none; }
a:hover { color: #666; }
h1, h2 { color: #1c7dcf; font-size: 30px; margin: 20px 0 10px; font-weight: normal; line-height: 36px; }
h1 a, h2 a { color: #1c7dcf; text-decoration: none; }

/* style - top header */

#topHeader {
	background: url(images/topHeaderbackground.png) left top repeat-x;
	border-bottom: #FFF 2px solid; height: 42px; width: 100%; }
	.topLeft, .topRight { padding: 8px 0; }
	.topLeft ul {}
	.topLeft ul li { float: left; display: inline; margin: 0 10px; }
	.topLeft ul li a { color: #484848; float: left; font-weight: bold; text-decoration: none; }
	.topLeft ul li a span { float: left; margin: 0 10px 0 -10px; padding: 6px 5px 8px 14px; position: relative; }
	
	/* style - sliding door */
	ul.slideDoor li a.current, ul.slideDoor li a:hover { background: url(images/topSlider.png) no-repeat top right; color: #FFF; }
	ul.slideDoor li a.current span, ul.slideDoor li a:hover span { background: url(images/topSlider.png) no-repeat top left; }
	
	.topRight li { float: left; display: inline; line-height: 26px; }
	.topRight li a { color: #3b8bcf; float: left; font-weight: bold; text-decoration: none; }
	li.topRightBG { background: url(images/topRightBG.png) right 2px no-repeat; padding-right: 22px; }

/* style - container background */
	
#container { background: #000 url(images/contentBackground.jpg) center top no-repeat; width: 100%; }
.container { background: #FFF; }

/* style - main header */

#header { height: 150px; }
	/* logo */
	#header h1 { width: 304px; margin: 19px 0 20px 15px; }
	#header h1 a {
		display: block; padding: 136px 0 0 0; overflow: hidden;
		background-image: url(images/Globe_Venus_Logo.png); background-repeat: no-repeat;
		height: 0px !important; height /**/: 136px; }
	#header .description { display: none; }
	
	/* search */
	#header #s {
		background: #0f0f0f url(images/iconSearch.gif) right 5px no-repeat; border: #4a4747 1px solid;
		color: #efefef; margin-top: 25px; padding: 5px 25px 5px 5px; text-align: right; width: 268px; }
	#header #searchsubmit { display: none; }
	
	/* facebook twitter plurk */
	#header .righty { float: right; }
	#header .beFriends { font-size: 16px; color: #FFF; margin: 18px 0 9px 0; }	
	#header li { margin: 0 7px; display: inline; float: left; }
	#header li a { display: block; }
	#header .iconFacebook, #header .iconCheck, #header .iconOraPee { height: 52px; width: 38px; text-indent: -9999px; }
	#header .iconFacebook { background: url(images/iconFacebook.jpg) left top no-repeat; }
	#header .iconCheck { background: url(images/iconCheck.jpg) left top no-repeat; }
	#header .iconOraPee { background: url(images/iconOraPee.jpg) left top no-repeat; }
	
	/* menu navigation - main - home about blogroll */
	.screen-reader-text { left: -9999px; position: absolute; }
	#mainNav { background: url(images/naviBackground.gif) left top repeat-x; float: left; padding-left: 10px; width: 417px; }
	#mainNav ul { background: url(images/naviListBG.png) left top no-repeat; height: 47px; width: 417px; padding: 0 0 6px 5px; }
	#mainNav li { display: inline; float: left; font-size: 16px; text-align: center; text-transform: uppercase; width: 137px; }
	#mainNav li a { color: #FFF; display: block; padding: 15px 0; text-decoration: none; }
	#mainNav .current_page_item { background: url(images/naviListHover.png) left top no-repeat; height: 47px; }
	
	/* menu navigation - subscribe and rss */
	.naviSubscribeContainer { background: url(images/naviBackground.gif) left top repeat-x; float: left; width: 533px; }
	.naviSubscribe {
		background: url(images/naviSubscribe.gif) left top no-repeat;
		color: #FFF; height: 47px; padding: 0 5px 6px; width: 193px; }
	.naviSubscribe li { clear: both; font-size: 12px; text-transform: none; }
	.naviSubscribe .txtSubscribe {
		background: url(images/iconSubscribe.png) 0 6px no-repeat; color: #FFF;
		float: left; padding: 0 0 0 20px; margin: 4px 5px 0 0; }
	.naviSubscribe input {
		background-color: #626161; border: #c3c0c0 1px solid; color: #FFF; float: left;
		font-size: 9px; padding: 3px; margin: 6px 5px 0 0; width: 85px; }
	.btnSubscribe {
		background: url(images/btnSubscribe.png) 0 2px no-repeat; float: left;
		height: 14px; margin-top: 6px; padding-top: 4px; text-indent: -9999px; width: 14px; }	
	.naviRSS { background: url(images/iconRSS.png) 1px 1px no-repeat; padding-left: 20px; }
	.naviRSS a { color: #FFF; }

/* style - sidebar */
	
#sidebar { padding-bottom: 20px; }

/* style - widget sidebar */

.widget_recent_entries { display:inline; float: left; position: relative; margin-right: 10px; width:140px; }
.widget_recent_comments { display:inline; float: left; position: relative; margin-left: 10px; width:140px; }
.widget_recent_entries li, .widget_recent_comments li, .cat-item { line-height: 18px; padding-top: 5px; }
.widget_recent_entries li { background: url(images/iconRecentPost.gif) 0 9px no-repeat; padding-left: 15px; }
.widget_recent_comments li { background: url(images/iconRecentComments.gif) 0 11px no-repeat; padding-left: 15px; }
.cat-item { background: url(images/iconCategories.gif) 0 8px no-repeat; padding-left: 15px; }
.widget-title { color: #1c5484; font-size: 16px; margin-bottom: 5px; text-transform: uppercase; }

/* style - post */

#content .like { margin: 0; padding: 0; border: 0; }
#content { padding: 20px 0 0; }
#content .theDate { color: #3f607c; font-size: 16px; font-weight: bold; }
#content .theDate a { color: #3f607c; }
#content .theDate a:hover { color: #999; }
#content .thePost { padding-bottom: 40px; }
#content li { color: #1a6baf; font-size: 11px; font-weight: bold; float: left; }
#content li a { color: #1a6baf; font-weight: normal; text-decoration: underline; }
#content .leaveComment { background: url(images/iconRecentComments.gif) 0 2px no-repeat; padding-left: 15px; }
#content .leaveComment a, #content .editPost a { font-weight: bold; text-decoration: none; }
#content .leaveComment a:hover, #content .editPost a:hover { color: #666; }
#content .category { margin: 20px 0 40px; }
#content .category a:hover { color: #666; }

#content .preNex {
	border-bottom: #CCC 1px solid; border-top: #CCC 1px solid; display: inline;
	float: left; margin: 20px 0; padding: 10px 0; }
#content .preNex a { text-decoration: none; }
#content .preNex a:hover { color: #666; }
.left { float: left; text-align: left; }
.right { float: right; text-align: right; }

/* style - comment form */

#reply-title { color: #1c7dcf; font-size: 26px; font-weight: normal; }
#commentform .required { color: #1A6BAF; font-weight: bold; }
#commentform .comment-form-author label, #commentform .comment-form-email label { float: left; width: 65px; }
#commentform .comment-form-author span, #commentform .comment-form-email span { float: left; width: 25px; }
#commentform .comment-form-url label, #commentform .comment-form-comment label { float: left; width: 90px; }
#commentform input, #commentform textarea { border: #CCC 1px solid; padding: 5px; }
#commentform textarea { font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; width: 380px; }
#commentform .form-allowed-tags {
	background-color: #efefef; color: #999; font-size: 11px;
	margin-left: 90px; padding: 10px; width: 372px; }
#commentform .form-submit input { cursor: pointer; margin-left: 90px; }

/* style - comments thread */

#comments-title { color: #1c7dcf; font-size: 20px; font-weight: normal; margin-bottom: 20px; }
#commentThread { background-color: #1F1F1F; padding: 10px; margin-bottom: 10px; }
.avatar { margin-right: 10px; }
#nameComment small { color: #12b1e8; font-size: 1ipx; font-weight: bold; float: left; padding-right: 20px; }
#nameComment small a { color: #12b1e8; font-size: 1ipx; font-weight: bold; text-decoration: none; } 
#dateComment { color: #b4b4b4; font-size: 10px; font-weight: normal; float: left; }
.comment-body { font-size: 11px; font-weight: normal; }
.comment-body p { color: #ccc; margin-bottom: 0; }
#containerComment { float: left; width: 526px; }

/* style - you tube video */
	#youTubeVid { width: 300px; margin: 20px 0 5px; }
	#youTubeVid .videoHeader { background: url(images/videoHeader.png) left top no-repeat; padding: 9px 20px 0; height: 53px; }
	#youTubeVid .videoHeader h3 { color: #FFF; font-size: 24px; padding: 14px 0; text-transform: uppercase; }
    #youTubeVid .videoContainer { background: url(images/videoContainer.png) left top repeat-y; padding: 0 20px; }
    #youTubeVid .videofooter { background: url(images/videoFooter.png) left top no-repeat; height: 15px; }
	
/* style - archive sidebar */

#archive { background: url(images/archiveContainer.png) left top no-repeat; height: 80px; margin: 5px 0 10px; }
	#archive h3 { color: #FFF; font-size: 24px; padding: 24px 10px 30px 20px; text-transform: uppercase; float: left; }
	#archive select {
		background-color: #020202; border: #193442 1px solid; color: #4d7aa0;
		font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
		margin: 25px 0; padding: 5px; width: 154px; }

/* style - archive page */

.archHead {
	border-bottom: #CCC 1px solid; border-top: #CCC 1px solid; color: #999; font-size: 16px; font-weight: bold;
	margin: 10px 0 20px 80px; }

/* style - footer */

#footer {
	background: #aaaaaa url(images/footerBackground.gif) left top repeat-x;
	border-top: #FFF 2px solid; height: 72px; width: 100%; }
	#footer .footerDivider { background: url(images/footerDivider.gif) right top no-repeat; height: 36px; margin: 18px 0; }
	#footer .footerSocial { margin: 18px 0; }
	#footer .footerShare {
		background: url(images/footerShare.jpg) left top no-repeat;		
		display: block; text-indent: -9999px; margin-top: 2px;
		height: 17px; width: 125px; } 
	#footer p { font-size: 10px; margin: 0; }

	#footer ul { margin: 18px 0; }
	#footer li { color: #787878; display: inline; float: left; font-size: 12px; line-height: 36px; padding: 0 10px; }
	#footer a { color: #2c2c2c; }
	#footer a:hover { color: #787878; }

.main-nav { display: none; }