/**
 * @fileoverview:   39CLUES cahill web base styles
 * @author:         Carlos Porto
 * @company:        Schematic
**/


/* LAYOUT
------------------------------------------------ */
body {
	padding: 0 0 95px;
}

#frame {
	width: 900px;
	margin: 0 auto;
	position: relative;
}


/* TYPOGRAPHY
------------------------------------------------ */
h1, h2, h3, h4,
.subHeading {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #0c2633;
}

.subHeading {
	font-size: 1.2em;
}

#columnSide h2 {
	font-size: 1.3em;
}

/* cahill landing
------------------------------------------------ */
#frame {
	background: url(../../img/global/frame_sides_gray.png) repeat-y center 0;
}

#frame.cahill.articles {
	background: url(../../img/global/frame_sides.png) repeat-y center 0;
}

/* HEADERS
------------------------------------------------ */
.cahill h2.branch{
	position: relative;
	width: 900px;
	height: 180px;
	line-height: 180px;
	text-align: center;
}

.cahill h2.branch span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 900px;
	height: 180px;
	background: url(../../img/cahillweb/hdr_cahill.jpg) no-repeat center bottom;
}

.cahill.articles h2.branch span {
	background: url(../../img/cahillweb/hdr_cahill_article.jpg) no-repeat center bottom;
}

.articles.janus h2.branch span { background-image: url(../../img/cahillweb/hdr_janus_article.jpg); }
.articles.ekat h2.branch span {	background-image: url(../../img/cahillweb/hdr_ekat_article.jpg); }
.articles.lucian h2.branch span { background-image: url(../../img/cahillweb/hdr_lucian_article.jpg); }
.articles.tomas h2.branch span { background-image: url(../../img/cahillweb/hdr_tomas_article.jpg); }

.archive.janus h2.branch span { background-image: url(../../img/cahillweb/hdr_janus_archive.jpg); }
.archive.ekaterina h2.branch span {	background-image: url(../../img/cahillweb/hdr_ekat_archive.jpg); }
.archive.lucian h2.branch span { background-image: url(../../img/cahillweb/hdr_lucian_archive.jpg); }
.archive.tomas h2.branch span { background-image: url(../../img/cahillweb/hdr_tomas_archive.jpg); }

.cahill.search h2.branch span {  background-image: url(../../img/cahillweb/hdr_search.jpg); }

/* BRANCH Headers
------------------------------------------------ */

h2#ekat.branch span {
	background: #000 url(../../img/cahillweb/hdr_ekat.jpg) no-repeat center bottom;
}
h2#janus.branch span {
	background: #000 url(../../img/cahillweb/hdr_janus.jpg) no-repeat center bottom;
}
h2#tomas.branch span {
	background: #000 url(../../img/cahillweb/hdr_tomas.jpg) no-repeat center bottom;
}
h2#lucian.branch span {
	background: #000 url(../../img/cahillweb/hdr_lucian.jpg) no-repeat center bottom;
}

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

#btnSearch{
	position: absolute;
	top: 167px;
	right: 60px;
	z-index: 15;
	width: 142px;
	height: 39px;
}

#btnSearch a,
#btnSearch a span{
	display: block;
	width: 142px;
	height: 39px;
}

#btnSearch a span{
	background-image: url(../../img/cahillweb/btn_search.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
}


#btnSearch a:hover span{
	background-position: 0 -39px;
	cursor: pointer;
}

.ekaterina #btnSearch a span{
	background-image: url(../../img/cahillweb/search/btn_search_ekat.png);
}

.janus #btnSearch a span{
	background-image: url(../../img/cahillweb/search/btn_search_janus.png);
}

.tomas #btnSearch a span{
	background-image: url(../../img/cahillweb/search/btn_search_tomas.png);
}

.lucian #btnSearch a span{
	background-image: url(../../img/cahillweb/search/btn_search_lucian.png);
}

/* Button Back
------------------------------------------------ */

#btnBack {
	position: absolute;
	top: 65px;
	right: 60px;
	z-index: 15;
	width: 204px;
	height: 50px;
}

#btnBack a,
#btnBack a span{
	display: block;
	width: 204px;
	height: 50px;
	line-height: 50px;
	text-indent: 20px;
}

#btnBack a span{
	background-image: url(../../img/cahillweb/btn_back_cahillweb.png);
	background-repeat: no-repeat;
	background-position: 0 -50px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
}

#btnBack a:hover span{
	background-position: 0 0;
	cursor: pointer;
}

/* BUTTON ALL
------------------------------------------------ */

.btnAll a {
	display: block;
	margin: 20px;
	padding-right: 30px;
	background-repeat: no-repeat;
	background-position: right -60px;
	height: 30px;
	line-height: 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	position: relative;
	text-indent: 50px;
	text-decoration: none;
	float: left;
}

.btnAll a span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	background:  no-repeat 0 0;
	height: 30px;
	width: 40px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.ekaterina .btnAll a, .ekaterina .btnAll a span { background-image: url(../../img/cahillweb/btn_all_ekaterina.png); }
.janus .btnAll a, .janus .btnAll a span { background-image: url(../../img/cahillweb/btn_all_janus.png); }
.lucian .btnAll a, .lucian .btnAll a span { background-image: url(../../img/cahillweb/btn_all_lucian.png); }
.tomas .btnAll a, .tomas .btnAll a span { background-image: url(../../img/cahillweb/btn_all_tomas.png); }

.btnAll a:hover {
	background-position: right -90px;
	color: #000;
}

.btnAll a:hover span {
	background-position: 0 -30px;
}

/* CAHILL LAYOUT
------------------------------------------------ */
.cahill #contentC{
	background: url(../../img/global/frame_bottom.png) no-repeat center bottom;
	width: 846px;
	padding: 26px 0 9px 0;
	margin: 0 auto;
	color: #000;
	overflow: hidden;
}

.cahill #columnMain {
	background: url(../../img/cahillweb/bg_column_border.png) no-repeat right center;
	width: 564px;
	padding: 10px 10px 50px;
	float: left;
}

.cahill #columnSide {
	width: 231px;
	padding: 40px 10px;
	float: left;
}

.cahill #columnMain h1,
.cahill #columnMain .subHeading {
margin-left: 40px
}

.tout {
	margin: 0 auto 20px;
	display: block;
}

#footer {margin-top:10px;}

/* BRANCH LINKS
------------------------------------------------ */
#branchLinks {
	margin: 20px 0;
}
#branchLinks li{
	position: relative;
	text-align: center;
}

#branchLinks li,
#branchLinks a,
#branchLinks a span{
	display: block;
	width:232px;
	height: 205px;
}

#branchLinks a span{
	background-image: url(../../img/cahillweb/bg_branch_links.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
}
#branchLinks a:hover span{
	background-position: -233px 0;
	border: 0;
}

	#branchLinks #linkEkaterina a span{
		background-position: 0 -205px;

	}
	#branchLinks #linkEkaterina a:hover span{
		background-position: -233px -205px;
	}

	#branchLinks #linkLucian a span{
		background-position: 0 -410px;

	}
	#branchLinks #linkLucian a:hover span{
		background-position: -233px -410px;
	}

	#branchLinks #linkTomas a span{
		background-position: 0 -615px;

	}
	#branchLinks #linkTomas a:hover span{
		background-position: -233px -615px;
	}

/* posts
------------------------------------------------ */
.posting {
	clear: both;
	position: relative;
	background: url(../../img/cahillweb/rule.png) no-repeat bottom center;
	padding: 30px 35px 30px 100px;
}

.posting h2 a {
	color: #045270;
}

.posting p {
	background: #fff;
}

.postIcons {
	position: absolute;
	top: 30px;
	left: 35px;
}

.sidePosts {
	clear: both;
	position: relative;
	background: url(../../img/cahillweb/rule_sidepost.png) no-repeat bottom center;
	padding: 30px 25px 30px 0px;
}

.sidePosts h2,
.sidePosts p {
	margin-left: 65px;
}

.sidePosts p {
	background: #fff;
}

.sidePosts p:after {
content: " ...";
}

.sidePosts h2 a {
	color: #045270;
}

.sidePosts .postIcons {
	position: absolute;
	top: 30px;
	left: 15px;
}

/* SEARCH
------------------------------------------------ */

.search .columns {
	width: 158px;
	float: left;
	margin-left: 20px;
}

.search .columns dl {
	padding-left: 15px;
	margin: 20px 0;
	border-left: solid 1px #e3e3e3;
	background: #fff;
}

.search .columns dt {
	height: 30px;
	position: relative;
	display: block;
	text-indent: 2px;
	font-weight: bold;
}
.search .columns dt span{
	display: block;
	height: 30px;
	width: 50px;
	position: absolute;
	z-index: 20;
	top: 0;
	left: 0;
	background: url(../../img/cahillweb/search/alpha.png) no-repeat 0 0;
}
/* heading positions */
	.search .columns .a span{ background-position: 0 1px; }
	.search .columns .b span{ background-position: 0 -30px; }
	.search .columns .c span{ background-position: 0 -60px; }
	.search .columns .d span{ background-position: 0 -90px; }
	.search .columns .e span{ background-position: 0 -120px; }
	.search .columns .f span{ background-position: 0 -150px; }
	.search .columns .g span{ background-position: 0 -180px; }
	.search .columns .h span{ background-position: 0 -210px; }
	.search .columns .i span{ background-position: 0 -240px; }
	.search .columns .j span{ background-position: 0 -270px; }
	.search .columns .l span{ background-position: 0 -300px; }
	.search .columns .m span{ background-position: 0 -330px; }
	.search .columns .n span{ background-position: 0 -360px; }
	.search .columns .o span{ background-position: 0 -390px; }
	.search .columns .p span{ background-position: 0 -420px; }
	.search .columns .r span{ background-position: 0 -450px; }
	.search .columns .s span{ background-position: 0 -480px; }
	.search .columns .t span{ background-position: 0 -510px; }
	.search .columns .v span{ background-position: 0 -540px; }
	.search .columns .w span{ background-position: 0 -570px; }
/* these are added for a complete alphabet in case they are needed, they are out of order */
	.search .columns .k span{ background-position: 0 -600px; }
	.search .columns .q span{ background-position: 0 -630px; }
	.search .columns .u span{ background-position: 0 -660px; }
	.search .columns .x span{ background-position: 0 -690px; }
	.search .columns .y span{ background-position: 0 -720px; }
	.search .columns .z span{ background-position: 0 -750px; }


.search .columns dd {
	margin: 5px 0;
}

.search .columns dd a {
	color: #0c2633;
	text-decoration: none;
}

.search .columns dd a:hover {
	color: #006e95;
}

/* PAGINATION
------------------------------------------------ */
.pagination {
	overflow: hidden;
	margin: 10px;
}

.pagination li {
	float: left;
	margin: 0 5px;
}

.pagination a {
	color: #0c2633;
	text-decoration: none;
}

.pagination a:hover {
	color: #006e95;
}

.pagination .prev a,
.pagination .next a {
	display: block;
	width: 16px;
	height: 15px;
	position: relative;
}

.pagination .prev a span,
.pagination .next a span {
	display: block;
	width: 16px;
	height: 15px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

.pagination .prev a span { background: url(../../img/cahillweb/btn_pagination.png) no-repeat 0 0; }
.pagination .prev a:hover span { background-position: 0 -15px; }
.pagination .next a span { background: url(../../img/cahillweb/btn_pagination.png) no-repeat -16px 0; }
.pagination .next a:hover span { background-position: -16px -15px; }


/*  FLASH STYLES
------------------------------------------------ */
#flashHost {
        font-size: 2.4em;
}

#flashHost div.getFlashPrompt {
        margin-top: 20px;
	margin-bottom: 20px;
}

#flashHost div.getFlashPrompt p {
	text-align: center;
	font-size: 0.5em;
	width: 60%;
	margin: 0 auto;
}

#flashHost div.getFlashPrompt p img {
	display: block;
	margin: 10px auto 0;
}