/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
	 (c) 2012. Duzmáth Tamás Graphics Factory Limited Company
	 All rights reserved.
	 Author: Duzmáth Tamás
	 Package: Joomla! 2.5
	 http://www.duzmath-tamas.hu
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

div.blog-featured { padding-top: 30px; }
div.blog-featured p { font: normal 14px/18px 'AllerLightRegular', sans-serif; }

div.blog-featured {width: 680px;}
div.blog {
	font: normal 14px/18px 'AllerLightRegular', sans-serif;
	position: relative; float: left;
	width: 580px; left: 7px;
	padding: 12px 28px 21px 25px;
	/*width: 580px;
	left: 14px;
	padding-top: 30px;*/ }
/*div.blog-featured-sidebar p img,
div.blog-sidebar p img {
	background-color: #FAF8F4; padding: 6px;
	border-radius: 5px; border: 1px solid white; box-shadow: 0px 0px 2px rgba(0,0,0,.5); }*/
div.blog-featured .item-separator { margin-top: 14px; margin-bottom: 0px; }
/* - - - - - - - - - - - -
	Blog Headings
- - - - - - - - - - - - */
div.blog h1, div.blog h1 a,
div.blog-featured h1, div.blog-featured h1 a { font-size: 24px; line-height: 35px; }

div.blog h2, div.blog h2 a,
div.blog-featured h2, div.blog-featured h2 a { font-size: 24px; line-height: 35px; }

div.blog h3, div.blog-featured h3,
div.blog h4, div.blog-featured h4,
div.blog h5, div.blog-featured h5,
div.blog h6, div.blog-featured h6 { font-size: 16px; line-height: 20px; }


/* - - - - - - - - - - - -
	Blog Layout
	for Images
- - - - - - - - - - - - */
div.img-intro-right { float: right; margin: 0 0 4px 14px; }
div.img-intro-left { float: left; margin: 0 14px 4px 0; }
div.img-intro-none {
	position: relative; overflow: hidden;
	float: none; margin: 0 0 14px 0; }
/*div.img-intro-none:hover {
	-webkit-transform: rotate(0deg) scale(1);
       -moz-transform: rotate(0deg) scale(1);
        -ms-transform: rotate(0deg) scale(1);
         -o-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1); }*/

/*div.blog-featured .column-1 div.img-intro-none img,
div.blog-featured .column-2 div.img-intro-none img,
div.blog-featured .column-3 div.img-intro-none img,
div.blog-featured .column-4 div.img-intro-none img {
	border-radius: 116px;
	-webkit-transition: all 0.2s linear;
       -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
         -o-transition: all 0.2s linear;
            transition: all 0.2s linear; }
div.blog-featured .column-1:hover div.img-intro-none img,
div.blog-featured .column-2:hover div.img-intro-none img,
div.blog-featured .column-3:hover div.img-intro-none img,
div.blog-featured .column-4:hover div.img-intro-none img {
	-webkit-transform: rotate(-6deg);
       -moz-transform: rotate(-6deg);
        -ms-transform: rotate(-6deg);
         -o-transform: rotate(-6deg);
            transform: rotate(-6deg); }*/

/* - - - - - - - - - - - -
	Floated Images
	Without Shadow
- - - - - - - - - - - - */
/*div.blog-featured div.img-intro-right img,
div.blog-featured div.img-intro-left img,
div.blog div.img-intro-right img,
div.blog div.img-intro-left img {
	background-color: white; padding: 4px;
	border-radius: 4px; border: 1px solid white; box-shadow: 0px 0px 2px rgba(0,0,0,.4); }*/

div.blog div.img-intro-right img {
	background-color: whitesmoke; padding: 4px;
	border: 1px solid white; box-shadow: 0px 0px 2px rgba(0,0,0,.4); }
/* - - - - - - - - - - - -
	Featured Articles
	Image Shadow Sets
- - - - - - - - - - - - */
/*div.blog-featured .cols-1 div.img-intro-none {
	background: transparent url(../images/image-shadows/1-col/shadow-2.png) no-repeat center bottom;
	padding-bottom: 28px; }
div.blog-featured .cols-1 div.img-intro-none img { border: 6px solid white; box-shadow: 0px 0px 2px rgba(0,0,0,.3); }
div.blog-featured .cols-2 div.img-intro-none {
	background: transparent url(../images/image-shadows/2-col/shadow-15.png) no-repeat center bottom;
	padding-bottom: 14px; }
div.blog-featured .cols-2 div.img-intro-none img { border: 4px solid white; box-shadow: 0px 0px 2px rgba(0,0,0,.3); }
div.blog-featured .cols-3 div.img-intro-none {
	background: transparent url(../images/image-shadows/3-col/shadow-10.png) no-repeat center bottom;
	padding-bottom: 14px; }
div.blog-featured .cols-3 div.img-intro-none img { border: 3px solid white; box-shadow: 0px 0px 2px rgba(0,0,0,.3); }
div.blog-featured .cols-4 div.img-intro-none {
	background: transparent url(../images/image-shadows/4-col/shadow-2.png) no-repeat center bottom;
	padding-bottom: 14px; }
div.blog-featured .cols-4 div.img-intro-none img { border: 3px solid white; box-shadow: 0px 0px 2px rgba(0,0,0,.3); }*/

/* - - - - - - - - - - - -
	Blog Articles
	Image Shadow Sets
- - - - - - - - - - - - */
div.blog .cols-1 div.img-intro-none {
	background: transparent url(../images/image-shadows/1-col/shadow-10.png) no-repeat center bottom;
	padding-bottom: 16px; }
div.blog .cols-1 div.img-intro-none img { border: 1px solid darkgray; }

div.blog .cols-2 div.img-intro-none {
	background: transparent url(../images/image-shadows/2-col/shadow-15.png) no-repeat center bottom;
	padding-bottom: 16px; }
div.blog .cols-2 div.img-intro-none img { border: 4px solid white; box-shadow: 0px 0px 2px rgba(0,0,0,.3); }
div.blog .cols-3 div.img-intro-none {
	background: transparent url(../images/image-shadows/3-col/shadow-13.png) no-repeat center bottom;
	padding-bottom: 16px; }
div.blog .cols-3 div.img-intro-none img { border: 3px solid white; box-shadow: 0px 0px 2px rgba(0,0,0,.3); }
div.blog .cols-4 div.img-intro-none {
	background: transparent url(../images/image-shadows/4-col/shadow-2.png) no-repeat center bottom;
	padding-bottom: 16px; }
div.blog .cols-4 div.img-intro-none img { border: 3px solid white; box-shadow: 0px 0px 2px rgba(0,0,0,.3); }


/* - - - - - - - - - - - - -
	Category description
- - - - - - - - - - - - - */
div.blog div.category-desc,
div.blog div.cat-children { width: 552px; }
div.blog div.cat-children ul li > div.category-desc { padding: 0px; }


/* - - - - - - - - - - - -
	Blog layout
- - - - - - - - - - - - */
.item { display: block; padding: 0 5px 10px 5px; }
.items-leading {
	padding: 0 5px 10px 5px;
	overflow: hidden;
	margin-bottom: 10px }

.items-row { margin-bottom: 10px!important; overflow: hidden; }

.column-1,
.column-2,
.column-3,
.column-4 { padding: 10px 5px; }

.column-2 { width: 55%; margin-left: 40%; }
.column-3 { width: 30%; }

.cols-1 { display: block; float: none!important; margin: 0!important; }
.cols-2 .column-1 { width: 46%; float: left; }
.cols-2 .column-2 { width: 46%; float: right; margin: 0; }
.cols-3 .column-1 { width: 29%; float: left; margin-right: 4%; padding: 0 5px; }
.cols-3 .column-2 { width: 29%; float: left; margin-left: 0; padding: 0px 5px; }
.cols-3 .column-3 { width: 29%; float: right; padding: 0px 5px; }
.cols-4 .column-1 { width: 23%; float: left; }
.cols-4 .column-2 { width: 23%; margin-left: 1%; float: left; }
.cols-4 .column-3 { width: 23%; margin-left: 1%; float: left; }
.cols-4 .column-4 { width: 23%; margin-left: 0; float: right; }