*{font-size:100.01%;}

html{font-size:62.5%;}
body{margin:0 auto;max-width:96em;min-width:870px;font:12px/1.6em Verdana,Helvetica,Arial,Geneva,Helvetica,sans-serif;color:#1e1e1e;background: #000000 url(../images/body-background.jpg);}

pre { color: #ffffff }
a{color:#0040b6;text-decoration:none;}


form,fieldset{margin:0;padding:0;border:none;}
input{color:#333;font:1.1em/1.45em Verdana,Geneva,Arial,Helvetica,sans-serif;}
p{margin:13px 0 0;}
img.withpadding{background-color:#fff;padding:3px 3px;padding:0;}
sub,sup{font-size:10px;}
#footer{color:#A3A2A0;border-top:1px solid #eee;min-width:820px;height:78px;font-size:1.2em;line-height:1.4;background-color:#333333; padding: 20px}
#footer .foologo{float:left;width:145px;margin-top:5px;}
#footer .foo{width:auto;float:right;padding:15px 25px 0 0;}
#footer p{color:#444;font-family:Helvetica,Arial,Verdana,sans-serif;margin:1em 20px;font-size:18px;}
#footer a{background:none;text-decoration:underline;outline:0; color: #fff}
#footer a:hover{text-decoration:underline;color:#c00;}
#footer .extarnal{color:#a7b63f;text-decoration:underline;}
#footer .extarnal:hover{text-decoration:none;}
#pagewidth{min-width:820px;width:100%;overflow:hidden;position:relative;}
#main{padding:0 455px 20px 0;background:#fff /*url(../images/bgh6.png) */ repeat-y 100% 0;overflow:hidden;}
#chat #main { background-image:none; background-color:#e2e2e2}


.leftframe{padding:0 21px 0 27px;background:#fff;}

#gsmall{width:234px;height:60px;position:absolute;top:31px;left:19px;}
#main:after{content:".";display:block;height:0;clear:both;visibility:hidden;}


#header{background:#fff url(../images/bg-body.gif) repeat-x 0 0;height:45px;min-height:45px;}
#header ul{margin:0;padding:0;list-style:none;position:absolute;height:30px;border-top:4px solid #EB4C07;background-color:#404040;width:100%;padding-top:10px;}
#header ul li{float:left;display:inline;}
#header ul a{display:block;font:bold 1.1em Trebuchet MS,Arial,sans-serif;color:#fff;text-transform:uppercase;}
#header ul a{padding:3px 7px;-moz-border-radius:3px;-webkit-border-radius:3px;}
#header ul a:focus,#header ul a:active,#header ul a:hover{background-color:#5a5a5a;outline:none;}
#header ul a.home{margin:0 16px 0 17px;}
#header ul a {margin:0 14px 0 0;}
#header ul a.colors{margin:0 21px 0 0;}
#home #header ul a.home,#venues #header ul a.venues,#studios #header ul a.studios,#labels #header ul a.labels,#articles #header ul a.articles,#practice_pads #header ul a.practice_pads,#inspiration #header ul a.monday-inspiration,#graphics #header ul a.graphics,#freebies #header ul a.freebies,#tutorials #header ul a.tutorials,#colors #header ul a.colors,#ressources #header ul a.ressources,#about-us #header ul a.about-us{background-color:#EB4C07;color:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;}


#main a.logo,#main h1.logo{ height:83px;overflow:hidden;display:block;margin:0;position:absolute;top:66px;left:50px;z-index:3;}
#main h1.logo a{display:block;width:100%;text-indent:-9999px;height:100%;background-color:#fff;}
#main h1.logo a img{text-indent:0;}
.top-banner{position:absolute;top:54px;right:23px;}
#mediumrectangletarget{min-width:280px;min-height:280px;}
#sponsorlisttarget{min-width:455px;/*min-height:617px;*/}
#sidebaradtarget{min-width:190px;min-height:400px;}
#commentsponsortarget{min-width:468px;min-height:60px;}
#premiumsponsortarget{min-width:220px;min-height:75px;}
.banner-list{margin:0 0 7px 20px;overflow:hidden;padding:0;text-align:center;width:430px;list-style:none;font-size:.9em;}
.banner-list li{float:left;margin:0 10px 10px 0;padding:0;display:inline;}
.banner-list li a{text-decoration:underline;}
.banner-list img{border:1px solid #bababa;}
#left_col .banner img{border:4px solid #ededed;margin:0 0 0 22px;}
#badges{width:196px;margin:0 0 0 10px;}
#badges ul{list-style-type:none;margin:0 auto;padding:0;}
.nrules{width:84px;float:left;display:inline;}
.acs{line-height:1.2em;margin:auto 0 auto 13px;padding-top:10px;text-align:center;}
.acs a{font-size:10px;color:#333;}
.acs a:hover{text-decoration:underline;}
ul.prm{list-style-type:none;width:196px;margin:0;padding:0;}
ul.prm li{width:180px;margin:15px auto;}

#left_col{float:left;width:100%;overflow:hidden; position: relative; padding: 20px 0 0 10px;  }
#left_col span.desc,#left_col span.readfullentry{font-size:.85em;}
#left_col span.desc{background:url(../img/comment.png) no-repeat left;}
#left_col span.readfullentry{background:url(../img/table_go.png) no-repeat left;}
#left_col span.readfullentry a,#left_col span.desc a{font-weight:bold;margin-left:18px;}
#left_col ul.topic-list li img,#left_col .topic img{display:inline;}
#left_col .frame a img{border:1px solid #999;}
#left_col .gsense{padding:5px 5px 0 0;}
#left_col #right_adsense{float:left;padding:17px 0 0 0;}
#left_col #right_adsense iframe{width:100%!important;}
#left_col .google{width:346px;margin:0;}



#right_col{ float:right; width:445px;display:inline; margin:0 -455px 0 0;position:relative; padding-top: 20px}
#right_col .two{width:414px;margin:0 0 0 0px;overflow:hidden;}
#right_col .two .left{width:201px;float:left;}
#right_col .two .right{width:201px;float:right;}
#right_col .two .box{background-color:#fff;width:194px;margin:0 0 12px 0;padding:4px 0;border-left:1px solid #eee;border-right:1px solid #eee;border-top:4px solid #E8E8E8;border-bottom:4px solid #E8E8E8;-moz-border-radius:4px;-webkit-border-radius:4px;}
#right_col h3,#right_col .two .box h3{color:#e64117;margin:.3em 0 .4em 10px;font:1.5em Helvetica,Trebuchet MS,Arial,sans-serif;}
#right_col h3{margin-left: 15px}
#right_col .two .box ul{margin:0;padding:0;list-style:none;overflow:hidden;font-size:.92em;width:194px;line-height:1.8;}
#right_col .two .box ul li{width:194px;float:left;margin:0;padding:0;border-top:1px solid #F0F0F0;}
#right_col .two .box ul a{padding:2px 0 2px 10px;display:block;text-decoration:none;color:#444;}
#right_col .two .box ul li.inline{padding-left:8px;}
#right_col .two .box ul li.inline a{padding:2px;line-height:2.1em;display:inline;}
#right_col .two .box ul a:visited{background-color:#F7F7F7;text-decoration:none;}
#right_col .two .box ul li:hover a:visited{text-decoration:underline;}
#right_col .two .box ul a:active{background-color:#F5F5F5;outline:none;}
#right_col .two .box ul a:focus{outline:none;}
#right_col .two .box ul a:hover{text-decoration:underline;border:0;}
#right_col form input.txt{width:324px;border:1px solid #fff!important;}

ul.opt{margin:0 20px 3px 19px;text-align:center;padding:10px 0 0 0;width:410px;list-style:none;overflow:hidden;background-color:#fff;}
ul.opt li{float:left;}
ul.opt li a{display:block;height:27px;overflow:hidden;text-indent:-9999px;}
ul.opt li.visible{float:right;display:inline;}
ul.opt li.visible a{color:#444;font-size:.9em;text-decoration:underline;text-indent:0;text-align:right;display:block;}
ul.opt li.rss-feed a:hover,ul.opt li.rss-feed a{width:112px;margin:0 0 0 302px;background:url(../img/rss-text.gif) no-repeat 0 0;}

#gsearch{padding:10px;background-color:#f0f0f0; width: 390px; margin: 10px 0 0 20px}





* html #right_col form input.txt{margin:0 0 0 -19px!important;}
#trackbacks ul,#pings ul{margin-top:10px;}
.banner-list img{border:none!important;}
.banner-list br{display:none;}
#trackbacks{color:#bfbfbf;font-size:.8em;}
#trackbacks a{font-size:1.1em;}

.indent1{margin-left:1em;}
.indent2{margin-left:2em;}
.indent3{margin-left:3em;}
.indent4{margin-left:4em;}
blockquote{border-left:2px solid #ccc;padding:0 1em 0;font-style:italic;}
abbr{text-decoration:none;}
abbr:hover{cursor:help;}
span.grey{color:#bfbfbf;}

ol.overview li{margin-bottom:5px;}
p.showcase{margin:2em 0 2em 3em;}




#bgsearch{padding:5px 0;margin:5px 0;border:1px solid #E8E8E8;background-color:#F0F0F0;}
#bgsearch table{background-color:#F0F0F0;}

#header_image { background: #000000 url(../images/header_image.jpg); background-position: right; background-repeat: no-repeat; height: 150px; position: relative}
#leaderboard  { width: 728px; height: 90px; position: absolute; top: 45px; left: 20px }
#top_text_ads { margin: 0 0 5px 10px}
#site_name { background: #000000 url(../images/header.jpg); background-position: right; background-repeat: no-repeat; color: #ffffff; font-size: 36px; padding: 15px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; height: 90px}
#top_text_ads { margin: 0 0 5px 10px}
#top_banner { width: 468px; margin: 20px auto 20px auto }
.content a { font:30px Helvetica,Arial,Calibri,sans-serif; margin:10px 0 10px 0; color: #0040b6}
.content ul a { font-size: 12px }
h1 { font-size: 22px; font-weight:normal }
.related { font: 10px; padding: 10px }
.stbuttontext{ font-size: 14px; }
.clear { clear: both }
.center { text-align:center }


ul.alert_list { margin: 10px 0 0 20px }
ul.alert_list a  { color: #F00 }


#social { position: absolute; right: 10px; top: 166px; z-index: 100; color: #ffffff; font-size: 14px;  }
#social a { text-decoration:none; color: #ffffff }
#social img { margin-top: -10px }
.stbuttontext { color: #ffffff }

/* FOOTER */
.privfooter { color: #ffffff }
.footer_logos { display: inline-block; float:left; margin: 4px 10px 4px 0 }
.footer_logos a { text-decoration:none }


/* Blocks
----------------------------------------------- */
#page_title { font: 24px bold; font-family:Verdana, Arial, Helvetica, sans-serif;  padding: 4px 0; margin-bottom: 10px;}
.block_title {font-size: 26px; font-family: Helvetica; color:#EB4C07;  padding: 0px 0px 4px 0px; margin-bottom: 5px; line-height: 1.3em }
.block_title h1 {font-size: 26px; padding: 0; margin: 0 }
.block_subtitle { font-size: 12px; font-family:Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 4px 0 0 0}

#left_col .block { padding: 0px 15px; margin-bottom: 20px }
#left_col .block_title { padding: 0px 0px 0px 15px }

#right_col .block_title { padding: 0px 0px 0px 0px }
#right_col .block { padding:15px 20px 0px 0px; margin: 0 0 20px 0  }

#right_col .large_ad { padding: 10px; width: 336px; margin: 0 0 10px 30px}
#right_col .ad_grid {}

div.block_list {padding: 4px 0px;border-bottom: 1px dotted #CCCCCC;}
ul.block_list {padding:0px;margin:0px;}

li.block_list {list-style: none;padding: 0px 0px 5px 0px;border-bottom: 1px solid #cccccc;}



/* Listing Pages
----------------------------------------------- */

#listings h1 { margin: 15px 0 0 0 }
#listings .stats { margin: 0 0 15px 0}
.listing_a { /*background:#FFFFFF; */ padding: 4px 4px 4px 4px;margin-bottom: 8px; border-bottom: 1px dotted #cccccc}
.listing_b { /*background:#F3F3F3;*/ padding: 4px 4px 4px 4px; margin-bottom: 8px; border-bottom: 1px dotted #cccccc}
.listing_image { display:inline-block; float:left; margin-right: 10px; border: 1px solid #CCCCCC; padding: 4px}
.listing_title { font-size: 18px;margin-bottom: 2px; }
.listing_title a { text-decoration:underline }
.listing_info { font-size: 10px; margin-top: 2px; width: 500px; }
.listing_info img, .small_avatar { border: 1px solid #999999; display: inline-block; width: 20px; height: 20px}
.listing_desc { line-height: 1.3em}
#options { margin-top: 15px }
.formButton:hover, .form_button:hover { background: #F63; color: #ffffff; cursor: pointer;  }

/* POSTS 
---------------------------------------------- */

#post_controls { float:right; margin: 2px 8px 0 0;}
#post_title { font: 24px bold; font-family:Georgia, "Times New Roman", Times, serif; padding: 4px; margin-bottom: 0px;}
#post_info { margin-bottom: 10px;}
.venue_info h1 { margin-top: 15px }
#comments_form { padding-left: 10px; }
#comments_form textarea { width: 400px; height: 75px; margin: 2px 0 10px 0}

/* COMMENTS */
.comment_info { background: url(../images/header-blue.png); padding: 4px 2px; }
.comment_text { color:#666666; padding: 8px; background:#ffffff;}
.comment { margin: 4px 0 0 0 }
.detail_image { float:right; padding: 0 10px 0 10px }


/* PAGING */
.page_select_box {width: 25px;border: 1px solid #EB4C07;padding: 2px;}
.pagination_table {width: 100%;margin-top: 10px;}
.page_link {border: 1px solid #EB4C07;padding: 4px; background: #fff;}

.page_link_selected { border: 1px solid #666666; padding: 4px;background: #EB4C07;color: #ffffff;}
.page_link a {text-decoration: none;color: #000000;}
.page_link a:hover {color:#FF9900;}

td form { margin: 0; padding: 0 }

/* FORMS 
------------------------------------------------ */
form { padding-top: 20px }
.form_title {font-size: 26px; font-family: Helvetica; color:#EB4C07;  padding: 0px 0px 4px 1	0px;  }
label { display: inline-block; line-height: 1.8; float:left; width: 100px; /* Width of labels */}
#google_search { position: absolute; right: 20px; top: 60px}
#register_form {width:500px;}
#content_form { width: 800px; }
.edit_form input[type="text"]{width: 500px; font-size: 13px;}
.edit_form select{font-size: 13px;}
.edit_form input[type="button"], input[type="submit"] { font-size: 16px }
.form_row { margin: 0 0 5px 0}
#errors { border: 1px dotted red; padding: 4px; margin-bottom: 10px; }
.error { color:#C00; padding-left: 20px; margin: 4px 0; display: inline-block; background-image:url(/img/icons/exclamation.png); background-repeat:no-repeat; }
div.error { margin-bottom: 2px; }


input[type=button], input[type=submit] {
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	
}


.form_info { border: 1px dashed #CCCCCC;padding: 8px; margin-bottom: 10px; }
input, select, textarea {border: 1px solid #666666;padding: 4px; color: #333333f}
input[type=checkbox], input[type=radio]  {border: 0px;}

#header_login_form {font-size: 12px;}
#header_login_form input[type="submit"]{font-size: 12px; padding: 3px}
#login_form input {border: 1px solid #666666;padding: 4px;font-size: 14px;}
.image_button {	border: 0px; }

textarea {	width: 300px; height: 100px; border: 1px solid #666666;padding: 4px;}
#content_form .form_row { margin-bottom: 10px }
#content_form span.error { color:#C00; height: 25px; padding-left: 24px; margin: 4px 0; display: inline-block; background-image:url(/img/icons/red_arrow.gif); background-repeat:no-repeat;}

#register_form label { width: 150px }
ul.why li {margin-left: 20px }

ul.option_list li { list-style:none }

/* LOGIN WIDGET */
#login_widget input[type=text], #login_widget input[type=password] { width: 200px}


/* FRIENDS LIST - USERS SEARCH RESULTS */

.user_result { float:left; padding: 4px; height: 90px; width: 66px;	margin: 0px 11px 10px 0px;text-align: center;}
.user_result .image { margin: 5px 0px 2px 0px; border: 0px}
.user_result .image a  { text-decoration:none }
img.fb_profile_pic_rendered { border: 0px; }
/* PROFILE PAGE */

#profile_pic { float: left; display: inline-block; padding: 0 15px 15px 0 }
dl { display: block; float: left; }
dt { font-weight: bold; float: left; width: 120px}
dd { float: left }


/* CHAT */
#userplane_ads { width: 975px; margin: 10px 80px; text-align:center; }

/*

Name: Sliding Login Panel with jQuery 1.3.2
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Script URI: http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery/
Date: March 26, 2009
Version: 1.0
	The CSS, XHTML and design is released under Creative Common License 3.0:
	http://creativecommons.org/licenses/by-sa/3.0/
*/ 
/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}


/* Panel Tab/button */
.tab {background: url(../images/login_panel/tab_b.png) repeat-x 0 0;height: 42px;position: relative; top: 0;  z-index: 999;}
.tab ul.login {display: block;position: relative;float: right;clear: right;height: 42px;width: auto;font-weight: bold;line-height: 42px;margin: 0;right: 150px;color: white;font-size: 80%;text-align: center;}
.tab ul.login li.left {	background: url(../images/login_panel/tab_l.png) no-repeat left 0;height: 42px;width: 30px;padding: 0;margin: 0;display: block;float: left;}
.tab ul.login li.right {background: url(../images/login_panel/tab_r.png) no-repeat left 0;height: 42px;width: 30px;padding: 0;margin: 0;display: block;float: left;}
.tab ul.login li {text-align: left;padding: 0 6px;display: block;float: left;height: 42px;background: url(../images/login_panel/tab_m.png) repeat-x 0 0;}
.tab ul.login li a {color: #15ADFF;}
.tab ul.login li a:hover {color: white;}
.tab .sep {color:#414141}
.tab a.open, .tab a.close {height: 20px;line-height: 20px !important;padding-left: 30px !important;cursor: pointer;display: block;width: 100px;position: relative;top: 11px;}
.tab a.open {background: url(../images/login_panel/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(../images/login_panel/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(../images/login_panel/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(../images/login_panel/bt_close.png) no-repeat left -19px;}


/* sliding panel */
#toppanel {position: absolute;   /*Panel will overlap  content *//*position: relative;*/   /*Panel will "push" the content down */top: 0;width: 100%; z-index: 999;text-align: center;margin-left: auto;margin-right: auto;}
#panel { width: 100%;height: 270px;color: #999999;background: #272727;overflow: hidden;position: relative;z-index: 3;display: none;}
#panel h1 {font-size: 1.6em;padding: 5px 0 10px;margin: 0;color: white;}

#panel h2{font-size: 1.2em;padding: 10px 0 5px;margin: 0;color: white;}
#panel p {margin: 5px 0;padding: 0;}
#panel a {text-decoration: none;color: #15ADFF;}
#panel a:hover {color: white;}
#panel a-lost-pwd {display: block;float: left;}
#panel .content {width: 960px;margin: 0 auto;padding-top: 15px;text-align: left;font-size: 0.85em;}
#panel .content .left {width: 280px;float: left;padding: 0 15px;border-left: 1px solid #333;}
#panel .content .right {border-right: 1px solid #333;}
#panel .content form {margin: 0 0 10px 0;}
#panel .content label {float: left;padding-top: 8px;clear: both;width: 280px;display: block;}
#panel .content input.field { border: 1px #1A1A1A solid;background: #414141;margin-right: 5px;margin-top: 4px;width: 200px;color: white;height: 16px; }
#panel .content input:focus.field {background: #545454;}

/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register {display: block;float: left;clear: left;height: 24px;text-align: center;cursor: pointer;border: none;font-weight: bold;margin: 10px 0; font-size: 10px}
#panel .content input.bt_login { width: 74px;background: transparent url(../images/login_panel/bt_login.png) no-repeat 0 0;}
#panel .content input.bt_register {width: 94px;color: white;background: transparent url(../images/login_panel/bt_register.png) no-repeat 0 0;}
#panel .lost-pwd { display: block;float:left;clear: right;	padding: 15px 5px 0;font-size: 0.95em;text-decoration: underline;}

#panel ul { padding-left: 20px }
a.call2action { font-size: 14px }



/* FACEBOOK CONNECT */
#fb_login_image { border: 0; vertical-align:middle }



 .goog_sky_r { padding-left: 5px }