/* glass css for carnero.cc sites */

@media all {
    body {
        background-color: #000;
        padding: 0px;
        font-family: "Droid Sans", Tahoma, Verdana, "Geneva CE", Arial, lucida, sans-serif;
        font-size: 110%;
    }

    /* -- A standard */
    a, a:visited {
	color: #888;
	background-color: transparent;
	text-decoration: none;
	border-bottom: 1px #666666 solid;
	padding: 0px 2px 0px 2px;
    }
    a:hover, a:visited:hover {
	color: #09F;
	background-color: transparent;
	text-decoration: none;
	border-bottom: 1px #09F solid;
	padding: 0px 2px 0px 2px;
    }

    /* -- A paging */
    a.paging, a.paging:visited, a.paging:hover, a.paging:visited:hover {
	border-bottom: 0px;
    }

    /* -- A menu */
    div#side ul#menu li a, div#side ul#domains li a {
	display: block;
	padding: 5px;
	color: #AAA;
	background: transparent;
	border: none;
    }
    div#side ul#menu li.active_category a, div#side ul#domains li.active_category a {
	display: block;
	padding: 5px;
	color: #09F;
	background: transparent;
	border: none;
    }
    div#side ul#menu li a:hover, div#side ul#domains li a:hover {
	color: #FFF;
	background: transparent;
	border: none;
    }
    div#side ul#menu li.active_category a:hover, div#side ul#domains li.active_category a:hover {
	color: #FFF;
	background: transparent;
	border: none;
    }

    /* -- A submenu */
    a.submenu_next, a.submenu_next:visited {
	font-size: 95%;
	color: #888;
	text-align: left;
	background-color: transparent;
	text-decoration: none;
	border: 0px;
	border-bottom: 1px #888 solid;
	padding: 0px 2px 0px 2px;
    }
    a.submenu_next:hover, a.submenu_next:visited:hover {
	font-size: 95%;
	color: #09F;
	text-align: left;
	background-color: transparent;
	text-decoration: none;
	border: 0px;
	border-bottom: 1px #09F solid;
	padding: 0px 2px 0px 2px;
    }

    /* -- A image */
    a.img, a.img:visited {
	background-color: transparent;
	padding: 0px;
	border: 0px;
	margin: 0px;
    }
    a.img:hover, a.img:visited:hover {
	background-color: transparent;
	padding: 0px;
	border: 0px;
	margin: 0px;
    }

    /* hedalines */
    /* -- Hx standard */
    h1 {
        display: inline;
        font-size: 100%;
        font-weight: normal;
        color: #AAA;
        background-color: transparent;
    }

    h2 {
        font-size: 260%;
        font-weight: normal;
        text-align: left;
        color: #09F;
        margin: 0px 2px 1px 2px;
        padding: 3px 0px 0px 0px;
        border: 0px;
    }

    h3, h4, h5, h6, h7 {
        font-size: 200%;
        font-weight: normal;
        text-align: left;
        color: #09F;
        margin: 0px 2px 1px 2px;
        padding: 3px 0px 0px 0px;
        border: 0px;
    }

    /* paragraph */
    /* -- P standard */
    p {
	color: #888;
	text-align: justify;
	line-height: 1.5em;
	margin: 1px 6px 1px 6px;
    }
    div.item_block p {
	text-indent: 1.8em;
    }
    div#side p, div#side div.p {
	margin: 1px 2px 1px 2px;
    }
    div.item_block p, div.block p, div.commblock p, div.commblock_trusted p {
	margin-top: 1.2em;
    }
    div.item_block p.warn, div.block p.warn {
	background-color: #111111;
	margin: 12px 25px 12px 25px;
	padding: 5px;
	border: 1px #AAA solid;
    }
    p#add_new_item, p#add_new_file {
	display: none;
    }

    /* -- P class */
    p.next {
	display: none;
    }

    /* -- P side columns */
    div#side p {
	font-size: 90%;
	color: #AAA;
	text-align: left;
	line-height: 1.5em;
	margin: 0px 0px 0px 5px;
	border: 0px;
    }
    /* div */
    div {
	font-size: 92%;
	color: #AAA;
    }

    /* div: ids */
    div#middle {
	background: url('/images/bcg.jpg') transparent top center repeat-y;
	width: 900px;
	margin: 0px auto;
    }
    div#logo {
	width: 100%;
	height: 111px;
	padding: 0px;
	border: 0px;
	font-size: 120%;
	text-align: center;
	color: #AAA;
    }
    div#start-of {
	width: 100%;
	height: 39px;
	padding: 0px;
	border: 0px;
	background: url('/images/start-of.jpg') transparent top center no-repeat;
    }
    div#content {
	width: 696px;
	float: left;
	margin: 0px 2px 0px 12px;
	padding: 0px;
	border: 0px;
	background: #000;
	text-align: left;
    }
    div#side {
	width: 178px;
	float: right;
	margin: 0px;
	border: 0px;
	padding: 0px 3px 0px 0px;
    }
    div#title {
	font-size: 85%;
	font-weight: normal;
	color: #AAA;
	letter-spacing: 0.1em;
	background-color: transparent;
	text-align: right;
	margin: 0px 2px 1px 2px;
    }
    div#end-of {
	width: 100%;
	height: 39px;
	text-align: right;
	margin: 0px;
	border: 0px;
	padding: 0px;
	background: url('/images/end-of.jpg') transparent top center no-repeat;
	clear: both;
    }

    /* div: classes */
    div.item_block {
	color: #AAA;
	background-color: transparent;
	padding: 0px;
	margin: 10px 2px 20px 2px;
    }
    div.block {
	color: #AAA;
	background-color: transparent;
	padding: 0px;
	margin: 10px 2px 20px 2px;
    }
    div.paging {
	font-size: 92%;
	text-align: center;
	color: #999999;
	margin: 0px 2px 20px 2px;
    }
    div.left {
	text-align: left;
    }
    div.right {
    	text-align: right;
    }
    div.center {
    	text-align: center;
    }
    div.errblock {
	color: #AAA;
	background-color: #111111;
	border: 1px #FF0000 solid;
	padding: 5px;
	margin: 10px 2px 20px 2px;
    }
    div.map {
	width: 580px;
	height: 400px;
	margin: 3px 5px 3px 5px;
	padding: 1px;
	border: 2px #888 solid;
	float: none;
    }

    /* span: classes */
    span.small {
	font-size: 90%;
    }

    /* image: classes */
    img.clear {
	margin: 3px 5px 3px 5px;
	padding: 0px;
	border: 0px;
	float: none;
    }
    img.border {
	margin: 3px 5px 3px 5px;
	padding: 1px;
	border: 2px #888 solid;
	float: none;
    }
    a:hover img.border, a:hover:visited img.border {
	margin: 3px 5px 3px 5px;
	padding: 1px;
	border: 2px #09F solid;
	float: none;
    }
    img.clear_more {
	margin: 0px;
	padding: 0px;
	border: 0px;
	float: none;
    }
    img.icon {
	vertical-align: text-bottom;
	margin: 0px;
	padding: 0px;
	border: 0px;
	float: none;
    }

    /* strong */
    div.item_block strong {
	color: #AAA;
    }
    strong.red {
	color: #FFFFFF;
    }

    /* lists */
    div#side ul#menu, div#side ul#domains {
	width: 170px;
	padding: 0px;
	margin: 3px 0px 25px 3px;
    }
    div#side ul#menu li, div#side ul#domains li {
	display: block;
	height: 35px;
	margin: 2px 0px 7px 0px;
	font-size: 125%;
	list-style-type: none;
	text-align: center;
	background: url('/images/menu-button.png') transparent center top no-repeat;
    }
    div#side ul#menu li:hover {
	background: url('/images/menu-button-active.png') transparent center top no-repeat;
    }
    div#side ul#domains li:hover {
	background: url('/images/menu-button-active-domains.png') transparent center top no-repeat;
    }
    ul, ol {
	color: #888;
	text-align: left;
	line-height: 1.5em;
    }

    /* inputs */
    input, select, option {
        width: 180px;
        font-family: "Droid Sans", Tahoma, Verdana, "Geneva CE", Arial, lucida, sans-serif;
        font-size: 92%;
        color: #888;
        background-color: #000;
        border: 1px #888 solid;
        margin: 1px 2px 1px 2px;
        padding: 1px 4px 1px 4px;
    }

    option {
        width: 100%;
        background-color: #111111;
        margin: 0px;
        border: 1px #333333 solid;
        padding: 1px 4px 1px 4px;
    }

    textarea {
        font-family: "Droid Sans", Tahoma, Verdana, "Geneva CE", Arial, lucida, sans-serif;
        height: 150px;
        width: 330px; /* max 668px */
        font-size: 92%;
        color: #888;
        background-color: #000;
        border: 1px #888 solid;
        margin: 1px 2px 1px 2px;
        padding: 1px 4px 1px 4px;
    }
    
    /* inputs: classes */
    input.mini {
        width: 20px;
    }
    
    /* all elements */
    .nocss {
        display: none;
    }

    /* calendar */
    table.calendar {
        font-size: 92%;
        text-align: right;
        border: 0px;
        padding: 0px;
        margin: 1px 2px 1px 2px;
    }

    table.calendar th {
        width: 20px;
        padding: 1px;
        border: 1px transparent solid;
        text-align: center;
    }

    table.calendar td {
        width: 20px;
        padding: 1px;
        border: 1px transparent solid;
        cursor: default;
    }

    table.calendar td.den-6, table.calendar td.den-7 {
      background-color: #080808;
    }

    table.calendar td.den-ni, table.calendar td.den-nie {
        font-weight: bold;
        cursor: pointer;
        background: url('/images/calendar_event.png') transparent center bottom repeat-x;
    }

    table.calendar td.den-ne {
        font-weight: bold;
        cursor: pointer;
        background: url('/images/calendar_event_ev.png') transparent center bottom repeat-x;
    }

    table.calendar td.den-nit, table.calendar td.den-net, table.calendar td.den-niet {
        font-weight: bold;
        cursor: pointer;
        border: 1px #09F solid;
    }

    table.calendar td.den-nt {
        border: 1px #09F solid;
    }

    div.event {
        display: none;
        position: absolute;
        right: 0px;
        width: 500px;
        color: #AAA;
        background-color: #111;
        border: 1px #AAA solid;
        padding: 7px;
        z-index: 9;
    }
    
    /* ================= */
    .clear {
        clear: both;
    }

    /* paticka */
    div#footer {
        width: 696px;
        float: left;
        margin: 0px 2px 0px 12px;
        padding: 0px;
        border: 0px;
        background: #000;
        text-align: left;
        border-top: 1px #333 solid;
    }

    #footer .item {
        width: 160px;
        float: left;
        margin: 10px 20px 10px 0px;
    }

    #footer .wide {
        width: 300px;
    }

    #footer .full {
        width: auto;
        clear: both;
    }

    #footer #about {
        font-size: 85%;
        margin: 3px 0px 3px 0px;
        padding: 0px 0px 0px 18px;
        clear: left;
    }

    #footer .item ul, #footer .item p {
        margin: 3px 0px 3px 0px;
        padding: 0px 0px 0px 18px;
    }

    #footer .item ul.thin {
        width: 130px;
        float: left;
    }

    #footer .item ul li {
        list-style-type: none;
        text-align: left;
    }

    #gallery, #admin, #search {
        padding: 2px;
        color: #AAA;
        font-size: 80%;
        background-color: transparent;
        margin: 10px 0px 10px 0px;
        clear: both;
    }
}