/* ------------------------------------------------
      RESET OF CSS
------------------------------------------------ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* ------------------------------------------------
      FONT FACE
------------------------------------------------ */


@font-face
{
  font-family: quicksand;
  src: url(/-fonts/quicksand/Quicksand-Regular.otf);
}

@font-face
{
  font-family: quicksand;
  src: url(/-fonts/quicksand/Quicksand-Bold.otf);
  font-weight: bold;
}

@font-face
{
  font-family: quicksand;
  src: url(/-fonts/quicksand/Quicksand-Italic.otf);
  font-style: italic;
}

@font-face
{
  font-family: quicksand;
  src: url(/-fonts/quicksand/Quicksand-BoldItalic.otf);
  font-style: italic;
  font-weight: bold;
}


/* ------------------------------------------------
      GENERAL/BASIC TAGS
------------------------------------------------ */

body {
  margin:0px;
  padding:0px;
  font-family: arial, sans-serif;
  font-size: medium;
  color: #333;
}

a {
  text-decoration: none;
  color: #0077ff;
  font-weight: 600;
}

a:visited {
	color: #336699;
}

a:hover {
	color: #ff9900;
	text-decoration:none;
}

a:active` {
  color: #990000; 
}

#title h1 {
  font-family: sans-serif;
  color: #fff;
  font-size: 170%;
  text-align: left;
  font-weight: 500;
  padding: 5px 0px 0px 0px;
  text-indent: 0px;
  margin: 1px 0 0 15px;
  width: 600px;
}


h1 {
	font-family: serif;
	color: #ffffff;
	font-size: 170%;
	text-align: left;
        padding-top: 100px;
	text-indent: 0px;
}

/*
h1 a{
        display: block;
        background: green;
        height: 40px;
        text-decoration: none;
        line-height: 100%;
}
*/

h2{
        font-family: verdana, arial, sans-serif;
        font-size: 160%;
        color: #aa3300;
        text-align: center;
        font-weight: normal;
        margin: 10px 0px 15px;
}

h3{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 140%;
	font-weight: normal;
	color: #333333;
	padding-bottom: 2px;
	border-bottom: 1px solid #ff6600;
	margin: 30px 0px 5px 0px;
}

h3.header2{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 110%;
	font-weight: normal;
	color: #666666;
	padding-bottom: 2px;
	border-bottom: 1px solid #cfcfcf;
	margin: 3px 0px 5px;
}

.title4 h4 {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #ff6600;
	padding-bottom: 2px;
	margin: 5px 10px 5px;
}

.title5 h5 {
	font-family: Tahoma, Arial, sans-serif;
        margin: 5px 130px 5px;
        font-size: 80%;
}

li{
        font-family: tahoma, arial, sans-serif;
        font-size: 100%;
        line-height: 130%;
        font-weight: normal;
}




/* ------------------------------------------------
      WRAPPER BLOCK - MAIN AND SIDE

------------------------------------------------ */


#wrap{
  margin: 0;
  background: #fff;
}



/* ------------------------------------------------
      MAINCONTENT

------------------------------------------------ */

/* ------------------------------------------------
      MAIN CONTENT WITH NAVIGATION BARS
------------------------------------------------ */


#wrap2{
  padding-top: 90px;
  padding-bottom: 0px;
  position: relative;

}

#centre-content {
  background:  #fff url(/static/images/elements/10-year/10-back3.jpg);
  margin: 10px 0 0 0;
}

#clear {
  clear: both;
}



/* ------------------------------------------------
      MAIN PAGE CONTENT CONTAINER/TAGS
------------------------------------------------ */


#maincontent {
  padding: 2em 0em;
  max-width: 750px;
  margin: 0% auto;
}

#sideblock {
  float: right;
  width: 20%;
}

#maincontent p {
        padding: 10px 40px 0px 0px;
	line-height: 130%;
        font-size: 100%;
}

#maincontent p.frontpage {
        padding: 10px 10px 0px 0px;
	line-height: 140%;
        font-size: 100%;
	font-family: sans-serif;
}


#maincontent p.image_captions {
        margin: 10px 25px 0px 10px;
	font-family: verdana, arial, sans-serif;
	line-height: 110%;
	font-size: 80%;
	text-align: left;
	color: #cc4400;
}

#maincontent p.quote {
  font-size: 120%;
  padding: 5px 0px 2px 20px;
  margin: 10px 100px 50px 50px;
  min-height: 35px;
}

@media(max-width:751px) {
    #maincontent p.quote {
        margin: 10px 0 10px 0;
    }
}

#maincontent p.subtitle {
  color: #ffffff;
  font-family: verdana, arial, sans-serif;
  font-size: 100%;
  margin: 4px 0px 0px 10px;
  clear: both;
}

#maincontent p.description {
  font-size: 90%;
  margin: 0px 20px 15px 10px;
}


#maincontent p.published_at {
  font-size: 100%;
  float: right;
  color: #aa3300;
}
#maincontent h2{
  font-family: verdana, arial, sans-serif;
  font-size: 200%;
  color: #999;
  text-align: center;
  font-weight: normal;
  margin: 10px 10px 15px 10px;
  border-bottom: 0px solid #ff6600;
}




#maincontent p.footnotes {
  font-size: 90%;
  margin: 6px 20px 0px 10px;
}

#maincontent h2.frontpage {
  font-size: 290%;
  font-family; quicksand;
  color: #ff6600;
  margin: 00px 0px;
  background: none;
  padding: 20px 6px 9px 6px;
  line-height: 100%;
  font-weight: bold;
}

#maincontent h3{
  font-size: 140%;
  color: #999;
  padding-bottom: 2px;
  border-bottom: 1px solid #ff6600;
  margin: 20px 50px 5px 0px;
}

#maincontent h4{
 font-family: Tahoma, Arial, sans-serif;
  font-size: 120%;
  font-weight: normal;
  color: #ff6600;
  margin: 0px 20px 0px 0px;
  clear: both;
}

#maincontent h4:hover{
  color: #0066ff;
}

#maincontent li{
  font-family: tahoma, arial, sans-serif;
  font-size: 100%;
  line-height: 130%;
  font-weight: normal;
  margin: 10px 5px 0px 10px;
  list-style-type: disc;
  color: #aaa;
  line-height: 120%;
  list-style-type: square;
}

.frontleft {
 margin: 0px 32% 0px 0px;
}

.frontright {
 float: right;
 width: 30%;
}


/* ------------------------------------------------
      ENTRIES - GENERATED TAGS
------------------------------------------------ */

.tentry {
 margin: 30px 0 0 0;

}

.entry.title.link {
 margin: 1px 0 0 0;
}

.entry.body {
 margin: 0;
}


/* ------------------------------------------------
      IMAGES
------------------------------------------------ */

img.float-right-one-eighty {
  width: 180px;
  float: right;
  margin: 3px 0px 10px 10px;
}




/* ------------------------------------------------
      FOOTER CONTAINER/TAGS/LINKS
------------------------------------------------ */

#footer {
  position: relative;
  padding: 0px;
  background: #696969 url(/static/images/04-grunge.jpg);
  margin: 0px;
  clear: both;
}

#copyright {
  width :406px;
  margin:0 auto 0 auto;
  padding: 0px 0px 60px 0px;
  font-size: 80%;
  line-height: 1.4em;
  color: #696969;
}


#footerlinks {
  margin: 0px;
  height: 2em;
  padding: 0px;
  float: right;
  clear: both;
}

#footerlinks ul {
  list-style:none;
}

#footerlinks li{
  margin: 0px;
  font-family: tahoma, arial, sans-serif;
  font-size: 90%;
  line-height: 2em;
  font-weight: normal;
  float: right;
  padding: 0px 0px 0px 3px;
  list-style:none;
}

#footerlinks li a{
  color: #fff;
  text-decoration: none;
  text-align: center;
  list-style: none;
  line-height: 2em;
  background: #ff9900;
  border: 1px solid #cfcfcf;
  -webkit-border-radius:  5px;
  border-radius: 5px;
  padding: 3px 10px;
  border: 1px solid #666;

background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
}

#footerlinks li a:hover{
  color: #333;
  line-height: 2em;
  background: #0099ff;
  border: 1px solid #333;

background: #f3c5bd; /* Old browsers */
background: -moz-linear-gradient(top, #f3c5bd 0%, #e86c57 50%, #ea2803 51%, #ff6600 75%, #c72200 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3c5bd), color-stop(50%,#e86c57), color-stop(51%,#ea2803), color-stop(75%,#ff6600), color-stop(100%,#c72200)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f3c5bd 0%,#e86c57 50%,#ea2803 51%,#ff6600 75%,#c72200 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f3c5bd 0%,#e86c57 50%,#ea2803 51%,#ff6600 75%,#c72200 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f3c5bd 0%,#e86c57 50%,#ea2803 51%,#ff6600 75%,#c72200 100%); /* IE10+ */
background: linear-gradient(to bottom, #f3c5bd 0%,#e86c57 50%,#ea2803 51%,#ff6600 75%,#c72200 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3c5bd', endColorstr='#c72200',GradientType=0 ); /* IE6-9 */
}

img.logo {
  margin-top: 10px;
  margin-left: 5px;
}

#links {
	list-style:none;
	margin:0px;
	padding:0px;
}

#links li{
	border-bottom: 1px dotted #bdd4f4;
	padding:5px 0px;
}

#links li a{
	color: #82774a;
	text-decoration: none;
}

#links li a:hover{
	color: #e50c0c;
	text-decoration:none;
}

#proud {
  clear: both;
  margin: 10px auto 0px auto;
  text-align: center;
  border-top: 1px solid #999;
  font-size: 90%;
  line-height: 1.5em;
  padding: 15px 0px 5px 0px;
  color: #cfcfcf
}

#proud ul li:first-child {
    border-left :1px solid white;
}

#proud ul li {
    padding      :0 5px 0 5px;
    display      :inline;
    border-right :1px solid white;
}

#footer-logo {
  position: absolute;
  bottom: 5px;
  left: 15px;
  width: 130px;
  height: 100px;
  background: url(/static/images/logo.png) no-repeat bottom left;
}

#footer-logo-member {
  position: absolute;
  bottom: 10px;
  right: 15px;
  width: 260px;
  height: 100px;
  background: url(/static/images/member-logos.png) no-repeat bottom right;
}


/* ------------------------------------------------
      TOP SHADOWCAT AREA
------------------------------------------------ */
.header a {
  color: white;
  font-size: 120%;
}

#title {
  width: 80%;
  top: 20px;
  left: 10px;
  right: 0px;
  height: 100px;
  z-index: 999;
  background: none;
  width: 300px;
  opacity: 1;
  float: left;
}

#title-address {
  float: right;
  height: 40px;
  z-index: 999;
  background: #ff6600;
  padding: 10px 35px 0px 35px;
  margin: 20px;
  font-size: 90%;
  line-height: 100%;
  color: #fff;
  text-align: right;
  top: 20;
  right: 10;

  background: #ffaf4b; /* Old browsers */
  background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffaf4b), color-stop(100%,#ff920a)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); /* IE10+ */
  background: linear-gradient(to bottom, #ffaf4b 0%,#ff920a 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 ); /* IE6-9 */

  -webkit-border-radius: 30px;
  border-radius: 30px;
}

#title-address a {
  color: #cfcfcf;
}

#title-address a:hover {
  color: #aaccee;
}

#tagline {
  margin-top: 10px;
  z-index: 999;
  text-align: right;
  font-variant: small-caps;
  font-family: arial, sans-serif;
  font-size: 100%;
  color: #ff6600;
  width: 530px;
  font-weight: bold;
}

#nav {
  top: 0px;
  left: 0px;
  right: 0px;
  margin: 0px 0px 0px 0px;
  background: #000000 url(/static/images/04-grunge.jpg);
  opacity: .90;
  height: 90px;
  position: fixed;
  z-index: 2;
}


/* ------------------------------------------------
      INNER/LOWER NAVIGATION BAR
------------------------------------------------ */


#nav2 {
  position: fixed;
  top: 80px;
  left: 0px;
  right: 0px;
  height: 51px;
  border-top: 2px inset #000;
  padding: 0px 3px;
  background: #000;
  z-index: 99;
}

#nav2 ul {
  list-style:none;
  float: right;
  padding-top: 3px;
  display: block;
}

#nav2 li{
  font-family: tahoma, arial, sans-serif;
  font-size: 100%;
  font-weight: bold;
  font-weight: normal;
  display: inline;
}

#nav2 li a{
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  line-height: 42px;
  padding: 15px;
  text-align: center;
  background: #666;
  border: 1px solid #000;  
  background: #000;
}

#nav2 li a:hover{
  color: #3f3f3f;
  background: #3366aa;
  border: 1px inset #444;  
  background: #fff;
}

/* ------------------------------------------------
      SIDE BLOCK
------------------------------------------------ */

#sidebar {
  width: 100%;
  background: none;
  border-top: 1px solid #cfcfcf;
  margin: 0px 2px 0px 0px;
  min-height: 100px;
}

#sidebar ul {
  padding: 0px 0px 0px 0px;
}

#sidebar li{
  text-indent: 0px;
  line-height: 1em;
  margin: 5px 0px 0px 10px;
  list-style: none;
}


#sidebar li a{
  font-size: 90%;
  display: block;
  color: #9a9a9a;
  text-decoration: none;
  border-bottom: 1px dotted #ccc;
  margin-right: 2px;
}

#sidebar li a:hover{
  color: #ff6600;
}

h4.sidebar, h5.sidebar.subtitle {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 100%;
	line-height: 35px;
	font-weight: normal;
	color: #666;
    text-align: center;
    font-variant: small-caps;
}

div.topsidebar {
	width: 290px;
	height: 75px;
	background: #333333;
        margin: 0px 0 0px 0;

}

div.botsidebar {
	width: 290px;
	height: 75px;
	background: #333333;

}

div.h4sidebarnav {
	height: 2em;
	background: #333333 url;
}


div.h4sidebar2 {
 	margin: 0px 0 0px 0;
}

#sidebar p {
    font-size: 85%;
    font-family: arial, sans-seif;
    margin: 6px 3px 4px 3px;
}

div.textblock {
    float: left;
    width: 25%;
    padding: 2px 0px 2px 0px;
}

/* ------------------------------------------------
      SUBMIT BUTTONS CONTAINER/TAGS
------------------------------------------------ */

#submit_buttons {
	float: left;
	width: 120px;
	height: 11px;
        padding: 2px;
        background: #faa140;
        border: #ff6600 solid 1px;
        margin: 62px 0px 0px 100px;
}

#submit_buttons a {
	font-family: arial;
	font-size: 8pt;
	font-weight: bold;
	color: #666;
}

#submit_buttons a:hover {
	font-family: arial;
	font-size: 8pt;
	font-weight: bold;
	color: #f00;
}

.clearfix {
    clear   :both;
}





/* ---------------------
BLOGS 
------------------------*/


#blog p {
  margin: 10px 45px 0px 10px;
  font-size: 110%;
  line-height: 150%;
}


#blog h4{
  font-family: Tahoma, Arial, sans-serif;
  font-size: 125%;
  font-weight: bold;
  color: #999;
  padding-bottom: 2px;
  margin: 30px 0px 5px 10px;
}

div.comments {
  clear: both;
  margin: 20px 20px 20px 10px;
  background: #fff;
  font-size: 90%;
  line-height: 110%;
  border: 1px dashed #78abf7;
  padding: 10px;
  border: 1px solid #fff;
  -webkit-border-radius:  5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 2px 2px 2px 1px #999;
  box-shadow: inset 2px 2px 2px 1px #999;
  padding: 8px 5px 4px 10px;
}

#blog p.box2 {
  margin: 20px;
  background: #efefef url(/static/images/01-cream.jpg);
  font-size: 95%;
  max-width: 500px;
  line-height: 130%;
  border: 2px dotted #ff6600;
  padding: 10px;
}

div.blog-full-image {
  display: box;
  margin: 10px 50px 20px 10px;
  background: #efefef;
  font-size: 90%;
  border: 1px solid #fff;
  -webkit-border-radius:  6px;
  border-radius: 6px;
  -webkit-box-shadow: inset 2px 2px 2px 3px #ccc;
  box-shadow: inset 2px 2px 2px 3px #ccc;
  text-align: center;
  line-height: 130%;
  color: #aa3300;
  padding: 10px;
}

div.blog-full-image-borderless {
  display: box;
  margin: 10px 60px 20px 10px;
  background: none;
  padding: 10px;
}

div.blog-right-image {
  display: box;
  float: right;
  margin: 10px 40px 10px 10px;
  background: #efefef;
  font-size: 90%;
  padding: 10px;
  width: 180px;
  border: 1px solid #fff;
  -webkit-border-radius:  6px;
  border-radius: 6px;
  -webkit-box-shadow: inset 2px 2px 2px 3px #ccc;
  box-shadow: inset 2px 2px 2px 3px #ccc;
  font-size: 90%;
  text-align: center;
  line-height: 130%;
  color: #aa3300;
}

div.blog-right-image-width {
  display: box;
  float: right;
  margin: 10px 40px 10px 10px;
  background: #efefef;
  font-size: 90%;
  padding: 10px;
  border: 1px solid #fff;
  -webkit-border-radius:  6px;
  border-radius: 6px;
  -webkit-box-shadow: inset 2px 2px 2px 3px #ccc;
  box-shadow: inset 2px 2px 2px 3px #ccc;
  font-size: 90%;
  text-align: center;
  line-height: 130%;
  color: #aa3300;
}

.blog {
  width: 99%;
  margin: 0px 5px 10px 5px;
  border: 1px solid #aaa;
}

.blog-small {
  width: 180px;
  border: 1px solid #aaa;
}

#blog li {
  line-height: 140%;
  list-style-type: square;
  margin: 5px 0 0 40px;
}


           /* PRE FIX From: http://perishablepress.com/perfect-pre-tags/ */

code {
  font-family: "Courier New", Courier, monospace, sans-serif;
  text-align: left;
  color: #333;
	}

pre code {
  line-height: 120%;
  font-size: 85%;
  color: #333;
	}

pre {
  padding: 5px;
  border-left: 20px solid #fff;
  background: #eee;
  margin: 10px 50px 10px 8px;
  overflow: auto;
  -webkit-border-radius:  6px;
  border-radius: 6px;
  -webkit-box-shadow: inset 2px 2px 2px 1px #999;
  box-shadow: inset 2px 2px 2px 1px #999;
  color: #444;
	}

/* target IE7 and IE6 */

*:first-child+html pre {
  padding-bottom: 2em;
  overflow-y: hidden;
  overflow: visible;
  overflow-x: auto; 
}

* html pre { 
  padding-bottom: 2em;
  overflow: visible;
  overflow-x: auto;
}

blockquote {
  padding: 10px 35px;
  font-style: italic;
  font-size: 95%;
  font-weight: 500;
  color: #9f9f9f; 
  line-height: 95%;
  background: url(/static/images/quote.png) no-repeat 14px 5px;
}

/* ------------------------------------------------
      GOOGLE SEARCH
------------------------------------------------ */

#googlesearch {
  width: 400px;
  top: 80px;
  left: 0px;
  right: 0px;
  z-index: 999;
  position: fixed;
  opacity: 1;
}

@media(max-width: 1023px) {
    #googlesearch {
        display: none;
    }
}

/* ------------------------------------------------
      TRADING CARD LAYOUT TAG
------------------------------------------------ */

#trading_card_image {
	width: 600px;
	height: 1000px;
	overflow: scroll;
	margin: 20px 0px 10px 130px;
}

#header_table {
	width: 500px;
	height: 64px;
	overflow: scroll;
	background: url(images/blank.jpg) no-repeat;
	padding: 6px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}



/* ------------------------------------------------
     MEDIA BUTTONS
------------------------------------------------ */

#media-buttons {
  text-align: right;
  margin: 20px 30px 10px 0px;
  float: right;
  border: 1px solid #fff;
  -webkit-border-radius:  5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 2px 2px 2px 1px #999;
  box-shadow: inset 2px 2px 2px 1px #999;
  padding: 8px 5px 4px 10px;
  background: #fff;



}

#media-buttons2 {
  float: right;
  clear: both;
  margin: 5px 0px 10px 0;
  background: #777;
  border: 1px solid #777;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 1px 1px 1px 1px #333;
  box-shadow: inset 1px 1px 1px 1px #333;
  padding: 4px 3px 0px 4px;
}


/* ------------------------------------------------
     CUSTOM RULERS
------------------------------------------------ */

hr.main {
  margin: 40px 120px;
  color: #eeeeee;
}



/* ------------------------------------------------

     ADVERTS 
------------------------------------------------ */

.pbbox {
  font-size: 90%;
  color: #000;
  margin: 15px 0px 0px 0px;
  width: 240px;
  background: #fff url(/static/images/01-egg-lt-grey.png);
  border: 1px solid #ff6600;
  -webkit-border-radius:  5px;
  border-radius: 5px;
  -webkit-box-shadow: 2px 3px 3px 2px #555;
  box-shadow: 2px 2px 3px 2px #555;
  min-height: 70px;
  padding: 2px;

  background: #ffaf4b; /* Old browsers */
  background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffaf4b), color-stop(100%,#ff920a)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); /* IE10+ */
  background: linear-gradient(to bottom, #ffaf4b 0%,#ff920a 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 ); /* IE6-9 */

}

.cpanel {
  display: block;
  padding: 2px 4px 2px 55px;
  background: url(/static/images/cpanelwhm.png) no-repeat  1px 1px;
  min-height:70px;
}

.serverad {
  display: block;
  padding: 2px 4px 2px 55px;
  background: url(/static/images/server.png) no-repeat 2% 8%;
  min-height:70px;
}

.developad {
  display: block;
  padding: 2px 4px 2px 55px;
  background: url(/static/images/devel.png) no-repeat 2% 8%;
  min-height:70px;
}

.archiad {
  display: block;
  padding: 2px 4px 2px 55px;
  background: url(/static/images/archi.png) no-repeat 2% 8%;
  min-height:70px;
}

.impliad {
  display: block;
  padding: 2px 4px 2px 55px;
  background: url(/static/images/impli.png) no-repeat 2% 8%;
  min-height:70px;
}


a.pba {
  color: #fff;
}

a.pba:hover {
  color: #000;
}


a.pbbutton {
  font-size: 90%;
  display: block;
  border: 1px solid #ddd;
  padding: 4px 6px;
  text-align: center;
  margin: 10px 0px 2px 30%;
  color: #fff;
  -webkit-border-radius:  7px;
  border-radius: 7px;
  -webkit-box-shadow: 1px 1px 1px 1px #777;
  box-shadow: 1px 1px 1px 1px #777;
  background: url(/static/images/01-egg-blue.png);
}

a.pbbutton:hover {
  color: #333;
  -webkit-box-shadow: inset 1px 1px 2px 1px #661100;
  box-shadow: inset 1px 1px 2px 1px #661100;
  background: url(/static/images/01-egg-beige.png);
}

#topblock {
  display: block;
  border: 1px solid #9f9f9f; 
  margin: 0 0 20px 0; 
  padding: 5px;
  -webkit-border-radius:  6px;
  border-radius: 6px;
  background: #fff url(/static/images/01-egg-lt-grey.png) repeat;
  width: 100%;

background: #e2e2e2; /* Old browsers */
background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 33%, #d1d1d1 64%, #fefefe 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(33%,#dbdbdb), color-stop(64%,#d1d1d1), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e2e2e2 0%,#dbdbdb 33%,#d1d1d1 64%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e2e2e2 0%,#dbdbdb 33%,#d1d1d1 64%,#fefefe 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e2e2e2 0%,#dbdbdb 33%,#d1d1d1 64%,#fefefe 100%); /* IE10+ */
background: linear-gradient(to bottom, #e2e2e2 0%,#dbdbdb 33%,#d1d1d1 64%,#fefefe 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}

.topblocklinks {
  display: block;
  overflow: auto;
  float: left;
  width: 47%;
  font-size: 90%; 
  padding: 0px;
  height: 250px;
}

#topblock a {
  text-decoration: none;
  color: #666;
  font-weight: 600;
}

#topblock a:visited {
	color: #66aaff;
}

#topblock a:hover {
	color: #ff9900;
	text-decoration:none;
}

#topblock a:active` {
  color: #990000; 
}

.twitterwidg {
  color: #333;
  font-family: sans-serif;
  line-height: 1.5em;
  text-align: center;
  background: #888 url(/static/images/01-egg-lt-grey.png);
  border: 0px solid #ddd;
  -webkit-border-radius:  4px;
  border-radius: 4px;
  width: 52%;
  padding: 2px;
  float: right;
}

#tenyears {
  display: block;
  width: 100%;
}


/* ------------------------------------------------
      FORMS CAT01

------------------------------------------------ */

.formbox {
  background: #fff url(/static/images/04-project.png) repeat;
  border: 2px solid #999;
  margin: 20px 70px 10px 0px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: inset 2px 2px 2px 2px #777;
  box-shadow: inset 2px 2px 2px 2px #777;
  padding: 0px;
  width: 65%;
}



.formbox2 {
  background: #fff url(/static/images/01-egg-lt-grey.png) repeat;
  border: 2px solid #eee;
  margin: 10px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  -webkit-box-shadow: 1px 1px 2px 2px #666;
  box-shadow: 1px 1px 2px 2px #666;
  padding: 15px;
}


.buttons
{
  display: block;
  margin: 15px 0px 0px auto;
  width: 100px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #fff url(/static/images/01-egg-blue.png) repeat;
  -webkit-box-shadow: 1px 1px 1px 1px #333;
  box-shadow: 1px 1px 1px 1px #333;
  padding: 2px;
}

.buttons:hover
{
  background: #fff url(/static/images/01-egg-orange.png) repeat;
  color: #fff;
  -webkit-box-shadow: inset 1px 1px 1px 1px #555;
  box-shadow: inset 1px 1px 1px 1px #555;
}


label
{

  color: #222;
  display: block;
  font-size: 11px;
  line-height: 10px;
  margin: 0;
  padding: 10px 0px 3px 0px;
}

input
{
  font-size: 10px;
  line-height: 10px;
}

.required {
  color: #777;
  font-size: 80%;
  line-height: 90%;
  padding: 3px 5px;
}

.valid {
  color: red;
  font-weight: bold;
  font-size:90%;
  line-height: 100%;
  padding: 3px 5px;
}

.textarea {
  font-size:90%;
  line-height: 100%;
  background: #fff;
  -webkit-border-radius: 7px;
  border-radius: 7px; 
  padding: 3px 5px;
}

.responsemessage {
 display: block;
  margin: 10px auto;
  border: 1px solid black;
  padding: 10px;
  color: #333;
  font-size: 110%;
  line-height: 130%;
  width: 50%;
  text-align: center;
  background: silver;
  -webkit-box-shadow: 2px 2px 2px 2px #aaa;
  box-shadow: 2px 2px 2px 2px #aaa;
  -webkit-border-radius: 7px;
  border-radius: 7px; 
}

.responsemessagefail {
  display: block;
  margin: 10px auto;
  border: 1px solid black;
  padding: 20px 10px 0px 220px;
  color: #333;
  font-size: 110%;
  text-align: center;
  line-height: 130%;
  min-height: 132px;
  background: #f4ef83 url(/static/images/oops.jpg) no-repeat 10px 10px;
  -webkit-box-shadow: 2px 2px 2px 2px #aaa;
  box-shadow: 2px 2px 2px 2px #aaa;
  -webkit-border-radius: 7px;
  border-radius: 7px; 
}

/* ------------------------------------------------
      MOBILE STUFF
------------------------------------------------ */

/* Small screens */

@media (max-width:1023px) {
    #proud ul {
        width        :417px;
        margin       :0 auto 0 auto;
        text-align   :left;
    }
    #proud ul li, #proud ul li:first-child {
        display      :block;
        border       :0;
    }

    #tagline {
        text-align   :left;
        padding-left :20px;
    }

    #topblock {
        display      :none !important;
    }
    .frontleft {
        margin       :0;
    }
    .frontright {
        float        :none;
        width        :100%;
        display      :none;


    }
    .formbox {
        width        :100% !important;
    }
    .formbox textarea {
        width        :100%;
    }
    #nav {
        position    :static;
    }
    #nav {
        height      :10em;
    }
    #nav2 {
        position    :absolute;
        top         :7.5em;
    }
    #wrap2 {
        padding-top :0;
    }
    input[type=text], input[type=email] {
        width       :100%;
        height      :30px;
    }
    .required {
        display     :block;
    }
    * {
        max-width   :100% !important;
    }
    body {
        overflow-x  :hidden;
    }
    #sidebar {
        display     :none;
    }
    #title, #title-address {
        float       :none;
    }
    #title-address {
        width       :calc(100% - 25px);
        text-align  :left;
        margin      :5px 0 0 20px;
        display     :inline;
    }
    #title-address p {
        margin      :10px 20px;
    }
    #nav {
        font-size: 0.8em;
    }
    #title {
        width: 80%;
        height: 80px;
    }

    #title-address {
        background: none;
        width: auto;
        display: block;
        background: none;
        margin: 0;
        padding: 0;
    }
}

@media (max-width: 600px) {
    #nav2  {
        background: url('/static/images/menu.png') no-repeat top right, -moz-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%); /* FF3.6+ */
        background: url('/static/images/menu.png') no-repeat top right, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aebcbf), color-stop(50%,#6e7774), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809)); /* Chrome,Safari4+ */
        background: url('/static/images/menu.png') no-repeat top right,-webkit-linear-gradient(top, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); /* Chrome10+,Safari5.1+ */
        background: url('/static/images/menu.png') no-repeat top right, -o-linear-gradient(top, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); /* Opera 11.10+ */
        background: url('/static/images/menu.png') no-repeat top right, -ms-linear-gradient(top, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); /* IE10+ */
        background: url('/static/images/menu.png') no-repeat top right, linear-gradient(to bottom, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); /* W3C */
        padding   :0;
        border    :0;
    }

    #nav2 ul {
        display     :none;
        margin      :37px 0;
        width       :100%;

        background  :#1A1A1A;
    }

    #nav2:hover ul {
        display     :block;
    }

    #nav2:hover ul li {
        padding    :10px;
        display    :block;
    }

    #nav2:hover ul li a {
        background: none;
        border: 0;
    }

    #nav2:hover ul li:hover {
        background :white;
    }

    #nav2:hover ul li:hover a {
        color      :black;
    }
}


.entry .entry.link {
    float: left;
    padding: 10px 40px 0px 0px;
}



@media(max-width:1023px) {
    #maincontent p.published_at {
      float: none;
      padding: 10px;
    }

    #maincontent h2 {
      text-align: left;
    }

    #maincontent h4 {
      margin: 0px 20px 0px 10px
    }

    .entry .entry.link {
      padding: 10px;
      float: none;
    }
}