/*
Theme Name: Matatag
Theme URI: http://www.paddsolutions.com/wordpress-theme-matatag 
Description: Matatag WordPress theme is a two-column, fixed-width and widget-ready Wordpress theme with featured content gallery included by <a href="http://www.paddsolutions.com">Padd Solutions</a>.
Version: 1.0
Author: Padd Solutions
Author URI: http://www.paddsolutions.com
Tags: two columns, fixed width, adsense ready, advertisement ready, valid css, valid xhtml, featured content gallery

The CSS, XHTML and design is released under Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported:
http://creativecommons.org/licenses/by-nc-sa/3.0/
*/

#entradas_rel li {list-style-image:none; color:#293e51; font-weight:bold; }
#entradas_rel li a{color:#293e51; text-decoration:none; }
#entradas_rel li a:hover{color: #CC3300; text-decoration:none; }
#entradas_rel h2{color: #CC3300; font-size:1.4em; }

/************************************************/
/*** Colors : Core : Start **********************/
/************************************************/

body { background: #c1c1c1 none; color: #666; }
a:link, a:visited { color: #00528f; }
a:hover { color: #00528f; }

/************************************************/
/*** Colors : Core : End ************************/
/************************************************/


/************************************************/
/*** Colors : Header : Start ********************/
/************************************************/

div#topside { background: transparent url('images/background-topside.gif') center top repeat-x; border-bottom-color: #4a4a4a; }
div#rsstwitter a, div#rsstwitter a:visited { color: #5e839f; }
a#rss { background: transparent url('images/background-rss.gif') left center no-repeat; }
a#twitter { background: transparent url('images/background-twitter.gif') left center no-repeat; }

div#title { background: #293e51 none; border-bottom-color: #d6d6d6;}
div#title-wrapper { background: transparent url('images/background-title.jpg') left top no-repeat; }
div#sitename h1 { background: transparent url('images/background-sitename.jpg') left top no-repeat; }

div#search { background: transparent url('images/background-search.gif') left top no-repeat; }
div#search form p input {  color: #9a9a9a; }

/************************************************/
/*** Colors : Header : End **********************/
/************************************************/


/************************************************/
/*** Colors : Body : Start **********************/
/************************************************/

div#wrapper { border-top-color: #fcfcfc; border-bottom-color: #fcfcfc; background: #fff none; }
div#wrapper-wrapper { background: #fff url('images/background-wrapper-wrapper.gif') 613px top repeat-y; }
div#sidebar { }

/************************************************/
/*** Colors : Body : End ************************/
/************************************************/


/************************************************/
/*** Colors : Blog Entry : Start ****************/
/************************************************/

h2.pagetitle { color: #666; border-color: #e7e7e7; background: transparent url('images/background-latestnews.gif') left top repeat-x; }

div.postgroup { border-top-color: #b1c7e2; }
div.post { }
div.post div.title h2 { color: #00528f; background: transparent url('images/background-post-title.gif') left bottom repeat-x; }
div.post div.title h2 a, div.post div.title h2 a:visited { color: #00528f; }
div.post div.title p { color: #aeaeae; background: #fff url('images/background-post-meta.gif') left top repeat-x; border-bottom-color: #b1c7e2; }
div.post div.title p a, div.post div.title p a:visited { color: #aeaeae; }
div.post div.title p span.date { background: transparent url('images/background-post-date.gif') left center no-repeat; }
div.post div.title p span.comments { background: transparent url('images/background-post-comments.gif') left center no-repeat; }
div.post div.title p span.categories { background: transparent url('images/background-post-categories.gif') left center no-repeat; }
div.post div.title p span.author { background: transparent url('images/background-post-author.gif') left center no-repeat; }
div.singlepost { border-top-color: #b1c7e2; }
div.post div.entry blockquote { background: transparent url('images/background-blockquote.gif') left top no-repeat;  }


/************************************************/
/*** Colors : Blog Entry : End ******************/
/************************************************/


/************************************************/
/*** Colors : Comments : Start **************/
/************************************************/

div#comments h2, div#postcomment h2 { color: #00528f; background: transparent url('images/background-post-title.gif') left bottom repeat-x; }
div#comments p, div#postcomment p { color: #aeaeae; }
div#comments p a, div#comments p a:visited { color: #aeaeae; }

ol.commentlist li.commentlist img.avatar { border-color: #c1c1c1; }

form#commentform { border-color: #b1c7e2; background: #fff url('images/background-post-meta.gif') left 1px repeat-x;}
form#commentform p.input span { background: transparent url('images/background-input.gif') left top no-repeat; }
form#commentform p.input span input { background: transparent none; }
form#commentform p.textarea span { background: transparent url('images/background-textarea.gif') left top no-repeat; }
textarea#comment { background: transparent none; }
 
/************************************************/
/*** Colors : Comments : End ********************/
/************************************************/


/************************************************/
/*** Colors : Sidebar : Start *******************/
/************************************************/

div.box h2 { color: #666; background: transparent url('images/background-post-title.gif') left bottom repeat-x; }
div.box div.interior ul li a, div.box div.interior ul li a:visited { background: transparent url('images/background-post-title.gif') left bottom repeat-x; }

div#box-newsletter div.interior { background: transparent url('images/background-feedburner.jpg') left 10px no-repeat; }
div#box-newsletter div.interior span { background: transparent url('images/background-input.gif') left top no-repeat; }
div#box-newsletter div.interior span input { background: transparent none; color: #9a9a9a; }
table#wp-calendar { color: #999; }

/************************************************/
/*** Colors : Sidebar : End *********************/
/************************************************/



/************************************************/
/*** Colors : Ankle : Start *********************/
/************************************************/

div#ankle { background: #293e51 url('images/background-ankle.jpg') center top no-repeat; text-align:justify;}
div#ankle div.box h2 { color: #E1771E; background: transparent url('images/background-ankle-header.gif') left bottom repeat-x; }
div#ankle div.box div.interior ul li a, div#ankle div.box div.interior ul li a:visited { color: #FFF; background: transparent url('images/background-ankle-list-item.gif') left bottom repeat-x; text-align:justify; }
div#ankle div.box-tags div.interior a, div#ankle div.box-tags div.interior a:visited { color: #FFF; text-align:justify;}

div#ankle div.box div.intcom ul li a, div#ankle div.box div.incom ul li a:visited { color: #FFF; }
div#ankle div.box-tags div.intcom a, div#ankle div.box-tags div.intcom a:visited { color: #FFF;}
div#ankle div.box div.intcom ul li, div#ankle div.box div.incom ul li { color: #FFF; background: transparent url('images/background-ankle-list-item.gif') left bottom repeat-x;}
div#ankle div.box-tags div.intcom, div#ankle div.box-tags div.intcom { color: #FFF;}

/************************************************/
/*** Colors : Ankle : End ***********************/
/************************************************/



/************************************************/
/*** Colors : Footer : Start ********************/
/************************************************/

div#footer { color: #949494; }
div#footer a, div#footer a:visited { color: #949494; }

/************************************************/
/*** Colors : Footer : End **********************/
/************************************************/


/************************************************/
/*** Navigation Menu : Start ********************/
/************************************************/

div#navmenu { margin: 0; padding: 0; height: 44px; float: left; }
div#navmenu ul { display: block; margin: 0; padding: 0; height: 44px; float: left; }
div#navmenu ul li { display: block; margin: 0; padding: 0; float: left; height: 44px; }
div#navmenu ul li a, div#navmenu ul li a:visited { display: block; float: left; margin: 0; padding: 0 0 0 25px; height: 44px; text-decoration: none; }
div#navmenu ul li a span, div#navmenu ul li a:visited span  {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold; text-transform: uppercase;
	display: block; margin: 0; padding: 0 25px 0 0; height: 44px; line-height: 44px; 
	color: #606060; 
}
div#navmenu ul li a:hover { background: transparent url('images/background-navmenu-item-hover-left.gif') left top no-repeat; text-decoration: none; }
div#navmenu ul li a:hover span { display: block; background: transparent url('images/background-navmenu-item-hover-right.gif') right top no-repeat; color: #00528f; }
div#navmenu ul li.current_page_item a, div#navmenu ul li.current_page a:visited { background: transparent url('images/background-navmenu-item-hover-left.gif') left top no-repeat; }
div#navmenu ul li.current_page_item a span, div#navmenu ul li.current_page_item a:visited span { background: transparent url('images/background-navmenu-item-hover-right.gif') right top no-repeat; color: #00528f; }

/************************************************/
/*** Navigation Menu : End **********************/
/************************************************/

/************************************************/
/*** Pagination : Start *************************/
/************************************************/

div#pagenav { height: 38px; color: #fff; text-align:center;}
div#pagenav a, div#pagenav a:link { padding: 5px 10px; margin: 6px 4px 0px 0px; color: #fff; background: #293e51 none; }

div.wp-pagenavi { height: 38px; padding: 0; }
div.wp-pagenavi a, div.wp-pagenavi a:link { float: left; display: block; padding: 5px 10px;  margin: 6px 4px 0px 0px; color: #fff; background: #293e51 none; }
div.wp-pagenavi a:visited { text-decoration: none;  }
div.wp-pagenavi a:hover { }
div.wp-pagenavi a:active { }
div.wp-pagenavi span { float: left; display: block; padding: 5px 10px;  margin: 6px 4px 0px 0px; color: #fff; background: #293e51 none;  }
div.wp-pagenavi span.current { font-weight: bold; color: #FFF; background: #293e51 none;  }
div.wp-pagenavi span.extend { color: #fff; background: #293e51 none; }

/************************************************/
/*** Pagination : End ***************************/
/************************************************/
/************************************************/
/*** Required For Themes : Start ****************/
/************************************************/
 
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 0 7px 7px 0; }
.alignright { float: right; margin: 0 0 7px 7px; }
.wp-caption { border: 1px solid #ddd; text-align: center; padding-top: 4px; margin: 10px; background-color: #f3f3f3; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

/************************************************/
/*** Required For Themes : End ******************/
/************************************************/
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
div#box-tabs div.interior { padding: 0; }
div#box-tabs h2 { display: none; }
div#box-tabs ul.ui-tabs-nav { 
	display: block; height: 29px;
	background: #fff url('images/background-post-title.gif') left bottom repeat-x;	
}
div#box-tabs ul.ui-tabs-nav li { 
	height: 28px;
}
div#box-tabs ul.ui-tabs-nav li.pop { float: left; }
div#box-tabs ul.ui-tabs-nav li.rec { float: right; }
div#box-tabs ul.ui-tabs-nav li.arc { float: right; padding-right:30px; }

div#box-tabs ul.ui-tabs-nav li a, div#box-tabs ul.ui-tabs-nav li a:visited, div#box-tabs ul.ui-tabs-nav li a:hover { 
	color: #ccc; font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; line-height: 16px; text-transform: uppercase;
	font-weight: bold; text-decoration: none; outline: none;
	background: transparent none;
}
div#box-tabs ul.ui-tabs-nav li.ui-tabs-selected a, div#box-tabs ul.ui-tabs-nav li.ui-tabs-selected a:visited {
	color: #666;
}

.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}

div#box-tabs div.ui-tabs-panel {
	background: #fff url('images/background-post-meta.gif') left 2px repeat-x; color: #333; 
}
div#box-tabs div.ui-tabs-panel p.notice {
	border-top: 1px solid #b1c7e2;
	padding: 13px; margin: 0;
	text-align: center;
}
div#box-tabs div.ui-tabs-panel ul { display: block; list-style-type: none; }
div#box-tabs div.ui-tabs-panel ul li { 
	display: block; padding: 0 0 8px 0;
	background: #fff url('images/background-post-title.gif') left bottom repeat-x;	
}
div#box-tabs div.ui-tabs-panel ul li span { 
	display: block; padding: 8px 0 0 20px;
	background: #fff url('images/background-list-item.gif') 3px 9px no-repeat;	
}
div#box-tabs div.ui-tabs-panel ul li span a, div#box-tabs div.ui-tabs-panel ul li span a:visited { display: inline;  font-weight: bold; background: transparent none; }

/************************************************/
/*** Typography : Core : Start ******************/
/************************************************/

html, body, input, button, select, option, textarea { font-size: 12px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; }
a, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }

/************************************************/
/*** Typography : Core : End ********************/
/************************************************/


/************************************************/
/*** Typography : Header : Start ****************/
/************************************************/

div#rsstwitter { 
	font-size: 11px; line-height: 15px; font-family: Verdana, Helvetica, sans-serif; 
	text-transform: uppercase;
}
div#rsstwitter a:hover { text-decoration: none; }

/************************************************/
/*** Typography : Header : End ******************/
/************************************************/


/************************************************/
/*** Typography : Blog Entry : Start ************/
/************************************************/

div#featured h2 { font-family: Georgia, 'Times New Roman', sans-serif; font-size: 24px; line-height: 30px; font-weight: bold; }
div#featured p { font-family: Arial, Helvetica, sans-serif; font-size: 13px; }

h2.pagetitle { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-transform: uppercase; }

div.post div.title h2 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 24px; }
div.post div.title h2 a, div.post div.title h2 a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 20px; line-height: 24px; }
div.post div.title p { font-family: Georgia, 'Times New Roman', sans-serif; font-size: 10px; line-height: 24px; text-transform: uppercase; }

div.post div.entry a { font-weight: bold; }
div.post blockquote { font-style: italic; }
div.post blockquote blockquote { font-style: normal; }

/************************************************/
/*** Typography : Blog Entry : End **************/
/************************************************/


/************************************************/
/*** Typography : Comments : Start **************/
/************************************************/

div#comments h2, div#postcomment h2 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 24px; }
div#comments p, div#postcomment p { line-height: 22px }
div#comments p a, div#comments p a:visited { text-transform: uppercase; text-decoration: underline; }

ol.commentlist li.commentlist cite { font-style: normal;}

h3#replycomment { font-family: Georgia, 'Times New Roman', sans-serif; font-size: 24px; line-height: 30px; }
h3#replycomment a:hover { text-decoration: none; }

form#commentform p small { font-size: 11px; }
form#commentform p.button { text-align: right; }

/************************************************/
/*** Typography : Comments : End ****************/
/************************************************/


/************************************************/
/*** Typography : Sidebar : Start ***************/
/************************************************/

div.box h2 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; text-transform: uppercase; }

/************************************************/
/*** Typography : Sidebar : End *****************/
/************************************************/


/************************************************/
/*** Typography : Footer : Start ****************/
/************************************************/

div#footer { font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px; }

/************************************************/
/*** Typography : Footer : End ******************/
/************************************************/

/************************************************/
/*** Layout : Core : Start **********************/
/************************************************/

html, body, div { margin: 0; padding: 0; }
form { display: block; margin: 0; padding: 0; }
.clearer { clear: both; }
.hidden { visibility: hidden; }
.nodisplay { display: none; }

/************************************************/
/*** Layout : Core : End ************************/
/************************************************/


/************************************************/
/*** Layout : Header : Start ********************/
/************************************************/

div#container { margin: 0; padding: 0; width: 100%; }

div#topside { height: 37px; border-bottom: 1px solid; }
div#topside-wrapper { margin: 0 auto; width: 905px; height: 37px; }
div#googleads { padding: 11px 0 0 0; float: left; }
div#rsstwitter { float: right; }
div#rsstwitter p { display: block; margin: 0; padding: 0; line-height: 37px; }
div#rsstwitter p a { padding: 5px 10px 5px 18px; }
div#rsstwitter p a#twitter { padding-right: 0; }

div#title { margin: 0; padding: 0; width: 100%; height: 160px; border-bottom: 1px solid; }
div#title-wrapper {  margin: 0 auto; width: 959px; height: 160px; }
div#sitename { margin: 0; padding: 0; float: left; width: 400px; height: 160px; }
div#sitename h1 { display: block; margin: 0; padding: 0; height: 160px; }
div#sitename h1 a, div#sitename h1 a:visited { display: block; margin: 0; padding: 0; height: 160px; text-indent: -9999px; }
div#sitename p { display: none; }
div#myads { margin: 0; padding: 48px 27px 0 0; float: right; height: 44px; }
div#myads p { display: block; margin: 0; padding: 0; }
div#myads p a img { border: #000000 3px solid; }

div#navmensearch { }
div#navmensearch-wrapper { margin: 0 auto; width: 905px; height: 44px; }
div#search { float: right; width: 270px; height: 44px; }
div#search form { width: 270px; height: 44px; }
div#search form p { display: block; margin: 0; padding: 15px 0 0 34px; }
div#search form p input { width: 226px; border: 0; }

/************************************************/
/*** Layout : Header : End **********************/
/************************************************/


/************************************************/
/*** Layout : Body : Start **********************/
/************************************************/

div#wrapper { margin: 0 auto; padding: 24px 27px; width: 905px; border-top: 1px solid; border-bottom: 1px solid; }
div#wrapper-wrapper { margin: 0; padding: 10px 0; }
div#content { margin: 0; padding: 0; width: 590px; float: left; }
div#sidebar { margin: 0; padding: 0 0 10px 0; width: 270px; float: right; }

/************************************************/
/*** Layout : Body : End ************************/
/************************************************/


/************************************************/
/*** Layout : Blog Entry : Start ****************/
/************************************************/

h2.pagetitle { display: block; margin: 10px 0 0 0; padding: 0px 5px; border: 1px solid; line-height: 27px; height: 27px; }

div.postgroup { }
div.post { padding: 10px 0; }
div.post div.title { }
div.post div.title h2 { display: block; margin: 0; padding: 0 0 5px 0; }
div.post div.title p { display: block; margin: 0; padding: 0 0 15px 0; }
div.post div.title p span.date { padding: 7px 10px 7px 18px;  }
div.post div.title p span.comments { padding: 7px 10px 7px 18px; }
div.post div.title p span.categories { padding: 7px 10px 7px 18px; }
div.post div.title p span.author { padding: 7px 10px 7px 18px; }

div.post div.entry blockquote { margin: 15px 0; padding: 0 10px 0 35px; }

div.indexpost img.header { float: left; }
div.indexpost div.title { float: left; width: 470px; margin: 0 0 0 20px; }
div.indexpost div.entry { margin: 0 0 0 120px }

div.singlegoogle { padding: 0 0 10px 0; text-align: center; }
div.singlepost { padding: 0; }
div.singlepost div.title p { display: block; margin: 0; padding: 0 0 15px 0; height: 16px; line-height: 16px;  }
div.singlepost div.title p span.date { float: left; }
div.singlepost div.title p span.comments { float: right; }
div.singlepost div.title p span.categories { float: left; }
div.singlepost div.title p span.author { float: left; }

/************************************************/
/*** Layout : Blog Entry : End ******************/
/************************************************/


/************************************************/
/*** Layout : Comments : Start ******************/
/************************************************/

div#comments, div#postcomment { margin: 40px 0 0 0; }
div#comments h2, div#postcomment h2 { display: block; margin: 0; padding: 0 0 5px 0; }
div#comments p, div#postcomment p { display: block; margin: 0; padding: 0; }

ol.commentlist { display: block; margin: 20px 0 0 0; padding: 0; list-style-type: none; }
ol.commentlist li.commentlist { display: block; margin: 0;  padding: 0 0 10px 0; }
ol.commentlist li.commentlist cite { display: block; padding: 0; height: 40px; }
ol.commentlist li.commentlist cite img { float: left; margin: 0 10px 0 0; padding: 1px; border: 1px solid; }
ol.commentlist li.commentlist cite span { display: block; margin: 0; padding: 0; line-height: 20px; }
ol.commentlist li.commentlist cite span.nodisplay { display: none; }
ol.commentlist li.commentlist div.commenttext { margin: 0; padding: 0 0 0 50px; }

small.commentmetadata { display: block; }
small.commentmetadata cite { display: block; margin: 0; padding: 0 0 3px 0; }

form#commentform { display: block; margin: 10px 0; padding: 0; }
form#commentform p { display: block; margin: 0 0 5px 0; padding: 0; line-height: 27px; }
form#commentform p label { display: block; margin: 0; padding: 0 0 5px 0; }
form#commentform p.input span { display: block; width: 220px; height: 21px; margin: 0; padding: 6px 0 0 0; float: left; }
form#commentform p.input span input { width: 191px; padding: 0 5px; border: 0; }
form#commentform p.textarea { display: block; margin: 0 0 10px 0;  }
form#commentform p.textarea label { display: none; }
form#commentform p.textarea span { display: block; }

form#commentform p.button { text-align: left; }
textarea#comment { width: 580px; height: 136px; padding: 5px; border: 0; }

/************************************************/
/*** Layout : Comments : End ********************/
/************************************************/
	

/************************************************/
/*** Layout : Sidebar : Start *******************/
/************************************************/

div.box { padding: 0; margin: 0 0 35px 0; }
div.box h2 { display: block; margin: 0; padding: 0 0 12px 0; }
div.box div.interior { }
div.box div.interior ul  { display: block; list-style-type: none; margin: 0;  padding: 0; }
div.box div.interior ul li { display: block; }
div.box div.interior ul li a, div.box div.interior ul li a:visited { display: block; padding: 5px 0 6px 0; }
div.box div.interior ul ul { margin: 0; }
div.box div.intcom { }
div.box div.intcom ul  { display: block; list-style-type: none; margin: 0;  padding: 0; }
div.box div.intcom ul li { display: block; }
div.box div.intcom ul li, div.box div.intcom ul li { display: block; padding: 5px 0 6px 0; }
div.box div.intcom ul ul { margin: 0; }

div#box-newsletter div.interior { padding: 10px 0 10px 65px; }
div#box-newsletter div.interior p { display: block; margin: 0; padding: 0; line-height: 28px; }
div#box-newsletter div.interior span { display: block; height: 21px; margin: 0 0 0 0; padding: 6px 0 0 0; }
div#box-newsletter div.interior span input { width: 191px; padding: 0 5px; border: 0; }

div.box-adverts div.interior div { height: 125px; padding: 16px 0 0 0; }
div.box-adverts div.interior div a { display: block; float: left; width: 125px; height: 125px; }
div.box-adverts div.interior div a.ads1 { margin: 0 18px 0 0; }
div.box-adverts div.interior div a.ads3 { margin: 0 18px 0 0; }
div.box-adverts div.interior div a img { border: 0; }

div#box-googleads h2 { display: none; }
div#box-googleads div.interior { width: 250px; margin: 0 auto; }
	
table#wp-calendar { width: 180px; margin: 0 auto; }

/************************************************/
/*** Layout : Sidebar : End *********************/
/************************************************/


/************************************************/
/*** Layout : Ankle : Start *********************/
/************************************************/

div#ankle { margin: 0 auto; padding: 24px 27px; width: 905px; }
div#ankle div.box { float: left; width: 270px; }
div#ankle div.box-partners { margin: 0 46px; }
div#ankle div.box-tags div.interior { padding: 12px 0 0 0; }

/************************************************/
/*** Layout : Ankle : End ***********************/
/************************************************/
			

			
/************************************************/
/*** Layout : Footer : Start ********************/
/************************************************/

div#footer { }
div#footer-wrapper { margin: 0 auto; padding: 0; width: 920px; }
div#footer-wrapper p { display: block; margin: 0; padding: 8px 15px; }

/************************************************/
/*** Layout : Footer : End **********************/
/************************************************/


/*electrorichard*/

.qitem {
	/* width and height must be even number */
	width:126px;
	height:126px;	
	
	/* some styling for the item */
	border:2px solid #222;	
	margin:0 2px 0;
	background: url('images/bg.gif') no-repeat;
	
	/* make sure the four divs are hidden after changing the position */
	overflow:hidden;
	
	/* absolute position enabled for children elements*/
	position:relative;
	
	/* display item in single row */
	float:left;
	
	/* hand symbol for ie and other browser */
	/*cursor:hand;*/ cursor:pointer;
}

	.qitem img {
		border:0;
	}

	/* styling for caption, position absolute is a must to set the z-index */
	.qitem .caption {
		position:absolute;
		z-index:0;	
		color:#ccc;
		display:block;
	}

		.qitem .caption h4{
			font-size:12px;
			padding:10px 5px 0 8px;
			margin:0;
			color:#369ead;
		}

		.qitem .caption p{
			font-size:10px;	
			padding:3px 5px 0 8px;
margin:0;
			}



/* Generic setting for corners */
.topLeft, .topRight, .bottomLeft, .bottomRight {
	/* allow javascript to move the corners */
	position:absolute;
	background-repeat: no-repeat; 
	z-index:200;
}

/* set the background position for different corners */
.topLeft {
	background-position: top left; 	
} 

.topRight {
	background-position: top right; 
} 

.bottomLeft {
	background-position: bottom left; 
} 

.bottomRight {
	background-position: bottom right; 
}

.clear {
	clear:both;	
}
	
.jdGallery .slideInfoZone{
		height: 100px;
	}