/*p{
    font-size: 16px;
    color: #bbb;
}
*/
@font-face {
    font-family: 'c64';
    src: url('fonts/c64angled.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'museo';
    src: url('fonts/museo300-regular-webfont-webfont.eot');
    src: url('fonts/museo300-regular-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/museo300-regular-webfont-webfont.woff') format('woff'),
         url('fonts/museo300-regular-webfont-webfont.ttf') format('truetype'),
         url('fonts/museo300-regular-webfont-webfont.svg#webfontuploaded_file') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'museo700';
    src: url('fonts/Museo700-Regular-webfont.eot');
    src: url('fonts/Museo700-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Museo700-Regular-webfont.woff') format('woff'),
         url('fonts/Museo700-Regular-webfont.ttf') format('truetype'),
         url('fonts/Museo700-Regular-webfont.svg#Museo700') format('svg');
    font-weight: normal;
    font-style: normal;
}

* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }

body {
    font-size: 14px;
    line-height: 22px;
    font-family: arial, sans-serif;
    color: #272727;
	background-color:#0000aa;
    min-width: 980px;
}

p,ul,ol {
    font-size: 14px;
    line-height: 22px;
    font-family: arial, sans-serif;
    color: #272727;
}


a { color: #0000aa; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; color: #a000aa; }
a.dot { background: url(images/dot.png) no-repeat 0 5px; text-decoration: underline; padding-left: 7px;  }
a.dot:hover { text-decoration: none; }
a img { border: 0; }

article, aside, details, footer, header, menu, nav, section { display: block; }
input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.shell { width: 980px; margin: 0 auto;}
/* header */
/*.header { background: url(images/header-bg.png) repeat-x 0 0; height: 514px; }*/
.header { background-color: #0000aa; height: 514px; }
.header-page{height:128px;}
.header .shell { background: url(images/header-img.png) no-repeat 140px 0; position: relative; height:100%; }
#logo { width: 191px; font-size: 0; line-height: 0; float: left; }
#logo a { height: 111px; background: url(images/logo.png) no-repeat 0 0; text-indent: -4000px; display: block; }

.main { background-color: #0000aa }

/* OOH, colors */

@keyframes myfirst
{
0%   {color:red; }
25%  {color:yellow;}
50%  {color:orange; }
75%  {color:green; }
100% {color:red; }
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%   {color:red; }
25%  {color:yellow;}
50%  {color:orange; }
75%  {color:green;}
100% {color:red;}
}

/*End of silliness */


/*#navigation { background: url(images/navigation.png) no-repeat 0 0; width: 984px; height: 90px; padding-top: 9px; padding-left: 20px;  position: absolute; top: 115px; left: -10px; z-index: 100; }*/
#navigation { width: 984px; height: 45px; padding-top: 9px; padding-left: 20px;  position: absolute; top: 115px; left: -10px; z-index: 100; border:15px solid #8080ff; border-radius: 45px; padding:5px;}
#navigation ul { list-style: none; list-style-position: outside; }
#navigation ul li { float: left; font-size: 18px; font-family: 'c64', arial, helvetica, serif; background: url(images/nav-border.png) no-repeat right 0; line-height: 48px; padding: 0 16px; }
#navigation ul li.last{ font-size: 24px; background: url(images/dot.png); }
#navigation ul li a { color: #88f; text-shadow: rgba(0,0,0,0.6) 0px 1px 0px; }
#navigation ul li a:hover { text-decoration: none; color: #f6c387; font-weight: normal;
                            animation: myfirst 5s linear 0s infinite alternate;
                            -webkit-animation: myfirst 5s linear 0s infinite alternate;}

/* end of header */

/* main */
.main { padding-top:61px; min-height:310px; }
.main h1 { font-size: 30px; font-family: 'c64', arial, helvetica, serif; font-weight: normal; color: #272727; padding-bottom: 24px; text-shadow: 0 0px 0 #fff; }
.main h2 { font-size: 24px; font-family: 'c64', arial, helvetica, serif; font-weight: normal; color: #272727; padding-bottom: 24px; text-shadow: 0 0px 0 #fff; }
/*.main h3 a { font-size: 20px; font-family: 'c64', arial, helvetica, serif; font-weight: normal; color: #8080ff; padding-bottom: 20px; text-shadow: 0 1px 0 #aaf; } */
.main h3 a { font-size: 20px; font-family: 'c64', arial, helvetica, serif; font-weight: normal; color: #272727; padding-bottom: 20px;}
.main h4 { font-size: 14px; color: #ff9031; }
.main h4 a { color: #ff9031; }
.main h4 a:hover { color: #bf5902; text-decoration: none; }
.main .cols { background: url(images/separator.png) no-repeat center bottom; padding-bottom: 58px; margin-bottom: 20px;  }
.main .cols h2 { padding-bottom: 24px;  }
.main .cols .col { width: 300px; float: left; }
.main .cols .col+.col { padding-left: 40px;  }
.main .cols .col img.alignleft { margin-right: 13px; }
.main .cols .col .cnt { overflow: hidden; height: 100%; }
.nm_post_content { color: #000000; padding-bottom: 20px; border:1px inset; border-top-style: none; border-left-style: none; border-right-style: none; border-color: #808080}
.nm_post_date { color: #555555}

.main .content { width: 600px; float: left;  border:15px solid #808080; border-radius: 50px; padding:5px; padding-left:15px; padding-right: 15px; background-color: #aaaaaa}
.main .content h2 { padding-bottom: 3px;  }
.main .content .entry { padding-bottom: 10px; color: #ff00ff}
.main .content .entry .date { width: 59px; height: 59px; padding: 26px 0 0 24px;  background: url(images/date.png) no-repeat 0 0; float: left; position: relative; }
.main .content .entry .date strong { font-size: 25px; font-family: arial, helvetica, serif; color: #cd6a66; line-height: 25px; float: left;  }
.main .content .entry .date strong small { font-size: 10px; color: #bdbdbd; display: block; line-height: 10px; position: relative; margin-top: -2px; }
.main .content .entry .date em { font-size: 11px; font-style: normal; color: #bdbdbd; font-weight: bold; transform: rotate(90deg);  -webkit-transform: rotate(90deg);  -moz-transform: rotate(90deg); position: absolute; top: 30px; right: -18px; width: 100%; text-align: center; }
.iefix .main .content .entry .date { padding-left:  0; width: 83px; height: 73px;  text-align: center; padding-top: 14px; }
.iefix .main .content .entry .date strong { float: none; display: block; position: relative; margin-bottom:  -8px; }
.iefix .main .content .entry .date strong small { line-height:  22px; }
.iefix .main .content .entry .date em { position: static; }
.main .content .entry .cnt { overflow: hidden; height: 100%; }
.content {color: #000000;}
.content ul {padding-left: 2em;}
.content ol {padding-left: 2em;}

/*.main .content .entry .cnt a {color: #8080ff} */
.main .sidebar { width: 300px; float: right;  }
/*.main .sidebar .facebook-social { background: url(images/box-2.png) repeat-y 0 0; padding: 24px; margin-top:20px; margin-bottom: 20px;  }*/
.main .sidebar .facebook-social { background-color: #aaaaaa; margin-top:0px; margin-bottom: 20px; border:15px solid #808080; border-radius: 45px; padding:25px; }
.main .sidebar .facebook-social:hover {background-color: #bbbbbb; border:15px solid #707070}
.main .sidebar .facebook-social a { color: #eeeeee; }
.main .sidebar .facebook-social a:hover { color: #ffffff; }
/* end of main */
/* footer */
html, body { height: 100%; }
#wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -58px; }
#footer, #footer-push { height: 58px; }
/*#footer { background: url(images/footer.png) repeat-x 0 0; padding-top: 18px; height: 40px;  }*/
#footer { background-color: #2020aa; padding-top: 18px; height: 40px;  }
#footer .footer-nav { float: left; }
#footer .footer-nav ul { list-style: none; list-style-position: outside; font-size: 11px; }
#footer .footer-nav ul li { float: left; border-right: 1px solid #cf8832; line-height: 11px; padding: 0 10px;  }
#footer .footer-nav ul li a { color: #fbe0c0; }
#footer .footer-nav ul li a:hover { color: #fff; text-decoration: none;  }
#footer .footer-nav ul li.last { border-right: 0; padding-right: 0; }
#footer p.copy { color: #fbe0c0; font-size: 11px; float: right; line-height: 11px; }
#footer p.copy span { padding: 0 10px; color: #cf8832;  }
#footer p.copy a { color: #fbe0c0; text-decoration: underline; }
#footer p.copy a:hover { color: #fff; text-decoration: none; }
/* end of footer */