/******************************************************************************
* carpestudentem.org, stylesheet
*
* @author Simon Busard
* @date   18/02/2010
*
******************************************************************************/

/* -------------------------------------------------------------------------- */
/* ----- COMMON ------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

.alignright
{
	text-align:			right;
}
.alignleft
{
	text-align:			left;
}
.aligncenter
{
	text-align:			center;
}

.clearingleft
{
	clear:				left;
	visibility:			hidden;
	margin:				0;
	padding:			0;
}
.clearingright
{
	clear:				right;
	visibility:			hidden;
	margin:				0;
	padding:			0;
}

.floatleft
{
	float:				left;
}
.floatright
{
	float:				right;
}

a img
{
	border:				none;
}

a
{
	color:				#003366;
}

/* ----- Forms -------------------------------------------------------------- */

input, textarea
{
	border:				1px solid black;
	border-radius:		5px;
	-moz-border-radius:	5px;
	-webkit-border-radius:	5px;
	-khtml-border-radius:	5px;
}

div.form_error
{
	border:				1px solid #a00;
	border-radius:		10px;
	-moz-border-radius:	10px;
	-webkit-border-radius:	10px;
	-khtml-border-radius:	10px;
	background: 		#eebbbb url('icon_error.png') no-repeat center left;
	margin:				10px 0;
	padding:			10px 10px 10px 80px;
	min-height:			74px;
	vertical-align:		middle;
}

div.form_message
{
	border:				1px solid #666;
	border-radius:		10px;
	-moz-border-radius:	10px;
	-webkit-border-radius:	10px;
	-khtml-border-radius:	10px;
	background: 		#cccccc url('icon_info_big.png') no-repeat center left;
	margin:				10px 0;
	padding:			10px 10px 10px 80px;
	min-height:			74px;
	vertical-align:		middle;
}

/* -------------------------------------------------------------------------- */
/* ----- BODY --------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

body
{
	font-family:		"Arial", sans;
	font-size:			13px;
	color:				#444;
	background-color:	#eee;
	width:				1000px;
	margin:				0 auto;
	padding:			0;
}

/* -------------------------------------------------------------------------- */
/* ----- ACCOUNT ------------------------------------------------------------ */
/* -------------------------------------------------------------------------- */

div#account_bar
{
	float:				right;
	margin:				-13px 20px;
	padding:			6px 15px;
	text-align:			right;
	background-color:	#003366;
	border-radius:		0 0 10px 10px;
	-moz-border-radius:	0 0 10px 10px;
	-webkit-border-left-bottom-radius:	10px;
	-webkit-border-right-bottom-radius:	10px;
	-khtml-border-radius:	0 0 10px 10px;
	color:				#eee;
}

div#account_bar a
{
	color:				#eee;
	text-decoration:	none;
	text-shadow:		#002255 0px 1px;
}
div#account_bar a:hover
{
	text-decoration:	underline;
}

/* -------------------------------------------------------------------------- */
/* ----- HEADER ------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

div#header
{
	width:				1000px;
	height:				125px;
	padding:			0;
	margin:				-5px 0 10px 0;
	background:			url('header.png');
}

div#header .webpage_title
{
	margin-top:			0px;
	padding:			80px 0 0 0;
	text-align:			right;
}
div#header .webpage_title a
{
	text-decoration:	none;
	font-size:			1.5em;
}
div#header .webpage_title a.bubulle
{
	margin:				-57px 0px 0px 27px;
	display:			block;
	width:				150px;
	height:				92px;
	float:				left;
	text-decoration:	none;
}

div#header div#misc
{
	padding:			33px;
	color:				#eee;
	text-align:			right;
}

/* ----- Icons and search --------------------------------------------------- */

div#iconsearch img
{
	max-width:			28px;
	margin:				0 4px;
	vertical-align:		center;
}
div#icon-rss
{
	position:			relative;
	padding:			0px;
	margin:				0px;
}
div#icon-rss a
{
	text-decoration:	none;
	color:				#ffffff;
	text-shadow:		#830 0px 1px;
	display:			block;
}
div#icon-rss ul
{
	color:				#aaa;
	display:			none;
	list-style-type:	none;
	margin:				0;
	padding:			5px;
}
div#icon-rss:hover ul
{
	display:			block;
	position:			absolute;
	min-width:			160px;
	left:				0px;
	background-color:	#e81;
	border-radius:		5px;
	-moz-border-radius:	5px;
	-webkit-border-radius:	5px;
	-khtml-border-radius:	5px;
	z-index:			100;
}
div#icon-rss ul li
{
	float:				none;
	margin:				0;
	padding:			0 5px;
	line-height:		25px;
	vertical-align:		middle;
	text-align:			left;
	min-width:			120px;
}
div#icon-rss ul li:hover
{
	background-color:	#f92;
	border-radius:		2px;
	-moz-border-radius:	2px;
	-webkit-border-radius:	2px;
	-khtml-border-radius:	2px;
}
	

/* ----- Connection --------------------------------------------------------- */

div#header div.connection
{
	margin:				20px 0 0 0;
	float:				right;
}
div#header div.connection div.group
{
	float:				left;
	text-align:			left;
}
div#header form.connection_form
{
	margin:				-5px 0 0 0;
}
div#header form.connection_form input
{
	max-width:			130px;
}
div#header form.connection_form label
{
	text-align:			left;
	padding-left:		5px;
}

/* ----- Search ------------------------------------------------------------- */

div#header div.big-button-white, div#header div.big-button-white a
{
	background-color:	white;
	color:				black;
	border-radius:		5px;
	-moz-border-radius:	5px;
	-webkit-border-radius:	5px;
	-khtml-border-radius:	5px;
	width:				185px;
	margin:				3px 0 3px 10px;
	padding:			2px;
	text-align:			center;
	font-weight:		bold;
}

div#header div.big-button-white a
{
	text-decoration:	none;
	color:				black;
}

/* -------------------------------------------------------------------------- */
/* ----- MENU --------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

div#menu
{
	height:				30px;
	background-color:	#003366;
	width:				930px;
	margin:				0 0 10px 19px;
	border-radius:		10px;
	-moz-border-radius:	10px;
	-webkit-border-radius:	10px;
	-khtml-border-radius:	10px;
	padding:			0 15px;
	z-index:			50;
}
div#menu a, div#menu
{
	color:				#eee;
	text-decoration:	none;
	text-shadow:		#002255 0px 1px;
	display:			block;
}
div#menu ul
{
	list-style-type:	none;
	margin:				0px;
	padding:			0px;
	position:			relative;
}
div#menu ul li
{
	float:				left;
	margin:				0 2px;
	padding:			0 5px;
	line-height:		30px;
	vertical-align:		middle;
	text-align:			center;
	background:			none;
}

/* ----- Sub-menu ----------------------------------------------------------- */

div#menu ul li:hover
{
	background-color:	#114477;
}
div#menu ul li ul.submenu
{
	display:			none;
	list-style-type:	none;
	margin:				0 0 0 -5px;
	padding:			5px;
	position:			absolute;
	top:				23px;
}
div#menu ul li:hover ul.submenu
{
	display:			block;
	background-color:	#114477;
	border-radius:		5px;
	-moz-border-radius:	5px;
	-webkit-border-radius:	5px;
	-khtml-border-radius:	5px;
}
div#menu ul li ul.submenu li
{
	float:				none;
	margin:				0;
	padding:			0 5px;
	line-height:		25px;
	vertical-align:		middle;
	text-align:			left;
	min-width:			120px;
}
div#menu ul li ul.submenu li:hover
{
	background-color:	#225588;
	border-radius:		2px;
	-moz-border-radius:	2px;
	-webkit-border-radius:	2px;
	-khtml-border-radius:	2px;
}

/* ----- Right sub-menu ----------------------------------------------------- */

div#menu li.right
{
	float:				right;
	margin:				0 2px;
	padding:			0 5px;
	position:			relative;
}
div#menu ul li.right ul.submenu
{
	position:			absolute;
	top:				23px;
	right:				0px;
	width:				150px;
}
div#menu ul li.right ul.submenu li
{
	float:				none;
	text-align:			right;
	min-width:			120px;
}

/* -------------------------------------------------------------------------- */
/* ----- CONTENT ------------------------------------------------------------ */
/* -------------------------------------------------------------------------- */

div#content
{
	width:				960px;
	margin:				auto;
}

/* -------------------------------------------------------------------------- */
/* ----- Right column ------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

div#right_column
{
	float:				right;
	width:				250px;
	max-width:			250px;
	margin:				0;
	padding:			0;
}

div#right_column div
{
	margin:				0;
	padding:			0;
}

/* ----- BOXES -------------------------------------------------------------- */

div#right_column div.box
{
	background-color: 	white;
	width:				230px;
	margin:				0 0 1em 0;
	padding:            10px;
	border-radius:		10px;
	-moz-border-radius:	10px;
	-webkit-border-radius:	10px;
	-khtml-border-radius:	10px;
}

div#right_column div.box h2
{
	font-size:			1em;
}

div#right_column div.box h1
{
	font-size:			1em;
	margin:				0 0 5px 0;
	color:				#003366;
	border-radius:		5px;
	-moz-border-radius:	5px;
	-webkit-border-radius:	5px;
	-khtml-border-radius:	5px;
	background-color:	#eee;
	text-align:			center;
	padding:			3px;
}

div#right_column div.box div.body
{
	margin:				1em 0 0 0;
	padding:			0;
}	

div#right_column div.box h1 a
{
	text-decoration:	none;
	color:				#003366;
}

div#right_column div.box ul
{
	list-style:			none;
	margin:				0px;
	padding:			0px;
}
div#right_column div.box li
{
	margin:				0px;
	padding:			5px;
}
div#right_column div.box li a
{
	text-decoration:	none;
}
div#right_column div.box li a:hover
{
	text-decoration:	underline;
}

/* ----- Big buttons -------------------------------------------------------- */

div#right_column div#big-buttons a
{
	color:				#003366;;
	text-decoration:	none;
}
div#right_column div#big-buttons a:hover
{
	text-decoration:	underline;
}	

div#right_column div#big-buttons
{
	padding:			0 0 10px 0;
	margin:				0;
}

div#right_column div.big-button
{
	background-color:	white;
	border-radius:		10px;
	-moz-border-radius:	10px;
	-webkit-border-radius:	10px;
	-khtml-border-radius:	10px;
	width:				115px;
	padding:			2px;
	text-align:			center;
	font-weight:		bold;
	border:				1px solid #003366;
}

div#right_column div.big-button-white, div#right_column div.big-button-white a
{
	background-color:	white;
}

div#right_column div.big-button a
{
	font-size:			1.3em;
	text-decoration:	none;
}

/* ----- Particular box ----------------------------------------------------- */

div#right_column div.box_body p.random_photo
{
	text-align:			center;
}

/* -------------------------------------------------------------------------- */
/* ----- Main column -------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

div#main_column
{
	width:				704px;
	margin:				0;
	padding:			0;
	text-align:			justify;
}

div#main_column .article_informations
{
	color:				#999;
}

div#main_column h1, div#main_column h2
{
	font-size:			1.5em;
	text-align:			left;
}

div#main_column div.invisiblebox img, div#main_column div.verticalbox img
{
	float:				left;
	margin:				0 5px 5px 0;
}

/* ----- Vertical box ------------------------------------------------------- */

div#main_column div.verticalbox div.body
{
	float:				left;
	width:				634px;
}

div#main_column div.verticalbox
{
	padding:			10px;
	padding-left:		55px;
	margin:				5px 5px 5px 0px;
	background-color:	white;
	border-radius:		10px;
	-moz-border-radius:	10px;
	-webkit-border-radius:	10px;
	-khtml-border-radius:	10px;
}

div#main_column div.verticalbox div.title
{
	padding:			4px;
	margin-left:		-45px;
	background-color:	#eee;
	width:				30px;
	border-radius:		5px;
	-moz-border-radius:	5px;
	-webkit-border-radius:	5px;
	-khtml-border-radius:	5px;
	font-size:			3px;
}

/* ----- Edito -------------------------------------------------------------- */

div#main_column div.verticalbox div.editotitle
{
	background:			#eee url('edito.png') no-repeat center;
}

/* ----- PUB ---------------------------------------------------------------- */

div#main_column div.verticalbox div.pubtitle
{
	background:			#eee url('pub.png') no-repeat center;
}
div#main_column div.verticalbox div.publicity
{
	text-align:			center;
}
div#main_column div.verticalbox div.publicity img.publicity
{
	float:				none;
}
div#main_column div.verticalbox div.publicity a.publicity
{
	display:			block;
	width:				468px;
	height:				60px;
	margin:				auto;
}
/* ----- Invisible box ------------------------------------------------------ */
div#main_column div.invisiblebox
{
	width:				330px;
	padding:			5px;
	margin:				5px;
	float:				left;
}

div#main_column div.invisiblebox h2
{

}

div#main_column div.invisiblebox p, div#main_column div.verticalbox p
{
	text-align:			justify;
}

/* ----- link_see_more ------------------------------------------------------ */
div#main_column p.link_see_more
{
	text-align:			right;
	margin:				0px;
	padding-right:		20px;
}

/* ----- Article list ------------------------------------------------------- */
div#main_column div.articles_list
{
}

/* -------------------------------------------------------------------------- */
/* ----- Unique column ------------------------------------------------------ */
/* -------------------------------------------------------------------------- */

div#unique_column
{

}

/* -------------------------------------------------------------------------- */
/* ----- Footer ------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

div#footer
{
	text-align:			center;
	clear:				both;
	margin-top:			50px;
}
div#footer a
{
	text-decoration:	none;
}

/* -------------------------------------------------------------------------- */
/* ----- Agenda ------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

.agenda .week
{
	clear:				both;
	background-color:	white;
	border-radius:		10px;
	-moz-border-radius:	10px;
	-webkit-border-radius:	10px;
	-khtml-border-radius:	10px;
	padding:			5px;
	margin:				auto;
}

.agenda .week a
{
	text-decoration:	none;
}
.agenda .week a:hover
{
	text-decoration:	underline;
}

.agenda .week .all_day_event
{
	font-weight:		bold;
}

.agenda .week h2
{
	background-color:	#003366;
	border-radius:		5px;
	-moz-border-radius:	5px;
	-webkit-border-radius:	5px;
	-khtml-border-radius:	5px;
	padding:			5px;
	text-align:			center;
	color:				#eee;
	text-shadow:		#002255 0px 1px;
	margin:				0px 0px 5px 0px;
	font-size:			1.2em;
}

.agenda .week dl
{
}
.agenda .week dd
{
	margin:				0px 0px 7px 0px;
	padding:			0px 5px;
}
.agenda .week dt
{
	color:				#aaa;
	padding:			0px 5px;
}

.agenda .week td
{
	margin:				0px;
	width:				20%;
}

.agenda .week .classical td
{
	background-color:	#f3f3f3;
	border-radius:		5px;
	-moz-border-radius:	5px;
	-webkit-border-radius:	5px;
	-khtml-border-radius:	5px;
}

/* -------------------------------------------------------------------------- */
/* ----- Article ------------------------------------------------------------ */
/* -------------------------------------------------------------------------- */

div#main_column div.article h1
{
	font-size:			2em;
}

div.article p.article_picture img
{
	border:				1px solid #ccc;
	padding:			2px;
}
.article p.article_picture
{
	text-align:			center;
	width:				100%;
}
div.text_body
{
	text-align:			justify;
}

/* -------------------------------------------------------------------------- */
/* ----- AddThis ------------------------------------------------------------ */
/* -------------------------------------------------------------------------- */
.addthis
{
	text-align:			right;
}

/* -------------------------------------------------------------------------- */
/* ----- Comments ----------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
div#comments blockquote
{
	background-color:	white;
	border-radius:		10px;
	-moz-border-radius:	10px;
	-webkit-border-radius:	10px;
	-khtml-border-radius:	10px;
	margin:				0px;
	padding:			5px 10px;
}
div#comments p.comment-info
{
	color:				#999;
}
div#comments textarea
{
	width:				300px;
	height:				5em;
}

/* -------------------------------------------------------------------------- */
/* ----- Connection page ---------------------------------------------------- */
/* -------------------------------------------------------------------------- */

.form label
{
	display:			block;
	float:				left;
	min-width:			180px;
}
.form input
{
	min-width:			180px;
}

/* -------------------------------------------------------------------------- */
/* ----- Photos list -------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

div.photos_categories
{
	background-color:	white;
	border-radius:		10px;
	-moz-border-radius:	10px;
	-webkit-border-radius:	10px;
	-khtml-border-radius:	10px;
	padding:			10px;
}
div.photos_categories ul
{
	list-style-type:	none;
	margin:				0px;
	padding:			0px;
}
div.photos_categories ul li
{
	float:				left;
	margin:				0 20px 0 0;
}
div.photos_categories ul li.right
{
	float:				right;
	margin:				0 0 0 20px;
}
div.photos_categories a
{
	text-decoration:	none;
}
div.photos_categories a:hover
{
	text-decoration:	underline;
}
		

div.mondaytitle
{
	background:			#eee url('photos_mon.png') no-repeat center;
}
div.tuesdaytitle
{
	background:			#eee url('photos_tue.png') no-repeat center;
}
div.wednesdaytitle
{
	background:			#eee url('photos_wes.png') no-repeat center;
}
div.thursdaytitle
{
	background:			#eee url('photos_thu.png') no-repeat center;
}
div.othertitle
{
	background:			#eee url('photos_oth.png') no-repeat center;
}
div.galleries
{
	float:				left;
	width:				200px;
	margin:				0px 5px;
}
div.galleries h1
{
	font-size:			1em;
}

div.galleries_global
{
	background-color:	white;
	border-radius:		10px;
	-moz-border-radius:	10px;
	-webkit-border-radius:	10px;
	-khtml-border-radius:	10px;
	padding:			10px;
}
div.galleries_global div.galleries
{
	width:				218px;
	min-height:			150px;
}
div.galleries_global div.galleries img
{
	margin:				0 5px 5px 0;
	float:				left;
}

/* -------------------------------------------------------------------------- */
/* ----- Photos gallery ----------------------------------------------------- */
/* -------------------------------------------------------------------------- */

span.gallery_information
{
	color:				#999;
	margin:				0 0 0 20px;
	font-size:			11px;
	font-weight:		normal;
}

/* ----- mosaic ------------------------------------------------------------- */

div#random_event
{
	background-color:	white;
	border-radius:		10px;
	-moz-border-radius:	10px;
	-webkit-border-radius:	10px;
	-khtml-border-radius:	10px;
	padding:			10px;
}
div.mosaic
{
	margin:				auto;
	width:				960px;
}
div.mosaic p.left
{
	text-align:			left;
	height:				20px;
	margin-top:			-20px;
	margin-left:		30px;
}
div.mosaic p.center
{
	text-align:			center;
	clear:				both;
	margin:				0px auto;
	height:				20px;
	max-width:			720px;
}
div.mosaic p.right
{
	text-align:			right;
	height:				20px;
	margin-top:			-31px;
	margin-right:		30px;
}
div.mosaics
{
	margin:				auto;
	width:				960px;
	margin-top:			-13px;
	text-align:			center;
}
div.mosaics p.mosaic_line
{
	clear:				left;
	margin:				auto;
	width:				744px;
	padding:			0px;
}
div.mosaics span.picture
{
	display:			block;
	float:				left;
	margin:				10px;
}
div.mosaics img
{
	padding:			1px;
	border:				1px solid #aaa;
}

/* ----- viewer ------------------------------------------------------------- */

div.viewer
{
}

div.viewer p.link_mosaic
{
	text-align:			center;
}
div.viewer p.prev_thumb
{
	text-align:			left;
	height:				100px;
	margin:				0;
}
div.viewer p.next_thumb
{
	text-align:			right;
	height:				100px;
	margin:				-100px 0 0 0;
}
div.viewer p.main
{
	text-align:			center;
	margin:				-100px 0 0 0;
}
div.viewer img.thumb, div.viewer img.main
{
	padding:			1px;
	border:				1px solid #aaa;
}

/* -------------------------------------------------------------------------- */
/* ----- About -------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

p.illustrations
{
	text-align:			center;
}
p.illustrations img
{
	border:				1px solid #aaa;
	margin:				10px;
	padding:			1px;
}

/* -------------------------------------------------------------------------- */
/* ----- Team --------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

p.portrait
{
	clear:				left;
}
p.portrait img.portrait
{
	float:				left;
	height:				100px;
	margin:				0 10px 10px 0;
	padding:			1px;
	border:				1px solid #aaa;
}

/* -------------------------------------------------------------------------- */
/* ----- Team --------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

div.link hr
{
	clear:				left;
	visibility:			hidden;
}
div.link img
{
	float:				left;
	margin:				0 10px 10px 0;
	max-width:			70px;
}
div.link dt, div.link dd
{
	margin-left:		75px;
}
div.link dt
{
	padding-top:		10px;
}

/* -------------------------------------------------------------------------- */
/* ----- Submit forms (article and events) ---------------------------------- */
/* -------------------------------------------------------------------------- */

div#main_column form#submit_article input, div#main_column form#submit_event input, 
div#main_column form#submit_article textarea, div#main_column form#submit_event textarea
{
	width:				80%;
	margin:				auto;
}
div#main_column form#submit_article textarea, div#main_column form#submit_event textarea
{
	height:				10em;
}
div#main_column form#submit_article p.submit input, div#main_column form#submit_event p.submit input
{
	width:				200px;
}

/* -------------------------------------------------------------------------- */
/* ----- Settings ----------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

div#option_categories
{
	background-color:	white;
	border-radius:		10px;
	-moz-border-radius:	10px;
	-webkit-border-radius:	10px;
	-khtml-border-radius:	10px;
	padding:			10px;
}

div#option_categories ul
{
	list-style-type:	none;
	margin:				0px;
	padding:			0px;
}

div#option_categories ul li
{
	margin:				0 10px;
}

hr.form_separator
{
	clear:				left;
	visibility:			hidden;
}

#options_submit
{
	clear:				left;
}

.opt_help
{
	float :				left;
}
.settings_form label
{
	display:			block;
	width:				400px;
	float: 				left;
	margin:				0px;
}

.settings_form input
{
	margin:				2px;
}

.option img
{
	vertical-align:		middle;
	margin:				0 5px 0 0;
}

.option .option_description
{
	color:				#999;
	margin:				10px 0 5px 30px;
}