/*
Theme Name: Karaoke Lounge
Version: 1.1
Author: NVI
*/

*{margin: 0; padding: 0;}

html{height: 100%; margin: 0; padding: 0;}

body{background:url('images/back.jpg') #7acfe7 top center repeat-x; margin: 0; padding: 0; font: 75%/135% Arial, Verdana, Helvetica, sans-serif; color:#535353;}

a,a:link,a:visited, a:active{color: #f1730e; font-weight: bold; text-decoration: none; outline: none;}
a:hover{text-decoration: underline;}

img{border: none; padding:0; margin:0;}
pre{white-space: pre-wrap; white-space: -moz-pre-wrap !important; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;}
blockquote, pre{border-left: 1px solid #cce9f9; padding: 10px; font-style: italic; background: #e8f7ff; margin: 10px 0;}

ul{ margin:0; padding:0;margin-bottom:20px;}
ol{ margin-bottom:20px;}
ul li{ list-style:none; background:url('images/bulletFooter.gif') 3px 6px no-repeat; padding-left:15px;}
h1,h2,h3,h4,h5,h6{ color:#0675c2;}
h4{ font-size:1.15em;}
h5{ font-size:1.1em; font-weight:normal;}
h6{ font-size:1.0em; font-weight:normal;}

#container{ background:url('images/backNuages.jpg') top center no-repeat; margin:0 auto; padding:0; padding-bottom:100px;}
#wrapper{margin: 0px auto; width: 980px; background-color:#FFF;}

/* ---- Header part */

#header{background:url('images/header.jpg') top center no-repeat; width:980px; height:229px; position:relative;}
#header h1, #header h1 a{display:none;}
#header .descri{ margin-top: -5px; color: #666;}

/* topmenu */
.topmenu{position:absolute; right:10px; top:31px;}
.topmenu ul li{margin:0; padding:0; list-style:none; background:none;}

/* linkHome */
#linkHome{ position:absolute; top:20px; left:4px;}
#header #login{ position:absolute; left:443px; top:194px;}

/* searchForm */
#searchForm{ position:absolute; top:192px; left:630px;}
#s{padding: 1px; width:163px; font-size:11px; border:1px solid #FFFFFF;;}
input#s{}
#searchsubmit{ position:relative; top: 7px; left:5px;}

/* rss */
#btnRss{ position:absolute;top:194px; right:4px;}

/* ---- Content */
#content{
	float:left;
	display:inline;
	width:521px;
	border-left:4px solid #FFF;
	border-right:4px solid #FFF;
	background-color:#FFF;
    padding-bottom:30px;
	position:relative;
}
#content ol{margin-left:10px; list-style: decimal inside;}

#content p{margin: 0 0 1em 0;}

#content h1{ font-size: 2.2em; line-height:1.1em; color:#0675c2;}
#content h1 a{color:#0675c2;}
#content h2{ font-size: 2.2em; line-height:1.1em; color:#0675c2;}
#content h2 a{color:#0675c2;}
#content h1 a:hover, #content h2 a:hover{ color: #ed730e; text-decoration:none;}
#content h3{ margin: 10px 0;}

/* entry */
#content .entry{ padding:15px; background:url('images/backTopEntries.gif') #fff top left repeat-x; overflow:visible; width:491px;}
/*#content .entry img{ border: 1px solid #83d1ff;}*/

/* #catTitle */
#content #catTitle{ background:url('images/backTitleArchives.jpg') top left repeat-x; height:21px; margin-bottom:4px; padding:15px 0 10px 10px; font-size:1.1em; font-weight:bold;}

/* metadata */
#content .metadata{ padding:11px 0;}
#content .metadata .meatInfos{ width:375px; float: left; display:inline; font-size:0.95em;}
#content .metacomments{ float:right; display:inline; width:99px; height:30px; background:url('images/backNumberComments.gif') top left no-repeat;}
#content .metacomments a{ color:#0093df; padding-left:12px; padding-top:6px;}

#content .ratingblock { float:right; display:inline; margin-top:10px; }
#content .socialButtons { float:left; display:inline; width:300px; margin-bottom:12px; }
#content .relatedTags { margin-top:10px; display:block; clear:both;}


/* ---- Comments */
#content .comments-template {margin-top: 20px;}
#content .commentlist{list-style: none; margin: 10px 0 0 0; border: 3px solid #cce9f9;}
#content h2#comments{ margin:0; padding:10px;}
#content .commentlist .even{ background-color:#e8f7ff; }
#content .commentlist .alt{}
#content .commentlist .comment{ position:relative;}

#content .commentmetadata { padding: 5px 10px;}
#content .comment{ font-size:0.95em;}
#content .comment p{ color:#0675c2; font-size:1.1em; margin-top:2px;}

/*#content .containerComment img{float: left; padding: 2px; margin: 5px 10px 5px 0; border: 1px solid #000; }*/
#content .containerComment{ position:relative;display:block; z-index:100; width:480px;}
#content .imgAvatar{ width:140px; float:left; display:inline;}
#content .imgAvatar img{border: 1px solid #000;}
#content .containerComment img{ margin:9px 0 0 15px; border:none;}
#content .contentComments{ float:left; display:inline; width:370px; padding-top:5px;}
/* Youtube video */
#content .vvqyoutube { margin: 20px 0; text-align:center; }

/* formComments */
#formComments{ background-color:#cce9f9; padding:5px 10px 10px 10px; margin-top:5px;}


/* bottomContent */
#bottomContent{ height:49px; width:980px; position:absolute; bottom:0px; left:-4px; z-index:0;}

/* ---- Sidebar */

#sidebar{width: 451px; float:right; background:#FFFFFF; padding-bottom:30px; font-size:11px;}

#sidebar .leftbar{float: left; display:inline;width: 221px;}
#sidebar .rightbar{float: left; display:inline;width: 221px; margin-left:5px; overflow:hidden;}
#sidebar a, #sidebar a:active, #sidebar a:link, #sidebar a:visited{ font-size:11px;}

/*#sidebar h2{
	background-color:#0093df;
	color:#FFF;
	text-transform:uppercase;
	font-size:15px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	height:20px;
	width:213px;
	padding: 6px 0 0 8px;
}*/

#sidebar h2{width:221px; height:26px;}
#sidebar h2 span{display:none;}

#sidebar h4,
#sidebar h5{color: #327eb0; letter-spacing: -1px; margin: 25px 0 5px 0;}

#sidebar h4{font-size: 14px;}

#sidebar h5{font-size: 13px;}
#sidebar h6 span{ display:none; margin:0; padding:0;}

#sidebar ul{ margin:0; padding:0;}
#sidebar ul li{ margin:0; padding:0; list-style:none; background:none;}
#sidebar ul ul{padding: 0px 0 10px 5px; list-style: none; background:url('images/backLiSidebar.gif') top left repeat-y; width:216px; margin-top:6px;}
#sidebar ul ul li{list-style:none; background:url('images/bulletFooter.gif') 3px 6px no-repeat; padding-left:15px; padding-bottom:2px; line-height:16px;}
#sidebar ol{margin: 10px 0 10px 5px; list-style: decimal inside;}

#sidebar #aboutUS{background:url('images/title_aboutUs.gif') top left no-repeat; width:221px;}
#sidebar #aboutUS #aboutContent{ background:#e8f7ff; padding:5px 15px 5px 15px; width:191px; margin:6px 0 10px 0;}
#sidebar .widget_categories{background:url('images/title_categories.gif') top left no-repeat; width:221px;}
#sidebar .widget_authors{background:url('images/title_authors.gif') top left no-repeat; width:221px;}
#sidebar .widget_recent_comments{background:url('images/title_recentCommentsSidebar.gif') top left no-repeat; width:221px;}
#sidebar .widget_archive{background:url('images/title_archives.gif') top left no-repeat; width:221px;}
#sidebar .widget_twitter{background:url('images/title_twitter.gif') top left no-repeat; width:221px;}
#sidebar .widget_links{background:url('images/title_blogRoll.gif') top left no-repeat; width:221px;}
#sidebar .widget_joinUs{background:url('images/title_joinUs.gif') top left no-repeat; width:221px;}
#sidebar .widget_joinUs .logoJoin{ float:left; display:inline;padding:10px 6px 10px 2px;}
#sidebar .widget_joinUs .logoJoin.noSpace{ padding-right:0px;}

#sidebar ul li #chicklet_creatorWidget{ background:url('images/backChicklet.jpg') #dbf3ff top center no-repeat; width:206px; height:90px; padding: 10px 7px; margin-top:10px;}
#sidebar ul li #chicklet_creatorWidget h2{display:none;}

#sidebar ul ul#recentcomments{background:none; padding-left:0;}
#sidebar ul ul#recentcomments li{line-height:14px; padding:3px 8px;}
#sidebar ul ul#recentcomments li.blue{background:#e8f7ff; }
#sidebar ul ul#recentcomments li.white{background:#FFF;}

#sidebar ul ul.twitter{ background:none;}
#sidebar ul ul.twitter li.blue{ background-color:#e8f7ff;}
#sidebar ul ul.twitter li.white{ background-color:#FFF;}



/* ---- Twitter */
#sidebar .twitter ul ul li { line-height:120%; padding-bottom:4px; }


/* ---- Bottom */
#bottom{background-color:#FFF; border-top:5px solid #c5ebff; width:980px; font-size:0.95em; padding-bottom:10px;}
#bottom h2{ display:none; padding:0; margin:0;}
#bottom ul{ padding:2px 9px 5px 9px; height:auto !important; height: 190px; min-height:190px;}
#bottom #recent_posts{ width:232px; float:left; display:inline; margin: 7px 0 10px 13px; background-color:#ddf1fc;}
#bottom #recent_comments{width:232px; float:left; display:inline; background-color:#ddf1fc; margin:7px 9px 0 9px;}
#bottom #popular_posts{width:232px; float:left; display:inline; background-color:#ddf1fc; margin:7px 10px 0 0px;}
#bottom #poweredBy{ width:217px; margin:7px 0 10px 9px; float:left; display:inline;}
#bottom #poweredBy #linkPoweredBy{ padding-top:22px;}

/* ---- Footer */

#footer{background:url('images/backFooter.gif') top left repeat-x; width:980px; height:81px; text-align:center;}
#footer a{color: #6a737b; text-transform:uppercase;}
#footer ul li{ display:inline; background:none; list-style:none; margin:0 7px; text-align:center; padding:0;}
#footer ul li a{ font-weight:normal; font-size:10px;}
#footer ul li a:hover{ color:#006898;}
#footer ul li.sep{}
#footer #menuFooter{ padding-top:15px;}

/* lowerfooter */
#lowerfooter{color: #fff; font-size:12px;}

/* ---- Comment form */

#author, #email, #url, #comment { border: 1px solid #fff; padding: 2px; margin-top: 5px; font-size:11px;}

#author{ width: 134px; }
#email{ width: 134px; }
#url{ width: 134px; }
#comment{ width: 447px; font-family:Arial, Helvetica, sans-serif;}
#submit{}

/* ---- Required by WordPress */

.aligncenter,
div.aligncenter{display: block; margin: 0 auto;}
.alignleft{float: left; margin:5px 10px 5px 0;}
.alignright{float: right;margin:5px 0px 5px 10px;}
.wp-caption{border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px;
				/* optional rounded corners for browsers that support it */
		   		-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.wp-caption img{border: 0 none; }
.wp-caption p.wp-caption-text{ font-size: 11px; line-height: 17px; padding: 0 4px 5px; }
.socialbookmark div { float:left; display:inline; padding-right:10px; }

.twitthisBtn {margin-top:15px;}
label{ display:block; font-weight:normal; font-size:11px;}
small, .small{ font-weight:normal; color:#737373; font-size:0.95em;}

#commentform .inputValid{
	background: #FFF url('images/backgroundInput.gif') top left repeat-x;
	font-weight:normal;
	color:#535353;
	border:#fff 1px solid;
	}

#commentform .inputRequired{
	background: #FFF url('images/backgroundInputNoValid.gif') top left repeat-x;
	font-weight:bold;
	color:#333;
	border:#FF3300 1px solid;
	}
	
/* subscribe-to-comments */
.subscribe-to-comments{ position:relative;}
.subscribe-to-comments label{font-weight:normal; position:absolute; top:1px; left:20px;}

/* ddsg-wrapper */
.ddsg-wrapper h2{ font-size:0.5em; margin:10px 0;}
	
/* general Classes */
.rollOverTrans img{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.rollOverTrans:hover img{filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;}
.floatLeft{ float:left; display:inline;}
.floatRight{ float:right; display:inline;}
.clear {clear:both;}
.col{ float:left; display:inline; width:154px;}


