/* Theme Name: Atelier Center projectenTeksten Theme URI: http://chhr.nl/ Description: The default WordPress themetransformed. Version: 1.0 Author: Chris Heidecker Author URI: http://chhr.nl/ Atelier v1.0 http://chhr.nl This theme was designed and built by Chris Heidecker The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ body { color: #f5f5f5; font-size: 78%; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.4em; background-color: #97a2a7; background-image: url("images/green/bgWide.gif"); background-repeat: repeat-y; background-position: 50% 0; text-align: center; margin: 0; padding-top: 0; padding-left: 0 } #vlak { background-image: url(images/green/bgWide.gif); background-repeat: repeat; background-position: 50% 0; width: 100%; height: auto } #balk { background-image: url(images/green/LG1.gif); position: absolute; z-index: 3; top: 35px; left: 0; width: 50%; height: 175px } p {} td {} #wrapper { background-image: url(images/green/bgMG2.gif); background-repeat: repeat-y; margin-top: 0; margin-left: 0; padding-top: 0; padding-left: 0; width: 800px } #home { font-size: 90%; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.4em; background-image: url(images/green/bgMG2.gif); background-repeat: repeat-y; text-align: left; margin: auto; padding-top: 0; padding-left: 0; position: relative; z-index: 5; width: 800px } #info { font-size: 90%; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.4em; background-image: url(images/green/bgMG2.gif); background-repeat: repeat-y; text-align: left; margin: auto; padding-top: 0; padding-left: 0; position: relative; z-index: 5; width: 800px } #project { font-size: 90%; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.4em; background-image: url(images/green/bgMG2.gif); background-repeat: repeat-y; margin-top: 0; margin-left: 0; padding-top: 0; padding-left: 0; width: 800px } #banner { margin-right: 0; margin-left: 0; padding-right: 35px; padding-left: 321px; width: 444px } #header { background-image: url(images/green/bgGreen1.gif); margin: 0; padding: 0; width: 800px; height: 35px } #header1 { background-image: url(images/MDGray/bgMG2.gif); margin: 0; padding: 0; width: 800px; height: 48px } #header2 { background-image: url(images/MDGray/bgMG2.gif); margin: 0; padding: 0; width: 800px; height: 223px } #barPict { margin-left: 321px; width: 444px; height: 175px } #aai { margin-left: 321px; padding: 12px 0 3px; width: 444px; height: 20px } #home #bar { background-image: url(images/green/bgGreen1.gif); margin: 0; padding: 0; width: 800px; height: 175px; clear: left } #info #bar { background-image: url(images/green/bgLG2.gif); margin: 0; padding: 0; width: 800px; height: 175px; clear: left } #project #bar { background-image: url(images/green/bgMG2.gif); margin: 0; padding: 0; width: 800px; height: auto; clear: left } #home #logo { background-image: url(images/green/Logo.gif); margin: 0; padding: 0; position: absolute; left: 51px; width: 270px; height: 175px; float: left } #info #logo { background-image: url(images/LGray/Logo.gif); margin: 0; padding: 0; position: absolute; left: 51px; width: 270px; height: 175px; float: left } #project #logo { background-image: url("images/MGray/Logo.gif"); margin: 0; padding: 0; position: absolute; left: 51px; width: 270px; height: 175px; float: left; clear: left } #menubar { margin-left: 321px; padding: 65px 0 0; width: 444px; clear: right } #atelier { margin: 0; padding: 0; width: 444px; height: 20px; clear: right } #home #line { background-image: url(images/green/lijn.gif); margin: 0; padding: 0; width: 444px; height: 5px; clear: right } #info #line { margin: 0; padding: 0; width: 444px; height: 5px; clear: right } #project #line { background-image: url(images/green/lijn.gif); margin: 0 0 0 321px; padding: 0; width: 444px; height: 5px; clear: right } #bar #menu { margin: 0; padding: 0; width: 444px; height: 20px; clear: right } #project #menu { margin: 0 0 0 321px; padding-top: 3px; width: 444px; height: 20px; clear: right } #projectenmenu { margin: 0 0 0 321px; padding-top: 3px; width: 444px; height: 20px; clear: right } #projectLijst { color: #463e49; background-image: url(images/MGreen/bgGreen2.gif); list-style-position: outside; margin: 0; padding: 0; width: 800px } #projectlijst ul { list-style-type: none } #projectTekst { color: #fff; margin-left: 343px; padding: 5px 0 0; width: 400px; height: 170px; clear: right } #infoTekst { width: 800px } #projectFoto { background-image: url(images/green/bgLG2.gif); padding-top: 22px; width: 800px; border-style: solid; border-width: 1px 1px 0 0; border-color: #768891 } #projectFoto .kolom img { text-align: center; padding: 0 0 22px } .kolom { margin-left: 343px; padding-bottom: 22px; width: 400px } .sidebar { margin: 0; padding: 0; position: absolute; left: 51px; width: 270px; float: left; clear: left } #info #footer { background-image: url(images/green/bgDG2.gif); padding-top: 3px; width: 800px; height: 22px; clear: both } #info #realfoot { background-image: url(images/green/bgMG3.gif); padding-top: 3px; width: 800px; height: 12px; clear: both } #project #footer { background-image: url(images/MGreen/bgGreen2.gif); padding-top: 3px; width: 800px; height: 22px } #home #footer { background-image: url("images/green/bgDG2.gif"); background-position: -321px 0; margin-left: 321px; padding-top: 3px; width: 479px; height: 22px; clear: both } #home #realfoot { background-image: url("images/green/bgMG3.gif"); padding-top: 3px; width: 800px; height: 12px; clear: both } #info #footChhr { color: #b2f6b6; font-size: 0.9em; line-height: 1.6em; margin-left: 51px; clear: both } #project #footChhr { color: #74af7c; font-size: 0.9em; line-height: 1.2em; margin-left: 51px } #home #footChhr { color: #74af7c; font-size: 0.9em; line-height: 1.6em; text-align: right; margin-right: 60px; margin-left: 24px } #pagenav a { color: #4a525a; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: none; background-color: #b1bec4; margin-left: 8px; padding: 2px 8px 2px 6px } #pagenav a:hover { color: #4a4a4a; text-decoration: none; background-color: #b2f6b6 } .vlakPlaatje { margin: 0; padding: 0; position: absolute; top: 210px; left: 0; width: 321px } .testplaatje { margin-top: 6px; margin-bottom: 14px; position: absolute; left: 167px; float: left; clear: left; border: solid 1px #646e78 } a:hover .testplaatje { margin-top: 6px; margin-bottom: 14px; position: absolute; left: 167px; float: left; clear: left; border: solid 1px #acfa77 } h3 { color: #bbf6b3; font-size: 1.17em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; text-decoration: none; text-indent: 10px; letter-spacing: 0.12ex; margin: 1.4em 0 0.4em } h2 { font-size: 1.5em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin: 0.83em 0 } h3 a { color: #bbf6b3; text-decoration: none } h3 a:hover { color: #0f3; text-decoration: none } a { color: #b2f6b6; text-decoration: none } a:link { color: #b2f6b6; text-decoration: none } a:visited { color: #b2f6b6 } a:hover { color: lime } .firstpict { margin-top: 6px; margin-bottom: 14px; position: absolute; left: 167px; width: 130px; float: left; clear: left; border: solid 1px #646e78 } .kolom img { margin-top: 6px; margin-bottom: 14px; position: absolute; left: 167px; float: left; clear: left; border: solid 1px #646e78 } .kolom a:visited img { margin-top: 6px; margin-bottom: 14px; position: absolute; left: 167px; float: left; clear: left; border: solid 1px #646e78 } .kolom a:hover img { margin-top: 6px; margin-bottom: 14px; position: absolute; left: 167px; float: left; clear: left; border: solid 1px white ; -moz-opacity: 1; filter: alpha(opacity=100); opacity: 1} a:hover .firstpict { margin-top: 6px; margin-bottom: 14px; position: absolute; left: 167px; width: 130px; float: left; clear: left; border: solid 1px #b2f6b6 } hr { visibility: hidden; clear: both } .kolomminh { width: 1px; height: 96px; float: right } .navigation { text-align: center; display: block; margin-top: 10px; margin-bottom: 60px } .alignleft { margin-top: 12px; float: left } .alignright { margin-top: 12px; float: right } .alignleft a { color: white; text-decoration: none } .alignleft a:visited { color: white; text-decoration: none } .alignright a { color: white; text-decoration: none } .alignright a:visited { color: white; text-decoration: none } .alignleft a:hover { color: #b2f6b6; text-decoration: none } .alignright a:hover { color: #b2f6b6; text-decoration: none } .projectentry { margin: 0 0 6px 343px; padding: 0; width: 400px; height: 102px; min-height: 102px } .projectlistentry { margin: 0 0 6px 343px; padding: 0; width: 400px } .projectentry h4 { font-size: 1.1em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; margin: 0.6em 0 0.1em } .projectlistentry h4 { font-size: 1em; font-weight: normal; margin: 0.01em 0 } .projectentry h4 a { color: white } .projectlistentry h4 a { color: white } .projectentry h4 a:visited { color: white } .projectlistentry h4 a:visited { color: white } .projectentry h4 a:hover { color: lime } .projectlistentry h4 a:hover { color: lime } .projectlistentry h3 { font-weight: bold; text-align: right; margin: 0.2em 0 0.01em } .singleentry { text-align: left; margin-left: 343px; padding-top: 22px; padding-bottom: 22px; width: 400px } .singleentry img { margin: 6px 6px 8px 8px; height: 72px; border: solid 1px #77b086 } .singleentry a:hover img { border: solid 1px #fff } .projectcat h3 { color: white; font-size: 1.4em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; text-align: left; text-indent: 10px; letter-spacing: 0.12ex; margin-top: 1.4em; margin-bottom: 0.8em; margin-left: 333px; width: 400px } .projectlistcat h3 { color: #bbf6b3; font-size: 1.17em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; text-decoration: none; text-align: left; text-indent: 10px; letter-spacing: 0.12ex; margin-top: 1.4em; margin-bottom: 0.8em; margin-left: 343px; width: 400px } .projectentry img { visibility: visible; position: absolute; left: 167px; float: left; clear: left; border: solid 1px white; -moz-opacity: .7; filter: alpha(opacity=70); opacity: .7 } .projectlistentry img { visibility: visible; position: absolute; left: 167px; float: left; clear: left; border: solid 1px white; -moz-opacity: .3; filter: alpha(opacity=30); opacity: .3 } .projectentry a:visited img { visibility: visible; position: absolute; left: 167px; float: left; clear: left; border: solid 1px white; -moz-opacity: .7; filter: alpha(opacity=70); opacity: .7 } .projectlistentry a:visited img { visibility: visible; position: absolute; left: 167px; float: left; clear: left; border: solid 1px white; -moz-opacity: .3; filter: alpha(opacity=30); opacity: .3 } .projectentry a:hover img { visibility: visible; position: absolute; z-index: 1; left: 167px; float: left; clear: left; border: solid 1px #fff; -moz-opacity: 1.0;filter: alpha(opacity=100); opacity: 1.0 } .projectlistentry a:hover img { visibility: visible; position: absolute; z-index: 1; left: 167px; float: left; clear: left; border: solid 1px #fff; -moz-opacity: 1.0; filter: alpha(opacity=100); opacity: 1.0 } .illustratie { margin: 0; padding: 0; position: absolute; top: 210px; left: 0; width: 321px } .thumbfloat { visibility: hidden; width: 300px; float: left } .thumbfloat img { visibility: visible; margin: 6px; height: 48px; float: right; border: solid 1px #484848 } .thumbline img { margin: 4px; width: 36px; height: 24px; border: solid 1px #484848; -moz-opacity: .5; filter: alpha(opacity=50); opacity: .5 } .thumbfloat a img { border: solid 1px #484848 } .thumbline a img { border: solid 1px #484848 } .thumbfloat a:hover img { border: solid 1px #b2f6b6; -moz-opacity: 1; filter: alpha(opacity=100); opacity: 1 } .thumbline a:hover img { border: solid 1px #b2f6b6; -moz-opacity: 1; filter: alpha(opacity=100); opacity: 1 } #projectenmenuthumbnails { text-align: center; margin: 22px 22px 22px 343px; padding-top: 3px; width: 400px; clear: right }