/*
 * Reset this shit 
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
img,
audio,
video,
embed {
	border: 0;
	vertical-align: bottom; /* because of the 'mysterious' 3px bottom-margin */
}


/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/**
 * Now let's get this party started 
 */
body {
	height: 100%;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
}

h1, h2, h3, h4 {
	font-weight: bold;
	margin-bottom: 10px;
}

h1 {
	font-size: 18px;
	margin-bottom: 20px;	
}

h2 {
	font-size: 16px;
	margin-bottom: 10px;
}

h3 {
	font-size: 12px;
}

h4 {
	font-size: 12px;
}

a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

p {
	line-height: 1.5em;
}

/**
 * Hide dialog storage and overlay
 */
#overlay,
#dialog-storage {
	display: none;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid-row:after {
	content: "";
	display: block;
	clear: both;	
}

.grid-1, 
.grid-2, 
.grid-3, 
.grid-4, 
.grid-5, 
.grid-6, 
.grid-7, 
.grid-8,
.grid-9 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 5.0px;
	margin-right: 5.0px;
}

.alpha {
	margin-left: 0px;
}
.omega {
	margin-right: 0px;
}

.grid-container {
	float: left;
}

/* Grid >> 2 Columns
----------------------------------------------------------------------------------------------------*/

.grid-1{
	width:100px;
}

.grid-2{
	width:210px;
}

.grid-3{
	width:320px;
}

.grid-4{
	width:430px;
}

.grid-5{
	width:540px;
}

.grid-6{
	width:650px;
}

.grid-7{
	width:760px;
}

.grid-8{
	width:870px;
}

.grid-9{
	width:980px;
}





/* Prefix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

.prefix-1 {
	padding-left:110px;
}

.prefix-2 {
	padding-left:220px;
}

.prefix-3 {
	padding-left:330px;
}

.prefix-4 {
	padding-left:440px;
}

.prefix-5 {
	padding-left:550px;
}

.prefix-6 {
	padding-left:660px;
}

.prefix-7 {
	padding-left:770px;
}

.prefix-8 {
	padding-left:880px;
}

.prefix-9 {
	padding-left:990px;
}



/* Suffix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

.suffix-1 {
	padding-right:110px;
}

.suffix-2 {
	padding-right:220px;
}

.suffix-3 {
	padding-right:330px;
}

.suffix-4 {
	padding-right:440px;
}

.suffix-5 {
	padding-right:550px;
}

.suffix-6 {
	padding-right:660px;
}

.suffix-7 {
	padding-right:770px;
}

.suffix-8 {
	padding-right:880px;
}

.suffix-9 {
	padding-right:990px;
}



/* Push Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

.push-1 {
	left:110px;
}

.push-2 {
	left:220px;
}

.push-3 {
	left:330px;
}

.push-4 {
	left:440px;
}

.push-5 {
	left:550px;
}

.push-6 {
	left:660px;
}

.push-7 {
	left:770px;
}

.push-8 {
	left:880px;
}

.push-9 {
	left:990px;
}





/* Pull Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

.pull-1 {
	right:110px;
}

.pull-2 {
	right:220px;
}

.pull-3 {
	right:330px;
}

.pull-4 {
	right:440px;
}

.pull-5 {
	right:550px;
}

.pull-6 {
	right:660px;
}

.pull-7 {
	right:770px;
}

.pull-8 {
	right:880px;
}

.pull-9 {
	right:990px;
}

.grid-1 .block .content.seperator {
	background: url(http://static.mobypicture.com/layout/mobypicture/bg-block-seperator-1.png) no-repeat center -1px;
}
.grid-2 .block .content.seperator {
	background: url(http://static.mobypicture.com/layout/mobypicture/bg-block-seperator-2.png) no-repeat center -1px;
}
.grid-3 .block .content.seperator {
	background: url(http://static.mobypicture.com/layout/mobypicture/bg-block-seperator-3.png) no-repeat center -1px;
}
.grid-4 .block .content.seperator {
	background: url(http://static.mobypicture.com/layout/mobypicture/bg-block-seperator-4.png) no-repeat center -1px;
}
.grid-5 .block .content.seperator {
	background: url(http://static.mobypicture.com/layout/mobypicture/bg-block-seperator-5.png) no-repeat center -1px;
}
.grid-6 .block .content.seperator {
	background: url(http://static.mobypicture.com/layout/mobypicture/bg-block-seperator-6.png) no-repeat center -1px;
}
.grid-7 .block .content.seperator {
	background: url(http://static.mobypicture.com/layout/mobypicture/bg-block-seperator-7.png) no-repeat center -1px;
}
.grid-8 .block .content.seperator {
	background: url(http://static.mobypicture.com/layout/mobypicture/bg-block-seperator-8.png) no-repeat center -1px;
}

.grid-even-split {
	width: 50%;
	float: left;
}
}

/**
 * Main design blocks
 *
 * orange: #ee7316;
*/

h2 {
	font-size: 20px;
	font-weight: normal;
	color: #39c;
}

h4 {
	color: #666;
	font-size: 14px;
	margin: 10px 0px;
}

a {
	color: #39c;
}
a:hover {
	text-decoration: underline;
}

.grid-row {
}

/* box shadow for main blocks */
.block-shadow {
}

#main,
#static-home {
	position: relative;
	width: 1010px;
	padding: 0;
	min-height: 100%;
	margin: 30px auto 10px;

	background-color: #fff;
	border: solid 1px #CFCFCF;
            
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
     
    -webkit-box-shadow: 0 0 3px #CFCFCF;
    -moz-box-shadow: 0 0 3px #CFCFCF;
    box-shadow: 0 0 3px #CFCFCF;
}
#main:after {
	content: " ";
	visibility: hidden;
	display: block;
	clear: both;
}

#content {
	padding: 0 10px;
	margin-bottom: 30px;
}

#content:after {
	display: block;
	content:"";
	clear: both;
}

#header {
	margin: 0 0 30px;
	padding: 0 25px;
}

#header #navigation {
	overflow: hidden;
}

#header #navigation:after {
	content: " ";
	visibility: hidden;
	display: block;
	clear: both;
}

#header #navigation #logo {
	float: left;
	height: 115px;

	margin: 10px 20px 10px 10px;
	background: url(http://layout.mobypicture.com/v1/mobypicture-logo-new-200px.png) no-repeat 0 0;
}

#header .logged-in {
	float: right;
	display: block;

	height: 30px;
	padding: 0 15px;
	line-height: 30px;
	
	background-color: #f6f6f6;
	border: 1px solid #eaeaea;
	border-width: 0 1px 1px 1px;
	color: #666;
	
	-moz-border-radius-bottomleft: 9px; -webkit-border-bottom-left-radius: 9px; border-bottom-left-radius: 9px;
	-moz-border-radius-bottomright: 9px; -webkit-border-bottom-right-radius: 9px; border-bottom-right-radius: 9px;
}
#header .logged-in a {
	color: #656565;
	margin: 0 3px;
}

#header .logged-in img {
	width: 16px;
	height: 16px;
	border: 1px solid #fff;
	vertical-align: top;
	margin-top: 5px;
}

#header .logged-in a.username {
	color: #39c;
	font-weight: bold;
}

#header .logged-out-options {
	float: right;
	border: solid #0191CF;
	border-width: 0px 1px 1px;
	color: #fff;
	height: 28px;
	line-height: 28px;
	padding: 0px 15px;
	text-align: center;

	background-color: #51BCEA;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#51BCEA), to(#1B99CF));
	background: -moz-linear-gradient(100% 100% 90deg, #1B99CF, #51BCEA);
	
	-moz-border-radius-bottomleft: 9px; -webkit-border-bottom-left-radius: 9px; border-bottom-left-radius: 9px;
	-moz-border-radius-bottomright: 9px; -webkit-border-bottom-right-radius: 9px; border-bottom-right-radius: 9px;
}
#header .logged-out-options li {
	float: left;
	padding: 0 2px;
}
#header .logged-out-options li a {
	color: #fff;
	font-weight: bold;
	padding: 0 2px 0 2px;
}

#header ul#main-navigation {
	float: left;
	list-style: none outside none;
	padding: 0;
	margin-top: 53px;
	height: 28px;
	width: 570px;
	
	border: 1px solid #ccc;
	
	background-color: #f5f5f5;
  	background: -moz-linear-gradient(100% 100% 90deg, #dcdcdc, #fff);
  	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#dcdcdc));
  
	-moz-border-radius: 9px; 
	-webkit-border-radius: 9px; 
	border-radius: 9px;
}

.no-cssgradients  #header ul#navigation,
.no-borderradius #header ul#navigation {
	background: url(http://static.mobypicture.com/layout/mobypicture/nav-bar.png) no-repeat;
}

#header ul#main-navigation li {
	float: left;
	background: url(http://static.mobypicture.com/layout/mobypicture/nav-bar-seperator.png) repeat-y 100% 0;
}

#header ul#main-navigation li a {
	display: block;
	height: 28px;
	padding: 0 10px;
	font-size: 12px;
	line-height: 28px;
	font-weight: normal;
	color: #666;
}

#header .mediastream .widget-mediabar {
	
}

#footer {
	padding: 0px 10px;
}
#footer .links {
	position: relative;
	margin-bottom: 15px;
	padding: 0;
}
#footer .links:before {
	content: " ";
	position: absolute;
	top: 100%;
	right: 30px;
	width: 0;
	height: 0;

	border: 10px solid transparent;
	border-top-color: #f2f2f2;
}
#footer .links .row {
	width: 188px;
	float: left;
}
#footer .links .links-inlay {
	padding: 20px;
	
	overflow: hidden;
}
#footer .links h3 {
	color: #505050;
	margin-bottom: 10px;
}
#footer .links ul {
	list-style: none;
}
#footer .links ul li {
	margin-bottom: 5px;
}
#footer .links ul li a {
	color: #707070;
}
#footer p.drawing {
	display: block;
	height: 140px;
	text-indent: -9999px;
	background: url(http://static.mobypicture.com/layout/mobypicture/footer-drawing.png) no-repeat;
}

#mediabar {
	margin: 0 15px 30px;
}

.cssgradients .overlay-content .dialog-header {
	background: -moz-linear-gradient(100% 100% 90deg, #016c9e, #389dcf);
  	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#389dcf), to(#016c9e));
}
.overlay-content .dialog-header p {
	color: #D2EBF5;
}
.overlay-content .dialog-header h2 {
	color: #fff;
	font-size: 28px;
	margin-bottom: 0px;
	font-weight: bold;
	text-shadow: #333 1px 1px 2px;
}

#signup #step-5 {
	display: none;
}

h1, h2 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 28px;
	font-weight: 200;
	color: #39679f;
	
	margin: 0 0 0 20px;
}

a {
	color: #76a814;
}

#static-home {
	margin: 20px auto 30px;
}

#header {
	margin-bottom: 20px;
}

#header ul {
	float: right;
	overflow: hidden;
	margin-top: 63px;
}
#header ul li {
	float: left;
	margin: 0 0 0 20px;
}

#header ul li a {
	font-size: 14px;
	color: #ccc;
}

#header #navigation #logo {
	float: left;
	width: 205px;
	height: 60px;

	margin: 20px 20px 0px 10px;
	background: url(http://layout.mobypicture.com/v1/mobypicture-logo-new-200px.png) no-repeat 0 0;
}

#main-visual {
	padding: 0;
	margin: 0;
	border-top: 1px solid #ddd;
	position: relative;
}

#main-visual a.download {
	position: absolute;
	right: 75px;
	bottom: 160px;
	display: block;
	padding: 9px 22px 9px 22px;
	font-size: 18px;
	            
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: white;
    
    text-shadow: 0 -1px 0 #336800;

    border: 1px solid #93BA29;
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.4) inset;
    	
	background-color: #99cc00;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#99cc00), to(#558a00));
	background: -moz-linear-gradient(100% 100% 90deg, #558a00, #99cc00);
	
}

#sec-columns {
	margin: 0 10px 30px;
}
#sec-columns .text {
	/*width: 310px;*/
	margin: 0 5px;
}

#sec-columns h2 {
	text-align: center;
}

#sec-columns p {
	margin: 10px 0;
	color: #666;
}

#sec-columns h4 {
	margin-top: 6px;
	margin-bottom: 14px;
	font-size: 17px;
	color: #2d5970;
}


#sec-columns p.screenshot {
	text-align: center;
	margin-bottom: 35px;
}

#sec-columns p.imagelist {
	
}

#sec-columns ul.imagelist {
	list-style: none;
	margin-bottom: 16px;
}

#sec-columns ul.imagelist li {
	padding-left: 62px;
	padding-top: 6px;
	margin-bottom: 19px;
	color: #666;
	min-height: 43px;
}
#sec-columns ul.imagelist li h4 {
	font-size: 20px;
	margin: 0;
}


#sec-columns ul.imagelist li.photo {
	background: url(http://static.mobypicture.com/layout/mobypicture/apps/photo.png) no-repeat;
	
}

#sec-columns ul.imagelist li.video {
	background: url(http://static.mobypicture.com/layout/mobypicture/apps/movies.png) no-repeat;
	
}
#sec-columns ul.imagelist li.audio {
	background: url(http://static.mobypicture.com/layout/mobypicture/apps/audio.png) no-repeat;
	
}

#sec-columns ul.imagelist li.stream {
	background: url(http://static.mobypicture.com/layout/mobypicture/apps/stream.png) no-repeat;
	
}

#sec-columns ul.imagelist li.activity {
	background: url(http://static.mobypicture.com/layout/mobypicture/apps/activityicon.png) no-repeat;
	
}

#sec-columns p.screenshot img {
	width: 300px;
	border: 2px solid #c0c0c0;
}

#sec-columns h3 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 24px;
	
	font-weight: 600;	
	margin-top: 0px;
	
	letter-spacing: -1px;
	
	color: #003e72;
}

#sec-columns .text ul {
	list-style: none;
}

#sec-columns .widget-livestream .livestream-day .item .content {
	width: 210px;
}


h2.more {
	font-size: 20px;
	text-align: center;
	color: #666;
	
	margin: 0 0 40px 0;
}
#mediabar {
	margin: 0 0 40px 0;
	padding: 20px 15px 0;
	border-top: 1px solid #ddd;
}
#mediabar h2 {
	margin: 0 0 20px 5px; 
}

#references {
	margin-bottom: 30px;
	padding: 20px 0 30px;
	
	/*border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;*/
	background-color: #f4f4f4;
}
#references img {
	margin: 10px 30px 0;
}

#press {
	margin: 0 0 15px;
}
#press ul {
	margin: 20px 40px 30px;
	border: none;
}
#press ul li {
	margin: 10px 0;
	font-size: 16px;
	border: none;
}
#press ul li a {
	color: #333;
	width: 100%;r
}
#press ul li span {
	display: none;
}
#press .more {
	display: none;
}

#share {
	padding-top: 15px;
	border-top: 1px solid #ccc;
	overflow: hidden;
	padding: 10px 0 10px 200px;
}
#share .share {
	float: left;
	margin-right: 25px;
}
#share .twitter {
	margin-top: 2px;
}

#powered-by {
	background: url(http://static.mobypicture.com/layout/mobypicture-now/temp/powered-by-450px.png) no-repeat 50% 0;
	
	text-indent: -9999px;
	text-align: center;

	width: 450px;
	height: 91px;
	margin: 50px auto;
}

body {
	color: #333;
	background-color: #eee;
	
	background: url(http://static.mobypicture.com/layout/mobypicture-now/background-waves.jpg) fixed 0 0;
}

body.desktop {
	background: url(http://static.mobypicture.com/layout/mobypicture/apps/moby_app_bg.jpg) fixed 0 0;
}

body.desktop p.screenshot img {
	border: none !important;
}

body.desktop p.screenshot-description {
	height: 46px;
}

body.desktop p.screenshot img {
	width: auto !important;
}

body.desktop #sec-columns p {
	margin: 10px 29px 0 0 !important;
	font-size: 14px;
	line-height: 19px;
}

.desktop #sec-columns .text ul {
	list-style: disc url(http://static.mobypicture.com/layout/mobypicture/apps/green_bullie.png);
	list-style-position: outside;
	color: #666;
	font-size: 14px;
	margin-left: 20px;
}

.desktop #sec-columns .text ul li {
	margin-bottom: 20px;
	padding-left: 4px;
}

.desktop .more {
	background: -moz-radial-gradient(ellipse closest-side, rgba(0, 0, 0, 0.1), transparent);
    padding-left: 18px;
    width: 412px;
}

.desktop .arrow {
	position: absolute;
	right: 34px;
	bottom: 143px;
	display: block;
	width: 265px;
	height: 272px;
	background: url(http://static.mobypicture.com/layout/mobypicture/apps/balloon_2.png) no-repeat;
}

.desktop .compatibility {
	position: absolute;
	right: 98px;
	bottom: 63px;
	display: block;
	width: 168px;
	height: 29px;
	background: url(http://static.mobypicture.com/layout/mobypicture/apps/compatible.png) no-repeat;
}

.desktop .air {
	position: absolute;
	right: 73px;
	bottom: 30px;
	display: block;
	width: 190px;
	height: 29px;
	/*background: url(http://static.mobypicture.com/layout/mobypicture/apps/adobeair.png) no-repeat;
	overflow: hidden;
	text-indent: -9999px;*/
}


.desktop #main-visual {
	margin-bottom: 25px;
	border-bottom: 1px solid #DDDDDD;
}

.desktop a.download {
	right: 60px !important;
	bottom: 112px !important;
}

.grid-inlay {
	/*background-color: white;*/
}

.desktop .list-image {
	margin-top: 15px;
}

.desktop #sec-columns {
	margin: 0 10px 42px !important;
}

.desktop .row-bottom {
	background: url("http://static.mobypicture.com/layout/mobypicture/apps/background_wshadow.png") no-repeat scroll 6px 0 transparent;
	padding-top: 20px;
	height: 470px;
	margin-bottom: 5px !important;
}

.desktop .row-bottom h3 {
	margin-bottom: 20px !important;
}

.desktop #sec-columns h3 {
	font-weight: normal !important;
}

.desktop .large-screenshot {
	margin-bottom: 15px;
}