/*
Theme Name: YouQuilium
Theme URI: http://www.youjoomla.com 
Version: 1.0
Author: youjoomla
Author URI: http://www.youjoomla.com 
*/
/* Comments */
/* news item holder*/
.yjnewsflash{
display:block;
margin:0px 0px 5px 0px !important;
overflow:hidden; 
padding:4px 0px !important;
border-bottom:1px solid #efefef;
font-size:12px;
height:1% !important;
width:100%;
}
/* image style*/
.yjnewsflash img{
padding:3px;
margin:0px 3px 0px 0px;
border:1px solid #ccc;
background:#efefef;
}
.nfimgpos{
text-align:center;
margin:3px;
padding:0;
}
/* description */
.yjnf_descr{
padding:0 5px;
margin:0;
}
/* create date */
.yjnewsflash_date{
display:block;
width:80px;
float:left;
text-align:left;
clear:left;
font-size: 9px;
line-height:13px;
font-style: normal;
font-weight: bold;
}

/* div class read more */
.yjnsreadon{
display:block;
height:20px;
padding:0px;
float:right;
clear:right;
text-align:center;
font-size: 11px;
margin-bottom:5px;
}
/* a class read more */
.yjns_rm{
display:block;
border:1px solid #efefef;
height:20px;
padding:0 5px;
}
/* title class*/
.yjnewsflash_title{
font: bold normal 13px/13px Arial, Helvetica, sans-serif;
margin:5px 0;
}
/* holder module class */
.yjsquare_yjnf3 .yjsquare_in,
.yjsquare_yjnf3,.module_yjnf3,
.moduletable_yjnf3{
margin:0px 0 0px 0;
padding:0;
clear:both;
overflow:hidden;
}
h3#comments,h3#respond {
	color : #656971;
	margin-left:5px;
	margin-bottom: 20px;
}
h3#respond{
	padding-top:10px;
}
ol.commentlist .left{
	width: 15%;
	float: left;
}
ol.commentlist .right{
	width: 80%;
	float: left;
	margin-bottom: 20px;
	padding: 0 10px;
}
#auth{
	padding:10px 10px;
}
.avatar {
	padding : 3px;
	border : 1px solid #ccc;
	margin:0 5px 5px 0;
	float: left;
}
ol.commentlist {
	list-style-type : none;
	margin-bottom: 20px;
}
.commentlist li {
	list-style-type : none;
    width: 99%;
}
#authcomment {
	background: #DFDFDF;
	border-bottom : 0px;
} 
small.commentmetadata{
	padding-bottom: 5px;
	float: right;
}
span.comauth{
	margin-bottom : 12px;
	font-family : Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color:#666;
}
#comment_title {
	margin-bottom : 5px;
}
#commentform {
	margin-bottom : 50px;
	margin-left : 10px;
}
#commentform label{
	margin-bottom : 5px;
	font-family : Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color:#666;
}
#commentform textarea {
	width : 95%;
	padding : 5px;
	font-size : 12px;
	background-color : #fff;
	border : 1px solid #d2cece;
	border-top-color :  #8F8F8F;
	border-left-color :  #8F8F8F;
	margin:5px 0px;
}
input#author,input#email,input#url {
	width : 300px;
	padding : 5px;
	font-size : 12px;
	background-color : #fff;
	border : 1px solid #d2cece;
	border-top-color :  #8F8F8F;
	border-left-color :  #8F8F8F;
	margin:0;
}
input#author:hover,input#email:hover,input#url:hover,#commentform textarea:hover {
	background-color: #fff;
}
input#submit{
	background-color : #d2cece;
	color:#656971;
	padding:5px;
	border:0px;
} 
input#submit:hover {
	background-color: #333;
	color: #fff;
}
.navigation {display : block;line-height: 36px;}
	.alignleft {float : left;text-align : left;padding: 2px;}
	.alignright {float : right;text-align : right;padding: 2px;}
.search input {
	background:transparent;
	border:0;
}
.search #s {
	width:125px;
	background:transparent;
	border:0;
	margin:5px 0 0 50px;
	color:#635C53
}
/* Defaults*/
a img{border:0px;}
img.alignright {
	float:right;
	margin:0 0 1em 1em
}
img.alignleft {
	float:left; 
	margin:0 1em 1em 0
}
img.aligncenter {
	display: block;
	margin-left: auto; 
	margin-right: auto
}
a img.alignright {
	float:right; 
	margin:0 0 1em 1em
}
a img.alignleft {
	float:left; 
	margin:0 1em 1em 0
}
a img.aligncenter {
	display: block; 
	margin-left: auto; 
	margin-right: auto
}
blockquote {
    font-style:italic;
    font-size:13px;
    padding: 15px;
}
blockquote em, blockquote cite, blockquote i {
    font-style:normal;
}
input, textarea {
    font-family:Georgia, serif;
}
.caps {
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:1px;
}
.important {
    font-weight:bold;
}
table {
	margin-bottom: 10px;
}
table,th,tr,td {
	border: 1px #ccc solid;
	padding: 5px;
}
caption {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
}
th {
	background: #eee;
}
tr:hover {
	background: #eee;
}
td:hover {
	background: #ccc;
}
hr {
	display: none;
}

