silverstripe-simple/css/layout.css

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 20, 2012 06:04:25 AM America/New_York */
@font-face {
    font-family: 'GoudyBookletter1911Regular';
    src: url('../webfonts/goudy_bookletter_1911-webfont.eot');
    src: url('../webfonts/goudy_bookletter_1911-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/goudy_bookletter_1911-webfont.woff') format('woff'),
         url('../webfonts/goudy_bookletter_1911-webfont.ttf') format('truetype'),
         url('../webfonts/goudy_bookletter_1911-webfont.svg#GoudyBookletter1911Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

header:after, .main:after {height:0;content:".";display:block;clear:both;visibility:hidden;}

body{background:#ededed; min-width:240px;-webkit-text-size-adjust: none;}

::-moz-selection{background:#b80000; color:#fff; text-shadow:none;}
::selection {background:#b80000; color:#fff; text-shadow:none;}
a:link {-webkit-tap-highlight-color:#b80000;}

a.btn{background:#b80000; color:#fff; display:inline-block; border-radius:4px; padding:6px 15px; margin-top:10px; text-transform:uppercase; letter-spacing:1px; border-bottom:none !important; font-size:13px;}
a.btn:after{content:'\2192'; padding-left:10px;  font-size:14px; font-family:Arial, Helvetica, sans-serif;}
a.btn:hover{background:#d80000; color:#fff;}
.content img{border:5px solid #d7d7d7; width:60%; height:auto; float:left; margin:6px 20px 10px 0;}
.content ul{margin:20px 0 20px 30px;}
.content li{line-height:22px; margin-bottom:5px; list-style-type:disc;}

.content-container h1{font-size:35px; border-bottom:1px solid #e5e5e5; padding-bottom:7px; margin-bottom:23px;}
.content-container h1 span.amp{font-family:Baskerville,"Goudy Old Style","Palatino","Book Antiqua",Georgia; font-style:italic;}
.content-container h2{font-size:25px; margin-bottom:15px; padding-top:15px;}
.content-container h3{font-size:21px; margin-bottom:10px; padding-top:10px;}
.content a{border-bottom:1px dashed #b80000;}

.brand{float:left;}
.brand h1{font-size:50px; font-family:"Helvetica Neue LT Pro", "Helvetica LT Std", Helvetica, Arial, sans-serif;color:#fff; font-weight:bold;}
.brand, .brand:hover{color:#fff;}

.header .primary ul{float:right; margin:27px -15px 0 0; white-space:nowrap;}
.header .primary li{float:left; padding-bottom:20px; margin:0 5px;}
.header .primary li a{color:#888; font-size:15px; font-family:Helvetica, Arial, sans-serif; padding:7px 8px 5px; border-radius:4px; font-weight:bold; display:block; -moz-transition:color 0.2s; -webkit-transition:color 0.2s; transition:color 0.2s;}
.header .primary li a:hover{color:#fff;} 
.header .primary li.section a, .header .primary li.current a{color:#fff;}
.header .primary li.section, .header .primary li.current{background:url(../images/selected.png) center bottom no-repeat;}

.inner{max-width:1100px; margin:0 auto; padding:0 30px; overflow-x:hidden;}
.ie6 .inner {width:960px;}
.ie7 .inner, .ie7 .inner{min-width:800px;}
.main{background:#fff; padding:50px 0 60px;}
aside{float:left; width:20%; margin-top:17px;}

.secondary h3{font-size:20px; color:#b8b7b7; margin-bottom:11px;}
.secondary {border-bottom:1px solid #e5e5e5;}
.secondary li{border-top:1px solid #e5e5e5; position:relative;}
.secondary li .arrow{color:#b80000; padding-right:5px; display:block; font-size:15px; position:absolute; left:2px; top:5px; -moz-transition:0.2s; -webkit-transition:0.2s; transition:0.2s;}
.secondary li:hover .arrow{left:6px;}
.secondary li a{padding:8px 0; display:block; width:100%; text-transform:uppercase; letter-spacing:1px; font-size:11px; color:#666;}
.secondary li .text {padding-left:28px; display:block;}
.secondary li.section, .secondary li.current{background-color:#f9f9f9;}
.secondary li.section a, .secondary li.current a{color:#000;}

.content-container{float:right; width:75%; padding-bottom:20px;}
.no-sidebar .content-container{float:left;}
.header{background:#161616;}
.header .inner{padding-top:50px;}

.footer{color:#999; background:#ededed; padding:20px 0; font-size:11px;}
.footer a{color:#999;}
.footer .left{float:left; color:#000; display:block;}
.footer .right{float:right; display:block;}
.footer span{padding:0 3px; color:#bbb;}
.footer .primary{display:inline-block;}
.footer .primary li{display:inline-block;}
.ie6 .footer .primary li, .ie7 .footer .primary li{display:inline; zoom:1; margin-right:10px;}
.footer .primary li:after{padding:0 3px 0 5px; content:'/'; color:#999;}
.footer .primary li:last-child:after{content:'';}
.footer .arrow{padding:0 8px 0 5px; color:#b80000; font-size:13px;}


@media only screen and (max-width: 960px) {
.content img{width:97%; height:auto; margin:0 0 20px;}
}

@media only screen and (max-width: 700px) {
.brand{margin-left:12px; margin-bottom:15px;}
.header .inner{padding:10px 0 5px 5px;}
.header .primary ul {float:left; width:100%; margin:10px 0 0 0; white-space:normal;} 
.header .primary ul li{margin:0 0 10px 6px; padding-bottom:0; background-image:none !important;}
.header .primary ul li.current a, .header .primary ul li.section a{background-color:#525252;}
.main{padding:20px 0 45px;}
.content-container, aside{width:100%;}
.content-container h1{font-size:30px; margin-bottom:15px; padding-bottom:3px;}
.content-container p{font-size:14px; line-height:24px;}
p.intro{font-size:20px; line-height:28px;}
.inner{padding:0 22px;}
.secondary li a{line-height:22px;}
.footer .right{float:left; padding-top:14px; width:100%;}
}


@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
	.header,  .footer{display:none;}
  a, a:visited { text-decoration: underline; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}