/*------------------------------*
 * Layout design
 *------------------------------*/
body {
	font: 0.8em/1.5 Arial, sans-serif;
    padding-bottom: 20px;
	background-color: #bfbfbf;
	background-image: url("bg.gif")/*tpa=http://mcserep.web.elte.hu/images/design/bg.gif*/;
	background-repeat: repeat-x;
}

#main {
	width: 910px;
	margin: 0 auto;
}

#main > header {
    position: relative;
	height: 100px;
	background-image: url("header.jpg")/*tpa=http://mcserep.web.elte.hu/images/design/header.jpg*/;
	background-repeat: no-repeat;
}

#logo {
	position: absolute;
	top: 30px;
	left: 100px;
	margin: 0;
	font-size: 200%;
	letter-spacing: -1px;
	font-weight: normal;
}
#logo span {
	font-weight: bold;
	color: #02AAFC;
}
#logo a {
    text-decoration: none;
	color: #FFF;
}

#main > nav {
	padding: 0 15px 5px 6px;
	background-color: #D9D9D9;
	background-image: url("nav.gif")/*tpa=http://mcserep.web.elte.hu/images/design/nav.gif*/;
	background-position: 0 100%;
	background-repeat: no-repeat;
}
#main > nav ul {
	margin: 0;
	padding: 0; 
	list-style: none;
	overflow: hidden;
}
#main > nav ul li {
	margin: 0;
	padding: 0;
	display: inline;
}
#main > nav ul li a {
	display: block;
	float: left;
	padding: 12px 15px 12px 14px;
	background-image: url("nav-link.gif")/*tpa=http://mcserep.web.elte.hu/images/design/nav-link.gif*/;
	background-position: 100% 0;
	background-repeat: repeat-y;
	text-decoration: underline;
    color: #555;
}
#main > nav ul li.active a {
	font-weight: bold;
	text-decoration: none;
    color: #000;
}
#main > nav ul li a:hover {	color: #000; }

#user {
    float: right;
    padding-top: 12px;
}
#user span {
    font-weight: bold;
}
#user span span {
    color: #006A9B;
}

#main > footer {
	width: 870px;
	height: 40px;
	padding: 20px 20px 0 20px;
	background-color: #000;
	background-image: url("footer.gif")/*tpa=http://mcserep.web.elte.hu/images/design/footer.gif*/;
	background-repeat: no-repeat;
    color: #999;
}
#main > footer p { margin: 0; }
#main > footer a { color: #999;}
#main > footer a:hover { color: #FFF; }

#cols {
	background-image: url("cols.gif")/*tpa=http://mcserep.web.elte.hu/images/design/cols.gif*/;
	background-repeat: repeat-y;
	background-color: #FFF;
}
#cols-bottom {
	width: 910px;
	height: 12px;
	background-image: url("cols-bottom.gif")/*tpa=http://mcserep.web.elte.hu/images/design/cols-bottom.gif*/;
	background-repeat: no-repeat;
	font-size: 0;
}

#content {
	float: left;
    overflow: hidden;
	width: 655px;
}
#content-title {
	margin: 0;
	padding: 15px 15px 10px 20px;
    background-color: #000;
	background-image: url("content-title.gif")/*tpa=http://mcserep.web.elte.hu/images/design/content-title.gif*/;
	background-repeat: no-repeat;
	font-size: 140%;
	font-weight: normal;
	color: #FFF;
}
#content-title a {
    text-decoration: none;
    color: #FFF;
}
#content-title a:hover {
    text-decoration: underline;
    color: #02AAFC;
}

#content-in {
    padding: 15px 15px 10px 20px;
    text-align: justify;
}

#lead {
	margin-left: 5px;
	padding: 15px;
    background-color: #000;
	background-image: url("lead.gif")/*tpa=http://mcserep.web.elte.hu/images/design/lead.gif*/;
	background-position: 0 100%;
	background-repeat: no-repeat;
	border-top: 1px solid #2A2A2A;
	color: #CCC;
}
#lead p { margin: 0; }
#lead a { color: #CCC; }
#lead a:hover { color: #02AAFC; }

#lead > nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
#lead > nav ul li {
	margin: 0;
	padding: 0;
	display: inline;
}
#lead > nav ul li:after { content: " | " }
#lead > nav ul li:last-child:after { content: "" }

div[class|="section-box"] {
    float: left;
    margin-left: 10px;
    margin-bottom: 10px;
    background-repeat: repeat-y;
}
.section-box-3 {
	width: 200px;
    background-image: url("section-3.gif")/*tpa=http://mcserep.web.elte.hu/images/design/section-3.gif*/;
}
.section-box-2 {
	width: 305px;
    background-image: url("section-2.gif")/*tpa=http://mcserep.web.elte.hu/images/design/section-2.gif*/;
}
.section-box-1 {
	width: 620px;
    background-image: url("section-1.gif")/*tpa=http://mcserep.web.elte.hu/images/design/section-1.gif*/;
}

div[class|="section-box"]:first-child { margin-left: 0; }
div[class|="section-box"] p { margin: 0; }
div[class|="section-box"] h3 {
	margin: 0;
	padding: 10px;
	background-color: #0385C6;
	background-repeat: no-repeat;
	font-size: 100%;
	color: #FFF;
}
.section-box-3 h3 { background-image: url("section-title-3.gif")/*tpa=http://mcserep.web.elte.hu/images/design/section-title-3.gif*/; }
.section-box-2 h3 { background-image: url("section-title-2.gif")/*tpa=http://mcserep.web.elte.hu/images/design/section-title-2.gif*/; }
.section-box-1 h3 { background-image: url("section-title-1.gif")/*tpa=http://mcserep.web.elte.hu/images/design/section-title-1.gif*/; }
div[class|="section-box"] h3 a { color: #FFF; }
div[class|="section-box"] h3 a:hover { color: #000; }

.section-image img { height: 150px; }
.section-box-3 .section-image img { width: 200px; }
.section-box-2 .section-image img { width: 305px; }
.section-box-1 .section-image img { width: 620px; }

.section-bottom {
    height: 7px;
	background-repeat: no-repeat;
	font-size: 0;
}
.section-box-3 .section-bottom {
	width: 200px;
    background-image: url("section-bottom-3.gif")/*tpa=http://mcserep.web.elte.hu/images/design/section-bottom-3.gif*/;
}
.section-box-2 .section-bottom {
	width: 305px;
    background-image: url("section-bottom-2.gif")/*tpa=http://mcserep.web.elte.hu/images/design/section-bottom-2.gif*/;
}
.section-box-1 .section-bottom {
	width: 620px;
    background-image: url("section-bottom-1.gif")/*tpa=http://mcserep.web.elte.hu/images/design/section-bottom-1.gif*/;
}

.section-in {
	margin-bottom: 10px;
	padding: 5px 10px 10px 10px;
	border-bottom: 1px solid #DADADA;
}

#cols > aside {
	float: right;
	width: 255px;
	overflow: hidden;
}
#cols > aside .title:first-child {
	margin: 0;
	padding: 15px 15px 10px 15px;
    background-color: #000;
	background-image: url("aside-title.gif")/*tpa=http://mcserep.web.elte.hu/images/design/aside-title.gif*/;
	background-repeat: no-repeat;
	font-size: 140%;
	font-weight: normal;
	color: #FFF;
}
#cols > aside .title {
	margin: 0 5px 0 0;
	padding: 10px 15px;
    background-color: #000;
	background-image: url("aside-title-02.gif")/*tpa=http://mcserep.web.elte.hu/images/design/aside-title-02.gif*/;
	background-repeat: repeat-x;
	font-size: 100%;
	color: #FFF;
}
#cols > aside .title:first-child > * {
    font-weight: normal;
}
#cols > aside .title > * {
    margin: 0;
	padding: 0;
    display: inline;
    font-size: 100%;
	color: #FFF;
}
#cols > aside .title .icon {
    height: 20px;
    float: right;
    margin-top: 4px;
}
#cols > aside .aside-in { padding: 10px 10px 15px 10px; }
#cols > aside .aside-box {
	padding: 10px;
	background-image: url("aside-box.jpg")/*tpa=http://mcserep.web.elte.hu/images/design/aside-box.jpg*/;
	background-repeat: no-repeat;
}   

#news, #news dd { margin: 0; }
#news dt {
	clear: both;
	padding-left: 18px;
	background-image: url("ico-list.gif")/*tpa=http://mcserep.web.elte.hu/images/design/ico-list.gif*/;
	background-position: 0 2px;
	background-repeat: no-repeat;
}
#news dt.sticky {
	background-image: url("ico-list-sticky.gif")/*tpa=http://mcserep.web.elte.hu/images/design/ico-list-sticky.gif*/;
}
#news dt.sticky a:hover { color: #FC4F03; } 
#news dd {
	margin: 7px 0 10px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #CACACA;
	color: #555;
}
#news dd span.date {
	padding-right: 10px;
	background-image: url("date.gif")/*tpa=http://mcserep.web.elte.hu/images/design/date.gif*/;
	background-position: 100% 50%;
	background-repeat: no-repeat;
	font-size: 85%;
	font-weight: bold;
	color: #0288CA;
}
#news dd.sticky span.date { color: #FD3707; } 

/*------------------------------*
 * Universal styles
 *------------------------------*/

h1, h2, h3, h4, h5, h6 {
    margin: 15px 0 10px 0;
    font-weight: bold;
}
h1 { font-size: 180%; }
h2 { font-size: 160%; }
h3 { font-size: 140%; }
h4 { font-size: 120%; }
h5 { font-size: 100%; }

p, table, ul, ol, dl, fieldset { margin: 15px 0; }

table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 100%;
}
th {
    text-align: center;
    font-weight: bold;
}
th, td { padding: 3px 7px; }

ul, ol { margin-left: 1.5em; }
ul ul, ol ol {
    margin: 0;
    margin-left: 1em;
}
ul.real {
    list-style-type: disc;
    margin-left: 2.8em;
}
ol.real {
    list-style-type: decimal;
    margin-left: 2.8em;
}
li { display: list-item; }

dt { font-weight: bold; }
dd { margin-left: 30px; }

fieldset {
    position: relative;
    padding: 10px;
}
legend {
    position: absolute;
    top: -1em;
    margin: 0;
    padding: 5px 10px;
    font-size: 100%;
    font-weight: bold;
}

sup { 
    vertical-align: super;
    font-size: smaller;
}
sub { 
    vertical-align: sub;
    font-size: smaller;
}

a { color: #000; }
a:hover {color: #02AAFC; }   

b, .bold { font-weight: bold; }
i, .italic { font-style: italic; }
u, .underline { text-decoration: underline; }
em, .em { font-weight: bold; }
strong, .strong {
   font-weight: bold;
   font-style: italic;
}
var, code, kdb, .code {
    font-family: monospace;
    font-size: larger;
}
var { font-weight: bold; }
.large { font-size: larger; }
.indent { margin-left: 1.5em; }

.box { min-height: 1px; }
.box:after {
    display: block;
    visibility: hidden;
    clear: both;
    line-height: 0;
    font-size: 0;
    content: ".";
}

.f-left { float: left !important; }
.f-right { float: right !important; }
img.f-left {
    float: left;
    margin-right: 10px;
}
img.f-right {
    float: right;
    margin-left: 10px;
}
.clear { clear: both; }

.t-left { text-align: left !important; }
.t-center { text-align: center !important; }
.t-right { text-align: right !important; }
.t-justify { text-align: justify !important; }

.nom { margin: 0 !important; }
.nomt { margin-top: 0 !important; }
.nomb { margin-bottom: 0 !important; }

.nob { border: 0 !important; }

.noscreen { display: none; }

/*------------------------------*
 * General styles
 *------------------------------*/

table.style-01 {
    width: 100%;
    border: 1px solid #CCC;
}
table.style-01 th {
    text-align: center;
    border-right: 1px solid #CCC;
    background: #EFEFEF;
    color: #0288CA;
}
table.style-01 td { border: 1px solid #DDD;} 
table.style-01 tr.bg td { background: #F5F5F5; }

ul.style-01 {
    margin: 15px 0 15px 20px;
    padding: 0;
    list-style: none;
}
ul.style-01 > li {
    margin: 0;
    padding: 0;
    padding-left: 15px;
    background-image: url("ul-style01.gif")/*tpa=http://mcserep.web.elte.hu/images/design/ul-style01.gif*/;
    background-position: 0 5px;
    background-repeat: no-repeat;
} 
ul.style-01 ul, ul.style-01 ol {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.style-01 ul > li {
	padding-left: 15px;
    background-image: url("ul-style01-sub.gif")/*tpa=http://mcserep.web.elte.hu/images/design/ul-style01-sub.gif*/;
    background-position: 0 5px;
    background-repeat: no-repeat;
}

ol.style-01 {
    counter-reset: ol-style-01-counter;
    list-style-type: none;
}
ol.style-01 > li:before {
    content: counter(ol-style-01-counter, decimal) ")";
    counter-increment: ol-style-01-counter;
    margin-right: 0.7em;
    font-weight: bold;
}
ol.style-01 > li.break {
    margin-top: 5px;
    margin-bottom: 5px;
}
ol.style-01 > li.break:before {
    content: normal;
    counter-increment: none;
}
ol.style-01 ul {
    margin: 0;
    margin-left: 25px;
    padding: 0;
    list-style: none;
}
ol.style-01 ul > li {
    margin: 0;
    padding: 0;
    padding-left: 15px;
    background-image: url("ul-style01-sub.gif")/*tpa=http://mcserep.web.elte.hu/images/design/ul-style01-sub.gif*/;
    background-position: 0 5px;
    background-repeat: no-repeat;
}

article.style-01 section > h4 { margin-bottom: 0; }
article.style-01 section > p,
article.style-01 section > ul,
article.style-01 section > ol {
    margin-top: 0;
}
article.style-01 section > p { margin-left: 1.5em; }

article.style-02 section > h4 { margin-bottom: 0; }
article.style-02 section > p,
article.style-02 section > ul,
article.style-02 section > ol {
    margin-top: 0;
}
article.style-02 section > p { margin-left: 1.5em; }

/*------------------------------*
 * Yii styles
 *------------------------------*/

div.view {
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #C9E0ED;
}
div.view .sticky { color: red; }