/*-----------------------------------------------------------------------------------*/
/*	Start Global CSS
/*-----------------------------------------------------------------------------------*/
body {
	font-size:12px;
	font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;
	font-weight:400;
}

.displayblock {
	display:none
}

.clear {
	clear:both;
	height:0!important
}

h2 {
	font-family:'Droid Sans',sans-serif;
	font-size:xx-large;
	font-weight:700;
	letter-spacing:-2px
}

h3 {
	font-family:'Oswald',sans-serif;
	font-size:24px;
	font-weight:400;
	margin:0 0 8px
}

a {
	outline:none;
	color:#318A9F;
	text-decoration:none
}

pre {
	white-space:pre-wrap
}

#wrapper {
	background:#FFF
}

/*-----------------------------------------------------------------------------------*/
/*	General Elements CSS
/*-----------------------------------------------------------------------------------*/

div.warning {
	background:#ff4f4f
}

div.success {
	background:#4fff4f
}

div.warning,div.success {
	margin-bottom:20px;
	border:solid 1px #3A3A3A;
	border-radius:4px;
	-moz-border-radius:4px
}

div.warning p,div.success p {
	padding:10px;
	color:#3A3A3A;
	font-size:14px;
	font-weight:700
}

p.subtitle,div.subtitle {
	font-style: italic;
	color: #888;	
}

.button {
	-moz-box-shadow:inset 0 1px 0 0 #a6c28e;
	-webkit-box-shadow:inset 0 1px 0 0 #a6c28e;
	box-shadow:inset 0 1px 0 0 #a6c28e;
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#63a822),color-stop(1,#4b940f));
	background:-moz-linear-gradient(center top,#63a822 5%,#4b940f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63a822',endColorstr='#4b940f');
	background-color:#63a822;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #238013;
	display:inline-block;
	color:#295208;
	font-family:arial;
	font-size:15px;
	font-weight:700;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0 #8ab064
}

.button:hover {
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#4b940f),color-stop(1,#63a822));
	background:-moz-linear-gradient(center top,#4b940f 5%,#63a822 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b940f',endColorstr='#63a822');
	background-color:#4b940f
}

.button:active {
	position:relative;
	top:1px
}

.social.facebook {
	background:url(../images/social-icons/facebook.png) left center no-repeat
}

.social.twitter {
	background:url(../images/social-icons/twitter.png) left center no-repeat
}

.social.googleplus {
	background:url(../images/social-icons/googleplus.png) left center no-repeat
}

.social.facebook,.social.twitter,.social.googleplus {
	color:#fff;
	text-decoration:none;
	height:22px;
	line-height:22px;
	padding:0 0 0 24px
}

/*-----------------------------------------------------------------------------------*/
/*	Header CSS
/*-----------------------------------------------------------------------------------*/
#header {
	background:#1E1E1E;
	padding:11px 0;
	color:#fff;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:700;
	font-size:13px
}

#header-right {
	float:right;
	margin:8px 0 0
}

/*-----------------------------------------------------------------------------------*/
/*	Head Divider CSS
/*-----------------------------------------------------------------------------------*/
#head-break {
	height:125px;
	width:100%;
	background:#2A2A2A url(../images/break_tile.png) top center repeat-x;
	text-align:center;
	margin:0 0 50px
}

#head-break p,#subscribe p {
	padding:30px 0 0;
	margin:0;
	color:#CCC;
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:10px
}

#head-break h1,#subscribe h1 {
	color:#fff;
	font-size:24px;
	font-weight:400;
	margin:0;
	padding:0
/*text-shadow: 1px 1px 0px #000000;*/
/*filter: dropshadow(color=#000000, offx=1, offy=1);*/
}

#head-break h1:hover {
	text-shadow:0 0 10px #EEE
}

/*-----------------------------------------------------------------------------------*/
/*	Center Half Content CSS
/*-----------------------------------------------------------------------------------*/
#left,#right {
	float:left
}

#left {
	width:500px;
	height:487px;
	overflow:hidden;
	background:url(../images/imac.jpg) top center no-repeat;
	margin:0 40px 0 0
}

#right {
	width:420px;
	overflow:hidden;
	padding:10px 0 0
}

#right p {
	font-size:13px;
	line-height:24px
}

#right h2 {
	margin:0 0 5px
}

#slides,#slides li {
	margin:0;
	padding:0;
	list-style:none
}

#slides {
	margin:25px 0 0 18px
}

#slides li {
	display:none
}

.appstore {
	background:url(../images/appstore.png) top center no-repeat;
	width:420px;
	height:78px;
	text-indent:-9999px;
	display:block;
	margin:20px 0
}

.appstore:hover {
	background-position:bottom center
}

/*-----------------------------------------------------------------------------------*/
/*	Subscribe Area
/*-----------------------------------------------------------------------------------*/
#subscribe {
	height:125px;
	width:100%;
	background:url(../images/break_tile.png) bottom center repeat-x;
	color:#fff;
	text-align:center;
	display:none
}

#subscribe #close {
	float:right;
	margin:20px 20px 0 0;
	cursor:pointer
}

#subscribe h2 {
	font-size:22px;
	font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;
	font-weight:400;
	padding:5px 0 0
}

#subscribe p {
	padding:10px 0 0
}

#footer-subscribe {
	background:url(../images/subscribe_bg.png) no-repeat scroll 0 0 transparent;
	width:311px;
	height:35px;
	margin:10px 0 0 325px
}

#footer-subscribe #email {
	background:none repeat scroll 0 0 transparent;
	border:none;
	font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;
	font-size:12px;
	height:25px;
	line-height:2.4em;
	padding:5px 0 5px 10px;
	width:245px;
	color:#fff
}

#footer-subscribe #email-submit {
	background:none repeat scroll 0 0 transparent;
	border:none;
	cursor:pointer;
	display:block;
	float:right;
	font-size:0;
	height:35px;
	line-height:0;
	text-indent:-9999px;
	width:50px
}

/*-----------------------------------------------------------------------------------*/
/*	Image Lightbox Tiles CSS
/*-----------------------------------------------------------------------------------*/
#image-tiles {
	background:none repeat scroll 0 0 #F5F5F5;
	border-top:1px solid #CCC;
	padding:20px 0 17px;
	margin:40px 0 0
}

#image-tiles img {
	margin:0 126px 0 0;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border:1px solid #CFCFCF;
	padding:8px;
	cursor:pointer
}

#image-tiles img:hover {
	background:#DFDFDF;
	border:1px solid #ccc
}

#image-tiles img.last {
	margin:0!important
}

/*-----------------------------------------------------------------------------------*/
/*	Sub Tiles CSS
/*-----------------------------------------------------------------------------------*/
#sub-tiles {
	background:none repeat scroll 0 0 #F5F5F5;
	border-bottom:1px solid #CCC;
	border-top:1px solid #CCC;
	margin-bottom:25px;
	width:100%
}

#sub-left,#sub-right,#windows-sub-right {
	float:left;
	width:478px
}

#sub-right {
	background:url(../images/sourcedrop113.png) left center no-repeat
}

#windows-sub-right {
	background:url(../images/mbair113.png) left center no-repeat
}

#sub-left {
	border-right:1px solid #ccc
}

.sub-inner {
	padding:40px 40px 40px 0
}

.sub-inner-right {
	padding:40px 0 40px 150px
}

#sub-tiles p {
	line-height:22px;
	font-size:13px;
	color:#5F5F5F
}

/*-----------------------------------------------------------------------------------*/
/*	Feature Tiles CSS
/*-----------------------------------------------------------------------------------*/
#feature-tiles {
	margin:20px 0
}

.feature {
	float:left;
	width:278px
}

.feature.left {
	padding:30px 25px 30px 0
}

.feature.border {
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	padding:30px 25px
}

.feature.last {
	margin:0!important;
	padding:30px 0 30px 25px
}

.feature h4 {
	font-family:'Droid Sans',sans-serif;
	font-size:16px;
	font-weight:700;
	height:24px;
	line-height:23px;
	padding:1px 0 1px 33px;
	margin:0 0 12px;
	color:#63676C
}

.feature p {
	font-size:13px;
	line-height:22px;
	color:#7F7F7F
}

/*-----------------------------------------------------------------------------------*/
/*	News CSS
/*-----------------------------------------------------------------------------------*/
#news {
	
}

#news .tweet {
	color:#000;
	padding:0 0 0 24px;
	background:url(../images/social-icons/twitter.png) left top no-repeat;
	margin: 20px 0 20px 0
}

#news .tweet-title {
	font-size: 12px;
	font-weight: bold
}

#news .tweet-status {
	font-size: 16px;
}

/*-----------------------------------------------------------------------------------*/
/*	Pastes CSS
/*-----------------------------------------------------------------------------------*/
#failure {
	text-align:center;
	margin:100px auto
}

#failure h1 {
	background:url(/images/404.png) center top no-repeat;
	padding-top:128px;
	line-height:28px;
	font-weight:700;
	font-size:18px
}

#failure p {
	line-height:24px;
	font-size:13px
}

#banner {
	float:left;
	width:160px
}

#pastes {
	min-height:475px
}

.pastetitle {
	font-family:Consolas,'courier new',monospaced!important;
	font-size:12px;
	font-weight:700;
	overflow:hidden;
	padding:5px 10px 5px 10px;
	
	background: #eee;
	border-width:1px 1px 0 1px;
	border-style: solid;
	border-color: #959595;

	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	
	background-color: #ccc;
	background-image: -webkit-linear-gradient(#d2d2d2 0%, #959595 100%);
	background-image: -moz-linear-gradient(#d2d2d2 0%, #959595 100%);
	background-image: -o-linear-gradient(#d2d2d2 0%, #959595 100%);
	background-image: -ms-linear-gradient(#d2d2d2 0%, #959595 100%);
	background-image: linear-gradient(#d2d2d2 0%, #959595 100%);
	
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255, .5), inset 0 -1px 0 rgba(0,0,0, .2);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255, .5), inset 0 -1px 0 rgba(0,0,0, .2);
	-ms-box-shadow: inset 0 1px 0 rgba(255,255,255, .5), inset 0 -1px 0 rgba(0,0,0, .2);
	-o-box-shadow: inset 0 1px 0 rgba(255,255,255, .5), inset 0 -1px 0 rgba(0,0,0, .2);
	box-shadow: inset 0 1px 0 rgba(255,255,255, .5), inset 0 -1px 0 rgba(0,0,0, .2)
}

.pastetitle p {
	float:left;
/* Break or hide overlength words! */
	word-break:break-all;
	word-wrap:break-word
}

.pastetitle a {
	float:right;
	color:rgba(0,0,0,.5);
	font-weight:400
}

.pastetitle a:hover {
	color:rgba(255,255,255,.5);
}

.pastebody {
	color: #58bf1d;
	font-size:14px;
	line-height:18px;
	
	background: #222;
	border: 1px solid rgba(0,0,0, .5);
	
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	
	-webkit-box-shadow:inset 15px 0 0 rgba(255,255,255, .05);
	-moz-box-shadow:inset 15px 0 0 rgba(255,255,255, .05);
	-ms-box-shadow:inset 15px 0 0 rgba(255,255,255, .05);
	-o-box-shadow:inset 15px 0 0 rgba(255,255,255, .05);
	box-shadow:inset 15px 0 0 rgba(255,255,255, .05);
}

.pastebody pre {
	margin-left: 15px;
	counter-reset: linenumbers
}

.pastebody pre li:before {
    content: counter(linenumbers);
    counter-increment: linenumbers;
    display: inline-block;
    min-width: 17px;
    text-align: right;
    background: #333;
    padding: 0 10px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pastebody.nohighlight {
	background-color: #c9c9c9;
}

.pastebody.nohighlight div {
	margin-left: 50px;
	background-color: #ffffff;
	border-left: 1px solid #3A3A3A
}

.pastenote {
	text-align:right;
	padding:2px 6px 2px 2px;
	margin-bottom:8px
}

.prettyprint {
	font-family: Consolas, Menlo, Monaco, Lucida Console, monospace, serif;
/* Break or hide overlength words! */
	overflow:hidden;
	word-break:break-all;
	word-wrap:break-word
}

/*-----------------------------------------------------------------------------------*/
/*  Create
/*-----------------------------------------------------------------------------------*/
#container-left {
	width:580px;
	padding:0 30px 0 0
}

#container-right {
	padding:0 0 0 30px;
	width:310px;
	border-left:1px solid #DDD
}

#container-right p {
	font-size:13px;
	line-height:24px;
	padding:0 0 20px;
	text-align:justify
}

#container-left,#container-right {
	float:left;
	margin:0 0 40px
}

#create-form small, .input-form small {
	display:block;
	color:#aaa;
	text-transform:none
}

#create-form p, .input-form p {
	margin:0 0 20px;
	line-height:15px!important
}

#create-form label, .input-form label {
	display:block;
	float:right;
	margin:0;
	padding:0;
	width:190px;
	text-align:left;
	text-transform:uppercase;
	font-weight:700;
	font-size:11px;
	font-family:Arial,Helvetica,sans-serif;
	color:#777
}

#create-form .input, #submit, .input-form .input {
	display:block;
	height:27px;
	line-height:27px;
	border:1px solid #ccc;
	padding:2px 8px;
	-webkit-box-shadow:0 0 5px 1px #ddd;
	-moz-box-shadow:0 0 5px 1px #ddd;
	box-shadow:0 0 5px 1px #ddd;
	width:355px;
	color:#555;
	font-size:12px;
	font-family:Arial,Helvetica,sans-serif
}

#create-form textarea, .input-form textarea {
	border:1px solid #ccc;
	padding:10px;
	-webkit-box-shadow:0 0 5px 1px #ddd;
	-moz-box-shadow:0 0 5px 1px #ddd;
	box-shadow:0 0 5px 1px #ddd;
	display:block;
	width:558px;
	color:#555;
	font-size:12px;
	font-family:Arial,Helvetica,sans-serif
}

#submit {
	padding:5px 8px!important;
	width:auto!important;
	height:auto!important;
	cursor:pointer;
	font-weight:700
}

/*-----------------------------------------------------------------------------------*/
/*	Terms of Service CSS
/*-----------------------------------------------------------------------------------*/
#legal p {
	font-size:13px;
	line-height:24px;
	margin-bottom:10px
}

/*-----------------------------------------------------------------------------------*/
/*	Footer CSS
/*-----------------------------------------------------------------------------------*/
#footer {
	background:#2A2A2A;
	min-height:120px;
	padding:20px 0 0;
	color:#6F6F6F;
	line-height:24px
}

#footer a {
	color:#fff;
	text-decoration:none
}

#footer-right {
	float:right;
	text-align:right
}

/*-----------------------------------------------------------------------------------*/
/*	Feature Icon Classes
/*-----------------------------------------------------------------------------------*/
.feature h4.alarm {
	background:url(../images/icons/alarm.png) left center no-repeat
}

.feature h4.arrowdown {
	background:url(../images/icons/arrowdown.png) left center no-repeat
}

.feature h4.arrowleft {
	background:url(../images/icons/arrowleft.png) left center no-repeat
}

.feature h4.arrowright {
	background:url(../images/icons/arrowright.png) left center no-repeat
}

.feature h4.arrowup {
	background:url(../images/icons/arrowup.png) left center no-repeat
}

.feature h4.bank {
	background:url(../images/icons/bank.png) left center no-repeat
}

.feature h4.briefcase {
	background:url(../images/icons/briefcase.png) left center no-repeat
}

.feature h4.calculator {
	background:url(../images/icons/calculator.png) left center no-repeat
}

.feature h4.camera {
	background:url(../images/icons/camera.png) left center no-repeat
}

.feature h4.clapboard {
	background:url(../images/icons/clapboard.png) left center no-repeat
}

.feature h4.clock {
	background:url(../images/icons/clock.png) left center no-repeat
}

.feature h4.connections {
	background:url(../images/icons/connections.png) left center no-repeat
}

.feature h4.credit_card {
	background:url(../images/icons/credit_card.png) left center no-repeat
}

.feature h4.database {
	background:url(../images/icons/database.png) left center no-repeat
}

.feature h4.delete {
	background:url(../images/icons/delete.png) left center no-repeat
}

.feature h4.delivery {
	background:url(../images/icons/delivery.png) left center no-repeat
}

.feature h4.disk {
	background:url(../images/icons/disk.png) left center no-repeat
}

.feature h4.eject {
	background:url(../images/icons/eject.png) left center no-repeat
}

.feature h4.fastforward {
	background:url(../images/icons/fastforward.png) left center no-repeat
}

.feature h4.filter {
	background:url(../images/icons/filter.png) left center no-repeat
}

.feature h4.fire {
	background:url(../images/icons/fire.png) left center no-repeat
}

.feature h4.first_aid {
	background:url(../images/icons/first_aid.png) left center no-repeat
}

.feature h4.folder {
	background:url(../images/icons/folder.png) left center no-repeat
}

.feature h4.forwardtoend {
	background:url(../images/icons/forwardtoend.png) left center no-repeat
}

.feature h4.games {
	background:url(../images/icons/games.png) left center no-repeat
}

.feature h4.graph {
	background:url(../images/icons/graph.png) left center no-repeat
}

.feature h4.heart {
	background:url(../images/icons/heart.png) left center no-repeat
}

.feature h4.house {
	background:url(../images/icons/house.png) left center no-repeat
}

.feature h4.lightbulb {
	background:url(../images/icons/lightbulb.png) left center no-repeat
}

.feature h4.magnet {
	background:url(../images/icons/magnet.png) left center no-repeat
}

.feature h4.magnifyingglass {
	background:url(../images/icons/magnifyingglass.png) left center no-repeat
}

.feature h4.mailclosed {
	background:url(../images/icons/mailclosed.png) left center no-repeat
}

.feature h4.mailopened {
	background:url(../images/icons/mailopened.png) left center no-repeat
}

.feature h4.man {
	background:url(../images/icons/man.png) left center no-repeat
}

.feature h4.minus {
	background:url(../images/icons/minus.png) left center no-repeat
}

.feature h4.monitor {
	background:url(../images/icons/monitor.png) left center no-repeat
}

.feature h4.move {
	background:url(../images/icons/move.png) left center no-repeat
}

.feature h4.newspaper {
	background:url(../images/icons/newspaper.png) left center no-repeat
}

.feature h4.padlock {
	background:url(../images/icons/padlock.png) left center no-repeat
}

.feature h4.page {
	background:url(../images/icons/page.png) left center no-repeat
}

.feature h4.pause {
	background:url(../images/icons/pause.png) left center no-repeat
}

.feature h4.pencilangled {
	background:url(../images/icons/pencilangled.png) left center no-repeat
}

.feature h4.pencilstraight {
	background:url(../images/icons/pencilstraight.png) left center no-repeat
}

.feature h4.photos {
	background:url(../images/icons/photos.png) left center no-repeat
}

.feature h4.piggy {
	background:url(../images/icons/piggy.png) left center no-repeat
}

.feature h4.play {
	background:url(../images/icons/play.png) left center no-repeat
}

.feature h4.plus {
	background:url(../images/icons/plus.png) left center no-repeat
}

.feature h4.preferences {
	background:url(../images/icons/preferences.png) left center no-repeat
}

.feature h4.record {
	background:url(../images/icons/record.png) left center no-repeat
}

.feature h4.refresh {
	background:url(../images/icons/refresh.png) left center no-repeat
}

.feature h4.reload {
	background:url(../images/icons/reload.png) left center no-repeat
}

.feature h4.rewind {
	background:url(../images/icons/rewind.png) left center no-repeat
}

.feature h4.rewindtostart {
	background:url(../images/icons/rewindtostart.png) left center no-repeat
}

.feature h4.rss {
	background:url(../images/icons/rss.png) left center no-repeat
}

.feature h4.safe {
	background:url(../images/icons/safe.png) left center no-repeat
}

.feature h4.scales {
	background:url(../images/icons/scales.png) left center no-repeat
}

.feature h4.shoppingcart {
	background:url(../images/icons/shoppingcart.png) left center no-repeat
}

.feature h4.speaker {
	background:url(../images/icons/speaker.png) left center no-repeat
}

.feature h4.speechbubble {
	background:url(../images/icons/speechbubble.png) left center no-repeat
}

.feature h4.speechmedia {
	background:url(../images/icons/speechmedia.png) left center no-repeat
}

.feature h4.star {
	background:url(../images/icons/star.png) left center no-repeat;
	line-height:24px!important
}

.feature h4.trash {
	background:url(../images/icons/trash.png) left center no-repeat
}

.feature h4.trend {
	background:url(../images/icons/trend.png) left center no-repeat
}

.feature h4.world {
	background:url(../images/icons/world.png) left center no-repeat
}