/**
 * Stylesheet for the club homepage.
 */

.clubWrapper #joinSplash {
	left: -10px;
}

#mypres {
	margin: 0 10px;
}

.presentation {
	margin-top: 20px;
}

.loggedOut .presentation {
	margin-top: 35px;
}

div.clubWrapper {
	background:transparent url('../../../i/club/corner_bg.png?5739') no-repeat 5px 0;
}
div.clubWrapper div.clubHeader {
	padding-left:22px;
	padding-top:7px;

}
div.clubWrapper div.clubHeader img.logo { margin-top:10px; margin-right:2px; float:left; border:1px solid #D5DADD; }
div.clubWrapper div.clubHeader ul.lowerNav { background:none; margin-left:34px; margin-bottom: 0;}
div.clubWrapper div.clubHeader div.flowingSection { border:none; }
div.clubWrapper div.headerAlign { padding-left:15px; }

div.clubInfo {
	background-color: #f2f2f2;
	padding: 10px 60px 10px 10px;
	position: relative;
	margin-bottom: 20px;
	height: 45px; /* define height to make sure content below is aligned properly */
}

div.clubInfo .rightHeaderElement {
	position: absolute;
	right: 10px;
	top: 10px;
}

div.owner {
	margin-bottom: 20px;
}

dl.recent p.link { text-align:right; margin-top:-15px; }

/**
 * Element class selectors, i.e. "dl.clubInfo"
 */
dl.clubInfo dt,
	dl.clubInfo dd {
	min-height: 17px;
	height: auto !important;
	height: 17px;
}

div.presentation .logo {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

/* Scenario when logo can be edited */
div.presentation a.logo img {
	margin: 0;
	float: none;
}

ul.comicList li.gridColumn {
	width:190px !important; margin-left:0 !important; /* Override base.css */
	padding:5px 5px 15px 10px;
	border-right:1px solid #ccc;
	height: 70px;
}
ul.comicList li.gridColumn div.avatar { margin-right:10px;}
ul.comicList li.last { border-right:none; }
ul.comicList li div { color:#000; float:left; }
ul.comicList li span.date { font-size:10px;; }
ul.comicList li a.label { font-size:12px; font-weight:bold; }
ul.comicList li p.metadata a.user { display:block; font-size:10px; }
ul.comicList li.gridColumn p {overflow: hidden}

div.clubSceneries ul.pagination li.blockHover { background-color:transparent; }

.emoticon {
	display: inline-block;
	background: transparent url('../../../i/sprite/smileys_32.png?5739') no-repeat -30px 0;
	vertical-align: middle;
	padding-left: 26px;
	height: 17px;
	line-height: 17px;
	margin-top: -2px;
}

.emo-starstruck 	{background-position: 0 -5px}
.emo-irritated 	{background-position: 0 -21px}
.emo-stress 		{background-position: 0 -38px}
.emo-angel 		{background-position: 0 -55px}
.emo-devil 		{background-position: 0 -73px}
.emo-cry 		{background-position: 0 -92px}
.emo-unhappy 	{background-position: 0 -111px}
.emo-happy 		{background-position: 0 -127px}
.emo-bleh 		{background-position: 0 -144px}
.emo-love 		{background-position: 0 -161px}
.emo-blush 		{background-position: 0 -178px}
.emo-shocked 	{background-position: 0 -194px}
.emo-clown 		{background-position: 0 -211px}
.emo-fear 		{background-position: 0 -227px}
.emo-grr 		{background-position: 0 -243px}
.emo-sweat 		{background-position: 0 -260px}
.emo-shiftyeyes  {background-position: 0 -278px}
.emo-joy 		{background-position: 0 -294px}
.emo-animallove 	{background-position: 0 -312px}
.emo-skull 		{background-position: 0 -329px}
.emo-shades		{background-position: 0 -345px}

/* Sceneries */
.sceneryFlash { padding-left:10px; }