/* Theme Name: Amphitheatre Theme URI: http://wp.mogki.com/amphitheatre/ Description: A minimalistic HTML5 theme. Version: 1.1 Author: Alice Fox Author URI: http://mogki.com Tags: white, black, light, flexible-width, theme-options */ /* General Formatting */ body { padding:0; margin: 0; color: #666666; font-family: sans-serif; font-size: 1em; background:#FFFFFF; text-align: center; text-align:left; } img { border: none; } img a:hover { background:none; } a { color:#191919; text-decoration:none; } #content a:hover { color: #FFFFFF; background:#000000; text-decoration:none; } .clear { clear:both; } hr { background: none repeat scroll 0 0 #ECECEC; border: medium none; height: 1px; clear:left; } .amp { font-style:italic; font-family:Trebuchet MS; } .archivefloat { float: left; margin: 10px; width: 40%; } .attachment img { } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; margin-bottom: 10px; margin-right: 10px; } .alignright { float: right; margin-bottom: 10px; margin-left: 10px; } /* Headers */ h1 { color: #484848; font-family: 'AllerLightRegular', Myriad Pro, "Trebuchet MS", Arial, Verdana, sans-serif; font-weight: normal; margin: 5px 0 0; font-size: 1.7em; text-shadow: 0 0 3px #cfcfcf; } h2 { color: #484848; font-family: 'AllerLightRegular', Myriad Pro, "Trebuchet MS", Arial, Verdana, sans-serif; font-weight: normal; margin: 5px 0 0; } h3 { color: #484848; font-family: 'AllerLightRegular', Myriad Pro, "Trebuchet MS", Arial, Verdana, sans-serif; font-weight: normal; margin: 5px 0 0; } h4 { color: #333333; font-family: 'AllerLightRegular', Myriad Pro, "Trebuchet MS", Arial, Verdana, sans-serif; font-weight: normal; margin: 5px 0 0; } h5 { color: #333333; font-family: 'AllerRegular', Myriad Pro, "Trebuchet MS", Arial, Verdana, sans-serif; font-weight: normal; margin: 5px 0 0; } /* Navigation */ #access { display: block; float: left; font-family: 'MelbourneRegular', Myriad Pro, "Trebuchet MS", Arial, Verdana, sans-serif; font-size: 1.2em; font-weight: normal; list-style-type: none; padding-left:10px; text-transform: uppercase; margin-right:25px; } #access .menu-header, div.menu { float: left; } #access .menu-header ul, div.menu ul { list-style: none outside none; margin: 0; padding: 0; } #access .menu-header li, div.menu li { float: left; position: relative; list-style: none outside none; } #access a { color: #000000; display: block; line-height: 40px; padding: 0 10px; text-decoration: none; } #access ul ul { background: none repeat scroll 0 0 #FFFFFF; display: none; float: left; left: 0; padding: 0; position: absolute; top: 38px; min-width: 150px; z-index: 99999; } #access ul ul ul { left: 100%; top: 0; } #access ul ul a { height: auto; line-height: 1em; min-width:130px; padding: 10px; } #access li:hover > a { color: #FFFFFF; background:#000000; } #access ul ul *:hover > a { background: none repeat scroll 0 0 #000000; color: #FFFFFF; min-width: 130px; font-weight: normal; } #access ul li:hover > ul { display: block; } #access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a { font-weight:bold; } #access ul li.current_page_item > a:hover { color: #FFFFFF; background:#000000; } /* Header */ #header { padding: 0px; } #site-title { display:block; margin: 15px 0 0; padding:0px; color:#FFFFFF; background:#000000; } #site-title:hover { margin: 15px 0 0; padding:0px; color:#000000; background: #FFFFFF; display:block; width:400px; } #site-description { font-family: Myriad Pro, "Trebuchet MS", Arial, Verdana, sans-serif; font-weight:normal; font-size:1.5em; padding:0 0 5px 15px; margin: -8px 0 0 0; } #header { margin: 0 auto; background:#FFFFFF; top:0; border-bottom:4px #c1c1c1 double; opacity:.8; position:fixed; z-index:99; min-width: 930px; padding: 0 10px; width: 98%; } #header:hover { opacity:1; } #site-title a:link, #site-title a:visited { font-family: 'BebasNeueRegular', Georgia, Times New Roman, Arial, sans-serif; font-size: 2.6em; font-weight: normal; text-decoration: none; padding-left:10px; margin:0px; padding-bottom:0px; color:#FFFFFF; } #site-title h2 { color:#FFFFFF; } #site-title:hover h2 { color:#000000; } #site-title:hover a:link, #site-title:hover a:visited { font-family: 'BebasNeueRegular', Georgia, Times New Roman, Arial, sans-serif; font-size: 2.6em; font-weight: normal; text-decoration: none; margin:0px; padding-bottom:0px; padding-left:10px; color:#000000; background: #FFFFFF; } .page #site-title a:link, .post #site-title a:visited { font-family: 'BebasNeueRegular', Georgia, Times New Roman, Arial, sans-serif; font-size: 2.6em; font-weight: normal; text-decoration: none; padding-left:10px; margin:0px; padding-bottom:0px; color:#000000; } .page #site-title h2 { color:#000000; } .page #site-title:hover h2 { color:#FFFFFF; } .page #site-title:hover a:link, .page #site-title:hover a:visited { font-family: 'BebasNeueRegular', Georgia, Times New Roman, Arial, sans-serif; font-size: 2.6em; font-weight: normal; text-decoration: none; margin:0px; padding-bottom:0px; padding-left:10px; color:#FFFFFF; background: #000000; } .page #site-title { display:block; margin:0px; padding:0px; color:#000000; background:#FFFFFF; } .page #site-title:hover { margin:0px; padding:0px; color:#FFFFFF; background: #000000; display:block; width:100%; } #backtotop { font-size: 1.8em; position: absolute; right: 15px; top: 0; width: 25px; } /* Content */ #content { padding-top:45px; font-size: .7em; } .container { margin: 0 auto; min-width: 930px; padding: 0 10px; width: 98%; } /* Sidebar */ #sidebar { border-bottom: 1px dashed #D5D5D5; display: block; float: right; padding-bottom: 10px; background: none repeat scroll 0 0 #FFFFFF; } /* Post Elements */ .page article, .post article, .single article { display: block; margin-right: 330px; } .postfooter { border-bottom: 1px dashed #D5D5D5; border-top: 1px solid #ECECEC; display: block; margin-top: 5px; padding: 8px 0; } .postmeta { float: right; margin-top: 3px; text-align: right; width: 240px; } .day { float: right; font: italic 34px/100% "Times New Roman", Times, serif; margin-left: 0; padding: 0; } .month { display: inline-block; font-family: "Times New Roman", Times, serif; font-size: 16px; font-size-adjust: none; font-stretch: normal; font-style: italic; font-variant: small-caps; line-height: 15px; margin-right: -2px; padding-top: 3px; } .year { display: block; font: 11px/8px "Times New Roman", Times, serif; margin: 2px 0 0; } .time { color: #989898; display: block; float: left; font-size: 1.1em; text-transform: lowercase; width: 60px; } .boxheader { background: none repeat scroll 0 0 #FCFCFC; border-bottom: 1px solid #F3F3F3; border-top: 1px solid #F6F6F6; display: block; clear: left; margin-top: 5px; } .boxheader h1 { padding: 2px 0 5px 10px; } .subheader { background: #F7F7F7; border-top: 1px solid #ECECEC; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 0.9em; font-weight: normal; letter-spacing: 1px; margin-top: 5px; padding: 1px 5px; text-align: left; text-transform: uppercase; } .subheader img { border: 0px none; height: 11px; padding: 0 3px 0 5px; } .box { margin: 10px 0px; overflow: hidden; padding: 0; } .wp-post-image { background: none repeat scroll 0 0 #F7F7F7; border: 1px solid #E2E2E2; height: auto; max-width: 99%; padding: 2px; } .attachment-thumbnail { } .box img { height: auto; max-width: 99%; } .more-link { background: none repeat scroll 0 0 #FFFFFF; display: block; float: right; margin-top: 3px; padding: 0; right: 0; } .box p { text-align:justify; line-height: 1.4em; } .attachment-col1img, .attachment-col2img { margin-top:5px; } .col1 { width: 300px; } .col2 { width: 600px; margin-top:0px; } .tags { background: url("images/tag.png") 0 50% no-repeat; ; display: inline; padding-left: 16px; } .post .boxheader h1 { padding: 2px 0 5px 10px; } .post .subheader { background: none repeat scroll 0 0 #F7F7F7; border-top: 1px solid #ECECEC; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 0.9em; font-weight: normal; letter-spacing: 1px; margin-top: 5px; padding: 5px 0 5px 10px; text-align: left; text-transform:none; } /* Comments */ .bypostauthor .subheader { background: url(images/stripes.png) #F7F7F7; } #comments { padding:0px 0px 5px 10px; clear: left; display: block; } .avatar { background: none repeat scroll 0 0 #FCFCFC; border: 1px solid #F6F6F6; float: left; left: 0; padding: 5px; top: 0; margin-right:10px; margin-bottom:5px; } .comment-reply-link { font-size: 12px; float:right; margin-right:10px; } .comment { border-bottom: medium none; margin-top: 15px; display:block; } .commentlist li { list-style-type:none; list-style-image:none; } #respond { clear: left; display: block; padding-top: 10px; } #respond h2 { padding: 2px 0 5px 10px; } .comment-float { background: none repeat scroll 0 0 #FFFFFF; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight: normal; letter-spacing: 1px; margin-top: 15px; opacity: 0.8; padding: 5px 10px; position: absolute; text-transform: uppercase; } .comment-float:hover { color:#FFFFFF !important; background: none repeat scroll 0 0 #000000; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight: normal; letter-spacing: 1px; margin-top: 15px; opacity: 0.8; padding: 5px 10px; position: absolute; text-transform: uppercase; } .comment-float:hover a { color:#FFFFFF; } /* Form Elements */ #s { background: none repeat scroll 0 0 #F8F8F8; border-color: #DCDCDC; border-style: solid none; border-width: 1px medium; color: #3B3B3B; float: left; font-size: 12px; font-style: italic; margin: 3px 0; padding: 1px 10px; text-align: left; width: 150px; } #searchsubmit { background: url("images/search.gif") no-repeat scroll right center transparent; border: 0 none; cursor: pointer; float: left; height: 25px; margin: 0; overflow: hidden; padding: 2px; text-indent: 9999px; width: 22px; } #searchform label { display:none; } input[type="submit"], input[type="button"], #submit { background: none repeat scroll 0 0 #F7F7F7; border: 1px solid #DCDCDC; color: #484848; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; letter-spacing: 2px; margin: 5px; padding: 5px; text-transform: uppercase; } input[type="submit"]:hover, input[type="button"]:hover, #submit:hover { background: none repeat scroll 0 0 #262626; border: 0 none; color: #FFFFFF; border: 1px solid #171717; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; letter-spacing: 2px; margin: 5px; padding: 5px; text-transform: uppercase; cursor:pointer; } textarea, input, select { font-family: "Courier New", Courier, monospace; border: 1px solid #DCDCDC; letter-spacing: 1px; margin: 5px; padding: 5px 10px; } fieldset { border: 1px solid #ECECEC; } #wp-calendar { margin: 0 auto; } .postmeta em { color: #BABABA; font-family: Georgia; } .widgettitle { border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 1em; font-weight: normal; letter-spacing: 1px; margin: 5px 0; padding: 6px 2px; text-transform: uppercase; } li { list-style-image: url(images/bull.gif) } ul, menu, dir { display: block; list-style-type: disc; padding-left: 20px; text-align: left; } /* Footer */ #footerwrap { clear: left; display: block; float: left; left: 50%; list-style: none outside none; margin-bottom: 0; margin-left: 0; margin-right: 0; padding: 0; position: relative; } #footer { border-top: 4px double #F5F5F5; float: left; overflow: hidden; padding-top: 20px; position: relative; width: 100%; text-align:center; } #footer section { display: block; float: left; list-style: none outside none; margin: 0; padding: 0; position: relative; right: 50%; border-top: 1px solid #C1C1C1; float: left; margin-left: 15px; width: 200px; } .footertitle { color: #484848; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 1.1em; font-weight: normal; letter-spacing: 2px; text-align: center; text-transform: uppercase; margin: -10px 0px 10px 0px; } .white { background:#FFFFFF; } #credit a { background: url("images/mogki.png") no-repeat scroll 0 0 transparent; display: block; width: 146px; text-indent: -9999px; height: 40px; opacity:0.6; } #credit { margin: 0 auto 20px; width: 146px; height: 40px; } #credit a:hover { background: url("images/mogki.png") no-repeat scroll 0 0 transparent !important; display: block; width: 146px; text-indent: -9999px; height: 40px; opacity:1; } /* Gallery */ .gallery { display: block; margin: 0 auto; overflow: hidden; padding:10px 0px; } .gallery .gallery-row { display: block; margin: 0; overflow: hidden; float:left; } .gallery .gallery-item { padding: 0; text-align: center; } .gallery-caption { display:none; } .gallery-item img { background: none repeat scroll 0 0 #F7F7F7; border: 1px solid #E2E2E2; float: left; height: auto; margin: 3px 3px 0; padding: 3px; } .gallery-item a:hover img { background: none repeat scroll 0 0 #262626; border:1px solid #000; padding:3px; } #content .gallery-item a:hover { background: none transparent; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } .wp-caption-text { text-align:center !important; } /* Pagination */ .navigation_group { clear: left; color: #000000; display: block; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; letter-spacing: 0.04em; margin: 10px 0; padding: 10px 0; text-transform: uppercase; min-height:10px; } .prev { float: right; list-style: none outside none; padding: 0; } .prev img { background: none repeat scroll 0 0 #F7F7F7; border: 1px solid #E2E2E2; float: right; height: auto; margin: 3px 3px 0; padding: 3px; } .prev img:hover { background: none repeat scroll 0 0 #262626; border:1px solid #000; padding:3px; } .next img:hover { background: none repeat scroll 0 0 #262626; border:1px solid #000; padding:3px; } .next img { background: none repeat scroll 0 0 #F7F7F7; border: 1px solid #E2E2E2; float: left; height: auto; margin: 3px 3px 0; padding: 3px; } .emm-paginate { font-size: 1.1em; text-align: center; } .emm-page { border-radius: 100px; -moz-border-radius: 100px; background: none repeat scroll 0 0 #F5F5F5; margin: 5px 3px; padding: 5px 10px; } .emm-next { border-radius: 100px; -moz-border-radius: 100px; background: none repeat scroll 0 0 #F5F5F5; margin: 5px 3px; padding: 5px 10px; } .emm-prev { border-radius: 100px; -moz-border-radius: 100px; background: none repeat scroll 0 0 #F5F5F5; margin: 5px 3px; padding: 5px 10px; } .emm-current { border-radius: 100px; -moz-border-radius: 100px; background: none repeat scroll 0 0 transparent; font-weight: bold; margin: 5px; padding: 5px 0; } .next { float: left; } /* I really hate this thing */ #wpadminbar { display:none; }