/*  

Theme Name: BloggingTips.com Principle Theme

Theme URI: www.bloggingtips.com

Description: Black based theme which is easy to use and customise

Version: 1

Author: BloggingTips

Author URI: http://www.bloggingtips.com



	Valid XHTML 1.0 Transitional





*/



* {

margin: 0;

padding: 0;

}

body {

color: #333;

background: #060606 url(images/main-pat.jpg) left top repeat-x;

background-attachment:fixed;

font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;

font-size: 75%;

line-height: 1.6;

}

h1, h2, h3, h4, h5, h6 {

font-family: Century Gothic, "Times New Roman", Times, serif;

font-weight: normal;

color:#000;

margin-bottom:10px;

line-height:1.1em;

}

h1 {

font-size: 27px;

}

h2 {

font-size: 24px;

}

h3 {

font-size: 21px;

}

h4 {

font-size: 17px;

}

h5 {

font-size: 15px;

font-weight:bold;

}

h6 {

font-size: 14px;

}

p {

font-size: 1.1em;

margin: 0 0 10px 0;

}

blockquote {

background: url(images/quote.png) no-repeat;

color: #666;

margin: 15px;

padding-left: 25px;

}

em {

font-style: italic;

}

strong {

font-weight: 700;

}

pre, code {

font-family: "Courier New", Courier, Monospace;

line-height: 1.5;

}

pre {

border-top: 1px solid #ccc;

white-space: pre;

overflow: auto;

margin: 0 15px;

padding: 10px 15px;

max-height: 300px;

}

img {

border: none;

}

.entry img {

padding:3px;

border: 1px solid #C7C7C7;

}

.entry a:hover img{

border: 1px solid #B20000;

}

img.alignleft {

margin:5px 10px 10px 0;

}

img.alignright {

margin:5px 0 10px 10px;

}

a:focus, a:hover {

color: #b20000;

text-decoration: underline;

}

a {

color: #b20000;

text-decoration: none;

outline: none;

}

ul, ol {

margin: 0 2.5em 1.5em;

}

ul li, ol li {

margin-bottom: 0.5em;

}

ul {

list-style-type: circle;

}

ol {

list-style-type: decimal;

}

.clear {

float:none;

clear: both;

}

.alignleft {

float: left;

}

.alignright {

float: right;

}

hr {

color: #ccc;

clear: both;

float: none; 

width: 100%; 

height: 1px;

margin: 0 0 1.4em;

border: none; 

}

hr.space {

height: 4em;

}



textarea {

resize:none;

}





/************************* HOLDERS ********************************/

.container {

width: 992px;

margin: 0 auto;

}

.container2 {

width: 100%;

margin: 0 auto;

background:url(images/content-pat.gif) top repeat-y;

text-align:left;

}



/************************* HEADER ********************************/

#header {

width: 100%;

}

#header .container {

width: 992px;

background:url(images/subheader-pat.gif) left top repeat-y;

}

.subheader {

width: 992px;

background: #E3E2DD url(images/subhead-bot.gif) bottom left no-repeat;

float:left;

padding-bottom:15px;

}



#headline {

width:620px;

float:left;

}

#headline_h1 {

float:left;

display:block;

margin:0 0 0 15px;

}

#headline_h1 h1 {

font-size:40px;

font-weight:bold;

color:#b0b0b0;

line-height:50px;

margin:0 0 10px 0;

}

#headline_h1 h1 a {

color:#b20000;

letter-spacing:-1px;

font-weight:normal;

}

.description {

font-size:17px;

line-height:21px;

margin:0 0 0 17px;

color:#6a6a6b;

text-transform:uppercase;

float:left;

}





/************************* SUBSCRIBE BOX START ********************************/

.subscribe-box {

margin:-40px 0 20px 0;

display:block;

float:right;

width:344px;

border-left:3px solid #6A6964;

border-right:3px solid #6A6964;

background:#3C3C3C;

}

.follow {

background:url(images/follow.gif) left top no-repeat;

margin:0;

margin-left:-3px;

margin-bottom:3px;

padding:5px 0 0 20px;

width:330px;

color:#E3E2DD;

font-size:20px;

line-height:35px;

font-family:Century Gothic, "Times New Roman", Times, serif;

}

.follow strong {

color:#fff;

}



.rss_bag {

background:url(images/rss-bag.jpg) center no-repeat;

width:331px;

height:121px;

margin:0 0 0 7px;

padding:0;

display:block;

float:left;

}

.subs a {

padding:0;

margin:10px 0 0 15px;

display:block;

float:left;

width:80px;

height:100px;

background:url(images/rss.png) left top no-repeat;

}

.emailIco {

display:block;

float:right;

width:200px;

height:60px;

margin:10px 20px 0 0;

background: url(images/email.gif) no-repeat;

padding:25px 0 5px 0;

}

.field {

padding:5px 10px 5px 10px;

border:none;

background:none;

color:#444;

margin:0;

font-size:12px;

width:180px;

float:right;

}

.newsbutton {

border:none;

background:url(images/subscribe.gif) no-repeat;

margin:0;

padding:0;

float:right;

width:82px;

height:23px;

cursor:pointer;

}

.newsbutton:hover {

background:url(images/subscribe.gif) no-repeat 0 100%;

}



/************************* SUBSCRIBE BOX END ********************************/





/************************* PAGES MENU START ********************************/

.topline {

height:77px;

background:#222 url(images/menu-bot.gif) bottom no-repeat;

}

ul#topmenu.menu {

list-style-type: none;

margin: 0 0 0 20px;

padding:0;

font-weight:normal;

width:960px;

height:50px;

float:left;

}

ul#topmenu li.page_item {

float: left;

display: inline;

font-size: 18px;

margin:0;

padding:0 0 0 1px;

text-transform:uppercase;

background:#0D0D0D url(images/menu-li.gif) left no-repeat;

}

ul#topmenu li.page_item:hover {

background:#0D0D0D url(images/menu-li-hover.gif) left bottom no-repeat;

}

ul#topmenu li.page_item a {

color:#E3E2DD;

display: block;

float:left;

text-decoration: none;

line-height:70px;

height:50px;

padding:15px 20px 5px 10px;

}

ul#topmenu li.page_item a:hover {

color: white;

text-decoration:none;

background:url(images/menu-hover.gif) left top no-repeat;

background-position:0 20px;

}

ul#topmenu li.current_page_item a {

color: #fff;

text-decoration:none;

background:url(images/menu-active.gif);

}

ul#topmenu li.current_page_item:hover {

background:#0D0D0D url(images/menu-li.gif) left no-repeat;

}

ul#topmenu li.current_page_item a:hover {

color: #fff;

text-decoration:none;

background:url(images/menu-active.gif);

}



/* Search */

#searchform {

margin:0;

padding:7px 45px 8px 44px;

display:block;

float:right;

width:270px;

height:33px;

font-size:15px;

color:#ccc;

background: #E3E2DD url(images/search.gif) center no-repeat;

}

input#s {

width: 180px;

float:right;

margin:5px 7px 0 0;

padding:3px 5px 5px 5px;

border:none;

font-size:12px;

background:none;

color:#fff;

}



/************************* PAGES MENU END ********************************/







#leftcolumn, #rightcolumn {

margin:0;

}



#leftcolumn {

float: left;

width: 592px;

margin-left:18px;

margin-top:18px;

}



#rightcolumn {

float: right;

width: 340px;

margin:0 9px 0 0;

}





ul.footerbar {

list-style-type:none;

margin:0;

padding:0;

}

ul.footerbar li ul {

list-style-type:none;

margin:0;

padding:0 0 20px 0;

}

ul.footerbar li ul {

width:280px;

float:left;

margin:0 10px 0 0;

}

.footerbar ul li a {

background:url(images/arrow2.gif) left top no-repeat;

background-position:0 4px;

padding-left:20px;

color:#45443f;

text-decoration:none;

font-size:13px;

}

.footerbar ul li a:hover {

background:url(images/arrow2-hover.gif) left top no-repeat;

background-position:0 4px;

text-decoration:none;

color:#b20000;

}





/************************* CONTENT START ********************************/

.post {

padding: 0;

margin-bottom:30px;

clear:both;

}



.titleblock {

float:left;

padding:0;

margin:0;

width:590px;

}

.titleblock-inside {

width:590px;

float:left;

padding:0;

margin:0;

}



.date {

width:54px;

height:64px;

display:block;

float:left;

margin:0 10px 10px 0;

padding:5px 10px 0 0;

margin-left:-18px;

background:url(images/date.gif) no-repeat;

text-align:right;

line-height:14px;

color:#e9e7e0;

text-transform:uppercase;

}

.day {

font-size:25px;

line-height:25px;

color:white;

}

.title {

margin:0;

width:470px;

float:left;

}

.title-inside {

margin:0;

width:530px;

float:left;

}

.title h2, .title-inside h2 {

color: #B20000;

}

.title h2 a {

color: #B20000;

text-decoration: none;

}

.title h2 a:hover {

color: #b20000;

text-decoration: none;

border-bottom:1px dotted #b20000;

}



.titleblock .postdata {

margin: 0 0 10px 0;

padding:0;

width:470px;

float:left;

font-size:12px;

color:#707070;

}

.postdata a, .titleblock-inside .postdata a {

text-transform:uppercase;

color:#707070;

}

.titleblock-inside .postdata a:hover {

color: #B20000;

}



.postcom {

float:right;

width:51px;

height:30px;

background:url(images/postcom.gif) no-repeat;

text-align:center;

margin-top:3px;

}

.postcom a, .postcom a:visited {

color: white;

line-height:22px;

}

.postcom a:hover {

color: white;

}





.entry {

display:block;

float:left;

margin: 0;

line-height:21px;

}

.post p, .entry p {

margin:0 0 10px 0;

}



.entry a {

border-bottom:1px dotted;

}

.entry a:hover {

text-decoration:none;

border-bottom:1px solid white;

}

a.more-link {

display:block;

clear:both;

width:144px;

height:28px;

background:url(images/more.gif) no-repeat;

margin-left:-18px;

}

a:hover.more-link {

background:url(images/more.gif) no-repeat 0 100%;

}

#related h3, h3#comments {

padding: 8px 15px 5px 0;

border-bottom:1px dotted #999;

margin:0;

}

.cmd-avatar {

clear: none;

display: inline;

float: right;

margin: 0px;

}

/************************* CONTENT END ********************************/





/************************* SIDEBAR MAINS START ********************************/

ul#sidebar {

list-style-type: none;

margin: 0 20px 40px 10px;

padding: 0;

color:#888;

}

#sidebar li {

padding:0;

margin:0;

}

#sidebar li.widget {

margin: 0 0 25px 0;

}

li.widget ul {

list-style-type: none;

margin: 0;

padding: 0;

font-size:15px;

} 

#sidebar ul li {

margin: 5px 0 5px 0;

}

#sidebar .children {

margin: 0 0 10px 10px;

}

#sidebar h2 {

font-family:Century Gothic, "Times New Roman", Times, serif;

color: white;

font-size: 21px;

letter-spacing:-1px;

padding: 0;

margin:0;

height:35px;

line-height:32px;

text-align:left;

border-bottom:1px dashed #a1a1a1;

font-weight:bold;

}

#sidebar a {

color: #a1a1a1;

text-decoration: none;

padding:4px 5px 6px 18px;

line-height:15px;

font-size:14px;

background:url(images/arrow.gif) left top no-repeat;

background-position:0 8px;

}

#sidebar a:hover {

color:white;

background:url(images/arrow-hover.gif) left top no-repeat;

background-position:0 7px;

}



ul#categories li {

width:160px;

float:left;

padding:0;

margin:0 0 5px 0;

}



#rightcolumn #tag_cloud a, #rightcolumn_single #tag_cloud a {

background:none;

margin:auto;

display:inline;

float:none;

margin:0!important;

padding:0;

}



/************************* SIDEBAR MAINS END ********************************/

/* DomTab in Sidebar */

div.domtab {

	margin:0 0 25px 5px;

	padding:0;

	float:left;

	}

div.domtab ul.domtabs {

	float: left;

	clear:both;

	margin: 0 0 10px 0;

	padding:0;

	width:320px;

	}

div.domtab ul.domtabs li {

	float:left;

	display:block;

	padding: 0;

	margin: 0;

	font-weight:bold;

	}

div.domtab ul.domtabs li {

margin:0 10px 0 0;

}



.domtab ul.domtabs li a {

display: block;

padding:0 0 5px 0;

cursor:pointer;

color:#E3E2DD;

font-size:18px;

font-weight:bold;

font-family:Century Gothic, "Times New Roman", Times, serif;

color:#c4c3c3;

background:none;

	}

ul.domtabs li a:hover {

color:#f9f9f9;

text-decoration:none;

	}

.domtab ul.domtabs .active {

color:white;

border-bottom:1px dashed white;

	}

div.domtab div {

	clear:both;

	}



.TabContent {

width:320px;

}



.TabContent ul {

margin:0;

list-style-type:none;

}

.TabContent ul li {

margin: 5px 0 5px 0;

}

.TabContent ul li a {

color: #a1a1a1;

text-decoration: none;

padding:4px 5px 6px 18px;

line-height:15px;

font-size:14px;

background:url(images/arrow.gif) left top no-repeat;

background-position:0 8px;

}

.TabContent ul li a:hover {

color:white;

background:url(images/arrow-hover.gif) left top no-repeat;

background-position:0 7px;

}





ul#recentcomments li a, ul#recentcomments li a:visited {

padding:0 0 0 18px;

margin:3px 0 5px 0;

background:none;

text-decoration:none;

}

ul#recentcomments li a:hover {

background:none;

}

.comsubline {

color:#E3E2DD;

font-size:12px;

}

.comsubline span {

line-height:12px;

}

.avtor {

line-height:12px;

}

/************************* SIDEBAR DOMtabz END ********************************/



#tag_cloud {

text-align:center;

}

#tag_cloud a {

margin:5px;

color:#a1a1a1;;

}



/* ADS */

.ads { 

margin: 0 0 20px 0;

float:left;

width:320px;

text-align:center

}

.ads a { 

display : inline;

padding : 0;

height:125px;

width:125px;

margin : 0 10px 10px 10px;

list-style-type : none;

border:none;

}

 

/************************* COMMENTS AREA START ********************************/



.commentlist {

margin: 0;

padding:0;

list-style-type:none;

}

.commentlist li {

margin:10px 0 0 0;

border-bottom:1px dotted #ccc;

}

ul.children li.comment {

border-bottom:none;

}

ul.children li.comment.depth-2, ul.children li.comment.depth-4, ul.children li.comment.depth-6, ul.children li.comment.depth-8 {

background:#f7f7f7;

padding:7px;

border:1px dotted #ccc;

}

ul.children li.comment.depth-3, ul.children li.comment.depth-5 ul.children li.comment.depth-7 ul.children li.comment.depth-9 {

background:#f0f0f0;

border:1px dotted #ccc;

padding:7px;

}



.commentlist p {

padding:5px;

margin:0;

}

.komentar {

margin:0;

padding:0;

}

.commentlist a {

border-bottom:1px dotted;

}

.commentlist a:hover {

text-decoration:none;

border-bottom:none;

}



#respond h3 {

margin:10px 0 0 0;

}

.navigation {

float:left;

clear:both;

width:590px;

margin:15px 0 10px 0;

}





.commentlist li.comment-author-admin {

color:#B20000;

}



.commentlist .body p {

float:left;

padding-top:0;

}

.commentlist li {

width: 100%;

padding: 0 0 5px 0;

clear:both;

display:block;

float:left;

}

.commentlist li .top {

color: #b20000;

padding: 0;

margin:0;

width:500px;

float:right;

font-weight: bold;

}

.commentlist li .top a {

color: #b20000;

}

.commentlist li .top span {

font-size: 0.9em;

font-weight: 400;

color:#666;

}



.gravatar {

height:70px;

width:60px;

float:left;

margin:0;

}

img.gravatar {

margin:0;

height:60px;

width:60px;

padding:2px;

border:1px solid #E5E1DE;

}

img:hover.gravatar {

margin:0;

padding:2px;

height:60px;

width:60px;

border:1px solid #B20000;

}



.theform {

padding: 1.5em 0 2em;

}



.theform label {

font-size: 0.9em;

vertical-align: middle;

}



#remember, #forget, #txpCommentHelpLink {

margin-left: 2em;

}



#commentform {

padding:0;

}



#commentform input, #commentform textarea {

border: 1px solid #666;

padding:3px;

}



#commentform input:focus, #commentform textarea:focus {

border: 1px solid #B20000;

background: white;

}



.comment_input {

vertical-align: middle;

width: 260px;

border: 1px solid #666;

background: #f9f9f9;

padding: 0.3em;

margin-right: 5px;

}



#commentform textarea {

font-size: 1em;

width: 98%;

height: 200px;

border: 1px solid #666;

background: #f9f9f9;

margin-top: 0.2em;

padding: 0.3em;

}



.commentlist_error {

color: #c00;

}



.button {

background: #666;

width:75px;

padding:5px 0 5px 0;

border:none;

color:white;

font-weight:bold;

text-transform:uppercase;

font-size:12px;

cursor:pointer;

}

.button:hover {

background: #b20000;

color:white;

cursor:pointer;

}

#commentform .button:focus {

background: #b20000;

color:white;

cursor:pointer;

border:none;

}

/************************* COMMENTS AREA END ********************************/





/************************* FOOTER START ********************************/



#footer {

width: 992px;

margin:0px auto;

padding:10px 0 20px 0;

display: block;

}

#footer .container {

padding:0;

text-align:center;

width:992px;

}

.copyright {

background:url(images/copyright.gif) no-repeat;

width:595px;

height:20px;

float:left;

color:#a4a093;

font-size:11px;

margin-left:18px;

margin-top:30px;

}



#footer .credits {

width:315px;

float:right;

margin-right:25px;

color:#636363;

font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;

}

#footer .credits p {

float:left;

font-size:12px;

margin:30px 7px 0 0;

}

#footer .credits a, #footer .credits a:visited {

color:#71ceed;

}

a.wordpress {

display:block;

float:right;

width:46px;

height:46px;

background:url(images/wordpress.gif) no-repeat;

}

a:hover.wordpress {

background:url(images/wordpress.gif) no-repeat 0 100%;

}

/************************* FOOTER END ********************************/



/* Page Navigation  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.pageNav { 

background:#F6F5F1;

border-top:1px solid #EAE7E2;

border-bottom:1px solid #EAE7E2;

padding: 5px 0 0 0; 

margin:50px 0 20px 0; 

margin-left:-18px;

margin-right:-23px;

height:30px;

font-size:15px; 

font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif;

}

.pageNav a, .pageNav a:visited { display:block; float:left; text-align:center; line-height:25px; height:25px; width:25px; color:#3A3A3A; text-decoration:none; }

.pageNav a:hover { text-decoration: none; color:#b20000; border-bottom:1px dashed #b20000; }

.pageNav span { display:block; float:left; text-align:center; line-height:25px; height:25px; width:130px; color:#333;}

.pageNav .on { display:block; float:left; text-align:center; line-height:25px; height:25px; width:25px; color:#b20000; }



.dotts {width:25px; text-align:center; display:block; float:left;}

.pageNav a.lastpage {color: #3a3a3a;width:35px;}

.pageNav a:hover.lastpage {color: #222; width:35px;}





.list404-table {

font-size:17px;

}

ul.list404, ul.list404 li ul {

list-style-type:none;

font-size:14px;

margin:10px 20px 20px 20px;

}

ul.list404 li a {

background:url(images/arrow2.gif) left top no-repeat;

background-position:0 4px;

padding-left:20px;

}

ul.list404 li a:hover {

background:url(images/arrow2-hover.gif) left top no-repeat;

background-position:0 4px;

}





/************************* FEATURED ********************************/

.featured {

display:block;

float:left;

width:610px;

/*height:119px;*/

margin:0 0 20px 0;

}



#featured{ 

	width:440px; 

	border:1px solid #EAEAEA; 

	padding-right:158px; 

	position:relative; 

	height:242px; 

	background:#f7f7f7;

}

#featured ul.ui-tabs-nav {

	position:absolute; 

	top:4px; 

	left:435px; 

	list-style:none; 

	padding:0; margin:0; 

	width:158px;

	font-size:10px;

	text-transform:uppercase;

	border:1px solid #F3F3F3;

	border-left:none;

}

#featured h2 {

line-height:19px;

font-weight:bold;

}



#featured ul.ui-tabs-nav li{ 

	padding:0;

	font-size:12px; 

	color:#666;

}

#featured ul.ui-tabs-nav li img{ 

	float:left; margin:2px 5px; 

	background:#fff; 

	padding:2px; 

	border:1px solid #eee;

}

#featured ul.ui-tabs-nav li { 

	font-size:10px;

	line-height:15px;

}



#featured li.ui-tabs-nav-item { 

margin:0 0 1px 0;

}

#featured li.ui-tabs-nav-item a{ 

	display:block; 

	height:47px; 

	color:#fff;  

	background:#525252; 

	text-decoration:none;

	padding:5px;

}

#featured li.ui-tabs-nav-item a:hover{ 

	background:#333; 

}

#featured li.ui-tabs-selected{ 

	background:#fff;

}

#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 

	background:#f7f7f7;

	color:#525252;

}

#featured .ui-tabs-panel{ 

	width:411px; height:215px; 

	position:relative;

	border:1px solid #F3F3F3;

	border-right:none;

	margin:4px 0 4px 4px;

	padding:7px 10px 10px 10px;

}

#featured .ui-tabs-panel .excerpt { 

}

#featured .ui-tabs-panel .excerpt img { 

width:100px;

height:auto;

}

#featured .ui-tabs-panel h2 a { 

	font-size:17px;

}



#featured .botlinks {

	position:absolute;

	left:10px;

	bottom:7px;

	width:405px;

}



#featured .botlinks a { 

	text-transform:uppercase;

	font-size:10px;

	color:#696969;

}



.homemore {

float:right;

}



#featured .ui-tabs-hide{ 

	display:none; 

}