4/*
Theme Name: MosaicMiro by Diyan
Description: MosaicMiroWordpress theme created by Diyan for Re-published the web
Version: 1.0
Design: Indra
Author URI: http://www.PaCamat.com/

*/

body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form{
    margin: 0;
    padding: 0;
}


body{
    font-family: Arial,Georgia, Sans-Serif;
    font-size: 18px;
    text-align: center;
    vertical-align: top;
    background:url(images/bg.jpg) repeat;
    color: #000;
}

h1, h2, h3, h4, h5, h6{
    font-family: Arial,Georgia, Sans-Serif;
    font-size: 24px;
    font-weight: normal;
}

a:hover{ text-decoration: none; }

a img{ border: 0; }

#container{
	position: relative; 
	padding: 0px;    
	margin: 0px auto;
    background: #ffffff;
    width: 650px;
    text-align: left;
}

#header{ width:650px;
		height: 227px;
}

#menubar{
	position: relative; 
	width: 650px;
	height: 41px;
}

#topmenu{
	position: absolute;
    width: 555px;
}

/* menu language */

#lang{
    position: absolute;
    right:0px;
    width: 117px;
    padding: 7px 3px 0 5px;
    height:36px;
    background: #a9a6a1;
    overflow: hidden;
}

#lang ul li{
    display: inline;
}

#lang a:hover img {
            padding:1px;    
            width: 19px;
            height: 13px;       
}       
 
#translation_bar a { margin-left: 2px; }
#transl_sign { visibility: hidden; }          
/* menu bar */
ul#menu{margin:0;padding:0;list-style-type:none;width:auto;display:block;height:36px;text-transform:uppercase;font-size:11px;font-weight:bold;background:transparent url("/wp-content/themes/braintied/images/bgOFF.jpg") repeat-x top left;font-family:Helvetica,Arial,Verdana,sans-serif;border-bottom: 6px solid #a9a6a1;border-top:1px solid #d5d2cc;overflow: hidden;}
ul#menu li{display:block;float:left;margin:0;pading:0;}
ul#menu li a{display:block;float:left;color:#874B46;text-decoration:none;padding:13px 14px 0 14px;height:24px;background:transparent url("/wp-content/themes/braintied/images/bgDIVIDER.jpg") no-repeat top right;}
ul#menu li a:hover{background:transparent url("/wp-content/themes/braintied/images/bgHOVER.jpg") no-repeat top right;}
ul#menu li.current_page_item a,ul#menu li.current_page_ancestor a,ul#menu li.current_page_item a:hover {color:#fff;background:transparent url("/wp-content/themes/braintied/images/bgON.jpg") no-repeat top right;}



/* content */	

.post{
clear: both;
}

.post h2.highlight{
	font-size: 24px;
	font-weight: normal;
	text-transform: uppercase;
	background: #000;
	color: #fff;
}	
.entry{
	font-size: 12px;
	line-height: 24px;
}

.entry img{
	background-color: #fff;
}

.entry img.wp-smiley{
	padding: 0;
	border: 0;
	background-color: transparent;
}

.entry img.alignleft{
	float: left;
	margin: 5px 10px 0 0;
}

.entry img.alignright{
	float: right;
	margin: 5px 0 0 10px;
}

.entry p.postinfo{
	margin: 15px 0 0;
	border-top: 1px solid #e8e8b1;
}

/* product */
#prods {padding:15px 0 0 15px;margin:-1px 0 0 0;list-style-type:none;width:635px; height:145px; background:#a9a6a1; }
#prods li{display:block;float:left;width:125px;height:125px;position:relative}
#prods li a{display:block;width:120px;height:120px;background:transparent;overflow:hidden;position:relative}
#prods li a img{width:100%;height:100%;border:0}
#prods li a:hover{position:absolute;left:-15px;top:-15px;width:150px;height:150px;z-index:100}


/* sub-products */
#sub-products{background:#a9a6a1;}


/* products list */

a.menu1 {background-image: url(image-products/palladiana/gaia-xl.png);display: block; width: 92px; height: 92px; }
a.menu2 {background-image:url(image-products/palladiana/gaia-m.png);display: block; width: 92px; height: 92px; }
a.menu3 {background-image:url(image-products/palladiana/dia-m.png);display: block; width: 92px; height: 92px; }
a.menu4 {background-image:url(image-products/palladiana/dia-s.png);display: block; width: 92px; height: 92px; }
a.menu5 {background-image:url(image-products/palladiana/reia.png);display: block; width: 92px; height: 92px; }
a.menu6 {background-image:url(image-products/palladiana/border-6.png);display: block; width: 92px; height: 28px; }
a.menu7 {background-image:url(image-products/palladiana/border-8.png);display: block; width: 92px; height: 28px; }
a.menu8 {background-image:url(image-products/palladiana/border-10.png);display: block; width: 92px; height: 28px; }
a.menu9 {background-image:url(image-products/palladiana/strip.png);display: block; width: 92px; height: 31px; }
a.menu10 {background-image:url(image-products/beach/sheet-m.png);display: block; width: 92px; height: 92px; }
a.menu11 {background-image:url(image-products/beach/sheet-s.png);display: block; width: 92px; height: 92px; }
a.menu12 {background-image:url(image-products/beach/reia.png);display: block; width: 92px; height: 92px; }
a.menu13 {background-image:url(image-products/beach/border-6.png);display: block; width: 92px; height: 28px; }
a.menu14 {background-image:url(image-products/beach/border-8.png);display: block; width: 92px; height: 28px; }
a.menu15 {background-image:url(image-products/beach/border-10.png);display: block; width: 92px; height: 28px; }
a.menu16 {background-image:url(image-products/beach/strip.png);display: block; width: 92px; height: 31px; }
a.menu17 {background-image:url(image-products/round/round-m.png);display: block; width: 92px; height: 92px; }
a.menu18 {background-image:url(image-products/oval/oval-m.png);display: block; width: 92px; height: 92px;  }
a.menu19 {background-image:url(image-products/oval/oval-s.png);display: block; width: 92px; height: 92px; }
a.menu20 {background-image:url(image-products/oval/reia.png);display: block; width: 92px; height: 92px; }
a.menu21 {background-image:url(image-products/round/round-s.png);display: block; width: 92px; height: 92px; }
a.menu22 {background-image:url(image-products/round/reia.png);display: block; width: 92px; height: 92px; }
a.menu22 {background-image:url(image-products/round/reia.png);display: block; width: 92px; height: 92px; }
a.menu23 {background-image:url(image-products/round/border-6.png);display: block; width: 92px; height: 28px; }
a.menu24 {background-image:url(image-products/round/border-8.png);display: block; width: 92px; height: 28px; }
a.menu25 {background-image:url(image-products/round/border-10.png);display: block; width: 92px; height: 28px; }

a.menu1:hover {background-image:url(image-products/palladiana/gaia-xl-ov.png);display: block; width: 92px; height: 92px; }
a.menu2:hover {background-image:url(image-products/palladiana/gaia-m-ov.png);display: block; width: 92px; height: 92px; }
a.menu3:hover {background-image:url(image-products/palladiana/dia-m-ov.png);display: block; width: 92px; height: 92px; }
a.menu4:hover {background-image:url(image-products/palladiana/dia-s-ov.png);display: block; width: 92px; height: 92px; }
a.menu5:hover {background-image:url(image-products/palladiana/reia-ov.png);display: block; width: 92px; height: 92px; }
a.menu6:hover {background-image:url(image-products/palladiana/border-6-ov.png);display: block; width: 92px; height: 28px; }
a.menu7:hover {background-image:url(image-products/palladiana/border-8-ov.png);display: block; width: 92px; height: 28px; }
a.menu8:hover {background-image:url(image-products/palladiana/border-10-ov.png);display: block; width: 92px; height: 28px; }
a.menu9:hover {background-image:url(image-products/palladiana/strip-ov.png);display: block; width: 92px; height: 31px; }
a.menu10:hover {background-image:url(image-products/beach/sheet-m-ov.png);display: block; width: 92px; height: 92px; }
a.menu11:hover {background-image:url(image-products/beach/sheet-s-ov.png);display: block; width: 92px; height: 92px; }
a.menu12:hover {background-image:url(image-products/beach/reia-ov.png);display: block; width: 92px; height: 92px; }
a.menu13:hover {background-image:url(image-products/beach/border-6-ov.png);display: block; width: 92px; height: 28px; }
a.menu14:hover {background-image:url(image-products/beach/border-8-ov.png);display: block; width: 92px; height: 28px; }
a.menu15:hover {background-image:url(image-products/beach/border-10-ov.png);display: block; width: 92px; height: 28px; }
a.menu16:hover {background-image:url(image-products/beach/strip-ov.png);display: block; width: 92px; height: 31px; }
a.menu17:hover {background-image:url(image-products/round/round-m-ov.png);display: block; width: 92px; height: 92px; }
a.menu18:hover {background-image:url(image-products/oval/oval-m-ov.png);display: block; width: 92px; height: 92px; }
a.menu19:hover {background-image:url(image-products/oval/oval-s-ov.png);display: block; width: 92px; height: 92px; }
a.menu20:hover {background-image:url(image-products/oval/reia-ov.png);display: block; width: 92px; height: 92px; }
a.menu21:hover {background-image:url(image-products/round/round-s-ov.png);display: block; width: 92px; height: 92px; }
a.menu22:hover {background-image:url(image-products/round/reia-ov.png);display: block; width: 92px; height: 92px; }
a.menu23:hover {background-image:url(image-products/round/border-6-ov.png);display: block; width: 92px; height: 28px; }
a.menu24:hover {background-image:url(image-products/round/border-8-ov.png);display: block; width: 92px; height: 28px; }
a.menu25:hover {background-image:url(image-products/round/border-10-ov.png);display: block; width: 92px; height: 28px; }


#prods a span{display:none;;text-align:center}
#prods a:hover span.lk{visibility:visible;position:absolute;top:-73px;padding:-5px 0 3px 0;width:85px;color:white;font-family:Century Gothic;font-size:11px;border:1px solid #234;margin:10px 10px 0 0;background-color: #000;filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40;
}
#prods a:hover span.lk h3{font-family:Century Gothic;font-size:13px;color:#a8a6a1;margin:0 0 -8px 0;}
#prods a:hover span.left{visibility:visible;position:absolute;height:0;width:0;overflow:hidden;border-left:8px solid #fff;border-right:8px solid #fff}
#prods a:hover span.left{margin-left:41px;top:92px;border-bottom:8px solid #c00}


/* home */
#home {
	padding:15px 15px 0px 15px;
}

/* gallery */
#myGallery { margin:-1px 0 0 0;}
#gallery {padding:15px 0 0 15px;margin:-1px 0 0 0;list-style-type:none;width:635px; height:145px; background:#a9a6a1; }
#gallery li{display:block;float:left;width:125px;height:125px;position:relative}
#gallery li a{display:block;width:120px;height:120px;background:transparent;overflow:hidden;position:relative}
#gallery li a img{width:100%;height:100%;border:0}
#gallery li a:hover{position:absolute;left:-20px;top:-20px;width:160px;height:160px;z-index:100}

/* news */
#news {padding:15px 0 0 10px;margin:-1px 0 0 0;list-style-type:none;width:640px; height:100px; background:#a9a6a1; }
#news li{display:block;float:left;width:90px;height:90px;position:relative}
#news li a{display:block;width:85px;height:85px;background:transparent;overflow:hidden;position:relative}
#news li a img{width:100%;height:100%;border:0}
#news li a:hover{position:absolute;left:-5px;top:-5px;width:102px;height:102px;z-index:100}

/*application */
#app {padding:15px 0 0 15px;margin:-1px 0 0 0;list-style-type:none;width:635px; height:145px; background:#a9a6a1; }
#app li{display:block;float:left;width:125px;height:125px;position:relative}
#app li a{display:block;width:120px;height:120px;background:transparent;overflow:hidden;position:relative}
#app li a img{width:100%;height:100%;border:0}
#app li a:hover{position:absolute;left:-20px;top:-20px;width:160px;height:160px;z-index:100}

/*Aplication comic */
#comic {
	padding:15px 15px 0px 15px;
}
#ins {
	padding:15px 15px 0px 15px;
}
	
.page { border-top: 8px solid #a9a6a1;
	margin:-6px 0 0 0;
	overflow: hidden;
}

/* product info */
#productinfo {
	width: 625px;
	margin:-1px 0 0 0;
	padding:5px 10px 5px 15px;
	background: #d6d3ce;
	overflow: hidden;
}

/* footer */
#footer { 
	border: 1px solid white;
	position: relative;
	height: 80px;
	background:url("/wp-content/themes/braintied/images/border.gif") repeat-x;
}

#footleft {
	position: absolute;
	 width: 400px;
	 font-size: 9px;
	 padding: 20px 0 10px 5px;
}

#footright {background-image:url(images/nature.png);display:block;position: absolute;width: 250px;height: 58px;top: 18px;right: 5px;}

/* sub-news */
#area {
	position: relative;
	padding: 10px 0 10px 0;
	width: 650px;
	background: #e5e5e5;
}

.widget {
width: 600px;
margin: 20px;
padding: 10px;
margin-bottom: 15px;
}


.ui-tabs-hide {
		display: none;
		}

		#featuredpic {
		text-align: center;
		}
		
			.fpic {
			margin-bottom: 5px;
			}
		
			.picselector li {
			text-align: left;
			list-style: none;
			padding: 5px;
			background: #ffffff;
			border: 1px solid #dedbd1;
			text-transform: uppercase;
			margin-bottom: 5px;
			}