/* Headings */
h1, h2, h3, h4, h5, h6 { font-weight: normal; }

h1 { font-size: 36px; line-height: 42px; }
h2 { font-size: 24px; line-height: 30px; }
h3 { font-size: 18px; line-height: 28px; }
h4, h5, h6 { font-size: 16px; line-height: 24px; }


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

#system .title a { color: #616161; }

#system small { color: #969696; }


#system h1.title {
    font-size: 22px;
    margin-top: 0;
}
 

 

/* Item
----------------------------------------------------------------------------------------------------*/



#system .item .full-image  {
margin-bottom: 15px;
}



/* Item Tags in joomla 3.1
----------------------------------------------------------------------------------------------------*/


#tags .label-info, .badge-info {
   background-color: #f9f9f9;
background-image: -webkit-gradient(radial, 50% 100%,0,50% 100%,200, from(rgb(244, 244, 244)), to(rgb(249, 249, 249)));
background-image: -webkit-radial-gradient(50% 100%, rgb(249, 249, 249), rgb(244, 244, 244));
background-image: -moz-radial-gradient(50% 100%, rgb(249, 249, 249), rgb(244, 244, 244));
background-image: -o-radial-gradient(50% 100%, rgb(249, 249, 249), rgb(244, 244, 244));
background-image: -ms-radial-gradient(50% 100%, rgb(249, 249, 249), rgb(244, 244, 244));
background-image: radial-gradient(50% 100%, rgb(249, 249, 249), rgb(244, 244, 244));


    border: medium none;
    border-radius: 3px 3px 3px 3px;
   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 -3px 0 rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.5);
    color: #666666;
    cursor: pointer;
    display: inline-block;
    text-shadow: 0 -1px 0 rgba(255, 251, 251, 0.3);
}

#tags  {
margin: 15px 0;
}


#tags .label, #tags .badge{
padding: 6px 20px;
}

/**********************************/


#hotimage {position: relative;}
#hotimage .itemcategory {
   background: none repeat scroll 0 0 rgba(126, 183, 94, 0.8);
    bottom: 20px;
    color: #FFFFFF;
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
    margin: 0 0 0 -20px;
    padding: 5px 20px;
    position: absolute;
    z-index: 9;
}
#hotimage p.meta{margin: 0; padding: 0;}

#hotimage .itemcategory a {
    color: #FFFFFF;
}


/**********************************/





.isblog #system .item, .noblog #system .item {
    background: none repeat scroll 0 0 #FFFFFF;
      border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    padding: 20px;
}


#system .items .item:first-child {border-width: 1px;}


#system .item > header .meta,
#system .item > header .subtitle { 
	color: #afafaf; 
	font-size: 13px;
}

#system .item > header .meta a { color: #858585; }
#system .item > header .meta a:hover { color: #dd512e; }




/* Items
----------------------------------------------------------------------------------------------------*/


#system .items .item {margin: 10px 5px;}
#system .items {margin: 0 -5px;}
#system .items.gridalicious .item { 
	margin: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}

/* Featured Article
----------------------------------------------------------------------------------------------------*/

#page #system .item .featured-image {
    display: block;
    margin: -20px -20px 10px;
     max-height: 300px;
}

#system .item > header .title {
	margin-bottom: 10px;
	padding-bottom: 20px;
	background: url(../../images/style/stripes-border.png) 0 100% repeat-x; 
}


.isblog #system .items .item:first-child, .noblog #system .items .item:first-child {
 margin-top: 10px;
    padding-top: 15px;
}

.featured-image img {
    width: 100%;
}


/* Pagination
----------------------------------------------------------------------------------------------------*/

#system .pagination { margin-bottom: 10px; }

#system .pagination a,
#system .pagination strong,
#system .pagination a.previous,
#system .pagination a.next { 
	height: 30px;
	width: 30px;
	padding: 0;
	border: 1px solid #e5e5e5; 
	border: 1px solid rgba(0,0,0,0.1); 
	border-radius: 50%;
	overflow: hidden;
	font-size: 16px;
	line-height: 30px;
}

#system .pagination a { color: #969696; }

#page #system .pagination a:active { 
	color: #666; 
	border-color: #666;
}

#system .pagination a.next,
#system .pagination a.previous,
#system .pagination a.first,
#system .pagination a.last { 
	background-position: 50% 0;
	background-repeat: no-repeat; 
	text-indent: -80px;
}

#system .pagination a.next:hover { background-position: 50% -50px; }
#system .pagination a.next:active { background-position: 50% -100px; }

#system .pagination a.previous { background-position: 50% -300px; }
#system .pagination a.previous:hover { background-position: 50% -350px; }
#system .pagination a.previous:active { background-position: 50% -400px; }

#system .pagination a.first { background-position: 50% -450px; }
#system .pagination a.first:hover { background-position: 50% -500px; }
#system .pagination a.first:active { background-position: 50% -550px; }

#system .pagination a.last { background-position: 50% -150px; }
#system .pagination a.last:hover { background-position: 50% -200px; }
#system .pagination a.last:active { background-position: 50% -250px; }

#system .pagination strong { 
	color: #666;
	border-color: #969696; }



/* links
----------------------------------------------------------------------------------------------------*/


#system .item > .links a {
	padding: 6px 20px;
	cursor: pointer;
    display: inline-block;
}