/* Theme Name: MinimaxWhite Theme URI: http://www.mipdesign.com/ Description: Theme designed and developed by Mip Design Themes. Version: 1.0 Author: Mip Design Themes */ /* Base ------------------------------------------------------*/ * { margin: 0; padding: 0; } body { font: normal 0.75em/145% Arial, Tahoma, sans-serif; color: #545454; text-align: center; background: #d3d2d1 url("images/bg.png") repeat 0% 0%; } p { margin: 0 0 10px 0; line-height: 140%; color: #545454; } a { outline: none; text-decoration: underline; color: #458ad0; } a:hover { text-decoration: none; } ul { list-style: none; } .hide { display: none; border: none; } img { border: 0; } .padd-05 { padding: 5px; } .padd-10 { padding: 10px; } .padd-15 { padding: 15px; } .padd-20 { padding: 20px; } /* Clearing method ------------------------------------------------------*/ .clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; } .clearfix { display:inline-block; } html[xmlns] .clearfix { display:block; } * html .clearfix { height:1%; } .clear { clear:both; } /* Layout ------------------------------------------------------*/ #page-container { width: 960px; margin: 0 auto; background-color: #fff; text-align: left; z-index: 100;} .page-container-inner { padding: 10px 30px 20px 30px; } #page-header { padding: 0 0 20px 0; } #page-nav-top { margin: 0 0 20px 0; } #content-container { margin: 0 0 20px 0; padding: 10px 0 40px 0; background: url("images/h_line_sep_center.gif") no-repeat 50% 100%; } #main-content { width: 590px; float: left; } #main-content.wide { width: auto; float: none; } #sidebar { width: 290px; float: right; } #page-copy { width: 920px; margin: 30px 0 0 -10px; background: url("images/h_line_sep_end.gif") no-repeat 50% 0%; text-align: center; color: #999; padding-top: 25px; } /* Header ------------------------------------------------------*/ #page-header h1 { padding-top: 30px; } #page-header h1 a { display: block; text-indent: -9999px; width: 240px; height: 50px; background: url("images/theme_blue/logo.gif") no-repeat 0% 0%; } #page-header ul { float: right; } #page-header ul li { float: left; padding-right: 10px; margin-right: 10px; border-right: 1px solid #ddd; } #page-header ul li.last { padding-right: 0; margin-right: 0; border-right: none; } #page-header ul li a { text-decoration: none; color: #aaa; } #page-header ul li a:hover { color: #333; } #page-header ul li.current_page_item a { color: #333; } /* Page navigation ------------------------------------------------------*/ #page-container .page-navigation { width: 920px; margin-left: -10px; background: url("images/h_line_sep_end.gif") no-repeat 0% 100%; sz-index: 200; } .page-navigation ul { background: url("images/h_line.gif") repeat-x 0% 0%; margin: 0 10px 0 10px; padding-left: 10px; } .page-navigation ul li { float: left; padding: 10px 0 20px 12px; } .page-navigation ul li a { display: block; font-weight: bold; font-size: 1.2em; color: #111; text-decoration: none; text-transform: uppercase; border-right: 1px solid #bbb; padding-right: 13px; } .page-navigation ul li a:hover { color: #458ad0; } .page-navigation ul li a em { display: block; font: italic 0.8em Georgia, Times; color: #999; text-transform: none; } .page-navigation ul li.last a { border: none; } /* dropdown */ #nav, #nav ul{ z-index:99; list-style-type:none; list-style-position:outside; position:relative; } #nav a{ display:block; float:none; } #nav li{ float:left; position:relative; } /* first dropdown */ #nav ul { position:absolute; top:4.4em; z-index:99; margin: 0 0 0 -15px; padding: 15px; background-color: #fff; border-left: 1px dotted #777; border-right: 1px dotted #777; border-bottom: 1px dotted #777; } .page-navigation #nav li ul li{ float: left; clear: both; height: auto; padding: 0 0 8px 0; margin: 0 0 8px 0; border-bottom: 1px dotted #ccc; } .page-navigation #nav li ul li.last { padding: 0; margin: 0; border: none; } /* drop links */ #nav li ul a{ font-size: 1.0em; width:14em; height:auto; z-index:99; border: none; } #nav ul ul{ top:auto; z-index:99; } /* second level dropdown */ #nav li ul ul { left:14em; margin:-32px 0 0 12px; z-index:99; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{ display:none; z-index:99; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{ display:block; z-index:99; } /* Content - common ------------------------------------------------------*/ #page-content h2 { font: normal 1.8em/120% "Trebuchet MS", Arial; color: #000; border-bottom: 1px dotted #bbb; padding: 0 0 6px 0; margin: 0 0 10px 0; } #page-content h2 em { line-height: 130%; display: block; font-size: 0.6em; font-style: normal; color: #888; margin-top: 5px; } #page-content h2 a { font-size: 1.0em; font-weight: normal; color: #000; text-decoration: none; } #page-content h2 a:hover { color: #458ad0; } /* Content - main ------------------------------------------------------*/ #main-content h2 { font-size: 2.8em; border: none; margin-bottom: 15px; } #main-content h2 span { color: #ccc; } #main-content h3 { font: normal 1.6em/110% Geneva, Arial; color: #000; margin: 20px 0 10px 0; } #main-content h4 { font: bold 1.4em/110% Geneva, Arial; color: #458ad0; margin: 20px 0 10px 0; } #main-content p { font: normal 1.1em/150% Geneva, Arial; color: #565656; } #main-content img { margin: 0 0 10px 0; padding: 4px; border: 1px solid #ccc; } #main-content img.head-one { float: right; margin: 5px 0 10px 20px; } #main-content img.head-two { float: left; margin: 5px 20px 15px 0; } #main-content img.head-three { margin: 0 0 15px 0; } #main-content ul.default { margin: 0 0 10px 0; } #main-content ul.default li { padding: 0 0 0 12px; background: url("images/bullet_1.gif") no-repeat 0% 50%; } #main-content blockquote p { display: block; font: italic 1.5em/130% Geneva, Arial; color: #777; margin: 30px 0 30px 0; padding-left: 46px; background: url("images/bg_quote.gif") no-repeat 10px 0px; border-left: 1px dotted #666; } #main-content .post-item-thumb-head-three { padding-bottom: 21px; background: url("images/bg_image_shadow_3.gif") no-repeat 50% 100%; } #main-content .post-item-thumb-head-three img { display: block; margin: 0; float: none; } #main-content .post-item-thumb-head-one { float: right; margin: 5px 0 10px 20px; padding-bottom: 12px; background: url("images/bg_image_shadow.gif") no-repeat 50% 100%; } #main-content .post-item-thumb-head-two { float: left; margin: 5px 20px 15px 0; padding-bottom: 12px; background: url("images/bg_image_shadow.gif") no-repeat 50% 100%; } #main-content .post-item-thumb-head-one img, #main-content .post-item-thumb-head-two img { display: block; margin: 0; } #page-content li a.detail { font-weight: bold; font-size: 1.0em; color: #777; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 4px 25px 4px 10px; background: #e6e5e5 url("images/bullet_2.gif") no-repeat 94% 57%; } #page-content li a.detail em { font-style: normal; } #page-content li a.detail var { font-style: normal; padding-right: 3px; } #page-content li a.detail:hover { color: #fff; background-image: url("images/bullet_3.gif"); } #page-content li a.detail:hover var { color: #fff; text-decoration: underline; } /* Content - home gallery ------------------------------------------------------*/ #home-gallery-wrapper { background: url("images/bg_image_shadow_4.gif") no-repeat 50% 100%; } #home-gallery li { position: relative; height: 500px; } #home-gallery h2 { display: block; font-size: 1.6em; color: #fff; position: absolute; border: none; left: 10px; bottom: 15px; z-index: 10; } #home-gallery h2 span { display: block; } #home-gallery h2 span a { font-size: 1.4em; display: inline-block; color: #fff; background: url("images/bg_highlight_title.png") no-repeat 0% 100%; padding: 8px 50px 20px 10px; border: none; left: 0; bottom: 15px; z-index: 10; } #home-gallery h2 span a:hover { color: #fff; } #home-gallery h2 cite { display: inline-block; font-style: normal; margin-bottom: 3px; background: url("images/bg_highlight_title_cat.png") no-repeat 0% 0%; padding: 6px 15px 6px 10px; } #home-gallery h2 cite a { font-size: 0.9em; display: inline; padding: 0; margin: 0; text-transform: uppercase; } #home-gallery h2 cite a:hover { color: #fff; } #home-gallery .video { position: absolute; z-index: 5; } .jcarousel-skin-home .jcarousel-container-vertical { width: 910px; height: 530px; margin-left: -10px; } .jcarousel-skin-home .jcarousel-clip-vertical { width: 910px; height: 500px; } .jcarousel-skin-home .jcarousel-item { width: 900px; height: 500px; padding-left: 10px; } .jcarousel-skin-home .jcarousel-next-vertical { position: absolute; right: 20px; bottom: 50px; width: 32px; height: 25px; cursor: pointer; background: url("images/nav_carousel_home.png") no-repeat 100% 0%; } .jcarousel-skin-home .jcarousel-next-vertical:hover { background-position: 100% 50%; } .jcarousel-skin-home .jcarousel-next-disabled-vertical, .jcarousel-skin-home .jcarousel-next-disabled-vertical:hover { background-position: 100% 100%; } .jcarousel-skin-home .jcarousel-prev-vertical { position: absolute; right: 20px; bottom: 90px; width: 32px; height: 25px; cursor: pointer; background: url("images/nav_carousel_home.png") no-repeat 0% 0%; } .jcarousel-skin-home .jcarousel-prev-vertical:hover { background-position: 0% 50%; } .jcarousel-skin-home .jcarousel-prev-disabled-vertical, .jcarousel-skin-home .jcarousel-prev-disabled-vertical:hover { background-position: 0% 100%; } /* Content ------------------------------------------------------*/ #cols li { width: 280px; float: left; margin: 0 30px 10px 0; } #cols li.last { float: right; margin-right: 0; } #cols li.clear { width: 100%; margin-right: 0; } #cols .portfolio-item-thumb { padding-bottom: 12px; background: url("images/bg_image_shadow.gif") no-repeat 50% 100%; margin: 0 0 5px 0;} #cols li img { display: block;: left; padding: 3px; border: 1px solid #ccc; } #cols li .post p a { font-weight: bold; } #cols li .post p { line-height: 160%; color: #666; } #cols li .post var { display: block; color: #000; font-style: normal; margin-bottom: 3px;} #cols li .post-list { margin: 30px 0 20px 0; } #cols li .post-list li { float: none; background: url("images/page_16.png") no-repeat 0% 5%; padding: 0 0 5px 20px; margin: 0 0 5px 0; border-bottom: 1px dotted #cbcbcb; color: #888; } #cols li .post-list li h3 { font-size: 1.0em; } #cols li .post-list li h3 a { color: #000; } #cols li span a { text-decoration: none; color: #999; } #cols li span a:hover { text-decoration: none; color: #000; } #posts-list li { padding: 0 0 15px 0; margin: 0 0 15px 0; border-bottom: 1px dotted #ccc; } #posts-list li.last { border: none; } #posts-list li img { display: block; float: left; } #posts-list li .post-summary { width: 385px; float: right; } #posts-list li h3 { font: normal 1.6em/110% "Trebuchet MS", Arial; color: #333; margin: 0 0 3px 0; } #posts-list li h3 a { color: #333; text-decoration: none; } #posts-list li h3 a:hover { text-decoration: underline; } #posts-list li cite { display: block; font-style: normal; color: #888; margin-bottom: 8px; } #posts-list li p { font-size: 1.0em; color: #666; line-height: 150%; margin-bottom: 15px; } #posts-list.style-two li img.head { float: none; display: block; } #posts-list.style-three li img { float: right; } #posts-list.style-three li .post-summary { float: left; } #posts-list .post-item-thumb { display: block; float: left; padding-bottom: 8px; background: url("images/bg_image_shadow_2.gif") no-repeat 50% 100%; } #posts-list .post-item-thumb img { display: block; margin: 0; float: none; } #posts-list.style-two .post-item-thumb { float: none; padding-bottom: 21px; background: url("images/bg_image_shadow_3.gif") no-repeat 50% 100%; } #posts-list.style-two .post-item-thumb cite { font-size: 0.9em; display: block; position: absolute; width: 125px; height: 200px; background: url("images/bg_image_description.png") no-repeat 0% 0%; margin: 5px 0 0 440px; padding: 0 10px 0 10px; text-align: right; color: #bbb; } #posts-list.style-two .post-item-thumb cite var { display: block; font-size: 2.0em; font-weight: bold; font-style: normal; color: #fff; margin: 12px 0 10px 0; } #posts-list.style-two .post-item-thumb cite var em { font-style: normal; color: #bbb; } #posts-list.style-two .post-item-thumb cite a { color: #fff; text-decoration: none; } #posts-list.style-two h3 { font-size: 1.7em; margin: 0 0 8px 0; } #posts-list.style-three .post-item-thumb { float: right; } /* Content - portfolio ------------------------------------------------------*/ #portfolio-list { margin-top: 10px; } #portfolio-list li { margin-bottom: 20px; } #portfolio-list li li { width: 280px; float: left; margin: 0 30px 0 0; } #portfolio-list li.last { margin-right: 0; } #portfolio-list .portfolio-item-thumb { padding-bottom: 12px; background: url("images/bg_image_shadow.gif") no-repeat 50% 100%; margin: 0 0 5px 0;} #portfolio-list img { display: block; margin: 0; width: 270px; height: 110px; } #portfolio-list li h3 { margin: 0 0 5px 0; padding: 0; font-size: 1.4em; padding: 0 5px 0 0; } #portfolio-list li h3 a { color: #000; text-decoration: none; } #portfolio-list li p { font-size: 1.0em; line-height: 150%; color: #666; padding: 0 5px 0 0; } .jcarousel-skin-portfolio .jcarousel-container-vertical { width: 900px; height: 810px; margin-left: -5px; } .jcarousel-skin-portfolio .jcarousel-clip-vertical { width: 900px; height: 800px; } .jcarousel-skin-portfolio .jcarousel-item { width: 900px; height: 250px; padding-left: 5px; } .jcarousel-skin-portfolio .jcarousel-next-vertical { position: absolute; right: 0px; top: -50px; width: 30px; height: 30px; cursor: pointer; background: url("images/nav_carousel.gif") no-repeat 100% 0%; } .jcarousel-skin-portfolio .jcarousel-next-vertical:hover { background-position: 100% 50%; } .jcarousel-skin-portfolio .jcarousel-next-disabled-vertical, .jcarousel-skin-portfolio .jcarousel-next-disabled-vertical:hover { background-position: 100% 100%; } .jcarousel-skin-portfolio .jcarousel-prev-vertical { position: absolute; right: 40px; top: -50px; width: 30px; height: 30px; cursor: pointer; background: url("images/nav_carousel.gif") no-repeat 0% 0%; } .jcarousel-skin-portfolio .jcarousel-prev-vertical:hover { background-position: 0% 50%; } .jcarousel-skin-portfolio .jcarousel-prev-disabled-vertical, .jcarousel-skin-portfolio .jcarousel-prev-disabled-vertical:hover { background-position: 0% 100%; } /* Page content - forms ------------------------------------------------------*/ #main-content fieldset { margin: 30px 0px 20px 0px; border: none; } #main-content label { display: block; font-weight: bold; color: #444; float: left; width: 180px; margin: 3px 0px 6px 0px; } #main-content input, #main-content textarea { font: normal 1.0em Arial, Tahoma, sans-serif; display: block; float: left; width: 250px; background-color: #fff; border: 1px solid #ccc; font-size:1.1em; margin: 0px 100px 6px 0px; padding: 4px; } #main-content textarea { width: 380px; height: 150px; margin-right: 0} #main-content input:focus, #main-content textarea:focus { border-color: #444; } #main-content input.submit { display: block; float: left; width: 130px; background-color: #444; border: 1px solid #444; font-weight: bold; color: #fff; margin: 10px 0px 10px 180px; padding: 4px; } /* Page content - images ------------------------------------------------------*/ #main-content .alignleft { float: left; margin: 3px 15px 10px 0px; } #main-content .alignright { float: right; margin: 3px 0px 10px 15px; } /* Page content - post indexing ------------------------------------------------------*/ #post-indexing { margin: 20px 0px 0px 0px; padding: 8px; background-color: #f3f3f3; } /* Page content - post paging ------------------------------------------------------*/ #post-navigation { margin: 10px 0px 0px 0px; padding: 8px; background-color: #f3f3f3; } #post-navigation a { display: block; float: left; font: bold 1.0em Arial, Tahoma, sans-serif; color: #444; text-decoration: none; text-transform: uppercase; } #post-navigation .next a { float: right; } #post-navigation a:hover { color: #333; } /* Page content - related posts ------------------------------------------------------*/ #related-posts { margin: 10px 0px 20px 0px; } #related-posts li { margin-bottom: 2px; } #related-posts li a { display: inline-block; color: #fff; text-decoration: none; background-color: #458ad0; font-weight: bold; padding: 2px 10px 2px 6px; border-left: 3px solid #444; font-size: 0.9em; } #related-posts li a:hover { background-color: #fff; color: #000; } /* Page content - author description ------------------------------------------------------*/ #author-desc { margin: 15px 0px 10px 0px; } #author-desc img { float: left; margin: 0 15px 0 0; } #author-desc h4 { padding-top: 5px; } /* Page content - comments ------------------------------------------------------*/ #comments { padding: 25px 0 0 0; } #comments h2 { font-size: 2.2em; background: url("images/comment_64.png") no-repeat 0% 0%; margin: 0 0 5px 0; padding: 15px 0 15px 65px; } #comments #respond h3 { border-bottom: 1px solid #999; padding: 0 0 8px 0; margin: 25px 0 8px 0; } #main-content #comments fieldset { margin-top: 15px; } #comments .commentlist li { background-color: #f3f3f3; border: 1px solid #eee; margin: 0 0 10px 0; padding: 15px; } #comments .commentlist li img { float: right; background-color: #fff; margin: 0 0 0 20px; border-color: #ccc;} #comments .commentlist li cite.fn { display: block; font-size: 1.4em; font-style: normal; font-weight: bold; } #comments .commentlist li span.says { display: none; } #comments .commentlist li .comment-meta { margin: 0 0 5px 0; } #comments .commentlist li .comment-meta a { text-decoration: none; color: #999; } #comments .commentlist li .comment-reply-link { display: inline-block; color: #fff; text-decoration: none; background-color: #458ad0; font-weight: bold; padding: 1px 10px 1px 6px; border-left: 3px solid #444; font-size: 0.9em; } #comments .commentlist li .comment-reply-link:hover { background-color: #fff; color: #000; } #main-content #comments li textarea { width: 300px; } #main-content #comments li input { width: 200px; } #main-content #comments li li { margin-top: 10px; } /* Content - sidebar ------------------------------------------------------*/ #sidebar { background: url("images/bg_sidebar_bottom.gif") no-repeat 0% 100%; } #sidebar .inner { background: url("images/bg_sidebar_top.gif") no-repeat 0% 0%; padding: 0 0 15px 25px; } #sidebar h3 { font: bold 1.3em/120% "Trebuchet MS", Arial; color: #333; text-transform: uppercase; background: url("images/h_line_sidebar.gif") no-repeat 0% 0%; padding: 15px 0 6px 8px; margin: 0 0 10px 0; border-bottom: 1px dotted #000; } #sidebar h4 { font-size: 1.1em; margin: 0; } #sidebar cite { display: block; color: #999; font-style: normal; margin-bottom: 3px; } #sidebar cite em { color: #458ad0; font-style: normal; } #sidebar ul { border: 1px solid #fff; padding: 12px 0 12px 0; } #sidebar ul ul { border: none; padding: 0; } #sidebar li { margin-bottom: 25px; } #sidebar li a { color: #444; } #sidebar li li { padding: 4px 0 4px 12px; margin: 0; background: none; border-bottom: 1px dotted #bbb; background: url("images/bullet_1.gif") no-repeat 0px 10px; } #sidebar li.submenu li { border: none; margin: 0 0 1px 0; padding: 0; height: 1%; } #sidebar li.submenu li a { display: block; color: #444; font-size: 1.0em;font-weight: bold; text-decoration: none; background: #d9d9d9 url("images/bullet_1.gif") no-repeat 6px 10px; padding: 4px 0 4px 16px; } #sidebar li.submenu li.current a { color: #458ad0; background-color: #ededed;} #sidebar li.submenu li a:hover { background-color: #ccc; } #sidebar li.recentposts li { border-color: #ccc; background: none; padding-left: 0; } #sidebar li.recentposts li a { text-decoration: none; } #sidebar li.recentposts li a:hover { color: #458ad0; } #sidebar li.widget_recent_entries li { background: url("images/page_16.png") no-repeat 0px 6px; padding-left: 20px; } #sidebar li.widget_recent_entries li a { text-decoration: none; } #sidebar li.widget_recent_comments li { color: #888; background: url("images/comment_16.png") no-repeat 0px 5px; padding-left: 20px; } #sidebar li.widget_archive li { background: url("images/archive_16.png") no-repeat 0px 4px; padding-left: 20px; } #sidebar li.widget_links li { padding-top: 3px; padding-bottom: 3px; } #sidebar li.widget_links li a { text-decoration: none; } #sidebar li.widget_categories li { float: left; width: 126px; padding: 5px 0 5px 0; background: none; } #sidebar li.widget_categories li a { display: block; color: #000; font-weight: bold; text-decoration: none; background: url("images/bullet_1.gif") no-repeat 0 7px; padding: 0 0 0 12px; } #sidebar li.widget_categories li a:hover { color: #458ad0; } #sidebar li.widget_search label { display: none; } #sidebar li.widget_search input { width: 170px; background-color: #fff; border: 1px solid #ccc; padding: 3px; } #sidebar li.widget_search #searchsubmit { width: 70px; background-color: #444; border: 1px solid #ccc; padding: 2px; color: #fff; cursor: pointer; } #sidebar li.advertisment li { float: left; border: none; margin: 0 2px 0 0; padding: 0; background: none; } #sidebar li.advertisment li.alt { float: right; margin: 0; } /* Page copy ------------------------------------------------------*/ #page-copy a { color: #888; }