/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */





.rating-text{cursor: default;position: relative;}

.offline  .rating-text, .graytext .rating-text{color:#aaa;}

.stars, .offline{ margin-bottom: 8px;margin-top: 8px;}
.lovestar, .love-text{ margin-bottom: 0px; margin-top: 0px; padding-top: 0px;}


.ribbon, .ribbon2{
	display:block;
	height:45px;
	width:240px;
	background:#ffffff url(../images/ribbon.png) no-repeat 0px 0px;
	padding-top: 11px;
	text-align:center;
	color:#fff;
	text-shadow:0px 0px 2px #000000;
	font-size: 16px;
}

#likestats{
	display:block;
	height:58px;
	width:101px;
	background:#ffffff url(../skins/like/like_stats.png) no-repeat 0px 0px;
	padding-top: 18px;
	padding-bottom: 0px;
	text-align:center;
	color:#235900;
	font-size: 26px;
}

#likestats2{
	display:block;
	height:61px;
	width:35px;
	background:#ffffff url(../skins/like/like_stats2.png) no-repeat 0px 0px;
	padding-top: 10px;
	padding-bottom: 0px;
	text-align:center;
	color:#235900;
	font-size: 16px;
}

#plusone{
	position: relative;
	display:block;
	height:40px;
	width:41px;
	background:#ffffff url(../skins/like/like_plus.png) no-repeat 0px 0px;
	margin-top: -20px;		
	margin-left: 246px;		
}

.ribbon2{
	
}

#csstext{
	padding-left:60px;
}

#csstext  .rating-text{
	display:block;
	height:34px;
	width:240px;
	background:#ffffff url(../images/ribbon.png) no-repeat 0px 0px;
	padding-top: 11px;
	text-align:center;
	color:#fff;
	text-shadow:0px 0px 2px #000000;
	font-size: 16px;
}

.left{float:left;}
.right{float:right}

.love-text{color:#aaa;font-size: 10px;margin-top: -5px;}
.highlight{font-weight:bold;}
.red{color:#aa4444;}
.green{color:#44aa44;}
.blue{color:#4444ff;}

.dark{background-image:url(../skins/bg2.jpg);}
.light{background-image:url(../skins/bg3.jpg);}
#csstext> .rating-text{color:#aaa;}

.h3line{line-height: 34px;}	
.margin-small{margin-bottom: 4px;}	
.space{margin: 0px; padding: 0px; display:block; height:2px;}	
.bigspace{margin: 0px; padding: 0px; display:block; height:10px;}	
.code {font-family:monospace;color:#888;}

.container_codeOLD{border:1px solid #d7d7d7;background-color:#fafafa;color:#000000;font-size:14px; font-family:monospace;overflow:auto;padding: 8px 10px 8px 8px;border-left:#95d8b7 4px solid;}

.container_code {font-family:monospace;}
.container_code{margin:0px !Important; padding:0px !Important;}
.container_code .html_com {color:#88acc9;}
.container_code .html_doctype {color:#bfbfbf;}
.container_code .html_tagop {color:#804000;}
.container_code .html_attrop {color:#804000;}
.container_code .html_tag {color:#c08000;}
.container_code .html_attr {color:#4682b4;}
.container_code .html_attrvalue {color:#f58c83;}
.container_code .jscript_com {color:#88acc9;}
.container_code .jscript_invalid {color:#ff0000;}
.container_code .jscript_keyword {color:#0000ff;}
.container_code .jscript_number {color:#31a310;}
.container_code .jscript_string {color:#0080c0;}
.container_code .jscript_regexp {color:#008040;}
.container_code .jscript_coreobj {color:#9a81fe;}
.container_code .jscript_globconst {color:#95a8ea;}
.container_code .jscript_globmethod {color:#cf80ff;}
.container_code .jscript_prop {color:#38a9d3;}
.container_code .jscript_method {color:#a55f8c;}


/* Menu CSS */ 
.tabs {
	position: relative;   
	clear: both;
	margin: 5px 0 25px 0;
}

.tabs a {
  padding: 10px; 
  border-bottom: 3px solid #ccc;
  margin-left: -1px; 
  position: relative;
  left: 1px; 
  text-decoration: none;
}

.tabs a:hover {
  padding: 10px; 
  border-bottom: 3px solid #111;
  margin-left: -1px; 
  position: relative;
  left: 1px; 
}


.tabs a.active{
  border-bottom: 3px solid #111;
  z-index: 1;
}

/* #Page Styles
================================================== */

.popup { 
	position: fixed;
    left: 40%;
    top: 40%;
    text-align:center;
	 
    z-index: 100;

    height: 144px;
    margin-top: -72px;

    width: 289px;
    margin-left: -145px;
	
	background:url(../images/popup.png) no-repeat 0px 0px;
	
}

.popup div.txt{
	margin-left: 80px;
	margin-top: 15px;	
	color: #fff;
	text-shadow:0px 0px 2px #cccccc;
	font-size: 16px;
}

.popup > a{
	width:100px;
	padding:7px;
	margin-top:10px;
	font-size: 14px;
	float:right;
	margin-right:40px;
}


#sliderstars{
	margin-top:0px;
	
}

.shadow img{width:100%;}
.shadow{
	padding:0px;
	margin:0px;
	width:100%;
}
.bjqs{
	border:10px solid #111;
}

/* #Media Queries
================================================== */


	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/