/* HTML */
/********************************************************/
html
{ height: 100%;}
*
{ margin: 0;
padding: 0;}
body
{
background: rgb(237, 233, 225); /* Fallback for older browsers without RGBA-support */
background: rgba(237, 233, 225, 0.5);
margin-top: 0;
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
-moz-osx-font-smoothing: grayscale; /* Fix for firefox rendering */
font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
font-size: 18px;
line-height: 28px;
}
p
{
padding: 0 0 20px 0;
line-height: 1.7em;
}
/* Images */
/********************************************************/
img
{
padding: 0 8px 8px 8px;
}
img.featured
{
padding: 0 8px 8px 8px;
margin-left: auto;
margin-right: auto;
}
img.icon
{
padding-right: 8px;
}
#grow{
transition: 0.5s ease;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
}
#grow:hover{
-webkit-transform: scale(2,2);
-moz-transform:scale(2,2);
position:absolute;
}
/* Text */
/********************************************************/
h1
{
font: 34px 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
-moz-osx-font-smoothing: grayscale; /* Fix for firefox rendering */
padding: 10px 0 5px 0;
color: #066;
font-weight: 300;
}
h2
{
font-size: 22px;
color: #706f6f;
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
-moz-osx-font-smoothing: grayscale; /* Fix for firefox rendering */
margin: 0 0 15px 0;
padding: 0 0 5px 0;
font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
font-weight: lighter;
}
h3
{
font: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
-moz-osx-font-smoothing: grayscale; /* Fix for firefox rendering */
margin: 0 0 15px 0;
font-size: 90%;
color: #B48A7C;
padding-top: 10px;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
h4
{ font: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
-moz-osx-font-smoothing: grayscale; /* Fix for firefox rendering */
margin: 0 0 15px 0;
padding: 10px 0 5px 0;
color: #066;
padding: 0 0 5px 0;
font-size: 110%;
text-transform: uppercase;
}
h5
{ font: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
-moz-osx-font-smoothing: grayscale; /* Fix for firefox rendering */
margin: 0 0 15px 0;
padding: 10px 0 5px 0;
color: #B48A7C;
padding: 0 0 5px 0;
font-size: 110%;
text-transform: uppercase;
}
h6
{ font: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
-moz-osx-font-smoothing: grayscale; /* Fix for firefox rendering */
margin: 0 0 15px 0;
font-size: 13px;
color: #666;
line-height: 16px;
}
button{
display: block;
border-bottom:solid 1px #FEFEFC;
width: 100%;
padding:10px 0;
color: #3A3530;
font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif, bold;
font-size: 16px;
text-align: left;
padding-left: 10px;
background: rgb(87,150,208);
background: -moz-linear-gradient(top, rgba(87,150,208,1) 0%, rgba(61,109,153,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(87,150,208,1)), color-stop(100%,rgba(61,109,153,1)));
background: -webkit-linear-gradient(top, rgba(87,150,208,1) 0%,rgba(61,109,153,1) 100%);
background: -o-linear-gradient(top, rgba(87,150,208,1) 0%,rgba(61,109,153,1) 100%);
background: -ms-linear-gradient(top, rgba(87,150,208,1) 0%,rgba(61,109,153,1) 100%);
background: linear-gradient(to bottom, rgba(214,204,197,1) 0%,rgba(235,222,213,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5796d0', endColorstr='#3d6d99',GradientType=0 );
}
a
{ outline: none;
text-decoration: none;
color: #B48A7C;}
a:hover
{ text-decoration: underline;}
blockquote
{ margin: 20px 0;
padding: 10px 20px 0 20px;
border: 1px solid #E5E5DB;
background: #FFF;}
/* Button /********************************************************/
input[type="button"],
input[type="submit"],
input[type="reset"],
.button
{
position: relative;
display: inline-block;
border-radius: 0.35em;
color: #fff !important;
text-decoration: none;
padding: 0.75em 2.5em 0.75em 2.5em;
background-color: #8ebebc;
border: 0;
}
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
.button:hover
{
background-color: #9ececc;
}
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active,
.button:active
{
background-color: #7eaeac;
}
/* Accordian /********************************************************/
.accordian button{
display: block;
border-bottom:solid 1px #FEFEFC;
width: 100%;
padding:10px 0;
color: #706f6f;
font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
font-size: 16px;
font-weight: bold;
text-align: left;
padding-left: 10px;
background: rgb(87,150,208);
background: -moz-linear-gradient(top, rgba(87,150,208,1) 0%, rgba(61,109,153,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(87,150,208,1)), color-stop(100%,rgba(61,109,153,1)));
background: -webkit-linear-gradient(top, rgba(87,150,208,1) 0%,rgba(61,109,153,1) 100%);
background: -o-linear-gradient(top, rgba(87,150,208,1) 0%,rgba(61,109,153,1) 100%);
background: -ms-linear-gradient(top, rgba(87,150,208,1) 0%,rgba(61,109,153,1) 100%);
background: linear-gradient(to bottom, rgba(214,204,197,1) 0%,rgba(235,222,213,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5796d0', endColorstr='#3d6d99',GradientType=0 );
}
.accordian button:hover, .accordian button.selected{
background: rgb(61,109,153);
background: -moz-linear-gradient(top, rgba(61,109,153,1) 0%, rgba(87,150,208,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(61,109,153,1)), color-stop(100%,rgba(87,150,208,1)));
background: -webkit-linear-gradient(top, rgba(61,109,153,1) 0%,rgba(87,150,208,1) 100%);
background: -o-linear-gradient(top, rgba(61,109,153,1) 0%,rgba(87,150,208,1) 100%);
background: -ms-linear-gradient(top, rgba(61,109,153,1) 0%,rgba(87,150,208,1) 100%);
background: linear-gradient(to bottom, rgba(235,222,213,1) 0%,rgba(214,204,197,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d6d99', endColorstr='#5796d0',GradientType=0 );
}
.drop-down{
padding: 25px 15px 15px 15px;
background: rgb(237, 233, 225); /* Fallback for older browsers without RGBA-support */
background: rgba(237, 233, 225, 0.5);
display: none;
}
.drop-down img{
width: 400px;
float: right;
padding-left: 8px;
padding-top: 8px;
}
.drop-down ul {
list-style: none;
list-style-type: none;
font-weight: bold;
}
.drop-down ul a{
outline: none;
text-decoration: none;
color: #B48A7C;
}
.drop-down ul a:hover{
text-decoration: underline;
}
.drop-down article ul{ margin-bottom:30px; text-align: left; }
.drop-down article li{
display: inline-block;
*display:inline;
*zoom:1;
vertical-align: top;
width:250px;
height:250px;
}
.drop-down article li a{
padding:0px;
}
.drop-down article li img{
border:solid 1px #bbb;
}
.drop-down article li:nth-child(2){
margin:0 40px;
}
/* List Types */
/********************************************************/
ul
{ margin: 0 0 22px 20px;}
ul li
{ margin: 0 0 8px 0;
color: #706f6f;
}
ul.none
{ margin: 0 0 0 0;}
/**Publication List
https://css-tricks.com/numbering-in-style/ **/
ol.pub > li {
position:relative; /* Create a positioning context */
margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
padding:4px 8px; /* Add some spacing around the content */
list-style:none; /* Disable the normal item numbering */
border-top:2px solid #666;
background:#f6f6f6;
}
ol.pub > li:before {
content:counter(li); /* Use the counter as content */
counter-increment:li; /* Increment the counter by 1 */
/* Position and style the number */
position:absolute;
top:-2px;
left:-2em;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:2em;
/* Some space between the number and the content in browsers that support
generated content but not positioning it (Camino 2 is one example) */
margin-right:8px;
padding:4px;
border-top:2px solid #666;
color:#fff;
background:#666;
font-weight:bold;
font-family:"Helvetica Neue", Arial, sans-serif;
text-align:center;
}
ol.pub
{
font: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
font-size:14px;
width:auto;
max-height: 600px;
overflow:scroll;
list-style-position: inside;
color:#666;
list-style-type:decimal;
counter-reset:li; /* Initiate a counter */
margin-left:0; /* Remove the default left margin */
padding-left:0; /* Remove the default left padding */
}
ol.pub li
{
background:#FFF;
}
ol.pub li:nth-of-type(even)
{
background: #E8D4C5;
}
ol.pub a
{ text-decoration: underline;
color: #706f6f;}
ol
{ margin: 8px 0 22px 20px;
list-style-type:decimal;
}
ol li
{ margin: 0 0 11px 0;}
.left
{ float: left;
width: auto;
margin-right: 10px;}
.right
{ float: right;
width: auto;
margin-left: 10px;}
.center
{ display: block;
text-align: center;
margin: 20px auto;}
/* Body Style */
/********************************************************/
#main,
{ margin-left: auto;
margin-right: auto;
}
#logo, #menubar, #site_content, #footer
{ margin-left: auto;
margin-right: auto;}
#main_content
{
background:#EEE;
padding-bottom: 20px;
}
#header
{
background-image: url(../images/top_background.png);
width: auto;
height:auto;
padding-bottom: 0px;
margin-bottom: 20px;
}
#banner
{ background: transparent url(../../style/banner.jpg) no-repeat ;
width: auto;
height:auto;
margin-bottom: 20px;
}
#logo
{
width: 1000px;
position: relative;
height: 120px;
}
#logo h1, #logo h2
{
font: normal 260% 'Gotham Narrow', arial, sans-serif;
border-bottom: 0;
text-transform: none;
}
#logo_text h1, #logo_text h1 a, #logo_text h1 a:hover
{
padding: 15px 0 0 0;
color: rgb(237, 233, 225);
letter-spacing: 0em;
text-decoration: none;
}
#logo_text h1 a .logo_colour
{ color: #5E4238;}
#logo_text a:hover .logo_colour
{ color: #5E4238;}
#logo_text h2
{ font-size: 24px;
padding: 10px 0 0 0;
color: #B48A7C;}
#nav {
width: 1000px;
height: 38px;
padding-left: 5px;
padding-top: 10px;
margin-right: auto;
margin-left: auto;
}
.linav {
float: left;
list-style-type:none;
}
a.nav:link, a.nav:visited {
display:block;
text-align:center;
text-transform:uppercase;
color: #066;
padding: 12px;
text-decoration: none;
list-style-type:none;
}
a.nav:hover {
color: #37A499;
}
a.nav:selected {
color: #37A499;
}
-
#menubar
{ width: 975px;
height: 45px;
padding-right: 0px;
background: #2D2D2D;
}
ul#menu
{
float: right;
margin: 0;
}
ul#menu li
{ float: left;
padding: 0 0 0 0px;
list-style: none;
margin: 8px 3px 0 3px;}
ul#menu li a
{ font: normal 80%, sans-serif;
display: block;
float: left;
height: 20px;
padding: 6px 20px 5px 20px;
text-align: center;
color: #FFF;
text-decoration: none;
background: #5E4238;}
ul#menu li.selected a
{ height: 20px;
padding: 6px 20px 5px 11px;}
ul#menu li.selected
{ margin: 8px 4px 0 13px;
background: #B48A7C;}
ul#menu li.selected a, ul#menu li.selected a:hover
{ background: #B48A7C;
color: #FFF;}
ul#menu li a:hover
{ color: #B48A7C;}
#site_content
{
width: 1050px;
background-image: url(../images/crossword.png);
This pattern is downloaded from www.subtlepatterns.com
If you need more, that's where to get'em.
overflow: hidden;
margin: 0 auto 0 auto;
padding: 10px 35px 10px 35px;
}
#site_content_clear
{
width: 1050px;
overflow: hidden;
margin: 0 auto 0 auto;
padding: 10px 35px 10px 35px;
}
#sidebar_container
{ float: left;
width: 224px;
border-right: solid;
border-width: 1px;
border-color: #9B9B9A;
margin-left: 30px;
}
.sidebar_item
{
float: right;
width: 222px;
margin: 0 0 16px 0;
padding: 0 15px 0 15px;
width: 192px;
}
.sidebar_item li a.selected
{ color: #444;}
.sidebar_item ul
{ margin: 0;}
.sidebar_item ul li
{ list-style-type: none;
border-style: solid none none none;
border-width: 1px;
border-color: #E0E0DD;
margin: 0 0 0 0;
padding: 5px 0 5px 10px;
line-height: 1.5em;
}
#content
{
width: 740px;
padding: 0 0 0 5px;
float: right;}
/**DONT TOUCH**/
#content_medium
{
width: 740px;
padding: 10px;
float: right;
}
#content_full
{
width: 1000px;
padding: 10px;
margin: 30px auto 30px auto;
}
#content_color
{
width: 730px;
padding: 10px;
float: right;
margin: 30px 0 30px 0;
background: rgb(237, 233, 225); /* Fallback for older browsers without RGBA-support */
background: rgba(237, 233, 225, 0.5);
}
#content_color_full
{
width: 1000px;
padding: 20px;
margin: 30px auto 30px auto;
background: rgb(237, 233, 225); /* Fallback for older browsers without RGBA-support */
background: rgba(237, 233, 225, 0.5);
}
#footer
{ width: 100%;
font-family: 'trebuchet ms', sans-serif;
font-size: 100%;
height: 80px;
padding: 28px 0 5px 0;
text-align: center;
background: #18453B;
border-top: 2px solid #2D2D2D;
color: #FFF;}
#footer p
{ line-height: 1.7em;
padding: 0 0 10px 0;}
#footer a
{ color: #FFF;
text-decoration: none;}
#footer a:hover
{ color: #B48A7C;
text-decoration: none;}
.search
{ color: #5D5D5D;
border: 1px solid #BBB;
width: 134px;
padding: 4px;
font: 100% arial, sans-serif;}
.form_settings
{ margin: 15px 0 0 0;}
.form_settings p
{ padding: 0 0 4px 0;}
.form_settings span
{ float: left;
width: 200px;
text-align: left;}
.form_settings input, .form_settings textarea
{ padding: 5px;
width: 299px;
font: 100% arial;
border: 1px solid #E5E5DB;
background: #FFF;
color: #47433F;}
.form_settings .submit
{ font: 100% arial;
border: 0;
width: 99px;
margin: 0 0 0 212px;
height: 33px;
padding: 2px 0 3px 0;
cursor: pointer;
background: #3B3B3B;
color: #FFF;}
.form_settings textarea, .form_settings select
{ font: 100% arial;
width: 299px;}
.form_settings select
{ width: 310px;}
.form_settings .checkbox
{ margin: 4px 0;
padding: 0;
width: 14px;
border: 0;
background: none;}
.separator
{ width: 100%;
height: 0;
border-top: 1px solid #D9D5CF;
border-bottom: 1px solid #FFF;
margin: 0 0 20px 0;}
.shadow1 {
margin: 40px;
background-color: #FFF; /* Needed for IEs */
-moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
-webkit-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
zoom: 1;
}
.shadow1 .content {
position: relative; /* This protects the inner element from being blurred */
padding: 100px;
background-color: #DDD;
}
.one-edge-shadow {
-webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
box-shadow: 0 8px 6px -6px black;
}
div.wrapper {
width: 100%;
height: 500px;
overflow: auto;
}
table
{
width: 100%;
}
table.default tbody tr:nth-child(2n+2)
{
background: #E1E7D6;
}
table.default tbody tr:nth-child(2n+1)
{
background: #f6f7f2;
}
table.default td
{
padding: 0.5em 1em 0.5em 1em;
text-align:left;
vertical-align:middle;
color: #666;
}
table.default th
{
text-align: left;
padding: 0.5em 1em 0.5em 1em;
color: #fff;
background: #18453B;
font-size: 16px;
}
table.default thead
{
background: #444;
color: #fff;
}
table.default tfoot
{
background: #eee;
}
#main #header #logo #logo_2 h3 strong {
color: #FFF;
}
#main #header #logo #logo_text h2 strong {
font-size: 30px;
}
.homepage div p {
font-family: Arial, Helvetica, sans-serif;
}
.test {
color: #FF8000;
}
.test {
color: #FF8000;
}
test {
color: #FF8000;
}
test1 {
color: #FF8040;
}
.new1 {
color: #FF8040;
}
#content_color_full p strong {
font-family: Arial, Helvetica, sans-serif;
}
#site_content h6 {
color: #0080C0;
}