/*
[Contents]

    0- Global
    1- Links
    2- Headings
    3- Article(For tinymce)
*/

/* =0 Global
---------------------------------------------------------------------------------------------------------------------*/
body {
	color: #555;
	font: 12px/160% "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    background-color: #fff; 
}
.hide {
	display: none;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}

/* Clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: block;
}
/* for IE6 */
* html .clearfix {
	height: 1%;
}
/* for IE7 */
*+html .clearfix {
	zoom:1 !important;
}

/* =1 Links
---------------------------------------------------------------------------------------------------------------------*/
a {
	color: #5678FF;
	/* border-bottom: 1px dotted #5678FF; */
    text-decoration: none;
}
a:hover {
	color: #D54E21;
	border-bottom: 1px dotted #D54E21;
}

/* Button link */
a.button {
	border: 1px solid #BBB;
	font-size: 11px;
	padding: 0 8px;
	text-decoration: none; /* Do rounding */
	border-radius: 11px;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
}
a.button:hover {
	border-color: #666;
}
/* =2 Headings
---------------------------------------------------------------------------------------------------------------------*/
h1 {
	font-size: 120%;
	line-height: 100%;
}
h2 {
	font-size: 110%;
}
h3 {
	font-size: 100%;
}
h4 {
	font-size: 12px;
}
h5 {
	font-size: 10px;
}
h6 {
	font-size: 9px;
}

/* =3 Article(For Tinymce)
---------------------------------------------------------------------------------------------------------------------*/
.header {
	padding-bottom: 10px;
	background-color: #F3F3F3;
}

.header h1 {
    border: medium none;
    color: #808080;
    font-size: 170%;
    font-weight: 400;
    letter-spacing: 2px;
    text-shadow: 1px 1px #565656;
    padding: 10px;
}

.header h3 {
    color: #808080;
    font-size: 120%;
    font-weight: 400;
    padding-left: 10px;
}

.footer {
    font-size: 80%;
    margin-top: 25px;
    padding-left: 10px;
}

.subtitle {
	background-color: #E8E8E8;
    border-bottom: 2px solid #5678FF;
    color: #000;
	padding: 5px 5px 5px 10px;
	font-size: 140%;
}

.items ul {
	padding-bottom: 5px;
}

.items li {
	font-size: 130%;
	border: 1px solid #E5E5E5;
	border-bottom: none;
	padding: 10px 5px 8px 10px;

}

.items li a {
	text-decoration: none;
	border: none;
}

.items .az-title {
	padding: 5px;
	font-size: 110%;
	font-weight: 700;
	border-left: none;
	border-right: none;
}

.li-count {
	background-image: linear-gradient(bottom, rgb(235,235,235) 3%, rgb(255,255,255) 52%);
	background-image: -o-linear-gradient(bottom, rgb(235,235,235) 3%, rgb(255,255,255) 52%);
	background-image: -moz-linear-gradient(bottom, rgb(235,235,235) 3%, rgb(255,255,255) 52%);
	background-image: -webkit-linear-gradient(bottom, rgb(235,235,235) 3%, rgb(255,255,255) 52%);
	background-image: -ms-linear-gradient(bottom, rgb(235,235,235) 3%, rgb(255,255,255) 52%);
    border: 1px solid #F0F0F0;
    border-radius: 15px 15px 15px 15px;
    color: #565656;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 85%;
    padding: 0 8px;
    position: absolute;
    right: 15px;
}

.li-arrow {
    background-color: #A0A0A0;
    border-radius: 15px 15px 15px 15px;
    color: #FFFFFF;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 85%;
    font-weight: 700;
    padding: 1px 6px 1px 7px;
    position: absolute;
    right: 15px;
}

.li-new {
	background-image: linear-gradient(bottom, rgb(255,255,0) 3%, rgb(255,255,201) 52%);
	background-image: -o-linear-gradient(bottom, rgb(255,255,0) 3%, rgb(255,255,201) 52%);
	background-image: -moz-linear-gradient(bottom, rgb(255,255,0) 3%, rgb(255,255,201) 52%);
	background-image: -webkit-linear-gradient(bottom, rgb(255,255,0) 3%, rgb(255,255,201) 52%);
	background-image: -ms-linear-gradient(bottom, rgb(255,255,0) 3%, rgb(255,255,201) 52%);
    border: 1px solid #F0F0F0;
    border-radius: 15px 15px 15px 15px;
    color: #565656;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 85%;
    padding: 0 8px;
    position: absolute;
    right: 50px;
}