/* Content */

#content h2,
#content h3,
#content h4 {
	margin-bottom: 4px;
}

#content h4 {
	margin-top: 40px;
}

.gallery #content h4 {
	margin-top: 10px;
}

#content hr {
	margin-top: 0px;
}

#content .avatar_item {
	float: left;
	margin-right: 20px;
}

#content ul#personal {
	float: left;
	width: 285px;
}

* html #content ul#personal {
	float: right;
	width: 265px;
}

#content ul.personal_info {
	margin-top: 10px;
	margin-bottom: 20px;
}

#content ul.personal_info li {
	margin-bottom: 5px;
}

#content ul#lifestyle_info li p {
	display: inline;
	margin: 0px;
}

#content li span {
	margin-right: 5px;
	color: #888;
	font-size: 11px;
}

#content p.button {
	margin-top: 13px;
	margin-bottom: 15px;
	margin-left: -3px;
}

#content ul.info_cards li {
	margin-right: 36px;
}

#content ul#vitae li .box_gradient {
	width: 558px;
	height: 100px;
}

#content ul.info_cards li h6 {
	margin-top: 0px;
	margin-bottom: 4px;
	color: #022C56;
	font-weight: bold;
}

#content ul.info_cards li .edit_icons {
	margin: 0px;
}

.personal #content ul.info_cards li hr {
	margin-bottom: 5px;
	margin-left: -5px;
	margin-right: -5px;
}

#content ul.info_cards li ul.info_card li {
	clear: both;
	margin: 0px;
	margin-bottom: 5px;
}

#content ul.info_cards li ul li span {
	display: block;
	float: left;
}

#content ul.info_cards li .history_item ul li {
	float: left;
	clear: none;
	margin-right: 20px;
}

#content ul.info_cards li .history_item ul li div {
	float: none;
	width: auto;
}

#content ul.info_cards li ul li div {
	float: right;
	width: 165px;
}

#content ul#vitae li {
	margin-right: 0px;
	margin-bottom: 15px;
}

#content ul#vitae li ul {
	width: 255px;
}

#content ul#vitae li p {
	margin: 0px;
}

#content ul#vitae li p img {
	float: left;
	margin-right: 10px;
}

#content ul#vitae li p span {
	display: block;
	margin-bottom: 5px;
}


/* Profile */

.profile .headline_more {
	margin-top: -41px;
}

.profile .media_item {
	width: 120px;
}


/* Personal */

.personal .headline_more {
	margin-top: -41px;
}


/* Contacts */

.contacts #content ul.info_cards li {
	margin-bottom: 35px;
}


/* SAE History */

.sae_history #content ul.info_cards li {
	margin-bottom: 35px;
}

#content #history_notice a {
	margin-top: -10px;
	margin-left: 15px;
}

#popup #cas_history_list li {
	margin-bottom: 10px;
}

#popup #cas_history_list li div {
	float: none;
	width: 456px;
}

#popup #cas_history_list li div span.date {
	float: left;
	color: #222;
}

#popup #cas_history_list li div span.icon {
	float: right;
}

#popup #cas_history_list li div span,
#popup #cas_history_list li div label {
	margin-right: 5px;
	color: #888;
	font-size: 11px;
}

#popup #cas_history_list li div hr {
	margin-left: -5px;
	margin-right: -5px;
}

#popup #cas_history_list li div div.info {
	float: left;
	width: 150px;
}

#popup #cas_history_list li div div.department {
	float: right;
	width: 250px;
}

#popup #cas_history_list li div p {
	margin: 0px;
}


/* Curriculum Vitae */

.curriculum_vitae #content ul.info_cards li {
	margin-bottom: 35px;
}


/* Messages */

.messages_conversation #conversations {
	height: 380px;
	overflow: auto;
	margin-bottom: 20px;
	background-color: #FEFEFE;
	border: 1px solid #DDD;
	padding: 10px;
}

.messages_conversation .list_button {
	margin-left: 70px;
}

.messages_conversation ul#conversations li {
	margin: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.messages_conversation #conversations .message {
	clear: both;
	width: 450px;
}

.messages_conversation #conversations .message.my {
	float: right;
}

.messages_conversation #conversations .avatar_item {
	margin-right: 5px;
}

.messages_conversation #conversations .my .avatar_item {
	float: right;
	margin-left: 5px;
	margin-right: 0px;
}

.messages_conversation #conversations .box_gradient {
	float: right;
	width: 375px;
}

.messages_conversation #conversations .my .box_gradient {
	float: left;
}

.messages_conversation #conversations .box_gradient .content {
	margin: 0px;
}


/* Vita */

.curriculum_vitae #content hr {
	margin-bottom: 2px;
}

.curriculum_vitae #content .metadata,
.curriculum_vitae #content .category {
	float: left;
	color: #888;
	font-size: 11px;
}

.curriculum_vitae #content .category {
	float: right;
}

.curriculum_vitae #content .article {
	clear: both;
	padding: 10px;
	padding-top: 20px;
}

.curriculum_vitae #content .left_col,
.curriculum_vitae #content .right_col {
	width: 260px;
}

.curriculum_vitae #content .edit_icons {
	margin-top: -29px;
}

.curriculum_vitae #content ul#medias {
	margin-top: 5px;
}

.curriculum_vitae #content ul#medias li {
	margin-right: 18px;
	margin-bottom: 15px;
}


/* Blog */

.blog_article #content hr {
	margin-bottom: 2px;
}

.blog_article #content .metadata,
.blog_article #content .category {
	float: left;
	color: #888;
	font-size: 11px;
}

.blog_article #content .category {
	float: right;
}

.blog_article #content .article {
	clear: both;
	padding: 10px;
	padding-top: 20px;
}

.blog_article #content .left_col,
.blog_article #content .right_col {
	width: 260px;
}

.blog_article #content .edit_icons {
	margin-top: -29px;
}

.blog_article #content ul#medias {
	margin-top: 5px;
}

.blog_article #content ul#medias li {
	margin-right: 18px;
	margin-bottom: 15px;
}


/* Portfolio */

.portfolio_item #content hr {
	margin-bottom: 2px;
}

.portfolio_item #content .metadata,
.portfolio_item #content .voting {
	float: left;
	color: #888;
	font-size: 11px;
}

.portfolio_item #content .voting {
	float: right;
	text-align: right;
}

.portfolio_item #content .voting .vote {
	float: none;
}

.portfolio_item #content .voting p {
	margin-top: 3px;
}

.portfolio_item #content .article {
	clear: both;
	padding: 10px;
	padding-top: 0px;
}

.portfolio_item #content .article .preview {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.portfolio_item #content .left_col,
.portfolio_item #content .right_col {
	width: 260px;
}

.portfolio_item #content .edit_icons {
	margin-top: -29px;
}

.portfolio_item #content ul#photos,
.portfolio_item #content ul#videos,
.portfolio_item #content ul#music,
.portfolio_item #content ul#files {
	margin-top: 5px;
}

.portfolio_item #content ul#files li {
	margin-top: 5px;
}

.portfolio_item #content ul#photos li,
.portfolio_item #content ul#videos li,
.portfolio_item #content ul#music li,
.portfolio_item #content ul#files li {
	margin-right: 18px;
	margin-bottom: 15px;
}

.portfolio_item #content ul#music li,
.portfolio_item #content ul#files li {
	margin-bottom: 5px;
}

.portfolio_item #content ul#videos li .media_item {
	width: 120px;
}

.portfolio h3 {
	float: none;
	margin-bottom: 0px;
}

.musicplayer #musicplayer {
	margin-top: 12px;
}

.musicplayer #content hr {
	margin-bottom: 2px;
}

.musicplayer #content .metadata,
.musicplayer #content .voting {
	float: left;
	color: #888;
	font-size: 11px;
}

.musicplayer #content .voting {
	float: right;
	text-align: right;
}

.musicplayer #content .voting .vote {
	float: none;
}

.musicplayer #content .voting p {
	margin-top: 3px;
}

.musicplayer #content .article {
	clear: both;
	padding: 10px;
	padding-top: 0px;
}

.musicplayer #content .article .preview {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.musicplayer #content .left_col,
.musicplayer #content .right_col {
	width: 260px;
}

.musicplayer #content .edit_icons {
	margin-top: -29px;
}

.musicplayer #content ul#photos,
.musicplayer #content ul#videos,
.musicplayer #content ul#files {
	margin-top: 5px;
}

.musicplayer #content ul#files li {
	margin-top: 5px;
}

.musicplayer #content ul#photos li,
.musicplayer #content ul#videos li {
	margin-right: 18px;
	margin-bottom: 15px;
}

.musicplayer #content ul#videos li .media_item {
	width: 120px;
}


/* Media */

.gallery .media_item {
	width: 120px;
}

.gallery .headline_more {
	margin-top: -40px;
}

.media #content hr {
	margin-bottom: 2px;
}

.media #content .metadata,
.media #content .category {
	float: left;
	color: #888;
	font-size: 11px;
}

.media #content .category {
	float: right;
}

.media #content .edit_icons {
	margin-top: -27px;
}

.media #content .media {
	clear: both;
	width: 570px;
	margin-top: 15px;
	text-align: center;
}

.media #content .media_item {
	margin: auto;
}

.media #content .media_control {
	clear: both;
	padding-top: 20px;
}

.media #content .media_control .previous {
	float: left;
	margin: 0px;
}

.media #content .media_control .next {
	float: right;
	margin: 0px;
}

.media #content .video_item {
	clear: both;
	margin-top: 30px;
	margin-bottom: 5px;
}

.media #content .video_item table {
	display: none;
}

.media #content .content {
	clear: both;
	padding: 10px;
	padding-top: 20px;
}

/* headlines show all link */
.headline_more {
    margin-top: 40px;
}