/*   COMMON   */

* { padding:0px; margin:0px;}
body { font-size: 11pt; line-height: 18pt; font-family: Helvetica, Arial; color: #777; background-color:#5a6778;}
a { text-decoration: none; color: #777; font-weight: bold; }
a:hover { text-decoration: underline; }
h1, h1 a { font-size: 22pt; font-weight: normal; margin-top: 20px; line-height: 24pt; }
h2, h2 a { font-size: 14pt; font-weight: normal; margin-top: 20px;}
h3, h3 a { font-size: 12pt; font-weight: normal; }
h4 { font-size: 10pt; font-weight: normal;}
p { margin-top: 10px; margin-bottom: 10px; }
.invisible { display: none; }
.floatleft { float: left; }
.clear { clear:both;}

#stratoplayer { width: 10px; height: 10px; position: absolute; top: 0px; left: 0px; }
.photoby { font-size: 10px; font-style: italic; margin-top: -30px;}





/*   PAGE TOP   */

.toprow { width: 100%; height: 126px; background: url(images/TopBackground.gif) repeat-x; }
.toprowcontent { height: 34px; width: 970px; padding-left: 14px; padding-right: 14px; margin-left: auto; margin-right: auto; }
.toprowcontent  div { height: 34px; width: 970px; background: url(images/AboveMenuBackground.gif) repeat-x; }
.topmenu { width: 970px; padding-left: 14px; padding-right: 14px; margin-left: auto; margin-right: auto; margin-top: 11px; height: 23px; position: relative; }
.topmenu ul { margin-left: 30px; list-style-type: none; }
.topmenu ul li { display: inline; position: relative; }
.topmenu ul li img { padding: 4px; margin-top: -4px; margin-right: 6px; margin-left: 6px; }
.homelink { margin-right: 10px; }
.belowtopmenu { height: 58px; width: 970px; padding-left: 14px; padding-right: 14px; margin-left: auto; margin-right: auto; position: relative; }
.belowtopmenucontent { width: 970px; height: 16px; /* + padding 42px */ padding-top: 42px; background: url(images/BelowTopmenuBackground.gif) repeat-x; background-color: #535f72; }
.categorystratoponjak a img, .categoryname a img{ border: 0px; }
.categorystratoponjak { height: 16px; margin-left: 42px; width: 410px; float: left; }
.categoryname { height: 16px; float: left; margin-left: 300px; position: relative; }
.pageshadowlefttop, .pageshadowrighttop { width: 14px; height: 60px; position: absolute; top: 0px; }
.pageshadowlefttop { background: url(images/PageShadowLeftTop.gif) no-repeat; left: 0px; }
.pageshadowrighttop { background: url(images/PageShadowRightTop.gif) no-repeat; left: 984px; }
.searcharea { position: absolute; left: 785px; top: -4px; width: 172px; /*142 */ height: 21px; background: url(images/SearchBox.gif) no-repeat; }
.searchfield { float: left; width: 122px; margin-right: 10px; margin-left: 11px; margin-top: 3px; color: #aaa; border: 0px;}
.searchbutton { float: left; }
.widecattitle { position: absolute; left: -13px; }





/*   PAGE   */

.pagebackground { background-color:#313741; }
.thepage { width: 970px; /*970+14+14*/ margin-left: auto; margin-right: auto; padding-left: 14px; padding-right: 14px; background: url(images/PageBackgroundSmallNavigation.gif) repeat-y; }
.blankpage .pagebackground .thepage { background: url(images/PageBackground.gif) repeat-y; }






/*   PAGE CONTENT   */

.content { width: 644px; /*650 - padding */ float: left; padding: 60px 40px 40px 40px; }
.content ul, .content ol { margin-left: 30px; }
.content img { border: 0px; margin-top: 10px; padding-bottom: 20px; }
ul.music li { list-style-position: outside; list-style-image: url(images/musicbullet.gif);}
.nowplaying { color: #303134; }
.blankpage .pagebackground .thepage .content { width: 889px; }
.byline { margin-top: 6px; }
.dateline { font-size: 8pt; line-height: 8pt; }
.smallpostthumbnail { background: url(images/thumbnailbgsmall.gif) no-repeat; width: 31px; height: 31px; padding: 2px 0px 0px 2px; float: left; margin: 17px 8px 0px 0px; position: relative; left: -2px; top: 2px; }
.contentheader { float: left; width: 640px;}
.blogpost p .notinsinglepost {display: none;}
.pageintro { position: relative; width: 644px; background-color: #e4e7ea; padding: 38px 40px 40px 40px; margin: -60px 0px 30px -40px; }
#vimeostats { font-size: 12px; margin-bottom: 2px;}
#vimeostats a { font-weight: bold; }
.updatedicon { position: relative; border: none; margin: 0px; padding: 0px; margin-left: 10px;}


/*   FRONT PAGE   */
.frontpage .pagebackground .thepage { background: url(images/PageBackgroundFrontPage.gif) repeat-y !important; }
.frontpage .pagebackground .thepage .content { padding: 0px !important; }
.frontpage .pagefooter { background: url(images/PageFooterBackgroundFrontPage.gif) repeat-y; }
.frontpageimage { margin-top: -57px; }
.frontpageupper { width: 970px; position: relative; }
.stratointro { width: 646px; background-color: #e4e7ea; padding: 38px 40px 40px 40px; border-right: 243px solid #8f98a3; }
.stratonews { position: absolute; left: 726px; top: 0px; width: 183px; xborder: 1px solid #fff; padding: 30px 30px 20px 30px; background-color: #8f98a3;}
.stratonews .header { margin-bottom: 20px; }
.stratonews .header a { font-size: 12pt; color: #545b65; font-weight: normal;}
.stratonews .newsitem { color: #545b65; margin-bottom: 14px;}
.stratonews .newsitem .newsdate { font-size: 10px; font-style: italic; line-height: 12px; margin-bottom:4px;}
.stratonews .newsitem .newstext { font-size: 14px; line-height: 16px; }
.stratonews .newsitem .newstext a { font-weight: normal; color: #414851; }
.stratonews .oldernews { }
.stratonews .oldernews a { font-weight: normal; font-size: 10px;}
.frontpagecolums { position: relative; border-top: 1px solid #7e8795; padding-bottom: 30px;}
.frontpagecolumn { width: 242px; float: left;}
.frontpagecolumn .subnavigation { padding-top: 30px !important; padding-bottom: 0px !important; }
.frontpagecolums .lastcolumn { border-right: 0px !important; width: 243px;}
.frontpagecolums .firstcolumn { width: 242px;}
.underfrontpage { width: 970px; background-color: #e4e7ea; border-top: 1px solid #bbc0c8;}
.underfrontpagecolumn { width: 182px; float: left; padding: 20px 30px 0px 30px; margin-bottom: 0px;}
.underfrontpagecolumn p { margin-top: 5px; margin-bottom: 5px;}
.underfrontpagecolumn p, .underfrontpagecolumn p a { font-size: 9pt; color: #555; font-weight: normal; line-height: 16px;}
.doublenavigationseparator { margin-top: 5px;}
#warningsign { color: #d00; margin-bottom: 10px; padding: 10px; border: 10px solid #d00; padding-left: 30px; } 
.noWarning { display: none !important; } 

.extnavigation { float: left; padding: 20px 0px 20px 30px; width: 211px; border-right: 1px solid #dbe0e4;}
.extunderfrontpage .firstcolumn { width: 212px; }
.extunderfrontpage .lastcolumn { width: 212px; border-right: 0px;}
.extunderfrontpage { width: 970px; background-color: #e4e7ea; border-top: 1px solid #666e7b; }
.extpostthumbnail { width: 180px; position: relative; left: -5px; padding: 4px 5px 3px 5px; height: 80px; float: left; margin: 0px 4px 3px 0px; overflow: hidden; background: url(images/ext-blank.jpg) no-repeat; }
.extpostthumbnailimage { width: 75px; height: 75px; float: left; color: #444; }
.extpostthumbnailtext { float: left; width: 90px; font-weight: normal; font-size: 10px; margin-left: 12px; margin-top: 5px; line-height: 10pt; color: #555c67;}





/*   BLANK PAGE   */
.blankpage .pagefooter { background: url(images/PageFooterBackground.gif) repeat-y; }




/*   SUBNAVIGATION   */

.subnavigation { float: left; padding: 60px 0px 30px 30px; width: 214px; }
.subnavigation .header { font-size: 12pt; margin-bottom: 10px; color: #555; border-bottom: 1px solid #969daa; width: 170px; }
.subnavigation .header a { font-weight: normal; color: #555; }
.frontpage .subnavigation .header a:hover { text-decoration: none; }
.subnavigation ul { margin: 0px 0px 20px 14px; color: #666; }
.subnavigation ul li { }
.subnavigation ul li a { font-weight: normal; font-size: 11pt; line-height: 9pt; color: #666; }

.subnavigationarea { position: relative; left: -10px; top: -10px; padding-left: 10px; padding-top: 20px; padding-bottom: 20px;}
.subnavigationarea ul { padding-left: 10px; }

.postthumbnail { width: 180px; position: relative; left: -5px; padding: 4px 5px 3px 5px; height: 80px; float: left; margin: 0px 4px 3px 0px; overflow: hidden; background: url(images/thumbnailbg.gif) no-repeat; }
.postthumbnailimage { width: 75px; height: 75px; float: left; color: #444; filter: alpha(opacity=70); opacity: 0.7; -moz-opacity: 0.7; }
.postthumbnailtext { float: left; width: 90px; font-weight: normal; font-size: 10pt; margin-left: 12px; margin-top: 5px; line-height: 10pt; color: #555c67;}
.postthumbnail .postauthor { float: left; font-size: 10px; font-weight: normal; margin-left: 12px; color: #555;}
.smallpostthumbnailimage { width: 25px;  position: relative; top: 2px; margin: 0px 6px 0px 0px !important; }



/*   WORDPRESS ELEMENTS   */

#commentform  #comment { width: 550px; border: 1px solid #b7bfca; padding: 10px; }
#commentform  input, .content #searchform input { border: 1px solid #b7bfca; padding: 3px; }
.content #searchform { padding-top: 30px; }
.commentsdivider {  position: relative; left: -40px; margin: 60px 0px 0px 0px; padding: 20px 0px 18px 40px; font-size: 9pt; border-top: 1px solid #b7bfca; width: 684px; }
.belowcomments { font-size: 9pt; }
.belowcomments a { font-weight: normal; }
.blogpost { margin-bottom: 40px; }
.postmetadata { font-size: 10pt; margin-top: 20px;}
.sbookmarks { font-size: 10pt; height: 20px; width: 400px; xborder: 1px solid black;}
.sbookmarks span { float: left; margin-right: 5px; }
.sbookmarks span img { margin-top: 3px; padding-bottom: 0px; margin-bottom: 0px;}
.post { position: relative; left: -40px; padding: 0px 40px 20px 40px; margin-bottom: 30px; border-bottom: 1px solid #e4e7ea; width: 644px;}
.searchresultpost { position: relative; left: -40px; padding: 0px 40px 20px 80px;  margin-bottom: 30px; border-bottom: 1px solid #e4e7ea; width: 850px; }
.pagetitle { padding-bottom: 30px; }




/* COMMENT */

#comment { width: 610px; }
.commentlist { margin-bottom: 40px; }
.singlecomment { position: relative;margin-top: 20px; }
.commentleftbox{ width: 80px; text-align: center; line-height: 9pt; float: left; }
.avatar { height: 48px; width: 48px; margin-left: 16px; margin-right: 16px; border: 1px solid #7d8795; margin-bottom: 10px; }
.vcard .fn { font-size: 8pt; font-weight: normal; line-height: 8pt; }
.commentdate { font-size: 7pt; margin-top: 4px; }
.commentawaitingmoderation { font-size: 9pt; margin-top: 10px; }
.commentedit { margin-top: 10px; }
.commentmetadata { }
.commentarrow { float: left; width: 20px; height: 27px; margin: 10px 0px 20px 50px;  position: relative; left: 1px; background: url(images/Commentarrow.gif) no-repeat; }
.commentbody{ border: 1px solid #b7bfca; float: left; font-size: 10pt; padding-left: 20px; padding-right: 20px; width: 440px; }
.commentreply { }
#respond {position: relative; left: -40px; margin: 0px 0px 30px 0px; font-size: 9pt; padding: 20px 0px 1px 40px;  border-top: 1px solid #e4e7ea; width: 684px; }

 






/*   PAGE FOOTER   */

.pagefooter { width: 970px; height: 47px;  margin-left: auto; margin-right: auto; padding: 0px 14px;  background: url(images/PageFooterBackgroundSmallNavigation.gif) repeat-y; }
.footerinfo { width: 970px; height: 47px; margin-left: auto; margin-right: auto; color: #444; font-size: 9pt; }
.footerinfo div { margin: -5px 0px 100px 30px; }
.footerinfo a { font-weight: normal; color: #444; }