/* * Shop Around style sheet for CSS2-capable browsers. * * Copyright (C) 2008, DC * * Programmed by Ronny Wieckardt . */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 1em; font-family: inherit; vertical-align: baseline; } html, body { width: 100%; height: 100%; } body{ font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif; color: #333; background:#ccc url("../images/bg.gif"); } /* First, set some same defaults. */ p { padding: 0; margin: 0; } a:link,a:visited{ color:#333; text-decoration:none; } a:hover,a:active{ color:#666; text-decoration:none; } h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; font-size: 100%; font-weight: normal; } img { border: none; } ul { padding: 0; margin: 0; } ul li { list-style-type: none; } form { padding: 0; margin: 0; } /* text backgrounds */ .grey{ background:#999; color:#fff; display:inline; padding:1px; } .red{ background:#E92C4A; color:#fff; display:inline; padding:1px; } .blue{ background:#0071BC; color:#fff; display:inline; padding:1px; } /* "#wrapper" encloses all visible HTML elements inside the tag. */ #wrapper { font-family: Arial, sans-serif; font-size: 100%; width: 100%; } /* ".outer" is used on every segment (div) inside "#wrapper". */ #wrapper #outer { } #wrapper #outer #container { width: 945px; margin: auto; overflow:hidden; background:transparent url("../images/bg2.gif") repeat-y; } #wrapper #outer #container .filter{ float: left; margin: 10px 0 0 0; width: 100%; } #wrapper #outer #container .filter .label{ float:left; font-size:65%; } #wrapper #outer #container .filter .pages{ float: left; margin: 0 0 0 5px; display: inline; } #wrapper #outer #container .filter a{ text-decoration: none; } #wrapper #outer #container .filter a:hover{ text-decoration: none; } #wrapper #outer #container .filter .inactive{ float: left; margin: 0 0 0 5px; padding:1px; font-size:65%; color: #cccccc; text-transform: uppercase; display: inline; } #wrapper #outer #container .filter .active{ float: left; margin: 0 0 0 5px; padding:1px; font-size:65%; text-transform: uppercase; display: inline; } #wrapper #outer #container .filter .selected{ float: left; margin: 0 0 0 5px; padding: 1px 5px 1px 4px; font-size:65%; text-transform: uppercase; display: inline; } #wrapper #outer #container .filter .reset{ float: left; margin: 2px 0 0 5px; } #wrapper #outer #container .pagination{ float: left; margin: 10px 0 0 0; width: 100%; } #wrapper #outer #container .pagination .label{ float:left; font-size:65%; } #wrapper #outer #container .pagination .pages{ float: left; margin: 0 0 0 5px; display: inline; } #wrapper #outer #container .pagination a{ text-decoration: none; } #wrapper #outer #containerr .pagination a:hover{ text-decoration: none; } #wrapper #outer #container .pagination .inactive{ float: left; margin: 0 0 0 5px; padding:1px; font-size:65%; color: #cccccc; text-transform: uppercase; display: inline; } #wrapper #outer #container .pagination .active{ float: left; margin: 0 0 0 5px; padding:1px; font-size:65%; text-transform: uppercase; display: inline; } #wrapper #outer #container .pagination .selected{ float: left; margin: 0 0 0 5px; padding: 1px 5px 1px 4px; font-size:65%; text-transform: uppercase; display: inline; } #wrapper #outer #container .tags_container{ float: left; margin: 10px 0 0 0; display: inline; } #wrapper #outer #container .tags_container .label{ float:left; font-size:65%; } #wrapper #outer #container .tags_container .tags { float: left; margin: 1px 0 0 0; font-size:65%; } #wrapper #outer #container .tags_container .tags a{ margin: 0 0 0 5px; padding:1px; text-decoration: none; display: inline; } #wrapper #outer #container .tags_container .tags a:hover{ margin: 0 0 0 5px; padding:1px; text-decoration: none; display: inline; } #wrapper #outer #container .posted_container{ float: left; margin: 10px 0 0 0; display: inline; font-size:65%; color: #ccc; } #wrapper #outer #container .posted_container a{ color: #ccc; } #wrapper #outer #container .posted_container a:hover{ color: #ccc; text-decoration: underline; } #wrapper #outer #container #navigation_container{ float: left; width: 100%; border: 1px #000 solid; } #wrapper #outer #container .navigation{ float: right; margin: 10px 0 0 0; font-size:65%; } #wrapper #outer #container .navigation a{ margin: 0 0 0 10px; padding:1px; text-decoration: none; display: inline; } #wrapper #outer #container .navigation a:hover{ margin: 0 0 0 10px; padding:1px; text-decoration: none; display: inline; } #wrapper #outer #container .navigation .navigate{ margin: 0 0 0 10px; padding:1px; text-decoration: none; color: #e92c4a; display: inline; } #wrapper #outer #container .navigation .navigate:hover{ margin: 0 0 0 10px; padding:1px; text-decoration: none; color: #666; display: inline; } #wrapper #outer #container #sidebar_left{ float:left; display:inline; width:200px; background: #fff url('../images/logo_n.gif') no-repeat; } #wrapper #outer #container #sidebar_left #navigation_footer{ float:left; display:inline; width:200px; height: 150px; background: #fff url('../images/logo_n_bottom.gif') no-repeat; } #wrapper #outer #container #sidebar_left .container{ float:left; display:inline; margin:0 0 0 10px; width:180px; } #wrapper #outer #container #sidebar_left .container #logo{ float:left; display:inline; margin: 20px 0 0 0; width: 180px; height: 110px; } #wrapper #outer #container #sidebar_left .container #search{ float:left; display:inline; margin:0 0 0 0; width:180px; background: #fff; } #wrapper #outer #container #sidebar_left .container #search input{ margin:0; padding: 3px 2px 0px 24px; width:154px; height:17px; font-size:65%; color:#333; border:0px; background: url("../images/search.gif") no-repeat left top; } #wrapper #outer #container #sidebar_left .container #navigation{ float:left; margin:50px 0 0 0; width:180px; } #wrapper #outer #container #sidebar_left .container #navigation .navigation_box{ float: left; border-top:1px dotted #999; width: 100%; background: #fff; } #wrapper #outer #container #sidebar_left .container #navigation .navigation_box .social { float: left; margin: 10px 0 0 -5px; padding: 0 0 10px 0; display: inline; } #wrapper #outer #container #sidebar_left .container #navigation .navigation_box .social a { float: left; margin: 0 0 0 5px; display: inline; } #wrapper #outer #container #sidebar_left .container #navigation .navigation_box #newsletter{ float: left; } #wrapper #outer #container #sidebar_left .container #navigation .navigation_box #newsletter .row{ float: left; margin: 3px 0 0 0; width:180px; } #wrapper #outer #container #sidebar_left .container #navigation .navigation_box #newsletter .row .more { color: #fff; font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif; font-style: normal; } #wrapper #outer #container #sidebar_left .container #navigation .navigation_box #newsletter .row .more:hover { text-decoration: underline; } #wrapper #outer #container #sidebar_left .container #navigation .navigation_box #newsletter .row .input{ border: 1px #cccccc solid; width:180px; } #wrapper #outer #container #sidebar_left .container #navigation .navigation_box ul{ float: left; display: block; margin:10px 0 0 0; padding: 0 0 10px 0; } #wrapper #outer #container #sidebar_left .container #navigation .navigation_box ul li{ float: left; font-family: Georgia, Times New Roman, serif; font-style:italic; color:#333; border:none; margin: 0; padding: 0; width: 100%; clear: both; } #wrapper #outer #container #sidebar_left .container #navigation .navigation_box ul li ul{ float: left; display:block; margin: 10px 0 0 0; padding: 0 0 10px 10px; } #wrapper #outer #container #sidebar_left .container #navigation .navigation_box ul li ul li{ height:16px; } #wrapper #outer #container #sidebar_left .container #navigation .navigation_box .navigation_main{ font-size:18px; } #wrapper #outer #container #sidebar_left .container #navigation .navigation_box .navigation_sub{ font-size:14px; } #wrapper #outer #container #sidebar_left .container #navigation .navigation_box .navigation_sub a.sel:link,#wrapper #outer #container #sidebar_left .container #navigation .navigation_box .navigation_sub a.sel:visited{ float: left; color:#e92c4a; text-decoration:none; } #wrapper #outer #container #sidebar_left .container #navigation .navigation_box .navigation_sub a.sel:hover,#wrapper #outer #container #sidebar_left .container #navigation .navigation_box .navigation_sub a.sel:active{ float: left; color: #333; text-decoration:none; } #wrapper #outer #container #sidebar_left .container #navigation .navigation_box .navigation_subsub{ font-size:11px; } #wrapper #outer #container #sidebar_left .container #navigation .navigation_box .navigation_subsub a.sel:link,#wrapper #outer #container #sidebar_left .container #navigation .navigation_box .navigation_subsub a.sel:visited{ background:#333; color:#fff; display:inline; padding:1px; text-decoration:none; } #wrapper #outer #container #sidebar_left .container #navigation .navigation_box .navigation_subsub a.sel:hover,#wrapper #outer #container #sidebar_left .container #navigation .navigation_box .navigation_subsub a.sel:active{ background:#999; color:#fff; display:inline; padding:1px; text-decoration:none; } #wrapper #outer #container #sidebar_left .container #navigation .navigation_box .navigation_subsub h3{ font-weight:normal; font-size:14px; color:#E92C4A; } #wrapper #outer #container #content_small_container{ float:left; margin:0 0 0 30px; padding: 0 0 30px 0; width:520px; display: inline; } #wrapper #outer #container #content_small_container a:link, #wrapper #outer #container #content_small_container a:visited{ color:#e92c4a; text-decoration:none; } #wrapper #outer #container #content_small_container a:hover, #wrapper #outer #container #content_small_container a:active{ color:#666; text-decoration:none; } #wrapper #outer #container #content_small_container .clean:link, #wrapper #outer #container #content_small_container .clean:visited{ color:#333; text-decoration:none; } #wrapper #outer #container #content_small_container .clean:hover, #wrapper #outer #container #content_small_container .clean:active{ color:#666; text-decoration:none; } #wrapper #outer #container #content_small_container .basic_content { float:left; width: 100%; } #wrapper #outer #container #content_small_container .basic_content .highlighted{ text-decoration: none; color: #e92c4a; display: inline; } #wrapper #outer #container #content_small_container .basic_content .highlighted:hover{ text-decoration: none; color: #666; display: inline; } #wrapper #outer #container #content_small_container .basic_content p{ font-size: 70%; } #wrapper #outer #container #content_small_container .container{ float:left; margin:0 0 0 20px; width:480px; display: inline; } #wrapper #outer #container #content_small_container .header{ float:left; margin:30px 0 0 0; width: 100%; } #wrapper #outer #container #content_small_container .header h1{ font-family: Georgia, Times New Roman, serif; font-style:italic; font-weight:normal; font-size: 150%; } #wrapper #outer #container #content_small_container .subheader{ float:left; margin:20px 0 0 0; width: 100%; } #wrapper #outer #container #content_small_container .subheader h1{ font-family: Georgia, Times New Roman, serif; font-style:italic; font-weight:normal; font-size: 90%; } /* NEWS */ #wrapper #outer #container #content_small_container #news_container{ float: left; display: inline; width:480px; } #wrapper #outer #container #content_small_container #news_container .edit_mode{ background: #d4eaff; } #wrapper #outer #container #content_small_container #news_container .order_btns{ float: left; margin: 5px 0 0 5px; height:20px; display: inline; } #wrapper #outer #container #content_small_container #news_container .order_btns img{ float:left; margin:2px 0px 0px 4px; display:inline; } #wrapper #outer #container #content_small_container #news_container .edit_btns{ float: right; margin: 5px 5px 0 0; height:20px; display: inline; } #wrapper #outer #container #content_small_container #news_container .edit_btns img{ float:left; margin:2px 0px 0px 4px; display:inline; } #wrapper #outer #container #content_small_container .news_item{ float: left; margin: 10px 0 0 0; width:480px; } #wrapper #outer #container #content_small_container .news_item .visual { float: right; margin: 0 0 0 10px; display: inline; } #wrapper #outer #container #content_small_container .news_item h1{ font-family: Georgia, Times New Roman, serif; font-style:italic; font-weight:normal; font-size: 90%; } #wrapper #outer #container #content_small_container .news_item p{ font-size: 70%; } #wrapper #outer #container #content_small_container .news_item .posted { float: left; font-weight:normal; color: #ccc; } #wrapper #outer #container #content_small_container .news_item .more{ float: left; margin: 5px 0 0 0; color: #ffffff; } #wrapper #outer #container #content_small_container .news_item .more:hover{ color: #ffffff; text-decoration: underline; } #wrapper #outer #container #content_small_container .news_item_edit{ float: left; width:480px; } /* PROJECTS */ #wrapper #outer #container #content_small_container #projects_container{ float: left; margin: 0 0 0 -16px; display: inline; width: 500px; } #wrapper #outer #container #content_small_container .project_row{ float: left; margin: 10px 0 0 0; } #wrapper #outer #container #content_small_container .project{ float: left; margin: 0 0 0 16px; width: 108px; display: inline; } #wrapper #outer #container #content_small_container .project .visual{ position: relative; float: left; width: 108px; height: 108px; background: #cccccc; } #wrapper #outer #container #content_small_container .project .visual .overlay{ position: absolute; top: 0; left: 0; width: 108px; height: 108px; z-index: 10; } #wrapper #outer #container #content_small_container .project .visual .overlay a{ float: left; width: 108px; height: 108px; background: none; } #wrapper #outer #container #content_small_container .project .visual .overlay a:hover{ float: left; width: 108px; height: 108px; background: #e92c4a; opacity: 0.8; filter: alpha(opacity=80); } #wrapper #outer #container #content_small_container .project .content{ float: left; width: 108px; } #wrapper #outer #container #content_small_container .project .edit_mode{ background: #d4eaff; } #wrapper #outer #container #content_small_container .project .content .order_btns{ float: left; margin: 5px 0 0 5px; height:20px; display: inline; } #wrapper #outer #container #content_small_container .project .content .order_btns img{ float:left; margin:2px 0px 0px 4px; display:inline; } #wrapper #outer #container #content_small_container .project .content .edit_btns{ float: right; margin: 5px 5px 0 0; height:20px; display: inline; } #wrapper #outer #container #content_small_container .project .content .edit_btns img{ float:left; margin:2px 0px 0px 4px; display:inline; } #wrapper #outer #container #content_small_container .project .content .title{ float: left; margin: 5px 0 0 5px; width: 98px; text-align: center; font-size: 70%; display: inline; } /* SEARCH RESULTS CONTAINER */ /* NEWS */ #wrapper #outer #container #content_small_container #search_container{ float: left; margin: -10px 0 0 0; display: inline; width:480px; } #wrapper #outer #container #content_small_container .search_news{ float: left; margin: 20px 0 0 0; width:480px; } #wrapper #outer #container #content_small_container .search_news img { float: right; margin: 0 0 0 10px; display: inline; } #wrapper #outer #container #content_small_container .search_news h1{ font-family: Georgia, Times New Roman, serif; font-style:italic; font-weight:normal; font-size: 90%; } #wrapper #outer #container #content_small_container .search_news p{ font-size: 70%; } #wrapper #outer #container #content_small_container .search_news .posted { float: left; font-weight:normal; color: #ccc; } #wrapper #outer #container #content_small_container .search_news .posted a{ color: #ccc; } #wrapper #outer #container #content_small_container .search_news .posted a:hover{ color: #ccc; text-decoration: underline; } #wrapper #outer #container #content_small_container .search_news .more{ float: left; margin: 5px 0 0 0; color: #ffffff; } #wrapper #outer #container #content_small_container .search_news .more:hover{ color: #ffffff; text-decoration: underline; } #wrapper #outer #container #content_small_container .search_project_big{ float: left; margin: 20px 0 0 0; width:480px; } #wrapper #outer #container #content_small_container .search_project_big .visual { float: left; width: 480px; } #wrapper #outer #container #content_small_container .search_project_big .content { float: left; margin: 5px 0 0 0; } #wrapper #outer #container #content_small_container .search_project_big .content h1{ font-family: Georgia, Times New Roman, serif; font-style:italic; font-weight:normal; font-size: 90%; } #wrapper #outer #container #content_small_container .search_project_big .content p{ font-size: 70%; } /* start big content container */ #wrapper #outer #container #content_big_container{ float:left; margin:0 0 0 30px; width:715px; min-height: 1024px; height: 100%; background: #ffffff; display: inline; } #wrapper #outer #container #content_big_container a:link, #wrapper #outer #container #content_big_container a:visited{ color:#e92c4a; text-decoration:none; } #wrapper #outer #container #content_big_container a:hover, #wrapper #outer #container #content_big_container a:active{ color:#666; text-decoration:none; } #wrapper #outer #container #content_big_container #container{ float:left; margin:0 0 0 20px; width:675px; display: inline; background: #ffffff; } #wrapper #outer #container #content_big_container #header{ float:left; margin:30px 0 0 0; width: 100%; } #wrapper #outer #container #content_big_container #header h1{ font-family: Georgia, Times New Roman, serif; font-style:italic; font-weight:normal; font-size: 150%; } #wrapper #outer #container #content_big_container #project_container{ float: left; margin: 10px 0 0 0; width: 100%; } #wrapper #outer #container #content_big_container #project_container #visual{ position: relative; float: left; } #wrapper #outer #container #content_big_container #project_container #visual #caption{ float: left; width: 100%; font-size: 70%; font-style: italic; } #wrapper #outer #container #content_big_container #project_container #visual #corners{ position: absolute; width: 92px; height: 100%; z-index: 25; display: none; } #wrapper #outer #container #content_big_container #project_container #visual #zoom{ position: absolute; width: 92px; height: 22px; z-index: 20; display: none; } #wrapper #outer #container #content_big_container #project_container #visual #zoom .zoom { position: absolute; left: 0; top : 0; width: 92px; height: 22px; z-index: 25; background: #ffffff; } #wrapper #outer #container #content_big_container #project_container #visual #enlarge{ position: absolute; width: 100%; height: 100%; z-index: 15; background: #333333; opacity: 0.2; filter: alpha(opacity=20); display: none; } #wrapper #outer #container #content_big_container #project_container #visual .tl { position: absolute; left: 5px; top : 5px; width: 20px; height: 20px; z-index: 20; } #wrapper #outer #container #content_big_container #project_container #visual .tr { position: absolute; right: 5px; top : 5px; width: 20px; height: 20px; z-index: 20; } #wrapper #outer #container #content_big_container #project_container #visual .bl { position: absolute; left: 5px; bottom : 5px; width: 20px; height: 20px; z-index: 20; } #wrapper #outer #container #content_big_container #project_container #visual .br { position: absolute; right: 5px; bottom : 5px; width: 20px; height: 20px; z-index: 20; } #wrapper #outer #container #content_big_container #project_container #thumb_container { float: left; margin: 0 0 0 -5px; padding: 0 0 15px 0; display: inline; width: 690px; } #wrapper #outer #container #content_big_container #project_container #thumb_container .thumb_row { float: left; margin: 5px 0 0 0; } #wrapper #outer #container #content_big_container #thumb_container .thumb{ float: left; margin: 0 0 0 5px; width: 63px; height: 63px; background: #cccccc; display: inline; } #wrapper #outer #container #content_big_container #thumb_container .thumb .visual{ position: relative; float: left; width: 63px; height: 63px; } #wrapper #outer #container #content_big_container #thumb_container .thumb .visual .overlay{ position: absolute; top: 0; left: 0; width: 63px; height: 63px; z-index: 10; } #wrapper #outer #container #content_big_container #thumb_container .thumb .visual .overlay a{ float: left; width: 63px; height: 63px; background: none; } #wrapper #outer #container #content_big_container #thumb_container .thumb .visual .overlay a:hover{ float: left; width: 63px; height: 63px; background: #e92c4a; opacity: 0.6; filter: alpha(opacity=60); } #wrapper #outer #container #content_big_container #project_container #content{ float: left; margin: 0 0 0 0; padding: 0 0 15px 0; display: inline; } #wrapper #outer #container #content_big_container #project_container #content a{ text-decoration: none; color: #e92c4a; display: inline; } #wrapper #outer #container #content_big_container #project_container #content a:hover{ text-decoration: none; color: #666; display: inline; } #wrapper #outer #container #content_big_container #project_container #content p{ float: left; width: 100%; font-size: 70%; } #wrapper #outer #container #content_big_container #project_container #content .file{ float: left; clear: both; width: 100%; } #wrapper #outer #container #content_big_container #project_container #content .file img{ float: left; } #wrapper #outer #container #content_big_container #project_container #content .file a{ float: left; margin: 1px 0 0 5px; font-size: 70%; display: inline; } #wrapper #outer #container #content_big_container #project_container #content .file a:hover{ float: left; margin: 1px 0 0 5px; font-size: 70%; display: inline; } #wrapper #outer #container #sidebar_right{ float:left; margin: 0 0 0 30px; width:165px; display:inline; } #wrapper #outer #container #sidebar_right .container { float:left; padding: 0 0 30px 0; display: inline; width:161px; } #wrapper #outer #container #sidebar_right .container #news_container{ float: left; width: 100%; color:#333; } #wrapper #outer #container #sidebar_right .container #news_container .edit_mode{ border:2px #d4eaff solid; } #wrapper #outer #container #sidebar_right .container #news_container .edit_btns{ position:absolute; bottom:0; right:0; height:20px; background:#d4eaff; } #wrapper #outer #container #sidebar_right .container #news_container .edit_btns img{ float:left; display:inline; margin:2px 0px 0px 4px; } #wrapper #outer #container #sidebar_right .container #news_container .news_item{ float:left; position:relative; margin:30px 0 0 0; width: 161px; background:#fff; } #wrapper #outer #container #sidebar_right .container #news_container .news_item .container { float:left; display: inline; margin: 10px 0 0 10px; padding: 0 0 10px 0; width: 145px; } #wrapper #outer #container #sidebar_right .container #news_container .news_item .ni_header h1{ font-family: Georgia, Times New Roman, serif; font-style:italic; font-weight:normal; font-size: 90%; } #wrapper #outer #container #sidebar_right .container #news_container .news_item .ni_date{ font-size: 70%; color: #cccccc; } #wrapper #outer #container #sidebar_right .container #news_container .news_item .ni_date a{ color: #ccc; } #wrapper #outer #container #sidebar_right .container #news_container .news_item .ni_date a:hover{ color: #ccc; text-decoration: underline; } #wrapper #outer #container #sidebar_right .container #news_container .news_item .ni_content{ font-size: 70%; } #wrapper #outer #container #sidebar_right .container #news_container .news_item .ni_content img{ float: left; margin: 5px 0 0 0; padding: 0 0 5px 0; display: inline; } #wrapper #outer #container #sidebar_right .container #news_container .news_item .ni_footer{ float: left; margin: 5px 0 0 0; font-size: 70%; } #wrapper #outer #container #sidebar_right .container #news_container .news_item .ni_footer .more{ float: left; margin: 5px 0 0 0; color: #ffffff; } #wrapper #outer #container #sidebar_right .container #news_container .news_item .ni_footer .more:hover{ color: #ffffff; text-decoration: underline; } #wrapper #outer #container #sidebar_right .container #news_container .banner{ float:left; position:relative; margin:30px 0 0 0; width: 161px; } #wrapper #outer #container #footer { float: left; width: 945px; background: #eeeeee; font-size: 70%; } #wrapper #outer #container #footer .container { float: left; margin: 10px 0 0 10px; padding: 0 0 10px 0; width: 925px; display: inline; } #wrapper #outer #container #footer .container .info { margin: 0 0 0 -15px; float: left; width: 800px; } #wrapper #outer #container #footer .container .info span { margin: 0 0 0 15px; float: left; } #wrapper #outer #container #footer .container .login { float: left; width: 135px; text-align: right; } /* ADMIN */ #wrapper #outer #container #admin { float: left; width: 945px; background: #d4eaff url("../images/bg_admin.gif") no-repeat; } #wrapper #outer #container #admin .container { float:left; margin:20px 0 0 20px; padding: 0 0 20px 0; width:905px; display: inline; } #wrapper #outer #container #admin .container #header{ float:left; width: 100%; } #wrapper #outer #container #admin .container #header h1{ font-family: Georgia, Times New Roman, serif; font-style:italic; font-weight:normal; font-size: 150%; } /* */ #wrapper #outer #container #admin .container #recent_projects_container{ float:left; width: 590px; } #wrapper #outer #container #admin .container #recent_projects_container .category_container{ float:left; width: 590px; } #wrapper #outer #container #admin .container #recent_projects_container .category_container .header{ float: left; margin: 20px 0 0 0; width: 590px; } #wrapper #outer #container #admin .container #recent_projects_container .category_container .header h1{ font-family: Georgia, Times New Roman, serif; font-style:italic; font-weight:normal; font-size: 100%; } #wrapper #outer #container #admin .container #recent_projects_container .category_container .add_selection{ float: left; margin: 10px 0 0 0; width: 590px; } #wrapper #outer #container #admin .container #recent_projects_container .category_container .row{ float: left; margin: 5px 10px 0 0; width: 285px; display: inline; } #wrapper #outer #container #admin .container #recent_projects_container .category_container .row .select_project{ float: left; width: 25px; height: 63px; display: inline; } #wrapper #outer #container #admin .container #recent_projects_container .category_container .row .visual{ float: left; margin: 0 0 0 5px; width: 63px; height: 63px; display: inline; } #wrapper #outer #container #admin .container #recent_projects_container .category_container .row .content{ float: left; margin: 0 0 0 5px; width: 148px; font-size: 75%; } #wrapper #outer #container #admin .container #selected_projects_container{ float:left; width: 315px; } #wrapper #outer #container #admin .container #selected_projects_container{ float:left; width: 315px; } #wrapper #outer #container #admin .container #selected_projects_container #header{ float:left; margin: 5px 0 0 0; font-size: 70%; font-weight: bold; } #wrapper #outer #container #admin .container #selected_projects_container #item_container{ float:left; margin: 4px 0 0 0; width: 315px; } #wrapper #outer #container #admin .container #selected_projects_container #item_container .item{ float:left; margin: 1px 0 0 0; width: 315px; } #wrapper #outer #container #admin .container #selected_projects_container #item_container .odd{ background: #eeeeee; } #wrapper #outer #container #admin .container #selected_projects_container #item_container .even{ background: #ffffff; } #wrapper #outer #container #admin .container #selected_projects_container #item_container .over{ background: #fbffba; } #wrapper #outer #container #admin .container #selected_projects_container #item_container .item .container{ float:left; margin: 5px 0 0 0; padding:0 0 5px 0; width: 305px; display: inline; } #wrapper #outer #container #admin .container #selected_projects_container #item_container .item .container .visual{ float:left; margin: 0 0 0 5px; width: 63px; height: 63px; } #wrapper #outer #container #admin .container #selected_projects_container #item_container .item .container .content{ float:left; margin: 0 0 0 5px; display: inline; font-size: 70%; } #wrapper #outer #container #admin .container #selected_projects_container #item_container .item .container .options{ float:right; height: 15px; } #wrapper #outer #container #admin .container #selected_projects_container #item_container .item .container .options .option{ float:left; margin: 0 0 0 5px; display:inline; } /* */ #wrapper #outer #container #admin .container #edit_data_container{ float:left; width: 590px; } #wrapper #outer #container #admin .container #edit_data_container .row{ float: left; margin: 5px 0 0 0; width: 570px; } #wrapper #outer #container #admin .container #edit_data_container .row .label{ float: left; width: 100px; font-size: 70%; } #wrapper #outer #container #admin .container #edit_data_container .row .field_content{ float: left; width: 470px; font-size: 70%; } #wrapper #outer #container #admin .container #edit_media_container{ float:left; width: 315px; } #wrapper #outer #container #admin .container #edit_media_container #header{ float:left; margin: 5px 0 0 0; font-size: 70%; font-weight: bold; } #wrapper #outer #container #admin .container #edit_media_container #item_container{ float:left; margin: 4px 0 0 0; width: 315px; } #wrapper #outer #container #admin .container #edit_media_container #item_container .item{ float:left; margin: 1px 0 0 0; width: 315px; } #wrapper #outer #container #admin .container #edit_media_container #item_container .odd{ background: #eeeeee; } #wrapper #outer #container #admin .container #edit_media_container #item_container .even{ background: #ffffff; } #wrapper #outer #container #admin .container #edit_media_container #item_container .over{ background: #fbffba; } #wrapper #outer #container #admin .container #edit_media_container #item_container .item .container{ float:left; margin: 5px 0 0 0; padding:0 0 5px 0; width: 305px; display: inline; } #wrapper #outer #container #admin .container #edit_media_container #item_container .item .container .visual{ float:left; margin: 0 0 0 5px; width: 35px; height: 35px; } #wrapper #outer #container #admin .container #edit_media_container #item_container .item .container .file_name{ float:left; margin: 0 0 0 5px; display: inline; font-size: 70%; } #wrapper #outer #container #admin .container #edit_media_container #item_container .item .container .options{ float:right; height: 15px; } #wrapper #outer #container #admin .container #edit_media_container #item_container .item .container .options .option{ float:left; margin: 0 0 0 5px; display:inline; } #wrapper #outer #container #admin .container #edit_media_container #item_container .item .container .extra_container{ float:left; margin: 5px 0 0 5px; width: 305px; } #wrapper #outer #container #admin .container #edit_media_container #item_container .item .container .extra_container .row{ float: left; margin: 5px 0 0 0; width: 305px; } #wrapper #outer #container #admin .container #edit_media_container #item_container .item .container .extra_container .label{ float: left; width: 305px; font-size: 70%; } #wrapper #outer #container #admin .container #edit_media_container #item_container .item .container .extra_container .field_content{ float: left; width: 305px; font-size: 70%; } #wrapper #outer #container #admin .container #edit_media_container #item_container .item .container .extra_container .field_content a{ float: left; color: #e92c4a; text-decoration: none; } #wrapper #outer #container #admin .container #edit_media_container #item_container .item .container .extra_container .field_content a:hover{ float: left; color: #666; text-decoration: none; } /* EDIT FORM */ .edit_project{} .edit_project .input { color: #000000; background: #ececec; border: 1px solid #d7d7d7; width: 460px; } .edit_project .textarea { color: #000000; background: #ececec; border: 1px solid #d7d7d7; width: 460px; height: 150px; } .edit_project .submit { float: left; margin: 0 0 0 397px; width: 63px; height: 20px; background: #333333; cursor: pointer; border: none; display: inline; color: #fff; } .edit_project_extra{} .edit_project_extra .input { color: #000000; background: #ffffff; border: 1px solid #d7d7d7; width: 300px; } .edit_project_extra .file { color: #000000; background: #ffffff; border: 1px solid #d7d7d7; width: 50px; } .edit_project_extra .textarea { color: #000000; background: #ffffff; border: 1px solid #d7d7d7; width: 300px; height: 75px; } .edit_project_extra .submit { float: left; margin: 0 0 0 238px; width: 63px; height: 20px; background: #333333; cursor: pointer; border: none; display: inline; color: #fff; } /* LOGIN */ #login { position: absolute; top: 0; width: 100%; height: 100%; display: none; z-index: 100; } #loginbg { width: 100%; height: 100%; opacity: 0.5; position: absolute; top: 0; left: 0; background-color: #282828; } #loginbg { width: 100%; height: 100%; opacity: 0.5; position: absolute; top: 0; left: 0; background-color: #282828; } #loginfg { width: 14em; height: 12em; margin-top: -6em; margin-left: -7em; position: absolute; top: 50%; left: 50%; background-color: #ffffff; border: 1px solid #8c8c8c; } #loginfg form { padding: 10px; display: block; color: #282828; } #loginfg form p { padding: 0 0 0.5em 0; margin: 0; font-size: 140%; line-height: 1em; } #loginfg form p span { display: block; } #loginfg form p.keepmeloggedin { font-family: Helvetica, Arial, sans-serif; font-size: 72%; }