/*  

Theme Name: DarkSide

Theme URI: 

Version: 1

Author: Blog Design Studio

Author URI: http://blogdesignstudio.com/



	Valid XHTML 1.0 Transitional



*/



* {

margin: 0;

padding: 0;

}



body {

color: #333;

background:#000 url(images/content_pat.gif) top repeat-y;

font-family: Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;

font-size: 75%;

line-height: 1.6;

}



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

font-weight: normal;

color:#444;

}



h1 {

font-size: 3.2em;

}



h1 a { display: block; height: 40px; color: #fff; text-decoration: none; }

h1 a:hover, h1 a:active { color: #fff; }



h2 {

font-size: 21px;

line-height: 1em;

margin-bottom: 0.5em;

}



h3 {

font-size: 1.5em;

line-height: 1;

margin-bottom: 1em;

}



h4 {

font-size: 1.2em;

line-height: 1.25;

margin-bottom: 1.25em;

}



h5 {

font-size: 1em;

font-weight: 700;

margin-bottom: 1.5em;

}



h6 {

font-size: 1em;

font-weight: 700;

}



p {

margin: 0 0 1.5em;

}



blockquote {

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

color: #A81D3A;

margin: 15px;

padding-left: 30px;

}



em {

font-style: italic;

}



strong {

font-weight: 700;

}



pre, code {

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

line-height: 1.5;

}



pre {

background: #efefe9;

border-top: 1px solid #ccc;

white-space: pre;

overflow: auto;

margin: 0 15px;

padding: 10px 15px;

max-height: 300px;

}



.alignleft {

float: left;

}

.alignright {

float: right;

}



img {

border: none;

}

img.alignleft {

float:left;

margin:5px 10px 5px 0;

}

img.alignright {

float:right;

margin:5px 0 5px 10px;

}



hr {

background: #F4CDCE; 

color: #F4CDCE;

clear: both; 

float: none; 

width: 100%; 

height: .1em;

margin: 0 0 1.4em;

border: none; 

}



hr.space {

height: 4em;

}



a:focus, a:hover {

color: #A81D3A;

text-decoration: none;

}



a {

color: #A81D3A;

text-decoration: underline;

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;

}



input, textarea {

font-family: "Lucida Grande", Verdana, sans-serif;

}



.clear {

float:none;

clear: both;

}



.container {

width: 960px;

margin: 0 auto;


}



.main {

margin-top:15px;
background: url(images/hkphooey.gif) no-repeat bottom right;
}



/********************************* HEADER START *********************************/



#header {

width: 100%;

background:url(images/header.jpg) center top no-repeat;

height:150px;

}



#headline {

width:960px;

height:109px;

display:block;

margin:0px auto;

padding:10px 0 0 0;

}

#headlinenews {



width:960px;



height:115px;



display:block;



margin:0px auto;



background-image: url(../images/TDS-visual-final.jpg) ;

}


#headline_h1 {



float:left;



display:block;



margin:0 0 0 20px;



width:483px;



margin:-8px 0px 0px 0px;



}
#bookmarks

{

	width: 228px;

	float: left;

	margin-left: 50px;

	margin-top: -8px	

}



.desc {

display:block;

float:left;

margin:0;

color:#555;

font-size:25px;

letter-spacing:2px;

font-style:italic;

}



.topright {

float:middle;

width:750px;

text-align:right;

margin:0px 160px 0 0;

}



.googleadsense {

float: right;

clear: both;

width:600px;

text-align:right; 

}



/********************************* HEADER END *********************************/





/********************************* MAIN MENU START *********************************/

.menupack {

float:left;

}



ul.menu {

list-style-type: none;

height: 30px;

margin: 0 20px 4px 15px;

padding:0;

font-weight:bold;

font-size: 13px;

text-transform:uppercase;

width:600px;

float:left;

}



li.page_item {

float: left;

display: inline;

padding: 0;

margin:0 1px 0 0;

height: 30px;

}

li.page_item a {

color:#fff;

display: block;

text-decoration: none;

line-height:13px;

padding: 8px 10px 9px 10px;

}



li.page_item a:hover {

color: #fff;

background:#000;

padding: 8px 10px 9px 10px;

}

li.current_page_item a {

color: #fff;

padding: 8px 10px 9px 10px;

background:#000;

}





/* Search */

.searchform {

padding: 0;

display:block;

float:left;

margin:0;

}

.searchword {

float:left;

font-size:14px;

letter-spacing:-1px;

line-height:20px;

color:#fff;

margin:4px 0 0 0;

font-variant:small-caps;

}



input#s {

font-size: 11px;

width: 162px;

height:13px;

line-height:13px;

padding:2px 5px 3px 5px;

float:left;

background:#1D1D1D;

border: 1px solid #F46F8C;

margin:5px 0 0 5px;

color:#fff;

}



/********************************* MAIN MENU END *********************************/



 

#leftcolumn, #rightcolumn {

margin:0;

}

#leftcolumn {

float: left;

width: 575px;

margin:0 0 0 15px;

overflow: hidden;

}



#rightcolumn {

float: right;

width: 350px;
padding:0;

margin:0 2px 0 0;
/*background: url(images/hkphooey.jpg) center bottom no-repeat;*/

}





/********************************* POST CONTENT Classes *********************************/



.page h2 {

margin:0 0 20px 0;

}

.post {

padding: 0;

margin:0 0 20px 0;

float:left;

clear:both;

border-bottom:1px solid #F4CDCE;

width:100%;

font-size:13px;

}





.post_thumbnail {

width:100px;

padding:5px;

float:left;

margin:0 10px 0 0;

background:#DBDBDD;

}

.post_thumbnail img {

width:100px;

}



.post h3 {

font-size: 16px;

border-bottom:1px dotted #333;

display:inline-block;

margin-bottom:5px;

padding:0 0 4px 0;

}



.title h2 {

color: #000;

margin-bottom:7px;

line-height:23px;

}

.title h2 a {

color: #000;

text-decoration: none;

}

.title h2 a:hover {

color: #A81D3A;

}



.entry {

clear: both;

margin: 0 0 20px 0;

line-height:23px;

}



.postdata {

color: #000;

margin: 12px 0 10px 0;

font-size:11px;

float:left;

width:450px;

}

.postdata a {

color: #A81D3A;

text-decoration:none;

}

.postdata a:hover, .pagers a:hover {

color: #333;

}



.morelink {

float:right;

margin:10px 0 0 0;

font-size:12px;

}





a.more-link {

display:none;

}

a:hover.more-link {



}



#related h3, h3#comments {

padding: 8px 15px 5px 0;

}



.pagers {

width: 98%;

margin: 0 auto;

height: 30px;

}

.pagers a {

color: #666;

}



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

ul.sidebar {

font-family: "Trebuchet MS";

list-style-type: none;

margin: 0;

padding: 0;

float:right;

}

.sidebar li {

padding:0;

margin:0;

}

li.widget {

clear:both;

margin-bottom:30px;

width:340px;

}

li.widget ul {

list-style-type: none;

margin: 0 7px 0 0;

padding: 0 0 2px 10px;

font-size:13px;

width:300px;

} 

.sidebar ul li {

line-height:15px;

margin:0 0 1px 0;

padding: 5px 2px 5px 2px;

}

.sidebar ul li ul {

width:280px;

border-bottom:none

}



.sidebar .children {

margin: 5px 0 0 10px;

}

.sidebar h2 {

color:#2c2c2c;

font-weight:normal;

padding:8px 0 7px 10px;

margin:0 0 2px 0;

width:330px;

font-size:18px;

font-variant:small-caps;

border-bottom:1px solid #F4CDCE;

}

.sidebar a {

color: #000;

font-size:13px;

padding: 0;

text-decoration:none;

}

.sidebar a:hover {

color:#A81D3A;

}



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

/* DomTab in Sidebar */

div.domtab {

	margin:0;

	}

.domtab ul.domtabs {

	float: left;

	margin: 0 0 2px 10px;

	padding:0;

	border-bottom:1px solid #F4CDCE;

	width:300px;

	}

.domtab ul.domtabs li {

	display: inline;

	float:left;

	display:block;

	padding: 0;

	margin: 0;

	font-size:14px;

	font-weight:bold;

	background:none;

	border-bottom:none;

	}

.domtab ul.domtabs li a {

margin: 0 23px 0 0;

padding:25px 0 7px 0;

}

.sidebar li .domtab ul.domtabs li a {

	display: block;

	border: none;

		text-decoration:none;

		cursor:pointer;

		color:#404040;

			font-size:19px;

			font-weight:normal;

			font-variant:small-caps;

	}

.sidebar li ul.domtabs li a:hover {

	border: none;

		text-decoration:none;

		cursor:pointer;

		color:#A81D3A;

	}

.sidebar li .domtab ul.domtabs .active {

		background:url(images/tab_arrow.gif) center top no-repeat;

		color:#A81D3A;

	}

div.domtab div {

	clear:both;

	}

div.domtab div ul li {

			margin-left:0;

}

div.domtab div ul li a {

	display: block;

			text-decoration:none;

	}

div.domtab div ul li a:visited {

			text-decoration:none;

}

div.domtab div ul li a:hover {



	}

.domtab ul {

	list-style-type: none;

	margin:0px;

	padding:0;
padding-left: 5px;
}



* html ul#dom_categories li {

	margin-top: -10;

}

* html ul#dom_categories li a {

	margin-bottom:-12px;

}

* html ul#recent li a {

	margin-bottom:1px;

}



.ads {

margin:0 -20px 30px 3px;
width:310px;

text-align:left;
}


.adsline {

border-bottom: 1px solid #292B2A; 

width:330px;
 
}





.ads a {



}



.gossip {

	font-family: "Trebuchet MS";

float:left;

margin:0 0 30px 13px;

padding:10px;

width:310px;

background:#F3EFEE;

color:#333;

font-size:13px;

border-top:1px solid #292B2A;

border-bottom:1px solid #292B2A;

}



#mostcom li a {

display:inline;

}



li#tagcloud {

text-align:center;

}

li#tagcloud h2 {

text-align:left;

padding-left: 0px !important;

}





/* Subscribe Section */

.subs {

margin:5px 0 0 20px;

float:left;

}

.subs a {

text-decoration:none;

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

font-size:14px;

color:#f5841e;

padding:3px 0 4px 27px;

height:26px;

line-height:26px;

}

.subs a:hover {

text-decoration:underline;

}



.rssIco {

display:block;

float:left;

width:44px;

height:45px;

margin:0 5px 10px 0;

}



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









#tag_cloud {

display:block;

margin-bottom:30px;

float:left;

clear:both;

width:100%;

}

ul#recentcomments li {

border-bottom:1px dotted #ccc;

}

ul#recentcomments li a {

background:none;

padding-left:0;

color:#A81D3A;

}

ul#recentcomments li a:hover {

background:none;

padding-left:0;

color:#A81D3A;

}



.comsubline {

font-size:11px;

}

.avtor {

color:#025180;

}

#tag_cloud a {

margin-right:5px;

}





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



.commentlist {

margin: 0;

padding:0;

list-style-type:none;

clear:both;

}

.commentlist p {

padding:0;

margin:0;

}

.komentar {

margin:0;

padding:0;

}

.commentlist a {

border-bottom:1px dotted;

text-decoration:none;

}

.commentlist a:hover {

text-decoration:none;

border-bottom:none;

}

.commentlist .body {

font-size: 11px;

padding: 0;

margin:0;

overflow: hidden;

float:right;

width:555px;

display:block;

color:#45322f;

}

.commentlist .body .body-author {

padding:0 0 0 5px;

margin:5px 0 0 0;

overflow: hidden;

color:#A81D3A;

float:right;

display:block;

 

border-left:3px solid #B50800;

}

.commentlist .body p {

clear:both;

padding-top:0;

}

.commentlist li {

padding: 10px;

margin:0;

clear:both;

display:block;

float:left;

border-bottom:1px dotted #D9D9D9;

}

.commentlist li .top {

color: #45322f;

padding: 0;

padding-left: 15px;

margin:2px 0 10px 5px;

font-size:11px;

line-height:12px;

width:450px;

height:40px;

float:left;

font-weight: bold;

clear:right;

}

.commentlist li .top a {

color: #A81D3A;

}

.commentlist li .top span {

font-weight: 400;

color:#505e66;

display:block;

margin-top:7px;

}

.alt {

background:#FBFBFB;

}



.gravatar {

height:36px;

width:36px;

float:left;

margin:0;

clear:left;

}



.theform_packer {

margin-top:30px;

}



#respond {

height:30px;

}



.theform {

width:454px;

}



.theform label {

font-size: 0.9em;

vertical-align: middle;

}



#remember, #forget, #txpCommentHelpLink {

margin-left: 2em;

}



#commentform {

padding:0;

}



.comment_input {

vertical-align: middle;

width: 156px;

height:19px;

border: 1px solid #a2a2a2;

padding: 3px 5px 0 5px;

margin:0;

font-family: Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;

}

#commentform input:focus {

border: 1px solid #B50800;

width: 156px;

height:19px;

}



.message_input {

font-size: 1em;

width: 383px;

height: 115px;

border: 1px solid #a2a2a2;

margin:0;

padding: 5px;

font-family: Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;

}



#commentform textarea:focus {

width: 383px;

height: 115px;

padding: 5px;

border: 1px solid #B50800;

background-attachment:scroll;

}



.commentlist_error {

color: #c00;

}



.button {

background: none;

width:60px;

height:20px;

line-height:14px;

cursor:pointer;

border:none;

background:none;

font-family: Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;

color:#B50800;

}



.button:hover {

cursor:pointer;

border:none;

background:none;

color:#000;

}



.sendbutton	{ 

	background:#A71D37 none repeat scroll 0 0 !important;

	font-family:Lucida Sans,Unicode,Verdana,Arial,Helvetica,sans-serif;

	font-size:11px;

	height:25px !important;

	color:#FFFFFF;

	cursor:pointer; 

	width:65px !important;  

	border-color:#ECECEC #ADADAD #ADADAD #ECECEC!important; 

	background:url(images/button-bg.gif) repeat-x; 

	border:1px solid #adadad!important;

	border-left-color:#ececec!important; 

	border-top-color:#ececec!important;

	border-style:solid !important;

	border-width:1px !important;

	padding: 0!important;

	margin: 0;

}

.sendbutton:hover {

background:#333333 none repeat scroll 0 0;

}



#commentform .button:focus {

width:60px;

height:20px;

cursor:pointer;

border:none;

}

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





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

#footer {

color: #555;

width: 100%;

padding: 0;

display: block;

}

#footer .container {

margin: 0px auto;

padding:0;

width:959px;

}



.credits { 

margin: 0;

padding: 10px 0 10px 10px;

width:598px;

display:block;

float:left;

font-size:12px;

background:#F3EFEE;

}



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





/*************** SOCIAL LINKS in single page ************************/

.inside_subpost {

display:block;

clear:both;

margin:0 0 30px 0;

padding:0;

}



a.related_rss_icon {

float:left;

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

width:16px;

height:16px;

margin: 6px 5px 0 0;

border-bottom:none!important;

text-decoration:none;

}

.related_rss {

padding:4px 0 5px 0;

margin:0 0 20px 0;

font-size:16px;

line-height:16px;

letter-spacing:-1px;

font-weight:normal;

border-bottom:1px solid #B8B8B8;

}

.related_rss a, .related_rss a:visited {

border-bottom:1px dotted;

text-decoration:none;

}

.related_rss a:hover {

border-bottom:none;

text-decoration:none;

}



#inside_form {

width:100px;

display:inline;

}

.submit_inside {

border:none;

background:none;

color:#B70800;

font-size:16px;

letter-spacing:-1px;

font-family: Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;

line-height:18px;

text-decoration:none;

padding:3px 0 3px 0;

margin:0 3px 0 0 ;

border-bottom:1px dotted #B70800;

cursor:pointer;

width:101px;

height:25px;

}

.submit_inside:hover {

border-bottom:1px solid #fff;

}







.nextlinks {

margin:0 0 20px 0;

padding:0;

display:block;

clear:both;

float:left;

}

.nextlinks h2 {

margin:5px 0 10px 0;

padding:0;

font-size:19px;

}

.nextlinks ul {

margin:0;

padding:0;

}

.nextlinks li {

list-style-type:none;

margin:0;

padding:0 0 3px 21px;

margin:3px 0 5px 0;

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

background-position:0 3px;

}

.nextlinks a {

line-height:13px;

font-size:13px;

padding:0

}







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



.pageNav { padding: 7px 0 0 0; margin:20px 0 30px 0; height:40px; }

.pageNav a, .pageNav a:visited { display:block; float:left; text-align:center; line-height:20px; height:22px; font-size: 12px; color:#fff; background:#000; border:1px solid #3B3B3B; text-decoration:none; margin-right:1px; padding:0 7px 0 7px; }

.pageNav a:hover { background: #A61D39; text-decoration: none; color:white; }

.pageNav span { display:block; float:left; text-align:center; line-height:22px; height:22px; width:130px; margin-right:1px;color:#515860;}

.pageNav .on { display:block; float:left; text-align:center; line-height:20px; height:22px; background:#A61D39; border:1px solid #3B3B3B;  color:white; margin-right:1px; padding:0 7px 0 7px;  }



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







/********* misc styles ********************/

.hide {

display:none;

visbility:hidden;

}



.show {

display:inline;

visbility:visible;

}





.youtube {

margin:0 0 30px 0;

}