/* @override http://127.0.0.1:8000/static/themes/app/style.css */

/* Custom stylesheet */

@import url("../motion/style.css");


body {
	background-color : #333;
}

#banner {
	background-image : url(postthelove-header-new.jpg);
	background-repeat : no-repeat;
	background-color : white;
	height : 400px;
	border-left : 1px solid black;
	border-right : 1px solid black;
}

#banner-header {
	display : none;
}

#container {
	width : 950px;
}

#pagebody {
	border-top : none;
	border-left : 1px solid black;
	border-right : 1px solid black;
	-moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-top-left-radius: 0px;

}

#user-compose-friends {
	background-color: #000;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-top-left-radius: 0px;

}

#banner .widget-sign-in {
    float: right;
    right: 20px;
    margin-top: 15px;
    padding : 5px;
    top: 0px;
    font-size: 12px;
	color : #ccc;
}

#banner .widget-sign-in a {
	color : white;
}


.submit-wrapper button {
	width : 150px;
	background-color : #444;
}

.welcome-message {
	background-color : #efefef;
	padding : 20px;
	display : block;
    -moz-border-radius : 5px;
    -webkit-border-radius: 5px;
	overflow:hidden;
}


#welcome-video {
	float : left;
	width : 500px;
}

#welcome-signin {
	float : left;
	width : 350px;
	min-height : 1px;
}


.welcome-quote {
	font-size : 16px;
	font-style : italic;
	line-height : 140%;
	text-align : center;
}

.welcome-challenge {
	font-size: 22px;
	font-weight : bold;
	line-height : 140%;
	color : #000;
	margin-top : 14px;
	text-align : center;
}

.welcome-signin-button {
	text-align : center;
	margin-top : 30px;
}

#welcome-signin .welcome-signin-button a {
	background-color : #009900;
	border : 1px solid black;
	padding : 10px;
	font-size : 18px;
	font-weight : bold;
    color : #fff;
	text-decoration : none;
	-moz-border-radius : 5px;
    -webkit-border-radius: 5px;
}

#welcome-signin .welcome-signin-button a:hover {
	background-color : #000;
}


.welcome-signin-text {
	font-size : 14px;
	font-weight : bold;
	line-height : 140%;
	margin-left : 10px;
	margin-right : 10px;
	text-align : center;
	margin-top : 20px;
}


.submit-wrapper button {
	background-color : #009900;
}

.submit-wrapper button:hover {
	background-color : #000;
}

#nav li a {
	color : #ccc;
}

.sayit {
	margin-top : 30px;
	font-size : 24px;
	font-weight : bold;
	line-height : 150%;
	color : black;
	border : 1px solid silver;
	padding : 10px;
	background-color : #efefef;
    -moz-border-radius : 5px;
    -webkit-border-radius: 5px;
	text-align : center;
}

#footer-content {
	text-align : center;
	color : white;
	font-size : 14px;
	font-weight : bold;
}

#footer-content a {
	color : white;
}

#footer-content a:hover {
	text-decoration : underline;
}


.asset .asset-footer {
	border-top : 1px dotted silver;
	padding-top : 10px;
	width : 440px;
}


.byline .date a,
.byline .tweetthis a,
.byline .emailthis a {
   margin-top : -10px;
}


.footer-date {
	float : left;
}

.footer-emailthis {
	float : left;
	margin-left : 10px;
}

.footer-tweetthis {
	float : left;
	margin-left : 10px;
	margin-top : 2px;
}

.footer-facebooklike {
	float : left;
}


/* fix the issue of overlapping comments on the follow screen */

body.user-profile .comment,
body.user-following .comment {
    display : block;
    position : relative;
    margin-left : 0px;
    width : inherit;
    clear : both;
}

body.user-profile .comment .asset-body,
body.user-following .comment .asset-body {
	display : block;
	position : relative;
}


/* styling for the blog headlines */

.widget-blogheadlines {
    margin-top : 40px;
}

ul#blog-widget {
    list-style : none;
}

#blog-widget li {
    font-size : 13px;
    line-height : 140%;
    padding-bottom : 10px;
}