/*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 */

