/*	-------------------------------------------------------------
	Ay-roop
	Association de production.
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Base setup styles
	Filename:		styles.css
	Version:		1.01
	Date:			June 24, 2008
	-------------------------------------------------------------	*/


/*	-------------------------------------------------------------
	Base Body Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		*{margin:0;padding:0}
		
		body {
			margin: 0px;
			padding: 0px;
			background-color: #fff;
			background-image: url(/static/images/backline.gif);
			background-repeat: repeat-x;
			background-position: top;
			/*color: #485056; */
                        /*color: #333333;*/
			color:rgb(033,033,033);
			font-family:  Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			text-align: justify; 
			align:justify;
			}
			
		#container {
			margin-bottom: 10px;
		}
			
		a, a:visited {
			/*color: #003F7E;*/
                        color:rgb(055,065,075);
			/*text-decoration: none;*/
                        text-decoration: none;
			font-weight:bold;
                        /*background-image: url(/static/themes/uramia/images/link_solid.png);*/
			background-repeat: repeat-x;
			background-position: bottom;}
			
		a:hover {
			text-decoration: underline;
                        font-weight:bold;
                        color:rgb(055,065,075);
                        }
		
		a img {
			border:0px;}
		
		html {
			height: 100%;
			width: 100%; }
			
		p {
			margin: 6px 0px 8px 0px;
			padding: 0px;}
		
		h1 {
			padding: 0px;
			margin: 0px;}
		
		.words {
			font-size: 11px;
			line-height: 140%;}
		
		#home {
			height: 100%;
			width: 100%;}
			
		form {
			margin: 0px;
			padding: 0px;}
		
		
	/*	Logo
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
		#header #logo {
			width: 1000px;
			height:47px;
			float:left;
			display: block;
			background-image: url(/static/images/logo.gif);
			backgground-color:red;
			background-repeat: no-repeat;
			background-position: left;
			
			padding: 0px;
			margin: 0px;
			}
	
		#header #logo a {
			height: 47px;
			width: 348px;
			display: block;
			border: none;
			background-image: none; }	
			
		
			/*	GALLERY
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
		
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;height:20px;width:340px;text-align:center;padding-top:.5em;background-color:white;}
* html .galleria li div span{width:400px} /* MSIE bug */

	/* BEGIN PHOTOGALLERY STYLE */

	/*body{padding:20px;background:white;text-align:center;background:white;color:#bba;font:80%/140% georgia,serif;}
	h1,h2{font:bold 80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
	*/
	/*a{color:#348;text-decoration:none;outline:none;}
	a:hover{color:#67a;}*/
	.caption{font-style:italic;color:#887;}
	.gallery{position:relative;margin-top:2em;}
	.photogallery{width:340px;margin:0 auto;}
	.photogallery li{width:68px;height:50px;border:1px double #111;margin: 0px 2px 2px 0px;background:#000;}
	/*.photogallery li div{left:240px}*/
	.photogallery li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	
	#main_image{display:block;width:340px;height:270px;margin:0 auto 35px auto;}
	#main_image img{margin-bottom:10px;background:pink;}
	
	.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
	
	.info{text-align:left;width:340px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
	.info p{margin-top:1.6em;}

	/*    MENU                
	----------------------------------------------------------------------- */
	
	#minitabs {
	margin: 0;
	padding: 0 0 20px 10px;
	border-bottom: 1px solid #696;
	}

#minitabs li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}
	
#minitabs a:link, #minitabs a:visited {
	float: left;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	margin: 0 10px 4px 10px;
	padding-bottom: 2px;
	text-decoration: none;
	color: #9c9;
	}

#minitabs a.active:link, #minitabs a.active:visited, #minitabs a:hover {
	border-bottom: 4px solid #696;
	padding-bottom: 2px;
	background: #fff;
	color: #363;
	}

/* relative font-size version */

#miniflex {
        width: 80%;
	float: left;
	font-size: small; /* could be specified at a higher level */
	margin: 0;
	padding: 0 10px 0 0px;
	#border-bottom: 1px solid grey;
	border-width:0px 0px 1px 0px;
	border-style:solid;
	border-color:grey;
	}

#miniflex li {
	float: left;
	margin: 0; 
	padding: 0;
	display: inline;
	list-style: none;
	}
	
#miniflex a:link, #miniflex a:visited {
	float: left;
	font-size: 85%;
	line-height: 20px;
	font-weight: normal;
	margin: 0 13px 0 13px;
	padding-bottom: 2px;
	text-decoration: none;
	color: #000;
	}

#miniflex a.active:link, #miniflex a.active:visited, #miniflex a:hover {
	border-bottom: 4px solid #555;
    font-weight: normal;
	color: #555;
	}

   	/*	PRIVATE DOWNLOAD
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/


          #sign_up {
        -moz-border-radius: 6px;
        background: white;
        -webkit-border-radius: 6px;
        border: 1px solid #536376;
        -webkit-box-shadow: rgba(0,0,0,.6) 0px 2px 12px;
        -moz-box-shadow:  rgba(0,0,0,.6) 0px 2px 12px;;
        padding: 14px 22px;
        /* right:100px; */
        width: 400px;
        position: absolute;
        top:10px;
        right:0px;

        display: none;
    }
    #sign_up #sign_up_form {
        margin-top: 13px;
    }
    #sign_up label {
        display: block;
        margin-bottom: 10px;
        color: #536376;
        font-size: .9em;
    }

    #sign_up span {
        display: block;
        width:360px;
        padding:0px 3px 0px 3px;
        font-size: .9em;
    }

    #sign_up label input {
        display: block;
        width: 240px;
        height: 31px;
        background-position: -201px 0;
        padding: 2px 8px;
        font-size: 1.2em;
        line-height: 31px;
        font-size:18px;
    }

    #see_id {
        width: 228px;
        height: 23px;
        background-position: -202px -133px;
    }
    #left_out {
        background-position: -202px -158px;
        width: 113px; height: 16px;
    }
    #sign_up_form {
        position: relative;
        /*background: url(/static/images/divider.png) repeat-x bottom left; */
        padding-bottom: 54px;
        margin-bottom: 12px;
    }
    #actions {
        float: left;
        position: absolute;
        text-align:center;
        height: 31px;
        bottom: 20px;
    }
    a.form_button {
        float: left;
        width: 93px; height: 31px;
        margin-right: 15px;
    }
    #cancel { background-position: -198px -36px; }
    #log_in { background-position: -291px -36px; }
    #cancel:hover { background-position: -198px -67px; }
    #cancel:active { background-position: -198px -98px; }
    #log_in:hover { background-position: -291px -67px; }
    #log_in:active { background-position: -291px -98px; }
    #close_x {
        width: 24px; height: 23px;
        overflow: hidden; line-height: 1000px;
        display: block;
        position: absolute; top: 5px; right: 5px;
        background-position: -387px -102px;
    }
    #usage { background-position: -323px -172px; width: 67px; height: 22px;}

.sprited {
    background: url(/static/images/download_sprite.png) no-repeat;
    line-height: 1000px;
    overflow: hidden;
    display: block;
}


#download_button {
    width: 196px;
    height: 51px;
    background-position: top left;
    margin-bottom: 10px;
}

#download_button:hover {
    background-position: 0 -51px;
}

#download_button:active {
    background-position: 0 -102px;
}

#download p {
    margin-left: 7px;
}