/* File: custom.css Description: Custom styles for Thesis BASIC USAGE: If you have enabled the custom stylesheet in the Thesis options panel, the tag will be appended with the 'custom' class, like so: . You can use the 'custom' class to override *any* CSS declarations contained in the style.css file. For example, if you wish to change the default link color to green, you would add the following declarations to this file: .custom a, .custom a:visited { color: #090; } <--- This makes links green .custom a:hover { color: #00f; } <--- This makes links blue when you mouse over them WHY THIS WORKS: By using the 'custom' class, you are creating more specific CSS declarations for HTML elements. CSS styling is applied through rules of specificity, and because declarations prepended with .custom are more specific, they get applied when the page is rendered! More information about styling your Thesis installation using this file can be found in the User's Guide: http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/ */ body { background: url('images/background_repeat_small.jpg') repeat-x 0 0 #212121; min-height:800px; } #header_area { min-height:129px; background: transparent url('images/background_container.png') no-repeat center 80px; } /*body.banner_large { background: url('images/background_repeat-1.jpg') repeat-x 0 0 #212121; } */ body.banner_large #content_box { background: transparent url('images/background_container.png') no-repeat center -40px !important; min-height: 410px; } .full_width > .page {background:transparent !important; } #content_area {background-color: #f8f8f8; border:none; } #content_box {background:url('images/bg_content.gif') repeat-y; } .price_form #content_area { background: #333333; } .price_form .no_sidebars { padding: 0px 0px 0px 8px; } .no_sidebars {/*background:url('images/bg_nosidebars.gif') repeat-y !important;*/ } body.banner_large #content_area { background:url('images/background_repeat-1.jpg') #ffffff scroll repeat-x 0px -130px; } .price_matrix #content_area { background:url('images/background_repeat-1.jpg') #ffffff scroll repeat-x 0px -130px; } .price_matrix #content_box { background: url(images/price_list_bck.png) no-repeat; } #footer, #header { border:none; } #footer_area {background-color:#212121; border-top: 3px double rgb(221, 221, 221); } #header #logo, #header #tagline {display:none; } #header { height:80px; padding:0px; } #header .logo {margin:5px 140px 0px 0px; } .homepage .headline_area {display:none; } .banner_large .post_box {margin:0; padding:0; } img {border:0;} a { color: #475f29;} a:hover { color: #333333; text-decoration: none; } .clear {clear:both;} .left {float:left;} .right {float:right;} #search { background: url(images/search.jpg) no-repeat; width: 192px; height: 29px; margin-top: 25px;} #search .field { border: none; background: none; font-size: 10px; height: 17px; width: 143px; padding: 7px 5px 5px 10px; color:#666666; float:left;} #search .button { width: 30px; height: 27px; float: left; background: none; border: none; padding: 0px; } #image_box { padding: 0px; background: none; border-bottom: none; width: 382px; overflow: hidden; } #image_box img { display: block; padding: 0px; background: #fff; border: none; width: 382px; } #video_box { padding: 0px; background: none; } #custom_box { padding: 0px; background: none; border-bottom: none; } #content .text_input { border: 1px solid #475f29; background: #FFF;} #content p.comment_box textarea { border: 1px solid #e9e9e9; background: #FFF;} #content p.allowed { background: #e9e9e9; border: none; padding: 4px 2px 4px 8px; } #content { color: #475f29;} #content h2 { color: #475f29; background: url(images/header_bg.jpg) no-repeat right 60%; display: inline; padding: 0px 30px 0px 0px; font-size: 18px; } #content h3 { color: #212121; font-size: 15px; font-weight:bold; } #content blockquote { font-style: italic;} #content ul { list-style: circle; } input.form_submit { background: url(images/button_background.gif) no-repeat 0 0; border-color: none; border-style: none; border-width: 0px; color:#111111; cursor:pointer; font-weight: normal; font-size: 12px; width: 74px; height: 24px; color: #666666; } input.form_submit:hover { color:#333333;} #commentform .form_submit { padding: 0px; font-size: 13px;} .custom input { border: 1px solid #666666; background: #FFF; padding: 3px; } .custom textarea { border: 1px solid #666666; background: #FFF; padding: 3px; } .custom input.button { background: url(images/button_background.gif) no-repeat 0 0; border-color: none; border-style: none; border-width: 0px; color:#111111; cursor:pointer; font-weight: normal; font-size: 12px; width: 74px; height: 24px; color: #666666; } /* ------------------------------------------------------ Headers ------------------------------------------------------ */ .headline_area h1, .headline_area h2 { color: #475f29; /* background: url(images/header_bg.jpg) no-repeat right 60%; */ display: inline; padding: 0px 30px 0px 0px;} .col-1, .col-2, .col-3{float:left;} .col-1 { width:450px; padding-right:30px; } .col-2 { width:450px } .col-1 .left-fields{float:right;} .col-1 .col-1 h3 { font-weight:normal; padding-bottom:0px; margin:0px 0px 4px; border-bottom:#92cf02 6px solid; text-decoration:none; } .col-1 textarea {width:440px; margin-bottom:20px !important;} /* ------------------------------------------------------ Widget Styles ------------------------------------------------------ */ .custom .favicon {margin:0px 10px 0px 0px; } /* ------------------------------------------------------ Sidebars ------------------------------------------------------ */ #sidebars { color: #999999; background:transparent; } #sidebars a { color: #999999;} #sidebars a:hover { color: #333333; text-decoration: none;} #sidebar_1 { border: none;} #sidebars h3 { color: #475f29; font-size: 18px; font-variant: normal; letter-spacing: 0px; font-weight: normal;} #multimedia_box { padding:0px; } /* ------------------------------------------------------ Navigation ------------------------------------------------------ */ ul.menu { font-size:12px; list-style: none; border: none; margin: 0px; padding: 0px; height: 48px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; } ul.menu li { margin: 0px 1px 0px 0px; padding: 0px; border: none; float: left; background:none /* url(images/nav_background.png) no-repeat 50% center;*/ } ul.menu li.current, ul.menu li.current-cat { background: url(images/nav_background.png) no-repeat 50% center; padding: 0px; border-bottom: 0; } ul.menu li.current a, ul.menu li.current-cat a { background: url(images/nav_background.png) no-repeat 50% center transparent; cursor: pointer; } /* DROP DOWN STYLES */ /* DROP DOWN WRAPPER and li's */ ul.submenu { background: url(images/dd_bck.png) repeat; border: 1px solid #4c7f21 !important; width: 181px; padding: 0px; text-align: center; } ul.submenu li { width: 182px; margin: 0px; height: 41px; } ul.submenu li:hover { background: none; } /* ROLL OVER */ ul.menu li .submenu li a { width: auto; height: auto; line-height: 0px; } ul.menu li .submenu li a:hover { background: url(images/dd_bck.png) repeat; color: #fff; } /* PARENT MENU ITEM */ ul.menu .current-parent { background: url(images/nav_background.png) no-repeat 50% center; } ul.menu .current-parent > a { background: url(images/nav_background.png) no-repeat 50% center; } ul.menu .current-parent > a:hover { background: url(images/nav_background.png) no-repeat 50% center; } /* CURRENT SUBPAGE SELECTED */ ul.menu li .submenu li a { background: none; } ul.menu li .submenu li a:hover { background: url(images/dd_bck.png) repeat; } ul.menu .current-parent li.current { background: none; border-bottom: 1px solid #ccc; } ul.menu .current-parent li.current:hover { background: none; border-bottom: 1px solid #ccc; } /* END DROP DOWN STYLES */ ul.menu li a { display: block; line-height: 0px; color: #FFF; text-transform: uppercase; letter-spacing: normal; height: 10px; padding: 24px 18px 14px 18px; background:transparent; } ul.menu li a:hover { color: #FFF; text-decoration: none; background: url(images/nav_background.png) no-repeat 50% center; } ul.menu li.current a:hover, ul.menu li.current-cat a:hover { text-decoration: none; cursor: pointer; background: url(images/nav_background.png) no-repeat 50% center; } ul.menu li.rss { padding-right: 0; background: none; border: none; float: right; } ul.menu li.rss a { padding-right: 20px; background: url('images/feed-icon.png') 100% 50% no-repeat; } /* ------------------------------------------------------ Footer ------------------------------------------------------ */ #footer { background: #212121; min-height: 300px;} #footer a { text-decoration: none; border: none; color: #FFFFFF;} #footer a:hover { color: #999999;} #footer p.textArea { min-height: 150px;} .blocks { width: 230px; float: left; margin: 10px 23px 10px 0px; text-align: left;} .blocks h2 { font-size: 18px; color: #ffffff;} .blocks p { margin: 10px 0px;} .blocks hr { height: 1px; border: none; border-top: 1px solid #919191; } .blocks ul { margin: 10px 0px; padding: 0px; list-style: none;} .blocks ul li { margin: 0px; padding: 0px; font-size: 14px; color: #FFFFFF;} .last { margin: 10px 0px 0px 0px;} #footerDetails { border-top: 1px solid #919191; padding: 30px 0px 10px 0px; height: 40px; background: url(images/logo_iworld.jpg) no-repeat left 50%;} #footerDetails a { color: #999; } #footerDetails a:hover { color: #CCCCCC; } /* ------------------------------------------------------ Pricing and PayPal styles ------------------------------------------------------ */ input.pp_btn {width:auto; border:none !important; } /* ------------------------------------------------------ LoopSlider Classes ------------------------------------------------------ */ /* Recent Work */ body.banner_slider #banner_slider { display: block; height: 409px; background: none;} #feature{ position:relative; min-height:384px; height:auto !important; height:384px; font: normal normal normal 13px/16px 'Lucida Grande', Arial, sans-serif; } #feature ul{ padding: 0 0 0 0;} #feature img{ /*background:#f3f3f3;*/ background:none; float:left; /* padding:5px; border:1px solid #e6e5e3; */ } #feature .details{ width:278px; padding: 25px 0 0 20px; float:left; } #feature h3{color:#020f40;font-weight:bold;padding: 0 5 3px 0;font-size:20px; line-height:24px; margin:0px } #feature h4{color: #ffffff;font: 16px Arial,Verdana;padding: 3 0 6px 0;font-weight:bold; } #feature p{color:#ffffff;font-size:14px;padding: 10px 0 6px 0;line-height:20px; } a.start{background:url('http://iworldcreative.com/wp-content/themes/thesis_16/custom/images/btn_start.png') no-repeat top left;height:60px; width: 229px; display:block; padding:2px 0 0 0; } a.start:hover{ background-position: 0 -61px !important; } a.launch{background:url('http://iworldcreative.com/wp-content/themes/thesis_16/custom/images/jcarousel/btn_contact.png') no-repeat top left;height:60px; width: 229px; display:block; padding:2px 0 0 0; } a.launch:hover{ background-position: 0 -61px !important; } #feature a{ font-weight:bold; text-decoration:none; /* font:1.3em Arial,Verdana; text-transform:uppercase;*/ } .jcarousel-clip { z-index: 2; margin: 0; overflow: hidden; height:384px; width:868px; position: relative; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; height: 384px; width:868px; } .jcarousel-list li, .jcarousel-item { float: left; list-style: none; width:740px; padding: 0 64px; } .jcarousel-prev-horizontal, .jcarousel-next-horizontal{ position: relative; top: 140px; width: 53px; height: 54px; float:left; cursor: pointer; } .jcarousel-next-horizontal { float:right !important; background: url('http://iworldcreative.com/wp-content/themes/thesis_16/custom/images/jcarousel/btn_next.png') no-repeat 0px -54px !important; } .jcarousel-prev-horizontal { background: url('http://iworldcreative.com/wp-content/themes/thesis_16/custom/images/jcarousel/btn_prev.png') no-repeat 0 -54px !important;} .jcarousel-next-horizontal:hover, .jcarousel-next-horizontal:active, .jcarousel-prev-horizontal:hover, .jcarousel-prev-horizontal:active { background-position: 0 -54px !important;} .jcarousel-next-disabled-horizontal, .jcarousel-next-disabled-horizontal:hover, .jcarousel-next-disabled-horizontal:active, .jcarousel-prev-disabled-horizontal, .jcarousel-prev-disabled-horizontal:hover, .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: 0 0px !important; } /* ------------------------------------------------------ Custom Content ------------------------------------------------------ */ .featureBlock { display: block; width: 280px; min-height: 120px; margin: 20px 10px 5px 0px; padding: 5px 10px 5px 65px; float: left;} #content .featureBlock h2 { color: #212121; font-weight:bold; background: none; font-size: 1.5em; } #content .cms { background: url(images/icons/cms.jpg) no-repeat top left;} #content .tag { background: url(images/icons/clouds.jpg) no-repeat top left;} #content .rss { background: url(images/icons/rss.jpg) no-repeat top left;} #content .design { background: url(images/icons/design.jpg) no-repeat top left;} #content .seo { background: url(images/icons/seo.jpg) no-repeat top left;} #content .stats { background: url(images/icons/stats.jpg) no-repeat top left;} #content .navigation { background: url(images/icons/navigation.jpg) no-repeat top left;} #content .copy { background: url(images/icons/copy.jpg) no-repeat top left;} #content .interview { background: url(images/icons/hello.jpg) no-repeat top left;} #content .package { background: url(images/icons/package.jpg) no-repeat top left;} #featureQuote { display: block; width: 190px; background: url(images/icons/quote.jpg) no-repeat top left; margin: 20px 0px 0px 0px; padding: 35px 10px 5px 25px; float: right; } #featureQuoteBase { background: url(images/icons/quote-end.jpg) no-repeat bottom right; padding: 0px 0px 25px 0px; } #featureQuoteBase p { font-style: italic;} .wp-caption-text {font-size: 10px; color: #000; text-align: left;} .gallery { margin: 3px 8px; float: left;} #grandgallery { height: 220px; border-top: 1px dotted #d7d7d7; border-bottom: 1px dotted #d7d7d7; width:900px; clear:both; } #grandgallery a { width:250px; float:left; padding:20px 20px 20px 20px; } #grandgallery a img:hover {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.7; opacity:0.7; cursor: pointer;} /* #grandgallery { text-align: center; width: 99%; height: 175px; display: block; border-top: 1px dotted #d7d7d7; border-bottom: 1px dotted #d7d7d7; padding: 0px 0px; margin: 7px 0px 14px 0px; } #grandgallery a { display: inline-block; margin: 10px 7px 0px 7px; float:left;} #grandgallery a img:hover {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.7; opacity:0.7; cursor: pointer;}*/ /* PRICE MATRIX */ .left_wrapper { float: left; width: 350px; padding: 310px 0px 0px 0px } .list_wrapper { color: #579f49; height: 500px; background: none; margin: 30px 0px; } .list_row { width: auto; background: none; clear: right; height: 145px; text-align: justify; } .list_row img { float: left; } .list_text { font-size: 10px; line-height: 14px; } .list_bold { font-weight: bold; } .price_wrapper { color: #fff; float:right; width:600px; } .price_matrix .headline_area { display: none; } .format_text img.block, .format_text img.alignnone, .wp-caption.alignnone { margin-bottom: 0px; } .price_wrapper p, .price_wrapper img { margin-bottom: 0px; } .left_col { width: 200px; height: 200px; background: none; float: left; visibility: hidden; } .right_col { width: 400px; float: left; } .rc_row1 { } .rc_row1 div { width: 100px; float: left; } .rc_row2 { background: #005593; width: 400px; height: 86px; } .rc_row2 div { width: 100px; float: left; text-align: left; vertical-align: center; } .rc_row2 span div { width: 90px; margin: 10px 0px 0px 7px; } .rc_row3 { } .rc_row3 div { width: 100px; float: left; } .row_light { width: 600px; height: 40px; background: #545454; vertical-align: center; float: left; } .row_dark { width: 600px; height: 40px; background: #4b4b4b; vertical-align: center; float: left; } .row_option { width: 192px; float: left; padding: 15px 0px 0px 8px; color: #fff; font-size: 8pt; line-height: 10px; } .row_tick { width: 100px; float: left; text-align: center; padding: 10px 0px 0px 0px; } .row_sign_up { width: 600px; height: 40px; background: none; float: left; vertical-align: center; } .row_sign_up_bottom { background: #4b4b4b; width: 600px; height: 40px; float: left; vertical-align: center; } .row_su_button { background:none; width: 100px; padding: 4px 0px -40px; display:block; float:right; text-align: center; text-indent: 9px; } .row_su_button a { margin-top: 4px; } a.sign_up { background:url(images/btn_signup.png) no-repeat top left; width: 100px; height: 24px; display:block; float:right; text-align: center; } a.sign_up:hover{ background-position: 0 -24px !important; } .row_su_spacer { width: 200px; float: left; } .price_text { font-size: 10px; color: #fff; font-weight: bold; line-height: 14px; } .smallerish { font-size: 12px; color: #fff; } .tick_bold { font-weight: bold; font-size: 9pt; color: #fff; } .header { color: #475f29; display: inline-block; width: 100%; padding: 0px 30px 10px 0px; margin: 0px 0px 0px 0px; font-size: 20px; border-bottom: 1px dotted #d7d7d7; }