/* My Bits First! */

img        {  border: none;  }


#container {  width: 750px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
              background: #FFFFFF;
              margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
              border: 0px solid #CCCCCC;
			  padding: 0px 0px 8px 0px;
              text-align: left; /* this overrides the text-align: center on the body element. */
            } 

body       {  background-color: #2d2d2d;
		      font: 12px/16px arial, verdana, sans-serif;
			  text-align: center;
			  color: #000;
			  margin: 0;
			  padding: 0px 0px 8px 0px;
		   }

#header      {  height: 120px;
                padding: 0 10px;
			    margin-bottom: 10px;  	position: relative;	
			    background: url("images/deed-head-yellow.png") 0 0 no-repeat;     }		

#badge       {  float:rightt;  width:200px; }
	

#rights     {  background:  url("images/rights-header.png") 0 0 no-repeat;
			   padding: 0 10px;
			   margin-bottom: 20px;  	position: relative;	    }
			   
#conditions {  background:  url("images/conditions-header.png") 0 0 no-repeat;
			   padding: 0 10px;
			   margin-bottom: 20px;  	position: relative;	      }

		   
#understanding {  padding: 0 10px;
			      margin-top: 0px;
			      margin-bottom: 33px;
			      background:  url("images/understanding-header.png") 0 0 no-repeat;  
				  position: relative;   }

#footer {   width: 750px;
			padding: 10px 0;
			padding-bottom: 20px;
			margin: 0 auto;
			color: #000;
			text-align: left;
			border-top: 1px solid #555;  
			background: url("images/deed-foot-yellow.png") 0 0;}


/* Main CSS Continues */		
		h3 {
			font-size: 1.45em;
		}
		
		#cc-logo { display: none; }
		
		#deed-bg {

		}
		
		#deed {
			background: url("images/deed-bg-head.png") 0 0 no-repeat #424242;
			width: 768px;
			padding: 10px 0;
			color: #333;
			margin: 20px auto;
			text-align: center;
		}
		
		#deed-head {
			width: 750px;
			height: 134px;
			margin: 0 auto;
			position: relative;
			background: url("images/deed-head-yellow.png") 0 0 no-repeat;
		}
		
		#deed-head h1 {
			margin: 0;
		}
		
		#deed-head span {
			display: none;
		}	
		
		#cc-link a {
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: 750px;
			height: 80px;
		}

		.red #deed-head {
			background: url("images/deed-head-red.png") 0 0 no-repeat;
		}
		
		.yellow #deed-head {
			background: url("images/deed-head-yellow.png") 0 0 no-repeat;
		}
		
		.green #deed-head {
			background: url("images/deed-head-green.png") 0 0 no-repeat;
		}
		
		#deed-main {
			background-color: #fff;
			
	/* "!important" box-model hack for IE */
			width: 750px !important;
	/*width: 780px;*/
			
			padding: 20px 0;
			margin: 0 auto;
			text-align: left;
			
			border-bottom: 1px solid #505050;
		}
		
		#deed-main-content {
			position: relative;
			margin: 0 15px;
		
		}
		
		#deed-license {
			text-align:center;
			margin-top: 0px;
			margin-bottom: 50px;
			font-weight: bold;
			color: #fff;
		}
		#deed-license h2 {
			margin: 0;
			font-size: 1.46em;
			padding-top: 100px;
		}
		#deed-main img {
			float: right;
			border: 1px solid #888;
			margin-bottom:  5px;
		}
		


		#deed-conditions ul {
			margin-top: 22px;
		}
		
		#deed-conditions ul li ul {
			margin-top: 8px;
		}
		


		#deed-understanding li.license {
		    padding-left:0px;
		    padding-bottom:0px;
		}
		#deed-understanding-zero {
			padding: 0 10px;
			margin-top: 0px;
			margin-bottom: 0px;
		}
		#deed-understanding ul, #deed-understanding-zero ul {
		    list-style-image:none;
		    list-style-position:outside;
		    list-style-type:none;
		    margin-top:2em;
		}
		
		#deed-understanding ul ul, #deed-understanding-zero ul ul {
		    list-style-type:disc;
		    margin-top:1em;
		}

		#deed-conditions div.fineprint {
			padding: 15px;
			border: 1px solid #ddd;
			color: #111;
			font-size: 0.92em;
		}

		#deed-newer {
			border: 1px solid #e0adad;
			background-color: #f0f0f0;
			padding: 15px;
			margin-top: 25px;
		}
		#deed-newer a, #deed-main a {
			color: #111;
 			text-decoration:underline;
			font-weight: bold;
		}
		

		#deed-foot p {
			margin: 0 20px;
			padding: 0;
		}
		
		a {
			color: #fffc09;
			text-decoration: none;
		}
		a:hover {
			text-decoration: underline;
		}
		
		.red #deed-foot {
			background: url("images/deed-foot-red.png") 0 0;
		}
		
		.yellow #deed-foot {
			background: url("images/deed-foot-yellow.png") 0 0;
		}
		
		.green #deed-foot {
			background: url("images/deed-foot-green.png") 0 0;
		}
		
		#disclaimer {
			float: right;
			padding-right: 15px;
		}
		li strong {
			color: #222;
		}
		li {
			margin-bottom: 8px;
		}
		ul.license-properties {
		    width: 490px;
		    list-style-image: none;
		    list-style-position: outside;
		    list-style-type: none;
		}
		li.license {
			list-style: none;
			padding-bottom: 25px;
			padding-left: 70px;
			padding-top: 10px;
		}
		li.license p {
			margin: 0;
			padding: 0;
		}
		li.license-hidden {
			list-style: none;
		}
	
                li.free {
                                        background: url("http://mirrors.creativecommons.org/tmp/freedomdefined-50x50.png") 0 0 no-repeat;
                }
                li.share {
                                        background: url("images/share.png") 0 0 no-repeat;
                }
	
                li.remix {
                                        background: url("images/remix.png") 0 0 no-repeat;
                }

		li.devnations {
					background: url("images/devnations.png") 0 0 no-repeat;
		}

		li.no-endorse{
					background: url("images/no-endorse.png") 0 0 no-repeat;
		}
		li.by {
					background: url("images/by.png") 0 0 no-repeat;
		}
		li.nc {
					background: url("images/nc.png") 0 0 no-repeat;
		}
		li.nc-jp {
					background: url("images/nc-jp.png") 0 0 no-repeat;
		}
		li.nc-eu {
					background: url("images/nc-eu.png") 0 0 no-repeat;
		}
		li.sa {
					background: url("images/sa.png") 0 0 no-repeat;
		}
		li.nd {
					background: url("images/nd.png") 0 0 no-repeat;
		}
	        li.sampling, li.samplingplus{
                                        background: url("images/sampling.png") 0 0 no-repeat;
                }	
		li.more {
					background: url("images/more.png") 0 0 no-repeat;
		}

                li.notice {
                                        background: url("images/notice.png") 0 0 no-repeat;
                }
                li.src {
                                        background: url("images/src.png") 0 0 no-repeat;
                }
                li.nolaw {
                                        background: url("images/nolaw.png") 0 0 no-repeat;
                }
                li.scnorms{
                                        background: url("images/scnorms.png") 0 0 no-repeat;
                }
		
		li a {
			color: #0000ff;
			text-decoration: none;
		}
                #referrer-metadata {
                        padding: 20px;
                        border-style: dotted;
                }
		#referrer-metadata a {
			color: #0000FF;
			text-decoration: none;
		}


		blockquote {
			padding:  8px;
			background-color:  #eee;
			margin:  15px 0;
			clear: both;
		}

		h3 {
			padding-top: 10px;
			margin-top:  1.75em;
			margin-bottom:  0.7em;
		}

		#libre {
			position: absolute;
			right: 25px;
			top: 36px;
			width: 150px;
			height: 250px;
		}
		#librepd {
			width: 150px;
			float: right;
		}

		#libre img, #libre a, #librepd img, #librepd a {
			border: none !important;
		}

div.bd p {
       color: #111;
       font-size: 
       line-height:140%;
       padding-bottom:10px !important;
       font-size: 0.92em;
       margin: 0 !important;
}

#work-attribution-container {
   border: 1px solid #D5D5D5;
   margin-top: 10px;
   padding: 7px;
}

#work-attribution-container input {
   width: 93%;
   border: 1px #888a85 solid;
   height: 1.9em;
}

#attribution_help img {
   border: 0;
   margin: 0;
   float: none;
}

/* This is for the GNU/GPL license: list must start at 0 and the attribute start='0' is not allowed in xhtml*/
ol.gpl { counter-reset: item -1}
li.gpl { list-style: none;}
li.gpl:before {
	content: counter(item) ". ";
	counter-increment: item;
	}

/* CC Network Related */
.network {
	padding: 8px;
	margin-top: 1em;
	background-color: #d4efb9;
}

/* CC Campaign */
div#campaign {
	background: url('images/deed-banner.png') top left repeat-x #2d2d2d;
	height: 80px;
	color: #fff;
	margin: 0;
	margin-top: -6px;
	padding: 0;
	margin-bottom: -49px;
	-moz-border-radius: 0;
	min-width: 768px;
	z-index: -5;
}

div#campaign div {
	margin: 0.5em;
	font-weight: bold;
}

div#campaign div a {
	display: inline !important;
	float: none !important;
	font-weight: normal;
}

div#campaign .donate-today {
	position: absolute;
	left: 33px;
	padding: 0;
}

div#campaign div a#sticker-link {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 95px;
	width: 175px;
}

div#campaign div a#sticker-link:hover {
	text-decoration: none;
}
 
#campaign .progress {
	position: absolute;
	right: 15px;
	height: 14px !important;
	padding: 1px;
	width: 270px;
	text-align: left;
	color: #ccf;
	font-size: 11px;
}

#campaign .progress .progress-text {
	float: left;
	width: 85px;
	padding: 0;
	margin: 0;
}
#campaign .progress .progress-goal {
	width: 60px;
}

#campaign .progress .meter {
	background-color: #2d2d2d;
	position: relative;
	float: left;
	width: 115px;
	height: 14px !important;
	padding: 1px;
	margin: 0 5px 0 0;
	cursor: pointer;
}

#campaign .progress .meter span {
	display: block;
	position: absolute;
	top: 1px;
	left: 1px;
	height: 14px;
	margin: 0;
	background-color: #a3aaa3;
	background: url('images/progress.png');
}

/* Language translations box */
div#languages {
	width: 620px; 
	margin-left: auto; 
	margin-right: auto; 
	margin-bottom: 1.5em;
	margin-top: 1.5em;
	text-align: center;
	overflow: auto;
	background-color: #373737;
	padding: 1em;
	-moz-border-radius: 4px;
	font-size: 0.9em;
}

div#languages a {
	color:#CCCCCC;
/*
	display: block;
	width: 20%;
	float: left;
	text-align: left;
*/
}

div#languages p {
	margin-top: 0;
}

.help_panel {
    display:none;
}