@charset "utf-8";
/* CSS Document */

body, html {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #eeeeee;
	height: 100%;
}
.clear {
	clear: both;
}
img {
	border: 0;
}
#wrapper {
	margin: auto;
	width: 1010px;
	height: auto;
}
#header {
	width: 1010px;
	height: 92px;
	margin: auto;
}
#header #logo {
	margin: auto;
	float: right;
	height: 92px;
}
#header #ad_left_side_head {
	margin: auto;
	float: left;
	width:500px;
	height: 72px;
	padding: 20px;
}
#top_adspace_728x90 {
	margin: auto;
	width: 728px;
	height: 90px;
	margin-top: 15px;
}
#view_area_front {
	margin: auto;
	width: 697px;
	height: 100%;
	margin-top: 15px;
	color: #fff;
	font-size: 23px;
}
#view_area_front #createbox {
	margin: auto;
	width: 697x;
	height: 100%;
}
#view_area_front #createbox #iphonetop {
	margin: auto;
	width: 697x;
	height: 175px;
}
#view_area_front #createbox #iphone-mid {
	margin: auto;
	width: 697x;
	min-height: 100%;
	height: 100%;
	background-image: url(images/iphone-mid-bg.jpg);
	background-repeat: repeat-y;
}
#view_area {
	margin: auto;
	width: 980px;
	height: auto;
	margin-top: 15px;
}
#view_area #view_screenshot_left {
	margin: auto;
	width: 481px;
	height: auto;
	float: left;
	-webkit-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.48);
	-moz-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.48);
	box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.48);
}
#view_area #createbox {
	margin: auto;
	width: 697x;
	height: auto;
}
#view_area #createbox #iphonetop {
	margin: auto;
	width: 697x;
	height: 175px;
}
#view_area #createbox #iphone-mid {
	margin: auto;
	width: 697x;
	height: auto;
	background-image: url(images/iphone-mid-bg.jpg);
	background-repeat: repeat-y;
}
#view_area #view_share_ad_comments_right {
	margin: auto;
	width: 438px;
	height: auto;
	float: right;
	margin-right: 8px;
}
#view_area #view_share_ad_comments_right #share_dashboard {
	margin: auto;
	width: 435px;
	height: 192px;
	float: right;
	background-image: url(images/share-dashboard.jpg);
	background-repeat: no-repeat;
	margin-top: 5px;
}
#view_area #view_share_ad_comments_right #share_dashboard #date {
	width: 205px;
	height: auto;
	float: right;
	font-size: 16px;
	color: #808080;
	margin-top: 9px;
	font-weight: bold;
}
#view_area #view_share_ad_comments_right #share_dashboard #like_links {
	width: 370px;
	height: auto;
	float: right;
	margin-top: 34px;
}
#view_area #view_share_ad_comments_right #share_dashboard #share_links {
	width: 370px;
	height: auto;
	float: right;
	margin-top: 45px;
}
#view_area #view_share_ad_comments_right #share_selector {
	margin: auto;
	width: 435px;
	height: auto;
	float: right;
	margin-top: 10px;
	color: #808080;
}
#view_area #view_share_ad_comments_right #share_selector #navlist {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
#view_area #view_share_ad_comments_right #share_selector #navlist li {
	display: inline;
	list-style-type: none;
	text-decoration: none;
	padding-right: 0px;
	color: #808080;
}
#view_area #view_share_ad_comments_right #share_selector #navlist li a {
	text-decoration: none;
	cursor: pointer;
	color: #808080;
}
#view_area #view_share_ad_comments_right #share_selector #navlist li a:hover {
	text-decoration: underline;
	color: #808080;
}
#view_area #view_share_ad_comments_right #share_selector #select_text {
	margin: auto;
	width: 432px;
	height: auto;
	float: right;
	margin-top: 10px;
}
#view_area #view_share_ad_comments_right #share_selector #select_text #link_image {
	margin: auto;
	width: 29px;
	height: 37px;
	float: left;
	padding-top: 3px;
	margin-right: 6px;
}
#view_area #view_share_ad_comments_right #share_selector #select_text .linkText {
	margin: auto;
	width: 372px;
	height: 38px;
	background-image: url(images/link-text-bg.jpg);
	background-repeat: no-repeat;
	border: none;
	outline: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #808080;
	font-size: 16px;
	padding-left: 10px;
	padding-right: 10px;
}
#view_area #view_share_ad_comments_right #share_selector #select_text #copytextinfo {
	margin: auto;
	width: 180px;
	height: auto;
	float: right;
	font-size: 9px;
}
#view_area #view_share_ad_comments_right #share_selector #belowdownload_adspace_234x60 {
	margin: auto;
	width: 234px;
	height: 60px;
	margin-top: 5px;
}
#view_area #view_share_ad_comments_right #share_selector #belowdownload_adspace_320x50 {
	margin: auto;
	width: 320px;
	height:  50px;
	margin-top: 3px;
}
#view_area #view_share_ad_comments_right #share_selector #facebook_comments {
	margin: auto;
	width: 432px;
	height: auto;
	float: right;
	margin-top: 10px;
}
#view_area #view_share_ad_comments_right #share_selector #belowcomments_adspace_336x280 {
	margin: auto;
	width: 336px;
	height: 280px;
}
#footer {
	width: 100%;
	height: auto;
	margin: auto;
	background-image: url(images/bg_footer.jpg);
	background-repeat: repeat-x;
	margin-top: 30px;
}
#footer #footer_nav {
	width: auto;
	height: auto;
	margin: auto;
	color: #FFF;
	font-size: 15px;
	padding-top: 15px;
}
#footer #footer_nav a {
	color: #FFF;
	text-decoration: none;
}
#footer #footer_nav a:hover {
	color: #FFF;
	border-bottom: 1px #FFF;
	border-bottom-style: solid;
}
#footer #featured {
	width: 1000px;
	height: auto;
	margin: auto;
	margin-top: 40px;
}
#footer #copyright {
	width: 1000px;
	height: auto;
	margin: auto;
	margin-top: 50px;
	color: #FFF;
	font-size: 14px;
	padding-bottom: 3px;
}
#footermain {
	width: 100%;
	height: auto;
	margin: auto;
	background-image: url(images/bg_footer.jpg);
	background-repeat: repeat-x;
	margin-top: 0px;
}
#footermain #footer_nav {
	width: auto;
	height: auto;
	margin: auto;
	color: #FFF;
	font-size: 15px;
	padding-top: 15px;
}
#footermain #footer_nav a {
	color: #FFF;
	text-decoration: none;
}
#footermain #footer_nav a:hover {
	color: #FFF;
	border-bottom: 1px #FFF;
	border-bottom-style: solid;
}
#footermain #featured {
	width: 1000px;
	height: auto;
	margin: auto;
	margin-top: 40px;
}
#footermain #copyright {
	width: 1000px;
	height: auto;
	margin: auto;
	margin-top: 50px;
	color: #FFF;
	font-size: 14px;
	padding-bottom: 3px;
}
#search {
	margin: auto;
	width: 980px;
	height: auto;
	padding-top: 20px;
}
.addthis_button_tweet {
	width: 80px !important;
}
.addthis_button_pinterest_pinit {
	width: 91px !important;
}
.enjoy-css {
	display: inline-block;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	padding: 6px 20px;
	outline: none;
	border: none;
	-webkit-border-radius: 32px / 54px;
	border-radius: 32px / 54px;
	font: normal 18px/normal "Coda", Helvetica, sans-serif;
	color: rgba(0,142,198,1);
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	background: rgba(252,252,252,1);
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2) inset;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2) inset;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.66);
	-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
	-moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
	-o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
	transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
}
.enjoy-css:hover {
	background: rgba(232,249,255,1);
	-webkit-box-shadow: 0 2px 2px 0 rgba(90,90,90,0.2) inset;
	box-shadow: 0 2px 2px 0 rgba(90,90,90,0.2) inset;
}
.enjoy-css:focus {
	background: rgba(255,253,232,1);
}
.buttoncreate {
	display: inline-block;
 .box-sizing(content-box);
	cursor: pointer;
	padding: 10px 20px;
	border: 1px solid #018dc4;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: rgba(255,255,255,0.9);
	-o-text-overflow: clip;
	text-overflow: clip;
	background: #0199d9;
 .box-shadow(2px 2px 2px 0 rgba(0,0,0,0.2) );
	text-shadow: -1px -1px 0 rgba(15,73,168,0.66);
 .transition(all 300ms cubic-bezier(0.42, 0, 0.58, 1));
}
.buttoncreate:hover {
	border: 1px solid #007cad;
	background: rgba(0,142,198,1);
 .box-shadow(2px 2px 2px 0 rgba(0,0,0,0.3) );
 .transition(all 200ms cubic-bezier(0.42, 0, 0.58, 1));
}
.buttoncreate:active {
	border: 1px solid #018dc4;
	background: #00a6e8;
 .box-shadow(0 1px 4px 0 rgba(0,0,0,0.2) inset);
	text-shadow: none;
 .transition(all 50ms cubic-bezier(0.42, 0, 0.58, 1));
}
.buttonadd {
	display: inline-block;
 .box-sizing(content-box);
	cursor: pointer;
	padding: 10px 20px;
	border: 1px solid #f18d16;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: rgba(255,255,255,0.9);
	-o-text-overflow: clip;
	text-overflow: clip;
	background: #f8a22d;
 .box-shadow(2px 2px 2px 0 rgba(0,0,0,0.2) );
	text-shadow: -1px -1px 0 rgba(15,73,168,0.66);
 .transition(all 300ms cubic-bezier(0.42, 0, 0.58, 1));
}
.buttonadd:hover {
	border: 1px solid #f18d16;
	background: #f29e2c;
 .box-shadow(2px 2px 2px 0 rgba(0,0,0,0.3) );
 .transition(all 200ms cubic-bezier(0.42, 0, 0.58, 1));
}
.buttonadd:active {
	border: 1px solid #f18d16;
	background: #f8b23f;
 .box-shadow(0 1px 4px 0 rgba(0,0,0,0.2) inset);
	text-shadow: none;
 .transition(all 50ms cubic-bezier(0.42, 0, 0.58, 1));
}