/*/home/tromb/web/ансамбль-добродея.рф/public_html//themes/default/modules/gallery/gallery.css
/home/tromb/web/ансамбль-добродея.рф/public_html//css/page.css
/home/tromb/web/ансамбль-добродея.рф/public_html//themes/default/modules/page/page.css
/home/tromb/web/ансамбль-добродея.рф/public_html//themes/dobrodeya/css/reset.css
/home/tromb/web/ансамбль-добродея.рф/public_html//themes/dobrodeya/css/style.css
/home/tromb/web/ансамбль-добродея.рф/public_html//themes/dobrodeya/css/layout.css
*/


/* default theme module user css */

#content .gallery {padding: 10px 0 10px 0; margin: 0;}
    
#content .gallery li {
    background: none;
    width: 140px;
    *width:140px;
    display: -moz-inline-stack;
    display:inline-block;
    margin: 0 48px 20px 0;
    /* min-height:178px; */
    vertical-align:text-top;
    padding: 5px 5px 0 5px;
    color: #4b4c4c;
    zoom:1;
    *display:inline;
    }
    
    #content .gallery li h2,
    #content .gallery li p {
        font-size: 11px;
        margin: 3px 0 5px 0;
		padding: 3px 0 5px 0;
        }
			
        #content .gallery li .img {
            height: 140px; width: 140px;
            text-align: center;
            display: table;
            }
        #content .gallery li .img .middle {
            display: table-cell;
            vertical-align: middle;
            }
		#content .gallery li a img {
			-moz-box-shadow: 2px 4px 8px 1px #C8C8C8;
			-webkit-box-shadow: 2px 4px 8px 1px #C8C8C8;
			box-shadow:2px 4px 8px 1px #C8C8C8;
            }
			#content .gallery li a:hover img{
				-moz-box-shadow: 2px 4px 8px 1px #878686;
				-webkit-box-shadow:  2px 4px 8px 1px #878686;
				box-shadow:2px 4px 8px 1px #878686;
            }			
        
        *html #content .gallery li .middle {
            position: relative;
            top: 50%;
            zoom: 1;
            }
            *html #content .gallery li .middle a {
            position: relative;
            top: -50%;
            zoom: 1;
            }
            *html #content .gallery li .img a img{
                position: relative;
                zoom: 1;
                }
                

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

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/*
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

    #cboxContent{margin-top:20px;}
        #cboxLoadedContent{background:#000; padding:5px;}
        #cboxTitle{position:absolute; top:-20px; right: 180px; text-align: left; overflow: hidden;            text-overflow: ellipsis; white-space: nowrap;  left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(/themes/default/modules/gallery/colorbox/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(/themes/default/modules/gallery/colorbox/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(/themes/default/modules/gallery/colorbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(/themes/default/modules/gallery/colorbox/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}
/* global module user css */
/* default theme module user css */

/* files list
***************************************/
#content .file_attaches {	
	margin: 5px 0 0 8px;
	}
	#content .file_attaches li {
		list-style-type: none;
		padding-left: 12px;
		margin-bottom: 10px;
		}
		.file_attaches a{
			margin-left: -20px;
			padding: 5px 0 5px 20px;
			background: transparent url(/themes/default/modules/page/files_icons/icon_somefile.png) no-repeat center left;
			}

/* extensions */
.file_attaches a[href$='.doc'], .file_attaches a[href$='.docx'], .file_attaches a[href$='.rtf'], .file_attaches a[href$='.odt'] {
	background: transparent url(/themes/default/modules/page/files_icons/icon_doc.gif) no-repeat center left;
}
.file_attaches a[href$='.xls'], .file_attaches a[href$='.xlsx'], .file_attaches a[href$='.ods'] {
	background: transparent url(/themes/default/modules/page/files_icons/icon_xls.gif) no-repeat center left;
}
.file_attaches a[href$=".ppt"], .file_attaches a[href$=".odt"], .file_attaches a[href$=".pps"]{
	background: transparent url(/themes/default/modules/page/files_icons/icon_pps.gif) no-repeat center left;
}
.file_attaches a[href$='.txt'] {
	background: transparent url(/themes/default/modules/page/files_icons/icon_txt.gif) no-repeat center left;
}
.file_attaches a[href$='.pdf'] { 
	background: transparent url(/themes/default/modules/page/files_icons/icon_pdf.gif) no-repeat center left;
}
.file_attaches a[href$='.zip'], .file_attaches a[href$='.rar'], .file_attaches a[href$='.gzip'], .file_attaches a[href$='.bzip'], .file_attaches a[href$='.ace'], .file_attaches a[href$='.7z'] { 
	background: transparent url(/themes/default/modules/page/files_icons/icon_archive.gif) no-repeat center left;
}
.file_attaches a[href$='.ai'], .file_attaches a[href$='.cdr'], .file_attaches a[href$='.bmp'], .file_attaches a[href$='.jpeg'], .file_attaches a[href$='.jpg'], .file_attaches a[href$='.JPG'], .file_attaches a[href$='.JPEG'], .file_attaches a[href$='.gif'], .file_attaches a[href$='.png'], .file_attaches a[href$='.eps'] { 
	background: transparent url(/themes/default/modules/page/files_icons/icon_pic.gif) no-repeat center left;
}
.file_attaches a[href$='.mov'], .file_attaches a[href$='.wmv'], .file_attaches a[href$='.mp4'], .file_attaches a[href$='.avi'], .file_attaches a[href$='.mpg'] { 
	background: transparent url(/themes/default/modules/page/files_icons/icon_film.gif) no-repeat center left;
}
.file_attaches a[href$='.mp3'], .file_attaches a[href$='.wav'], .file_attaches a[href$='.ogg'], .file_attaches a[href$='.wma'] { 
	background: transparent url(/themes/default/modules/page/files_icons/icon_music.gif) no-repeat center left;
}


/* auth window
*****************************************/
#auth {
    display: none;
	position:absolute;
    top:40px; right:0;
    z-index: 901;
	padding: 15px 25px 15px 20px;
	background: rgba(0, 0, 0, 0.7);
    color:#fff;
    }
	.prosto_editmode #auth {border: 3px double #fff}
	#auth #login-form  .row {float: left; margin: 0 10px 0 0;}
	
	#auth input[type='password'] {border:1px solid #666; margin: 2px 0 0 0;}
	#auth input[type='password']:focus{background: #ffefbd}	
 
	#auth .error,
		#auth input[type='password'].error:focus {background: #fc7777;}
	 /* #auth .success {background: #8cbe64;} */
	#auth .success {background: #70c030;} /* TO DO: add class="success" to the field success condition */

	
	#auth #login-form .label {
		color: #777777;
		display: block;
		position: absolute;
		top: 20px; left: 25px;
		cursor: text;
		line-height: 1;
		}
	#auth h2 {
		margin: 0 0 20px 0;
		color: #fff;
		}
	#auth #change-password-form label {
		color: #fff;
		font-weight: bold;
		display: block;
		margin: 10px 0 3px 0;
		}
	#auth .submit {margin: 25px 0 0px 0;}
	#auth .close_auth {
		display: block;
		position:absolute;
		top:2px;right:2px;
		background: url(/img/icons/delete.png) no-repeat;
		height: 16px; width: 16px;
		cursor: pointer;
		z-index: 911;
		opacity: 0.5;
		}
		#auth .close_auth:hover {opacity: 0.9;}


 /* attaches_heading */
 .prosto_attaches_heading {
    display: none;
	}
/* -------------------------------------------------------------- 
   * Resets default browser CSS.
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
	{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
	}

body { line-height: 1}

/* Tables still need 'cellspacing="0"' in the markup. */
table {border-collapse: collapse; border: 0px; }	
caption, th, td { text-align: left; font-weight:400; padding:0px; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: none;}

a img { border: none; }
ol, ul {list-style: none;}

/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/*-----------------------------------------------
Description: Site base styles — typography, styles, colours
Author:   Vyzov agency (http://www.vyzov.ru/)
----------------------------------------------- */

@font-face {
    font-family: 'nizhitsa';
    font-style: normal;
    font-weight: normal;
    src: url('/themes/dobrodeya/fonts/nizhitsa.eot');
    src: local('nizhitsa'), local('nizhitsa-normal'), url('/themes/dobrodeya/fonts/nizhitsa.eot') format('embedded-opentype'), url('/themes/dobrodeya/fonts/nizhitsa.woff') format('woff');
    }

/* Museo Sans Cyr, 500 */
@font-face {
    font-family: 'Museo Sans Cyr';
    src: url('/themes/dobrodeya/fonts/museosanscyrl-500.eot');
    src: url('/themes/dobrodeya/fonts/museosanscyrl-500.eot?#iefix') format('embedded-opentype'),
    url('/themes/dobrodeya/fonts/museosanscyrl-500.woff') format('woff'),
    url('/themes/dobrodeya/fonts/museosanscyrl-500.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    }



body {
	font: 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
	}

/* =Heading
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
margin: 0; padding: 0;
font-weight: normal;
text-align: left;
font-family: "Calibri";
color: #f76633;
z-index: 2;
position: relative;
}

h4, h5, h6 {
font-weight: bold;
margin: 0;
}

h1 {
	margin: 0 0 30px 0;
	padding: 0 0 5px 0;
    font-size: 30px;
	line-height: 1.2;
	}
	.prosto_editmode h1 p {
        line-height: 1.2;
		min-height: 35px !important;
		padding: 0 20px 0 !important;
		}

h2 {
    /*font-family: Georgia;*/
    font-size: 20px;
	line-height: 1.3;
    padding: 15px 0 15px 0;
    }
	#content .gallery h2 {color: #57452d}
h3 {
    /*font-family: Georgia;*/
    /*font-weight: bold;*/
    font-size: 17px;
	line-height: 1.5;
	padding: 15px 0 10px 0;
    }	
h4 {font-size: 12px}
h5 {font-size: 12px; font-style: italic}
h6 {font-size: 12px; display: inline;}

h1+h2, h2+h2 {padding-top: 0;}
h2+h3 {padding-top: 10px;}
 
/* =Link
----------------------------------------------- */
/*a {color: #3195ce}*/
a {color: #2a5687}
a:visited {color: #8c3a84}
a:hover {color: #297aa8;}

a.stable_link, a.stable_link:visited {color: #2a5687}
a:hover.stable_link {color: #297aa8;}

/* external links */
.content a[href^="http:"], .inner_content a[href^="http:"] {
	padding-right: 9px;
    margin-right: 2px;
	background: transparent url(/themes/default/img/externallink.gif) no-repeat top right;
}

.drop_cap {
    float: left;
    width: 56px;
    height: 56px;
    border: 1px solid #552c29;
    margin: 5px 10px 5px 0;
    font-size: 45px;
    line-height: 43px;
    font-family: nizhitsa;
    color: #552c29;
    text-align: center;
    text-transform: uppercase;
    background: url("/themes/dobrodeya/img/bg3.png") no-repeat 0 0;
    }

@-moz-document url-prefix(){ .drop_cap {line-height: 64px;}} /* dirty hack for ff */

/* =Paragraph
----------------------------------------------- */
p {
    margin: 0 0 15px 0;
	text-align: left;
	line-height: 1.5
    }
h2 p, h3 p {margin: 0;}
h1 p {line-height: 1.2}
h2 p {line-height: 1.3}
h3 p {line-height: 1.5}


/* =List
----------------------------------------------- */
.content ul, .content ol,
.inner_content ul, .inner_content ol {
	padding: 0 1em 1em 0em;
	}
.content ul, .inner_content ul {list-style: outside; margin-left: 0;}
.content ol, .inner_content ol {list-style: decimal outside; margin-left: 3em;}
	.content ol li, .inner_content ol li {margin: 0.5em; line-height: 1.5}
	.content ul li, .inner_content ul li {
        margin: 0.5em 0 0 0;
        padding: 0 0 0 1.2em;
        list-style-type: none;
		line-height: 1.5;
        background: url(/themes/dobrodeya/img/list_dot.png) no-repeat 0 6px;
        }
.content ul ul, .content ol ul,
.inner_content ul ul, .inner_content ol ul {margin-left: .6em; padding-bottom: .4em; padding-top: .4em;}
.content ul li li,  .inner_content ul li li { margin: 0; padding: 0 0 0 1.1em;}

.content ul[class] li {background: none;} /* remove list-bullet from non text-content lists */  
  
/* =text structure
----------------------------------------------- */
img {vertical-align: middle;}
strong, .bold {font-weight: bold;}
q, em {font-style: italic}
code, pre {font: 1.2em/1 "Courier New", Courier, monospace; padding: 1px 2px; background: #eee;}

sup {
	height: 0;
	line-height: 1;
    font-size: 10px;
	vertical-align: baseline;
	position: relative;
    bottom: 1ex;
	}

/* =buttons
----------------------------------------------- */
input[type="submit"], input[type="button"], button {cursor: pointer}

/* =table
----------------------------------------------- */
table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    margin: 15px 0 25px 0;
    }
    table th{
        font-weight: bold;
        border: 1px solid #6f6f6f;
        padding: 2px;
        vertical-align: middle;
        text-align: center;
        color: #000;
        background: #f1ded1
        }
    table td{
        border: 1px solid #999;
        padding: 5px;
        vertical-align: middle;
        text-align: left;
        color: #565656;
        }
/*-----------------------------------------------
Description: Site Layout Styles
Author:   Vyzov agency (http://www.vyzov.ru/)
----------------------------------------------- */

/* =layout
----------------------------------------------- */

html, body {height: 100%;}

body {
	background: #fff url(/themes/dobrodeya/img/bg.png) repeat 0 0;
	color: #000;
	text-align: center;
	}
#container {
    background: url("/themes/dobrodeya/img/bg1.png") no-repeat 50% 0;
	height: 100%;
	position: relative;
	text-align: left;
	}

/* content part wrapper */
#wrapper {
    clear: both;
    position: relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -190px auto;
    width: 996px;
    overflow: hidden;
    background: #fff url(/themes/dobrodeya/img/bg2.png) no-repeat 50% 0;
    }
#underground {
    clear: both;
    height: 190px;
    }


/* =Header
----------------------------------------------- */
#header {
	position: relative;
	height: 300px;
	}

/* icons */
    #root_nav li a {text-indent: -9999px;}
    #root_nav li#to_auth a{
        position: absolute;
        padding: 3px;
        width: 24px; height: 18px;
        overflow: hidden;
        right: 70px; top: 190px;
        background: url(/themes/dobrodeya/img/to_auth.png) no-repeat 0 0;
        }
    #root_nav li#to_auth a:after,
    #root_nav li#to_auth.logged_in a:after{
        content: "";
        background: url(/themes/dobrodeya/img/to_auth.png) no-repeat 0 -25px;
        position: absolute;
        top: 0; left: 0; bottom: 0; right: 0;
        opacity: 0;
        -moz-transition: opacity .5s ease-in;
        -webkit-transition: opacity .5s ease-in;
        -o-transition: opacity .5s ease-in;
        -ms-transition: opacity .5s ease-in;
        transition: opacity .5s ease-in;
        }
    #root_nav li#to_auth a:hover:after,
    #root_nav li#to_auth.logged_in a:hover:after{
        opacity: 1;
        }
    #root_nav li#to_auth.logged_in a {background: url(/themes/dobrodeya/img/to_auth.png) no-repeat 0 -25px;}
    #root_nav li#to_auth.logged_in a:after {background: url(/themes/dobrodeya/img/to_auth.png) no-repeat 0 -54px;}


	/* company logo */
	#logo {
		position: relative;
		top: 60px; left: 30px;
        width: 445px; height: 150px;
		z-index: 2;
        text-indent: -999px;
        }
		#logo p {width: 445px; height: 150px;}
		#logo a {
            display: block;
			cursor: pointer;
            width: 445px; height: 150px;
			}


#auth {top: 170px;}

/* =main navigation
----------------------------------------------- */
#main_nav {
    height: 48px;
    text-align: left;
    margin: 180px 0 20px 0;
    padding: 0 0 10px 0;
    font-family: "Times New Roman";
    font-size: 17px;
    }
#main_nav .inner {
    margin: 0;
    position: relative;
    float: left;
    left: 50%;
    }
#main_nav ul {
    margin: 0;
    height: 48px;
    line-height: 48px;
    padding: 0 2px 0 0;
    right: 50%;
    float: left;
    position: relative;
    }
#main_nav ul li{
    float: left;
    border-left: 1px solid #CDC2B6;
    }
#main_nav ul li:first-child { border: none;}
#main_nav ul li a {
    display: block;
    padding: 0 20px;
    color: #000;
    }
#main_nav ul li a:hover{
    color: #63712b;
    }
#main_nav ul li.active a {
    color: #541e00;
    font-weight: bold;
    text-decoration: none;
    }
.prosto_editmode #main_nav ul li {
    padding-bottom: 0;
    margin-bottom: -11px;
    background: #f1f2ef;
    }
.prosto_editmode #main_nav ul li p{
    height: 48px;
    line-height: 48px;
    padding: 0 20px 0 0;
    background: #f1f2ef;
    color: #1e1e1e;
    z-index: 901;
    position: relative;
    cursor: text;
    }
.prosto_editmode #main_nav ul li.active ,
.prosto_editmode #main_nav .active p{
    background: #D9CCBF;
    font-weight: bold;
    }
.prosto_editmode #main_nav ul li:hover {background: #999;}



/* =Content
----------------------------------------------- */
#content {
	float: left;
	position: relative;
	margin: 0 0 0 340px;
	width: 630px;
	display: inline;
    line-height: 1.4;
	}
	#content .content {
		padding: 10px 22px 0 0;
		margin: 0 0 40px 0;
		min-height: 150px;
		}

/* =Sidebar
----------------------------------------------- */
#sidebar {
	position: relative;
	margin-top: 20px;
	margin-left: -100%;
	width: 260px;
	float: left;
    display: inline;
	padding: 20px 0 25px 36px;
	}
	#sidebar_nav {
		position: relative;
		margin: -20px 0 0 20px;
		padding: 20px 0 0;
		}


/* =subnav
----------------------------------------------- */
#sidebar_nav ul {
    padding-bottom: 80px;
    font-family: "Museo Sans Cyr";
    font-size: 17px;
    }
	 #sidebar_nav ul li {
		line-height: 1.4;
		}
		#sidebar_nav  ul a,
		#sidebar_nav  ul a:visited {
		 	display: inline-block;
			color: #57452d;
			padding: 10px 0 10px 0;
			margin: 0 0 0 25px;
			position: relative;
			line-height: 1.2;
			} 
			#sidebar_nav ul a:hover {color: #826543;}
			#sidebar_nav  ul .active a {
                color: #ef784e;
                /*font-weight: bold;*/
				text-decoration: none;
				cursor: default
				}

	.prosto_editmode #sidebar_nav ul a{
		background: #f1f2ef;
		color: #1e1e1e;
		z-index: 901;
		position: relative;
		cursor: text;
		}
      .prosto_editmode #sidebar_nav ul li {outline: 1px dotted #999; margin-right: -15px;}
	  .prosto_editmode #sidebar_nav ul li p{
            padding: 10px 15px 10px 3px;
			margin-left: 22px;
			line-height: 1.2;
			}
			.prosto_editmode #sidebar_nav ul li.active,
			.prosto_editmode #sidebar_nav .active p {background: #D9CCBF;}
			.prosto_editmode #sidebar_nav ul li:hover {background: #999;}


/* pager
*************************************/
#content .yiiPager {
    margin:0;
    padding:0;
    line-height:100%;
    display:inline;
    font-size: 15px;
    }
#content .yiiPager li {
    display:inline;
    padding: 0; margin: 0;
    }
#content .yiiPager a:link,
#content .yiiPager a:visited {
    padding: 0.30em 0.64em 0.33em 0.64em;
    color: #2a5687;
    }
#content .yiiPager a:hover {
    color: #297aa8
    }
#content .yiiPager .selected a {
    text-decoration: none;
    color: #4f4e4e;
    font-size: 18px;
    cursor: default;
    }
#content .yiiPager .next a,
#content .yiiPager .previous a {
    text-decoration: none;
    font-size: 22px;
    }
#content .yiiPager .hidden a {
    color:#bcbbbb;
    cursor: default;
    }
#content .yiiPager .first,
#content .yiiPager .last {
    display:none;
    }



/* =Footer
----------------------------------------------- */
#footer {
	position: relative;
	height: 190px;
	margin: -190px 0 0 0;
    font-size: 13px;
	color: #4d3b22;
    background: url("/themes/dobrodeya/img/bg1.png") no-repeat 50% 0;
    /*background: #000;*/
    }

    #footer .footer {
        position: relative;
        margin: 0 auto;
        width: 996px;
        font-weight: bold;
        text-shadow: #fff 2px 2px 5px;
        /*text-shadow: rgba(255, 255, 255, 1) 3px 3px 3px;*/
        }

	#footer .address {
		position: absolute;
		left: 46px; top: 140px;
		width: 350px; height: 30px;
		}
        #footer .address p, .footer_tinymce p{
			margin-bottom: 0;
			line-height: 1.4;
			font-size: 13px;
			}
		.prosto_editmode .footer_tinymce p {color: #000;}
        .prosto_editmode #footer .address {
            color: #676767;
            z-index: 901;
            }
	
	#footer .copyright{
            display: block;
			position: absolute;
            left: 46px; top: 105px;
			}
		#footer a {color: #4d3b22;}
			#footer a:hover {color: #000}
		
	
	#footer .logs {
		position: absolute;
		right: 490px; top: 106px;
		}
	
    #footer .developer {
		position: absolute;
		right: 50px; top: 104px;
		text-align: left;
		line-height: 1.4;
		font-size: 12px;
        text-shadow: #fff 2px 2px 5px;
		}
		#footer .developer p {margin: 0 0 2px 0;}
		#footer .developer img {
			position: absolute;
			top: 0px; left: -130px;
			}			

/* =etc
----------------------------------------------- */
.clearfix:after {    
	content: "";
    display: block;
    height: 0; width: 0;
	font-size: 0;
    clear: both;
    visibility: hidden;
	}
.clear { font-size: 0; clear: both;}
.center {text-align: center}
.full_width {width: 100%;}
.blink {text-decoration: none; border-bottom: 1px dashed;}
audio { vertical-align: middle;}