/*
Theme Name: Yousimplicity
Theme URI: http://www.youjoomla.com 
Version: 1.0
Author: youjoomla
Author URI: http://www.youjoomla.com 
*/

/*======================================================================*\
|| #################################################################### ||
|| # Youjoomla LLC
|| # ---------------------------------------------------------------- # ||
|| # Copyright ©2006-2009 Youjoomla LLC. All Rights Reserved.           ||
|| # This file may not be redistributed in whole or significant part. # ||
|| # ---------------- THIS IS NOT FREE SOFTWARE ---------------- #      ||
|| # http://www.youjoomla.com | http://www.youjoomla.com/license.html # ||
|| #################################################################### ||
\*======================================================================*/

@import url("css/layout.css"); /*layout css file*/
@import url("css/menus.css"); /*menu css file*/
@import url("css/typo.css"); /*typo css file*/
body {
	text-align:center; /*center hack*/
	padding:0; 
	margin:0 0 0px 0;
	font-family: “Trebuchet MS”, sans-serif;
	color:#838282;  
	line-height: 120%;
	background-color:#FFFFFF;
}
/* JOOMLA! STYLING
--------------------- */
a:focus {
outline:0px;
}
focus {
outline:0px;
}
h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address{
margin:0.5em 0;
}
ul {
margin: 0px;
padding: 0px;
list-style:none;
}
ul li,ul li:hover {
padding-left:15px;
}
fieldset{
padding:.5em;
}
body a,body a:hover {
cursor: pointer;
}
a:link, a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
h1,.componentheading{
font-size:1.7em;
line-height:1.7em;
}
h2,.contentheading{
font-size:2.5em;
line-height:1.5em;
}
h3{
font-size:1.3em;
line-height:1.3em;
}
h4{
font-size:1.2em;
line-height:1.2em;
}
h5{
font-size:1.1em;
line-height:1.1em;
}
h6{
font-size:1em;
line-height:1em;
font-weight:bold;
}
.small,.createdate,.modifydate,.mosimage_caption,.createby{
text-transform: uppercase;
font: 10px Tahoma, Verdana, "Lucida Sans";
}
.clr{
clear:both;
height:1px;
}
.input{
border:0;
}
.contentdescription img{
padding:5px;
margin:15px;
}

.contentheading,
.contentheading a:link,
.contentheading a:visited{
text-transform: capitalize;
letter-spacing: normal;
font-size:24px;
line-height:24px;
font-weight:normal;
margin:0;
padding:0;
}
.contentheading a:hover {
text-decoration: none;
}
.componentheading{
text-transform: capitalize;
letter-spacing: normal;
font-size:24px;
font-weight:normal;
}
.contentpaneopen{
width:100%;
padding:0 3px;
text-align: left;
}
.contentpane{
width:100%;
}
.contentpaneopen,
.contentpane,
table.blog {
width: 100%;
}
.contentpaneopen {
border-collapse: separate;
border-spacing: 3px;
width: 100%;
}
table.contenttoc {
margin: 0 0 10px 10px;
padding: 0;
width: 30%;
float: right;
}
.toclink{
padding:5px;
display:block;
margin: 2px 0;
}
.article_separator {
display: block;
margin-top: 15px;
height: 20px;
clear: both;
}
.inputbox {
margin-top:5px;
padding:3px;
}
img a,img {
border:0;
padding:0;
}
.contentdescription img{
padding:0 3px;
}
input#search_searchword{
padding:2px;
}
table.searchintro {
padding: 10px 0;
width: 100%;
}
table.searchintro td {
padding: 5px!important;
}
/* buttons
--------------------- */
.button {
padding:1px 3px;
border:none;
margin-top:5px;
}
.back_button {
padding: 0 5px;
}
.readon{
height:21px;
font-weight:bold;
line-height:21px;
padding:0 5px;
display: block;
float: left;
font-size: 10px;
margin-top:5px;
}
a.pagenav,
.pagenav_prev a,
.pagenav_next a,
.pagenavbar a, .back_button a {
height:21px;
text-transform:uppercase;
font-weight:normal;
line-height:21px;
padding:0 5px;
}
/* end buttons*/
table.pollstableborder td.sectiontableentry0,
table.pollstableborder td.sectiontableentry1, 
table.pollstableborder td.sectiontableentry2,
table.pollstableborder tr.sectiontableentry0 td,
table.pollstableborder tr.sectiontableentry1 td,
table.pollstableborder tr.sectiontableentry2 td{
height: 20px;
padding-left: 5px;
text-align:left;
padding-right: 10px;
line-height: 18px;
margin-bottom:5px;
background: none;
border:none;
}
tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td,
td.sectiontableentry0, td.sectiontableentry1,td.sectiontableentry2 {
height: 20px;
padding: 0 10px;
line-height: 29px;
}
table.pollstableborder {
border: none;
padding: 0;
width: 100%;
text-align: left;
}
table.pollstableborder img {
vertical-align: baseline;
}
table.pollstableborder td {
padding:0 5px !important;
}
.sectiontableheader {
padding: 5px;
font-weight: bold;
}
/* default system 
--------------------- */
/* Tooltips */
.tool-tip {
float: left;
background: #ffc;
border: 1px solid #D4D5AA;
padding: 5px;
max-width: 200px;
text-align:left;
}
.tool-title {
padding: 0;
margin: 0;
font-size:12px;
font-weight: bold;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 5px;
text-align:left;
background: url(../../system/images/selector-arrow.png) no-repeat;
}
.tool-text {
font-size:11px;
margin: 0;
text-align:left;
}
/* OpenID icon style */
input.system-openid {
background: url(http://openid.net/login-bg.gif) no-repeat;
background-color: #fff;
background-position: 0 50%;
color: #000;
padding-left: 18px;
}
/* Unpublished */
.system-unpublished {
background: #e8edf1;
border-top: 4px solid #c4d3df;
border-bottom: 4px solid #c4d3df;
}
/* System Messages */
#system-message { margin-bottom: 10px; padding: 0;}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-weight: bold; text-indent: 30px; background-image:none;}
#system-message dd ul {  background-color:#fefeeb; color: #98b505; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 1px solid #98b505; border-bottom: 1px solid #98b505;}

/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message {  }
#system-message dd.message ul li {background-image:none;}


/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error ul { color: #c00; background-color: #fefeeb; border-top: 1px solid #fce292; border-bottom: 1px solid #fce292;}
#system-message dd.error ul li {background-image:none;}

/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul { color: #c00; background: #fefeeb; border-top: 1px solid #fce292; border-bottom: 1px solid #fce292;}
#system-message dd.notice ul li {background-image:none;}

/* Debug */
#system-debug  { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; }
#system-debug div { font-size: 11px;}
/* Form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }
/* Buttons */
#editor-xtd-buttons {
padding: 5px;
}
.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
float: left;
}
.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
display: block;
height: 22px;
float: left;
line-height: 22px;
font-size: 11px;
color: #666;
cursor: pointer;
}
.button2-left span,
.button2-right span {
cursor: default;
color: #999;
}
.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
padding: 0 6px;
}
.page span {
color: #000;
font-weight: bold;
}
.button2-left a:hover,
.button2-right a:hover {
text-decoration: none;
color: #0B55C4;
}
.button2-left a,
.button2-left span {
padding: 0 24px 0 6px;
}
.button2-right a,
.button2-right span {
padding: 0 6px 0 24px;
}
.button2-left {
background: url(../images/j_button2_left.png) no-repeat;
float: left;
margin-left: 5px;
}
.button2-right {
background: url(../images/j_button2_right.png) 100% 0 no-repeat;
float: left;
margin-left: 5px;
}
.button2-left .image {
background: url(../images/j_button2_image.png) 100% 0 no-repeat;
}
.button2-left .readmore {
background: url(../images/j_button2_readmore.png) 100% 0 no-repeat;
}
.button2-left .pagebreak {
background: url(../images/j_button2_pagebreak.png) 100% 0 no-repeat;
}
.button2-left .blank {
background: url(../images/j_button2_blank.png) 100% 0 no-repeat;
}
/* Tooltips */
div.tooltip {
float: left;
background: #ffc;
border: 1px solid #D4D5AA;
padding: 5px;
max-width: 200px;
z-index:13000;
}
div.tooltip h4 {
padding: 0;
margin: 0;
font-size: 95%;
font-weight: bold;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 5px;
background: url(../images/selector-arrow.png) no-repeat;
}
div.tooltip p {
font-size: 90%;
margin: 0;
}
/* Caption fixes */
.img_caption.left {
float: left;
margin-right: 1em;
}
.img_caption.right {
float: right;
margin-left: 1em;
}
.img_caption.left p {
clear: left;
text-align: center;
}
.img_caption.right p {
clear: right;
text-align: center;
}
/* Calendar */
a img.calendar {
width: 16px;
height: 16px;
margin-left: 3px;
background: url(../images/calendar.png) no-repeat;
cursor: pointer;
vertical-align: middle;
}

/*******************************************************
*******************COMMENTS******************************/
.comments {
text-align: left;
}
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;
}
ol.commentlist li {
    width: 100%;
	clear: both;
}
.authcomment {
	border-bottom : 0px;
} 
.authcomment .right{
	background-color: #eee !important;
} 
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;
	display: block;
}
#commentform label{
	margin-bottom : 5px;
	font-family : Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color:#666;
}
#commentform textarea {
	width : 500px;
	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: #eee;
}
input#submit{
	background-color : #d2cece;
	color:#656971;
	padding:5px;
	border:0px;
} 
input#submit:hover {
	background-color: #333;
	color: #fff;
}
/*******************************************************
*******************Defaults******************************/
.navigation {display : block;font-size : 16px;font-weight : bold;text-transform : uppercase;padding:0;height: 27px;}
	.navigation a{color: #fff}
	.alignleft {float : left;text-align : left;}
	.alignright {float : right;text-align : right;}
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;
	clear: both;
}