/*** Primary Style Sheet for Theme ***/ body { background: #000000; font: 13px/1.4 "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000000;} #Wrapper, body { background: #979b9c url("bodyBg00.gif") repeat-x 0 0; } /* The body of the design */ /* links */ a, a:link, a:visited { color: #b20000; text-decoration: none; } a:hover, a:active { color: #f93728 ; text-decoration: none; } #MainMenu a:link, #MainMenu a:visited { color: #ffffff; } /* menu links - top level items */ #MainMenu a:hover, #MainMenu a:active { color: #b20000; } #MainMenu .sf-menu li li:hover, #MainMenu .sf-menu li li.sfHover, #MainMenu .sf-menu li li a:focus, #MainMenu .sf-menu li li a:hover, #MainMenu .sf-menu li li a:active { background: #b20000; /* menu links - sub-menu items */ color: #b20000;} #Footer a:hover, #Footer a:active, #ContentPanel a:hover, #ContentPanel a:active { color: #000000; } .ribbon span a { font-weight: bold; } .ribbon .scrollTop { float:right; margin: 19px 28px; font-weight: normal; font-size:0.8em; } /* scroll to top ^ */ /* headings */ h1, h2, h3, h4, h5, h6, .headline, .title, .ribbon span, #fancybox-title-main { font-family: "Liberation Sans", Arial, Helvetica, Garuda, sans-serif; font-weight: normal; line-height: 1; margin: 0 0 0.5em; padding: 0 0 0.2em; color: #000;} h1 { font-size: 1.85em; } h2 { font-size: 1.5em; } h3 { font-size: 1.35em; margin-bottom: 0.5em; } h4 { font-size: 1.2em; margin-bottom: 0.5em; border-bottom: none; } h5 { font-size: 1em; font-weight: bold; margin-bottom: 0.5em; border-bottom: none; } h6 { font-size: 1em; font-weight: lighter; text-transform:uppercase; margin-bottom: 0.5em; border-bottom: none; } .headline { color: #595959;} .title { padding: 0; } h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, .headline strong, .title strong { font-weight: bold; color: #000;} h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, .headline span, .title span { display: block; color: #8F8F8F; font-size: 0.6em; margin: -0.1em 0 0;} #Footer h1, #Footer h2, #Footer h3, #Footer h4, #Footer h5, #Footer h6, #ContentPanel h1, #ContentPanel h2, #ContentPanel h3, #ContentPanel h4, #ContentPanel h5, #ContentPanel h6 { color: #eee;} /* headers on dark backgrounds */ #cluetip h3 { color: #eee; font: 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; } /* tool tip titles */ #fancybox-title-main { /* modal titles */ font-size: 1.35em; height: 55px; margin: 0px; padding: 10px 8px; } /* text */ blockquote { margin: 0 0 18px 4px; padding: 0 16px; font-style: italic; border-left: 5px solid #bbb;} code, pre { font: normal 13px/18px Consolas, "Courier New", Courier, monospace; background: #000000 url("images/pre-b.gif") repeat 0 0; padding: 18px 5px; border: 1px dotted #bbb; color: #333;} code { padding: 1px 3px; background-image: none; } sup { bottom: 0.1em; } .impact { font-size: 1.1em; line-height: 1.5; } .noMargin { margin: 0; } /* ribbons (wrap around heading graphics) */ .ribbon span{ float: left; font-size: 1.4em; font-weight: bold; margin: 16px 0 0; color: #CDCDCD;} .ribbon span.blogDate { font-size: 1.85em; margin: 13px 0 0; } .ribbon span.blogPostInfo { float: right; font-size: 1.1em; font-weight: normal; margin: 18px 28px 0 0; } .ribbon span span { /* display: none; uncomment to hide "No Comments" or "Comments Off" text */ font-weight: normal; font-size: 1em; float: none; } .breadcrumbs span { font: bold 1.2em Arial, Helvetica, Garuda, sans-serif; } #Footer, #ContentPanel, #cluetip { color: #ffffff;} #Copyright { font-size:0.9em; margin:0 0 0 200px;} #Copyright p { margin: 0; padding: 0 0 1em;} /* Lists */ ul, ol { margin: 0 0 20px 5px;} ol { padding-left: 2em;} ul ul, ol ol, ul ol, ol ul { margin-top: 8px;} ul li, ol li { line-height: 1.3em; padding: 3px 5px;} ul li { padding-left: 15px;} ol li { list-style-type:decimal; list-style-position: outside;} / /* numbered list with styling */ ol.number-pad { padding: 3px 5px 5px 22px; border-left: 1px solid #E9E9E9; background: #fff url("images/bullets/ordered-background.gif") repeat-y 0 0; } ol.number-pad ol, ol.number-pad ul { background: none; margin-left:18px; } ol.number-pad li { padding-left: 10px; border-bottom:1px dotted #D6D6D6; } /* list with image, title and description */ ul.post-list { margin-left:0; } ul.post-list li { margin: 0 0 1em; padding: 0; background: none; border-bottom: 1px dotted #D6D6D6; font-size: 85%; line-height:1.45em; } ul.post-list li img { float: left; margin: 0 8px 1em 0; border: 1px solid #C6C6C6; } ul.post-list li a { display: block; font-weight:bold; margin-bottom: .3em;} /* horizontal lists */ ul.horizList { margin: 0 0 1em; } ul.horizList li { display: inline; margin: 0; padding: 0; background: none;} .widget ul.horizList li a { border: 0; padding: 0; display: inline; text-shadow: none; } /* socail network horizontal list (used in footer) */ ul.socialLinks { height: 25px; margin: 1em 22px -16px;} ul.socialLinks li a { display: block; float: right; height: 24px; overflow: hidden; padding: 0 3px 0 2px;} ul.socialLinks li a:hover, ul.socialLinks li a:active { height: 29px; margin-top: -5px;} /* forms and inputs */ input { color: #000; } textarea, .textInput { width: 175px; margin: 0 0 0.5em; padding: 5px; background: #000000; border: 1px solid #fff; border-color: #C9CACB #fff #fff #C9CACB; outline: none;} label.overlabel {color: #B3B4B4; font-size: 1.2em; display:none; /* initially hidden to prevent other content from shifting after JS function runs */ } input, textarea, input[type="submit"]:focus { outline: none; } /* disables browser based form effects */ /* common styles */ .hr { clear: both; padding: 0; margin: 0 0 1em; height: 5px; background: transparent url("hr-bg000.gif") repeat-x 0 0; } /* image containers */ a.img, div.img { float: left; border: 1px solid #D3D3D3; padding: 5px; background: #fff;} a.img img, div.img img { float: left; border: 1px solid #f3f3f3; } a.imgHover { background-color: #D8D9DA; border-color: #BCBCBC; } a.img:hover img { border-color: #fff; } /* pagination */ .pagination { display: block; margin-top: 1em; margin-bottom: 2em; } .pagination a { text-align: center; padding: 3px 8px; margin: 0 2px; border: 1px solid #D3D3D3; background: #fff; } .pagination a:hover { } .pagination a.current { border-color: #BCBCBC; background: #000000; color: #fff; font-weight: bold; } /* jQuery ui styles */ .ui-state-default, .ui-widget-content .ui-state-default {border-color: #C8CBCC;} .ui-state-hover, .ui-state-focus, .ui-state-active, .ui-widget-content .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-active {border-color: #000;} /* logo */ #Logo { float: left; margin: -60px 0 24px -3px;} #Logo a { display: block; width: 368px; height: 107px; background: transparent url("logo0000.png") no-repeat 0 0;} .logoMark { /* logo symbol in footer */ width: 95px; height: 70px; float:right; margin-top: -16px; background: transparent url("images/logoSymbol-small.png") no-repeat 0 0;} /* design structure */ #Wrapper, #PageWrapper { position: relative; } /* IE needs this to position content when using top panel (#ContentPanel) */ #PageWrapper { width: 990px; margin: 0 auto; padding: 25px 0 0;} .pageTop { height: 10px; overflow: hidden; background: url("pageBg-t.png") no-repeat 0 0;} .pageBottom { height: 10px; overflow: hidden; margin: 0 0 0.4em; background: #000000 url("images/pageBg-bottom.png") no-repeat 0 0;} #Header, .pageMain { background: #000000 url("pageBg-r.png") repeat-y 0 0;} #Header, .pageMain, #Footer {width: 990px;} /* must be specified for PNG Fix to work (IE 6 issue) */ .breadcrumbs { margin-top: -1em; } .pageContent .breadcrumbs { margin-bottom: 2em; } .full-page .breadcrumbs { margin-bottom: 0; } #FooterTop { height: 2px; overflow: hidden; background: #000000 url("footerBg.png") no-repeat 0 0;} #FooterContent { float: left; /* added because of the IE sucks "hasLayout" bug */ padding: 20px 0 0; background: url("footerBh.png") repeat-y 0 0;} #FooterBottom { width: 990px; height: 33px; overflow: hidden; margin: 0 0 0.5em; background: #000000 url("footerBi.png") no-repeat 0 0;} /* max width containers */ .contentMax, .contentArea, #Showcase, #Slides { margin: 0 26px; width: 938px;} /* content containers */ .contentArea { padding: 15px 0; } /* layouts styles */ .one-third, .two-thirds, .half-page, .full-page { float: left; margin: 0 10px 0 25px; } .one-fourth { width: 195px; } .one-third { width: 272px; } .two-thirds { width: 581px; } .half-page { width: 426px; } .full-page { margin-right: 25px; float: none; } /* nested layouts styles */ .two-thirds .one-fourth, .two-thirds .one-third, .two-thirds .two-thirds, .two-thirds .half-page, .full-page .one-fourth, .full-page .one-third, .full-page .two-thirds, .full-page .half-page { float: left; margin: 0 35px 0 0; } .two-thirds .one-fourth { width: 119px; } .two-thirds .one-third { width: 170px; } .two-thirds .two-thirds { width: 375px; } .two-thirds .half-page { width: 273px; } /* nested layouts (in blog posts) styles */ .blogPostSummary .one-fourth { width: 116px; } .blogPostSummary .one-third { width: 166px; } .blogPostSummary .two-thirds { width: 367px; } .blogPostSummary .half-page { width: 268px; } .last, .two-thirds .last, .full-page .last { margin-right: 0; } #Footer .one-third, #Footer .two-thirds, #Footer .half-page { margin: 0 0 0 25px; padding: 0 25px 0 0; background: #000000 url("footerBg.gif") repeat-y 100% 0;} #Footer .one-third { width: 262px; } #Footer .two-thirds { width: 574px; } #Footer .half-page { width: 419px; } #Footer .full-page { margin: 0; padding: 0 25px; } body #Footer .last { background: #000000; } /* no right border on last */ #Footer .contentArea { padding-bottom: 0; } #ContentPanel { /* hidden top content area */ position:relative; display:none; /* hidden on start */ background: #000000; border-bottom: 1px solid #fff; } #ContentPanel .contentArea { margin: 0 auto; } /* main menu */ #MenuWrapper { height: 62px; } #MainMenu { position: relative; top: -20px; right: 20px; height: 62px; float: right; z-index: 99; /* allows menu to overlap slideshow*/} #MmLeft { float:left; width: 25px; height: 62px; background: transparent url("mainMenu.png") no-repeat 0 0;} #MmRight { float:left; width: 20px; height: 62px; background: transparent url("mainMenv.png") no-repeat 0 0;} #MmBody { float: left; min-width: 500px; height: 62px; background: transparent url("mainMenw.png") repeat-x 0 0;} #MmOtherLinks { float: left; } .mmDivider { float: left; width: 10px; height: 40px; margin:7px 10px 0; background: transparent url("images/mainMenu-divider.gif") no-repeat 0 0;} #MainMenu .sf-menu li li { background: #000000; } /* sub-menu background */ #MainMenu .sf-menu li li li { background: #2f2f2f; } /* sub-sub-menu background */ #MainMenu .sf-menu .separator-item hr { /* separator in main menu dropdowns */ height:1px; border: 0; color: #fff; background-color: #fff; margin: 0 13px; opacity: 0.3; } /* header - right side content */ #HeaderRight { clear: right; float:right; margin: 0 26px 25px;} /* search */ #Search { width: 298px; height: 32px; overflow: hidden; cursor: text; background: transparent url("images/search-bg.gif") no-repeat 0 0;} #Header .searchHover { background-position: 0 -32px; } #Header .searchActive { background-position: 0 -64px; cursor: pointer; } #SearchInput { float:left; background: transparent; border: 0; font-size: 14px; height: 20px; padding: 8px 0 3px 7px; width: 216px; margin: 0;} #SearchSubmit { float:left; display:none; background: transparent; border: 0; width:73px; height:30px; margin: 1px 0 0; padding:0; cursor: pointer;} /* slide show */ #Slideshow { height: 359px; overflow: hidden;} #SlideTop, #SlideRepeat, #SlideBottom, .slidePrev, .slideNext, #slidePager { position: relative; z-index: 29;} #SlideTop { height: 4px; overflow: hidden; background: transparent url("pageBg-s.png") no-repeat 0 0;} #SlideRepeat { height: 300px; overflow: hidden; background: transparent url("pageBg-u.png") repeat-y 0 0;} #SlideBottom { height: 55px; overflow: hidden; background: transparent url("pageBg-v.png") no-repeat 0 0;} #Slides { margin-top: -359px; margin-bottom: 18px; /* without this #SlideBottom will overlap #Main */ height: 342px; overflow: hidden; background: #000000;} a.slidePrev, a.slideNext { display: block; z-index: 30; top: -235px; width: 51px; height: 64px;} a.slidePrev { float: left; margin: 0 0 0 11px; background: transparent url("slide-pr.png") no-repeat 0 0;} a.slideNext { float: right; margin: 0 11px 0; background: transparent url("slide-ne.png") no-repeat 0 0;} a.slidePrev:hover, a.slideNext:hover { background-position: 0 -64px;} #slidePager { top: -348px; float: right; margin:0 -35px 0 0;} #slidePager a, #slidePager a:visited { float: left; width: 16px; height: 15px; overflow: hidden; background: transparent url("slide-pa.png") no-repeat 0 0; text-decoration: none; text-indent: -1234px;} #slidePager a:hover { background-position: -16px 0;} #slidePager a.activeSlide { background-position: -32px 0;} /* slide show - cu3er */ #Slideshow-cu3er { width:990px; height: 400px; text-align: center; background:#000000 url("pageBg-r.png") repeat-y 0 0;} #cu3erShadow { width:990px; height:360px; padding:15px 0 25px; background:#000000 url("images/cu3er-shadow.png") no-repeat 0 0;} #TheCu3er { width:938px; outline:0; } /* slide show - GalleryView */ #SlideShow-GalleryView { width:990px; height: 400px; background:#000000 url("pageBg-r.png") repeat-y 0 0;} #SlideShow-GalleryView #GalleryView { height:938px; height:340px; overflow:hidden; margin:0 0 0 26px; } #GalleryView li, #GalleryView .filmstrip li { background: none; margin:0; padding:0; } /* prevents image based bullets */ #GalleryView .strip_wrapper { margin-top: 3px; } /* extra gap between image and tumbnail */ #GalleryView .pointer { border-bottom-color: #F4F5F6; } /* up arrow color */ /* showcase/spotlight */ #Showcase { padding: 10px 0 0; } #Showcase .widget { float: left; } /* quick alignment helper, can be removed if it causes problems */ #Showcase .widget_simpleimage { float: left; margin: 0 22px; } /* to achieve demo image/content look */ #Showcase .showcase-area-right .widget_simpleimage { float: right; margin: 0 0 0 5px; } /* for right column image */ /* ribbon elements (wrap around) */ .ribbon, .ribbon .wrapAround, .ribbon .tab { height: 52px; overflow: hidden; } .ribbon { margin: 0 -4px 8px -53px; width: 638px;} .ribbon .wrapAround { float: left; width: 52px; background: transparent url("ribbon-w.png") no-repeat 0 -104px;} .ribbon .tab { float: left; width: 586px; background: #000000 url("ribbon00.png") no-repeat 0 0;} /* Sidebars */ /* Generic widget list styling */ .widget ul { margin-left: 0; } .widget ul li { font-size: 14px; background: none; padding: 0; margin: 0; } .widget ul li ul { margin-left: 1.5em; } .widget ul li a { display: block; padding: 0.5em 5px 0.5em 0; margin: 0; border-bottom: 1px dotted #DBDBDC; text-decoration: none; text-shadow: #fff 1px 1px 0px; } .widget ul li a:link, .widget ul li a:visited { } .widget ul li a:hover, .widget ul li a:active { } .widget ul li.current_page_item a, .widget ul li.current_page_item a:link, .widget ul li.current_page_item a:visited, .widget ul li.current_page_item a:hover, .widget ul li.current_page_item a:active, .widget ul li.current-cat a:link, .widget ul li.current-cat a:visited, .widget_extended-categories ul li.current-cat a:link, .widget_nav_menu ul li.current-menu-item a:link, .widget_nav_menu ul li.current-menu-item a:visited, .widget_extended-categories ul li.current-cat a:visited, .widget_pages ul li.current_page_item a:link, .widget_pages ul li.current_page_item a:visited { color: #2C2C2C; } /* side nav exceptions and special cases */ .widget_rss ul li { font-size: 1em; } .widget_rss ul li a { padding: 0 0 0.3em; background: none; font-weight: bold; } .widget_recent_comments ul { margin-left: 0; } .widget_recent_comments ul li { background: transparent url("images/bullets/quote_gray.gif") no-repeat 0 8px; padding: 7px 0 7px 20px; margin-left: 0; } .theme_twitter_widget ul.twitterFeed li a { background: transparent url("images/bullets/quote_gray.gif") no-repeat 0 0.6em; padding-left: 24px; font-size: 1em; } #reklamarka { background: url("bodyBg00.gif") repeat 0 0; border-top: 10px solid #000000; border-bottom: 10px solid #000000; width: 900px; } #linkler1 { padding: 5px; border: 3px solid #000000; background: #E8EBEC url("bodyBg00.gif") repeat-x 0 0; border-top: 10px solid #000000; border-bottom: 10px solid #000000; height: 650px; width: 800px; } #linkler2 { padding: 5px; align: center; border: 3px solid #000000; background: #E8EBEC url("bodyBg00.gif") repeat-x 0 0; border-top: 10px solid #000000; border-bottom: 10px 10px solid #000000; text-align: center; width: 280px; } #linkler3 { padding: 5px; align: center; border: 3px solid #000000; background: #E8EBEC url("bodyBg00.gif") repeat-x 0 0; border-top: 10px solid #000000; border-bottom: 10px solid #000000; text-align: center; width: 280px; } #sagkisim { float: right; margin: 0 0 0 5px; padding: 5px; border: 3px solid #000000; background: #E8EBEC url("bodyBg00.gif") repeat-x 0 0; border-top: 10px solid #000000; border-bottom: 10px solid #000000; width: 280px; }