* {
	margin: 0;
	padding: 0;
}

/* layout */
body {
	font: 12px/1.5em 'Trebuchet MS', arial, sans-serif;
	color: #fff;
	background: #4e4e4e url(/media/images/body-bg.png) repeat-x;
}

p { padding-bottom: 10px; }

#container {
	width: 980px;
	margin: 0 auto;
}

/* header */
#header {
	width: 980px;
}

#header h1 {
	margin: 35px auto 30px auto;
	background: url(/media/images/logo.png) no-repeat;
	width: 192px;
	height: 81px;
	text-indent: -9999px;
}

#header h1 a {
	position: relative;
	width: 192px;
	height: 81px;
	display: block;
	overflow: hidden;
}

/* main nav */
#mainnav {
	float: left;
	position: relative;
}

#mainnav li {
	float: left;
	list-style: none;
}

#mainnav a {
	display: block;
	height: 19px;
	background-color: #000;
	padding: 2px 15px 0px 15px;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	border-right: 1px solid #fff;
}

#mainnav a:hover {
    background-color: #4e4e4e;
}

/* sub nav */
#subnav {
	float: right;
	list-style: none;
}

#subnav li {
	float: left;
	text-transform: uppercase;
	font-size: 10px;
}

#subnav a {
	display: block;
	text-decoration: none;
	color: #000;
	font-weight: bold;
	padding: 0 10px 0 0;
}

#s-oh a { background: url(/media/images/s-oh.png) no-repeat; width: 29px; }
#s-contacts a { background: url(/media/images/s-contacts.png) no-repeat; width: 53px; }
#s-accueil a { background: url(/media/images/s-accueil.png) no-repeat; width: 65px; }
#s-spectacles a { background: url(/media/images/s-spectacles.png) no-repeat; width: 76px; }
#s-billetterie a { background: url(/media/images/s-billetterie.png) no-repeat; width: 64px; }
#s-blablablogue a { background: url(/media/images/s-blablablogue.png) no-repeat; width: 72px; }
#s-facebook a { background: url(/media/images/s-facebook.png) no-repeat; width: 53px; }

#maincontent {
	float: left;
	
}

#content {
	font-size: 14px;
	width: 580px;
	float: left;	
}

#content p {
	padding-bottom: 10px;
}

#narrow_column ol li li {
    margin-left: 30px;
}

#narrow_column ol li {
    padding-bottom: 10px;
}

#footer {
	clear: left;
	width: 980px;
	float: left;
	margin-top: 0px;
}

#links {
	list-style: none;
	height: 35px;
	display: inline;
	width: 181px;
	float: left;	
}

#links li {
	display: inline;
	list-style-type: none;
}

#links a {
	float: left;
	padding: 59px 0 0 181px;
	height: 0px !important; 
	text-indent: -9999px;
}

#a-foundation a  { background: url(/media/images/f-foundation.png) top left no-repeat; }
#a-heritage a  { background: url(/media/images/f-heritage.png) top left no-repeat; }

/* character css */
#oh-nav {
    width: 510px;
    margin: 20px auto 20px auto;
    padding-bottom: 20px;
}

#oh-nav li {
	float: left;
	text-indent: -9999px;
	list-style: none;
	padding: 0 2px 0 2px;
}

#oh-nav a {
	display: block;
	height: 13px;
	overflow: hidden;
}

#o-intro a { background: url(/media/images/o-intro.png) no-repeat; width: 68px; }
#o-reglements a { background: url(/media/images/o-reglements.png) no-repeat; width: 57px; }
#o-blogue a { background: url(/media/images/o-blog.png) no-repeat; width: 51px; }
#o-user-blogue a { background: url(/media/images/o-user-blog.png) no-repeat; width: 100px; }
#o-qa a { background: url(/media/images/o-qa.png) no-repeat; width: 107px; }
#o-create a { background: url(/media/images/o-cree.png) no-repeat; width: 98px; }

#oh-logo {
    float: left;
    width: 304px;
    height: 227px;
    clear: left;
    margin-top: 10px;
    margin-left: 10px;
}

#character-rules { margin-left: 80px; }
#chick-character { margin-left: 30px; }

#narrow_column {
	font-size: 14px;
	width: 580px;
	float: left;
	padding: 20px;
}

#narrow_column h2 {
    text-align: left;
}

#narrow_column p {
    text-align: left;
}

#narrow_column a {
    color: #cbf9a7;
    text-decoration: none;    
}

#content h2 {
    padding-bottom: 10px;
}

#blogcontent h2 a {
    color: #7bc143;
    text-decoration: none;
}

#metas {
    clear: left;
    float: left;
    width: 100%;
}

.link a {
    color: #7bc143;
    text-decoration: none;
}


/* blog */

#blogcontent {
	font-size: 14px;
	width: 580px;
	float: left;
	padding: 20px;
}

#content p {
	padding-bottom: 10px;
}

#sidebar {
    float: left;
    width: 250px;
    padding-left: 80px;
}

#sidebar ul {
    list-style: none;
}

#sidebar li {
    padding-bottom: 10px;
}

#sidebar a {
    color: #90ba52;
    text-transform: uppercase;
    text-decoration: none; 
    font-weight: bold;
}

#blog-footer {
	clear: left;
	float: left;
	margin-top: 20px;
}

#blog-footer-links {
	list-style: none;
	height: 35px;
	display: inline;
	width: 181px;
	float: left;	
}

#blog-footer-links li {
	display: inline;
	list-style-type: none;
}

#blog-footer-links a {
	float: left;
	padding: 59px 0 0 181px;
	height: 0px !important; 
	text-indent: -9999px;
}

#blogcontent h1 a, #blogcontent h1 {
    color: #7bc143;
    text-decoration: none;
    font-size: 18px;
}

#blogcontent img {
    float: right;
    padding: 20px;
}
#blogcontent a {
    text-decoration: none;
}

#blogcontent h1 a:hover { color: #cbf9a7; }
#blogcontent a:hover { color: #e4fdcf; }

#blogcontent h2 {
    color: #fff;
    font-size: 13px;
    padding-bottom: 10px;
}

.entry { padding-bottom: 15px; padding-top: 15px; }

#categories {
    list-style: none;
    padding-top: 20px;
}

#categories a {
    color: #cbf9a7;
    text-decoration: none;
}

#categories li { padding-bottom: 5px; }

#categories a:hover { color: #e4fdcf; }

#browsing { font-size: 14px; }

/* comment form */
#comment-form h2 {
    font-size: 16px;
    border-top: 1px solid #707070;
    padding: 15px 0 15px 0;
}

#comment-form ul {
    list-style: none;
    margin: 5px 0 15px 0;    
}

#comment-form .inputs input {
    width: 220px;
}

#comment-form p input, #comment-form p textarea {

}

/* comments */
.comment {
    background: #242424;
    padding: 15px;
    border-top: 1px solid #707070;
}


/* ************************************************************************************************************************* */
/*#a-mon-spectacles a { background: url(/media/images/social/a-mon-spectacles.png) no-repeat; width: 145px; }*/
#a-amis a { background: url(/media/images/social/a-amis.png) no-repeat; width: 65px; }
#a-messages a { background: url(/media/images/social/a-messages.png) no-repeat; width: 99px; }
#a-creez a { background: url(/media/images/social/a-creez.png) no-repeat; width: 71px; }
#a-recherche a { background: url(/media/images/social/a-recherche.png) no-repeat; width: 103px; }

#a-enseignants a:hover, 
#a-parents a:hover,
#a-enfants a:hover,
#a-interactif a:hover,
#a-mon-spectacles a:hover,
#a-amis a:hover,
#a-messages a:hover,
#a-creez a:hover,
#a-recherche a:hover { background-position: 0 -19px; }

/* social */
#s-profil a { background: url(/media/images/social/s-profil.png) no-repeat; width: 48px; }
#s-oh-home a { background: url(/media/images/social/s-accueil-oh.png) no-repeat; width: 67px; }
#s-tno a { background: url(/media/images/social/s-accueil-tno.png) no-repeat; width: 65px; }
#s-logout a { background: url(/media/images/social/s-logout.png) no-repeat; width: 45px; }
#s-login a { background: url(/media/images/social/s-login.png) no-repeat; width: 41px; }
#s-signup a { background: url(/media/images/social/s-signup.png) no-repeat; width: 42px; }

#social-maincontent {
	float: left;
	width: 980px;
}

#social-content {
	margin-left: 50px;
	margin-right: 50px;
	padding-top: 25px;
}

#social-content a {
    color: #7bc143;
    text-decoration: none;
}

#social-content p {
	padding-bottom: 10px;
}

#new_post {
    font-size: 14px;
}

#new_post ul {
    list-style: none;
}

#new_post li {
    padding: 10px 0 10px 0;
}

#welcome {
    text-align: center;
	margin-bottom: 35px;
}

/* character css */

#oh-nav li {
	float: left;
	text-indent: -9999px;
	list-style: none;
	padding: 0 2px 0 2px;
}

#oh-nav a {
	display: block;
	height: 13px;
	overflow: hidden;
}

#oh-logo {
    float: left;
    width: 304px;
    height: 227px;
    clear: left;
    margin-top: 10px;
    margin-left: 10px;
}

/* social */
#myshows {
    float: left;
    width: 192px;
    padding-right: 24px;
    padding-top: 20px;
}

#othershows {
    float: left;
    width: 192px;
    padding-right: 24px;
    padding-top: 20px;
}

#myshows h2, #othershows h2, #messages h2 {
    text-transform: uppercase;
    font-size: 14px;
    color: #7bc143;
    padding-bottom: 10px;
}

#myshows ul, #othershows ul {
    list-style: none;
}

#myshows li, #othershows li {
    padding-bottom: 8px;
}

#myshows li a, #othershows li a {
    color: #cdfaaa;
    text-decoration: none;
}

#myshows li a:hover { color: #fff;}

#messages {
    width: 408px;
    float: left;
    background: #fff;
    color: #666;
    padding: 20px;
}

#messages a {
    color: #7bc143;
    text-decoration: none;
    font-weight: bold;
}

#messages li {
    list-style: none;
}

#messages ul ul {
    margin-bottom: 20px; 
}

.grouped { font-size: 12px; border-bottom: 1px solid #666; font-weight: bold; }

.message_entry {
    padding-bottom: 10px;
}

.backgrounds {
    list-style: none;
}

.backgrounds li {
    float: left;
    margin-left: 50px;
}

.backgrounds li input {
}

form p {
    float: left;
}

.subs {
    float: left;
    border: 1px solid red;
}

.narrow_column2 {
	font-size: 14px;
	width: 780px;
	float: left;
	padding: 20px;
}

#narrow_column2 h3 {
    color: #7bc143;
    padding-bottom: 10px;
}

#narrow_column2 a { color: #cbf9a7; text-decoration: none;}

#narrow_column2 a {
   
}

/* question answer game */
#answers a { padding:20px; }
#question { font-size:2em; }

/* Success, notice and error boxes - borrowed from blueprint css framework
-------------------------------------------------------------- */
.error,
.notice, 
.success    { padding: .5em; margin-bottom: .75em; border: 2px solid #ddd; display: none; font-size: 20px;}

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; display: none; font-size: 20px;}
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }
.hide { display:none; }
#game_0, #game_1 { margin-bottom: 40px; float: left; width: 650px;}


#game { width: 580px; float: left; }
#game a { color: #000; }
#game p { padding-bottom: 20px; }
.question { font-size: 18px; text-align: left; line-height: 1.5em; background-color: #fff; color: #000; padding: 15px;}
.answers { padding: 10px; background-color: #fff; float: left;}
.answers ul { list-style: none; }
.answers li { float: left; list-style: none; }
.answers li a { display: block; color: #3a6b00; text-decoration: none; padding: 10px;}
.game { display: none;}
.highlight { color: #fff; background-color: #3a6b00; }
.blur { opacity:0.4;filter:alpha(opacity=40) }
.good { font-size: 12px; padding-bottom: 10px;}

a img { border: 0; }

.odd { background-color: #424242;}
.even { background-color: #666; }

.cyclic {
    width: 800px;
    float: left;
    list-style: none;
}

#filtered, #all_shows { margin-top: 20px; }

.title { width: 300px; font-size: 14px; }

.title a { padding-left: 10px; }
.category { width: 150px; }
.status { width: 150px; }
.edit {}
.delete a { padding-left: 5px; }

.cyclic li { float: left; padding: 8px 0 0 0; }

.message-title { width: 500px; font-size: 14px; padding-top: 10px; }
.message { list-style: none; padding: 10px 20px 20px 20px;}
.message-body { padding-bottom: 10px; padding-top: 10px; border-bottom: 1px solid #000;}
.grouper { list-style: none; margin-top: 20px; font-size: 14px;}
.group-title { font-size: 16px; }
.blog-titles a { color: #cbf9a7; text-decoration: none;}
.profile li { float: left; padding-right: 10px;}

#show-title { padding-bottom: 15px; #cbf9a7; font-size: 16px; }
#show-desc { padding-bottom: 10px;}

#signup-form, #login-form, #send-message form, #chpass form, #resets form { padding-bottom: 20px;}
#signup-form ul, #login-form ul, #send-message ul, #chpass ul, #resets ul, #change-email ul { list-style: none; margin-bottom: 10px; }
#signup-form li, #login-form li, #send-message li, #chpass li, #resets li { padding-bottom: 4px;}

.email input { width: 200px;}
.password1 input, .password2 input { width: 175px;}
.name input { width: 175px;}
#search-form { float: left;}
#search-results { clear:left;}
.queryresults { list-style: none; }
#send-message { background-color: #fff; color: #333; padding: 20px; min-height: 290px;}
.long input { width: 200px;}
#login h2, #signup h2, #send-message h2, #message-detail h2, #chpass h2, #resets h2 { padding-bottom: 20px; }
#dude { float: right; margin-top: 30px;}
#message-detail, #chpass, #resets { background-color: #fff; color: #333; padding: 20px; }
#message-detail small { font-size: 12px;}
#msg-flash { background-color: #d1f4b6; padding: 10px; color: #000; margin-bottom: 10px;}
#msg-flash ul { list-style: none; }
.user-blog-entry { padding: 20px 0 20px 0; border-bottom: 1px solid #6d6d6d;}
.individual-show { border-bottom: 1px solid #cecece; padding: 15px 0 15px 0; }

#signup, #login {
    width: 400px;
    float: left;
    padding-right: 20px;
}

#signup-container {
    background-color: #fff; color: #333; padding: 20px;
    float: left;
    width: 880px;
    margin-bottom: 20px;
}

#shows-feed {
    width: 400px;
    float: left;
    padding-left: 20px;
}

#shows-feed h2 { padding: 0; margin: 0;}

#shows-feed dt {
    font-size: 14px;
    font-weight: bold;
}

#enjoy {
    margin-top: 50px;
}

.who a {color: #3a6b00; text-decoration: none;}

.info { float: left; margin-top: 30px;}

#feedback li {
    list-style: none;
}

#feedback ul {
    margin-bottom: 20px;
}

#success {
    color: #7bc143;
    font-weight: bold;
}

/* {
	float: left;
	width: 233px;
	margin-top: 0;
	padding-top: 20px;
	margin-bottom: 40px;
	margin-left: 20px;
	border-top: 1px solid #cecece;
}*/

#c-1 {
}
#c-2 {
	margin-top: 10px;
}

.span-4 {
    padding-bottom: 20px;
    float: left;
}
	
.span-4 li {
	display: inline;
	list-style-type: none;
	float: left;
	margin-top: 10px;
	padding-right: 20px;
}

.column #c-1 a, .column #c-2 a {
	float: left;
	padding: 63px 0 0 0;
	width: 61px;
	height: 0px !important; 
	text-indent: -9999px;
}

#a-expression1 a { background: url(/media/images/expression1.gif) no-repeat; }
#a-expression2 a { background: url(/media/images/expression2.gif) no-repeat; }
#a-expression3 a { background: url(/media/images/expression3.gif) no-repeat; }

#a-expression4 a { background: url(/media/images/expression4.gif) no-repeat; }
#a-expression5 a { background: url(/media/images/expression5.gif) no-repeat; }
#a-expression6 a { background: url(/media/images/expression6.gif) no-repeat; }

.errors { color: red; font-size: 12px; font-weight: bold;}

.errorlist {
    color:red;
    margin: 0;
    padding-top: 20px;
    position: relative;
    bottom: -20px;
}

#signup-form li {
    padding-bottom: 25px;
}

table { text-align: left;}
table td { padding-bottom: 10px; }
strong { color: #90ba52; }

ol li { margin-left: 40px; margin-top: 10px; }