/********************************************************************************************** Main Sections in CSS: 1. BASIC ELEMENTS Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc. 2. LAYOUT Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site 3. PAGE COMMON STYLES Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc 4. PAGE SPECIFIC STYLES Define content styles that are specific to a particular page ***********************************************************************************************/ /*------------------------------------------ // 1.BASIC ELEMENTS // Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc. //------------------------------------------*/ body { color:#000; background:#fff url(../images/body-bg.gif) repeat-x left top ; font-family: Tahoma, Geneva, sans-serif; } h1,h2,h3,h4,h5,h6,p { line-height:1.2em; } p.more { background:url(../images/content/right-arrow.gif) no-repeat right 2px; text-align:right; line-height:1.7em; margin-top:5px; padding-right:20px; margin-right:5px; } p.more a { color:#436996; font-size:120%; text-decoration:none; } div#common { color:#000; font-size:110%; line-height:150%; padding:10px;} div#common p{ color:#000; font-size:110%; line-height:150%; } /*------------------------------------------ // 2.LAYOUT // Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site //------------------------------------------*/ /*---- Container ----*/ div#container div.wrapper { width:1008px; margin: 0 auto; } /*---- Header ----*/ div#header { background:url(../images/header/header-bg.gif) repeat-x left top; } div#header div.wrapper { padding-top:7px; height:91px; position:relative; } /*---- Navigation ----*/ div#navigation { margin-left:20px; padding-top:63px; float:left; z-index:5; position:absolute; left:275px; bottom:-3px; } /*---- Dashboard ----*/ div#dashboard { background:url(../images/search-bar-middle.gif) repeat-x top left; height:51px; line-height:41px; } /*---- Search ----*/ div#search { float:left; padding-left:10px; width:560px; } /*---- Main ----*/ div#user-control { vertical-align:middle; float:right; width:340px; } /*---- Content ----*/ div#container.home div#content div.wrapper { background:url(../images/content/content-wrapper-bg.gif) repeat-y left top; padding:25px 0; } div#content div.wrapper { background:url(../images/content/content-wrapper-bg.gif) repeat-y left top; padding:14px 0; } /*---- Main ----*/ div#container.home div#main{ width:770px; padding-right:15px; } div#main{ width:770px; padding-right:15px;} /*---- Sidebar ----*/ div#container.home div#sidebar{ width:190px; padding-left:10px; } div#sidebar{ width:190px; padding-left:10px; } /*---- Footer ----*/ div#footer { background:#274e00 url(../images/footer/footer-bg.gif) repeat-x top left; padding-top:13px; height:51px; clear:both;} /*------------------------------------------ // 3. PAGE COMMON STYLES // Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc //------------------------------------------*/ /*---- Header - Logo ----*/ div#header div.logo { float:left; padding-top:3px; } div#header div.logo h1 a {background:url(../images/header/sofotex-logo.png) no-repeat top left; display:block; height:70px; width:275px; } /*---- Header - Global Navigation ----*/ div#header div.global-navigation { float:right; width:362px; } div#header div.global-navigation ul li { display:inline; background:url(../images/header/arrow.png) no-repeat left center; padding-left:12px; margin-right:10px; } div#header div.global-navigation ul li a { color:#1d577b; font-size:110%; font-weight:bold; text-decoration:none; } /*---- Navigation ----*/ div#navigation ul li { background:url(../images/navigation/navigation.gif) no-repeat 0px 0px; float:left; margin-right:2px; height:28px; line-height:28px; padding-left:6px;} div#navigation ul li a { background:url(../images/navigation/navigation.gif) no-repeat right -29px; display:block; font-size:150%; color:#fff; padding:0px 20px; text-decoration:none; } div#navigation ul li.active { background:url(../images/navigation/navigation.gif) no-repeat 0px -58px; height:32px; font-weight:bold; line-height:32px;} div#navigation ul li.active a { background:url(../images/navigation/navigation.gif) no-repeat right -90px; } .nav { color:#1d577b; font-size:110%; font-weight:bold; text-decoration:none; } /*---- Search ----*/ div#search h2 { color:#FFF; font-size:150%; float:left; margin-right:5px; line-height:41px; } div#search div.search-form { float:left; } div#search div.search-form a { background:url(../images/search/advance-search-arrow.gif) no-repeat right bottom; padding-right:15px; color:#FFF; text-decoration:underline; font-size:110%; line-height:1.2em; font-weight:bold; } div#search div.search-form input.textbox { width:226px; vertical-align:middle; margin-right:5px; } div#search div.search-form input.submit { vertical-align:middle; margin-right:5px; } /*---- User Control ----*/ div#user-control ul li { display:inline; color:#fff; font-size:110%; font-weight:bold; } div#user-control ul li a{ color:#fff; font-size:110%; text-decoration:underline; } /*---- Content ----*/ div#content h1 { color:#498214; font-size:200%; margin-bottom:15px; } div#content h2 { color:#498214; font-size:180%; margin-bottom:7px; } /*---- Sidebar Catagories ----*/ div#container.home div#catagories { width:182px; margin:0px 0px 20px 0px;} div#catagories { width:100%; margin:0px 0px 20px 0px;} div#catagories li { border-bottom:1px solid #b6e0f8; } div#catagories li.first { border-top:1px solid #b6e0f8; } div#catagories li a { background:url(../images/content/sidebar/right-arrow.gif) no-repeat left center; padding-left:20px; color:#666666; font-size:120%; font-weight:bold; line-height:2em; text-decoration:none; } div#catagories li.parent a{background:url(../images/content/main/small-down-arrow.gif) left center no-repeat; padding-left:20px;} div#catagories li.parent ul.child{ background:url(../images/content/main/category-child-bg.gif) left top repeat-y; overflow:hidden; border-top:1px solid #b6e0f8; } div#catagories li.parent ul.child li{ color:#274e00; font-size:90%; border:none; padding:0px 10px;} div#catagories li.parent ul.child li a{color:#1c579b; background:none; padding-left:10px;} /*---- Box ( Grey color ) ----*/ div.boxg { border:#c6c6c6 1px solid; } div.boxg div.boxg-top-left { float:left; background:url(../images/content/main/grey-box.gif) no-repeat top left; height:5px; width:5px; margin-top:-1px; margin-left:-1px; position:relative; line-height:5px; } div.boxg div.boxg-top-right { float:right; background:url(../images/content/main/grey-box.gif) no-repeat top right; height:5px; width:5px; margin-top:-1px; margin-right:-1px; position:relative; line-height:5px; } div.boxg div.boxg-bottom-left { float:left; background:url(../images/content/main/grey-box.gif) no-repeat bottom left; height:5px; width:5px; margin-bottom:-1px; margin-left:-1px; position:relative; line-height:5px; } div.boxg div.boxg-bottom-right { float:right; background:url(../images/content/main/grey-box.gif) no-repeat bottom right; height:5px; width:5px; margin-bottom:-1px; margin-right:-1px; position:relative; line-height:5px; } /*---- Box ( Dark Blue color ) ----*/ div.box1 { border:#336699 1px solid; margin-bottom:15px; } div.box1 div.box1-top-left { float:left; background:url(../images/content/main/dark-blue-box.gif) no-repeat top left; height:5px; width:5px; margin-top:-1px; margin-left:-1px; position:relative; line-height:5px; } div.box1 div.box1-top-right { float:right; background:url(../images/content/main/dark-blue-box.gif) no-repeat top right; height:5px; width:5px; margin-top:-1px; margin-right:-1px; position:relative; line-height:5px; } div.box1 div.box1-bottom-left { float:left; background:url(../images/content/main/dark-blue-box.gif) no-repeat bottom left; height:5px; width:5px; margin-bottom:-1px; margin-left:-1px; position:relative; line-height:5px; } div.box1 div.box1-bottom-right { float:right; background:url(../images/content/main/dark-blue-box.gif) no-repeat bottom right; height:5px; width:5px; margin-bottom:-1px; margin-right:-1px; position:relative; line-height:5px; } div.box1 li.alternate { background:#f3faf2; } /*---- Box ( Grey color ) ----*/ div.box2 { border:#a6d0e7 1px solid; margin-bottom:15px; } div.box2 div.box2-top-left { float:left; background:url(../images/content/main/light-blue-box.gif) no-repeat top left; height:6px; width:6px; margin-top:-1px; margin-left:-1px; position:relative; line-height:5px; } div.box2 div.box2-top-right { float:right; background:url(../images/content/main/light-blue-box.gif) no-repeat top right; height:6px; width:6px; margin-top:-1px; margin-right:-1px; position:relative; line-height:5px; } div.box2 div.box2-bottom-left { float:left; background:url(../images/content/main/light-blue-box.gif) no-repeat bottom left; height:6px; width:6px; margin-bottom:-1px; margin-left:-1px; position:relative; line-height:5px; } div.box2 div.box2-bottom-right { float:right; background:url(../images/content/main/light-blue-box.gif) no-repeat bottom right; height:6px; width:6px; margin-bottom:-1px; margin-right:-1px; position:relative; line-height:5px; } /*---- footer ----*/ div#footer ul { padding-left:10px; margin-bottom:20px; } div#footer ul li { color:#000; font-size:110%; display:inline; margin-right:8px; line-height:1.2em; } div#footer ul li a { color:#FFF; font-weight:bold; text-decoration:none; } div#footer p{ color:#FFF; } /*------------------------------------------ // 4.1 INDEX PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Main ----*/ div#main div.column1 { float:left; width:445px; } div#main div.column2 { float:right; width:300px; } div#main div.column2 div.subscribe { margin-bottom:15px; } /*---- Premium ----*/ div#premium { margin-bottom:25px; } div#premium div.boxg { background:#f2efef url(../images/content/main/preimum-bg.gif) repeat-x left top; } div#premium div.boxg div.prodcuts { padding:10px; } div#premium div.boxg div.prodcuts div.product { width:235px; float:left; } div#premium div.boxg div.prodcuts div.product img { float:left; } div#premium div.boxg div.prodcuts div.product div.information { float:right; width:170px; } div#premium div.boxg div.prodcuts div.product div.information h3 { color:#1d577b; font-size:140%; } div#premium div.boxg div.prodcuts div.product div.information p { color:#1d577b; font-size:120%; line-height:1.3em; margin-bottom:10px; } div#premium div.boxg div.prodcuts div.product div.information a { background:url(../images/content/main/small-down-arrow.gif) no-repeat left bottom; color:#000; text-decoration:underline; padding-left:20px; font-size:140%; line-height:1.2em; } /*---- Latest ----*/ div#latest div.list{ padding-bottom:10px; } div#latest div.list ul li { border-bottom:#b6e0f8 1px solid ;padding:10px 10px; } div#latest div.list ul li div.homedetails { width:350px; float:left; } div#latest div.list ul li div.homedetails h4 a{ color:#1c579b; font-size:140%; text-decoration:none; } div#latest div.list ul li div.homedetails p { color:#666666; font-size:120%; } div#latest div.list ul li div.rating { width:70px; float:left; } div#latest div.list ul li div.rating span { color:#9fa49e; font-size:120%; line-height:1.3em; } div#latest div.list ul li a img { float:right; } div#latest div.list ul li div.catdetails { width:670px; float:left; } div#latest div.list ul li div.catdetails h4 a{ color:#1c579b; font-size:140%; text-decoration:none; } div#latest div.list ul li div.catdetails p { font-size:120%; } /*---- Weekly ----*/ div#weekly div.list{ padding-bottom:10px; } div#weekly div.list ol{ float:left; width:221px; padding:6px 0px; } div#weekly div.list ol li { padding:5px 10px; border-bottom:#d1ecf9 1px solid; } div#weekly div.list ol li h4 a{ color:#1c579b; font-size:140%; text-decoration:none; } /*---- Featured ----*/ div#featured div.box2 { background:#edf7fd url(../images/content/main/featured-bg.gif) repeat-x left top; } div#featured div.box2 ol { margin-left:5px; padding:5px 0; } div#featured div.box2 ol li { border-bottom:#b6e0f8 1px solid; padding:5px 15px 5px 0; } div#featured div.box2 ol li h4 { color:#1d577b; font-size:120%; } div#featured div.box2 ol li p { color:#666666; font-size:110%; } /*---- Tag Cloud ----*/ div#cloud div.box2 { background:#edf7fd url(../images/content/main/cloud-bg.gif) repeat-x left top; } div#cloud div.box2 ol { padding:10px 10px 15px; } div#cloud div.box2 ol li { display:inline; margin-right:10px; } div#cloud div.box2 ol li a { color:#666666; font-size:120%; line-height:1.4em; text-decoration:none; } div#cloud div.box2 ol li a.size14 { font-size:140%; font-weight:bold; } div#cloud div.box2 ol li a.size18 { font-size:180%; font-weight:bold; } /*---- Reviews ----*/ div#latest-reviews,div#downloads {clear:both;} div#latest-reviews div.box2 ,div#downloads div.box2 { background:#ebf6fc url(../images/content/main/reviews-bg.gif) repeat-x left top; } div#latest-reviews div.box2 ol,div#downloads div.box2 ol { margin-left:5px; padding:5px 0; } div#latest-reviews div.box2 ol li,div#downloads div.box2 ol li { border-bottom:#b6e0f8 1px solid; padding:5px 15px 5px 0; } div#latest-reviews div.box2 ol li h4,div#downloads div.box2 ol li h4 { color:#1d577b; font-size:120%; } div#latest-reviews div.box2 ol li h4 a,div#downloads div.box2 ol li h4 a{color:#1D577B;} div#latest-reviews div.box2 ol li p,div#downloads div.box2 ol li p { color:#666666; font-size:110%; } /*------------------------------------------ // 5 INNER PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Main ----*/ a.button{background:url(../images/content/main/submit.gif) left top no-repeat; height:30px; padding-left:15px;} a.button span{background:url(../images/content/main/submit.gif) right bottom no-repeat; height:30px; float:left; padding-right:15px; line-height:30px; font-size:120%; color:#f3faf2; font-weight:bold;} a.button:hover , a.button:hover span{text-decoration:none;} /*---- Main - Breadcrumbs ----*/ div#main div#breadcrumbs {margin-bottom:20px;} div#main div#breadcrumbs p span a{ font-size:120%; color:#1c579b; font-weight:bold;} div#main div#breadcrumbs p span a.active {color:#274e00;} /*---- Main - Software ----*/ div#main div#software h4{font-size:140%; color:#003366; line-height:24px; margin:0px 0px 14px 10px;;} div#main div#software div.tabs{overflow:hidden; width:100%;} div#main div#software div.tabs ul li{margin-right:3px; float:left;} div#main div#software div.tabs ul li{background:url(../images/content/main/tabs.gif) left -60px no-repeat; height:30px; float:left; padding-left:12px;} div#main div#software div.tabs ul li a{background:url(../images/content/main/tabs.gif) right -90px; height:30px; float:left; padding-right:12px; line-height:30px; font-size:120%; font-weight:bold; color:#003300;} /*---- Main - Software Tabs ----*/ div#main div#software div#screenshots-tab-content{ display:none; } div#main div#software div#reviews-tab-content{ display:none; } div#main div#software div.tabs ul li.active{background:url(../images/content/main/tabs.gif) left top no-repeat; height:30px; float:left; padding-left:12px;} div#main div#software div.tabs ul li.active a{background:url(../images/content/main/tabs.gif) right -30px; height:30px; float:left; padding-right:12px;} div#main div#software div.tabs ul li a:hover{text-decoration:none;} div#main div#software div.tabs ul li span.specification{ background:url(../images/content/main/spaecification.gif) left center no-repeat; padding-left:22px; display:block;} div#main div#software div.tabs ul li span.screenshots{ background:url(../images/content/main/screenshots.gif) left center no-repeat; padding-left:22px; display:block;} div#main div#software div.tabs ul li span.review{ background:url(../images/content/main/review.gif) left center no-repeat; padding-left:22px; display:block;} /*---- Main - Software Tabs - Content ----*/ div#main div#software div.box3 {background-color:#b0dd94; width:100%; overflow:hidden; margin-bottom:14px;} div#main div#software div.box3 div.box3-top { width:100%; overflow:hidden;} div#main div#software div.box3 div.box3-top div.box3-top-left{ float:left; background:url(../images/content/main/green-box.gif) no-repeat top left; height:5px; width:5px; line-height:5px; } div#main div#software div.box3 div.box3-top div.box3-top-right{ float:right; background:url(../images/content/main/green-box.gif) no-repeat top right; height:5px; width:5px; line-height:5px; } div#main div#software div.box3 div.box3-bottom div.box3-bottom-left{ float:left; background:url(../images/content/main/green-box.gif) no-repeat bottom left; height:7px; width:7px; line-height:7px; } div#main div#software div.box3 div.box3-bottom div.box3-bottom-right{ float:right; background:url(../images/content/main/green-box.gif) no-repeat bottom right; height:7px; width:7px; line-height:7px; } div#main div#software div.box3 div.box3-middle{background:#fff url(../images/content/main/tabs-box-bg.gif) left bottom repeat-x; padding:16px 13px 0px; margin:0px 1px 6px 1px; overflow:hidden; width:742px;} div#main div#software div.box3 div.box3-middle dl{width:340px; overflow:hidden; float:right;} div#main div#software div.box3 div.box3-middle dl dt{width:172px; float:left; font-size:120%; color:#003366; font-weight:bold; line-height:22px;} div#main div#software div.box3 div.box3-middle dl dd{float:left; font-size:120%; color:#666; line-height:22px;} div#main div#software div.box3 div.box3-middle dl dd a.rates{ font-weight:bold; color:#003366; text-decoration:underline; display:block;} div#main div#software div.box3 div.box3-middle div.image{float:left;} div#main div#software div.box3 div.box3-middle div.image a{ background:url(../images/content/main/enlarge.gif) right center no-repeat; padding-right:20px; font-size:120%; color:#003300; font-weight:bold; line-height:24px; text-align:right; display:block;} div#main div#software div.box3 p.download{background:url(../images/content/main/down-arrow.gif) left center no-repeat; font-size:260%; color:#1c579b; text-decoration:underline; padding-left:30px; line-height:24px; clear:both; margin-bottom:10px;} div#main div#software div.box3 p.download a{ color:#1c579b;} div#main div#software div.box3 p { font-size:120%; } /*---- Main - Software - Description ----*/ div#main div#description div.box2 {margin-bottom:18px;} div#main div#description div.box2 h4{margin-left:0px;} div#main div#description div.box2 div.box-bottom{margin-top:-5px; position:relative;} div#main div#description div.box2 div.detail{background:#fafdfe url(../images/content/main/description-box-bg.gif) left bottom repeat-x;} div#main div#description div.box2 div.detail { padding:16px 20px 0px 20px;} div#main div#description div.box2 div.detail img {float:right; margin:0px 0px 12px 18px;} div#main div#description div.box2 div.detail p{font-size:120%; line-height:1.2em; margin-bottom:20px;} /*---- Main - Software - Description - Controls ----*/ div#main div#description div.box2 div.detail div.controls{ background:#c5e6f9; clear:both; border-top:1px solid #a6d0e7; overflow:hidden; width:758px; margin:0px -50px 0px -20px; position:relative; padding:5px 5px 0px 5px;} div#main div#description div.box2 div.detail div.controls a{font-size:120%; color:#003366; font-weight:bold; float:left; display:block; line-height:17px;} div#main div#description div.box2 div.detail div.controls a.review{ background:url(../images/content/main/description-icons.gif) left -25px no-repeat; padding-left:24px; margin-right:30px; } div#main div#description div.box2 div.detail div.controls a.buy{ background:url(../images/content/main/description-icons.gif) left -58px no-repeat; padding-left:24px; margin-right:34px;} div#main div#description div.box2 div.detail div.controls a.favoirates{ background:url(../images/content/main/description-icons.gif) left -82px no-repeat; padding-left:24px; margin-right:30px;} div#main div#description div.box2 div.detail div.controls a.report{ background:url(../images/content/main/description-icons.gif) left 5px no-repeat; padding-left:24px;} div#main div#description div.box2 div.box2-bottom { background-color:#c5e6f9; } /*---- Main - Software - Comment Form ----*/ div#main div#review-form div.box2 {margin-bottom:18px; background:#fafdfe url(../images/content/main/contact-box-bg.gif) left bottom repeat-x;} div#main div#review-form div.box2 img{vertical-align:top; margin-right:5px;} div#main div#review-form div.box2 table{margin-left:7px;} div#main div#review-form div.box2 table td{padding:5px; font-size:120%; color:#666; font-weight:bold; line-height:1.2em; vertical-align:top;} div#main div#review-form div.box2 table td label{color:#333;} div#main div#review-form div.box2 table td input.radio{ margin:2px 0px 0px 2px; vertical-align:top;} div#main div#review-form div.box2 table td input.textbox{vertical-align:top; padding:2px 3px; background:url(../images/content/main/textbox-bg.gif) left top repeat-x; border:1px solid #bdbcbd; width:275px;} div#main div#review-form div.box2 table td p.texarea{ background:#fff url(../images/content/main/textarea-bg.gif) left bottom no-repeat; border:1px solid #bdbcbd; } div#main div#review-form div.box2 table td p.texarea textarea{ width:560px; height:54px; background:none; border:none; vertical-align:top;} /*---- Main - Software - Reviews ----*/ div#main div#reviews div.box2{ background:#fafdfe url(../images/content/main/reviews-box-bg.gif) left bottom repeat-x; } div#main div#reviews div.box2 img{vertical-align:top; margin-right:5px;} div#main div#reviews div.box2 a.button{margin:0px 10px 10px 0px;} div#main div#reviews div.box2 ul{padding:0px 10px; overflow:hidden;} div#main div#reviews div.box2 ul li{ margin-bottom:24px; position:relative;} div#main div#reviews div.box2 ul li img{position:absolute; left:40px; bottom:-13px; z-index:20;} /*---- Main - Software - Comment Box ----*/ div#main div#reviews div.box2 ul li div.comment.box{ background:url(../images/content/main/comment-box-bg.gif) left bottom repeat-x; border:none; position:relative; z-index:2;} div#main div#reviews div.box2 ul li div.comment.box div.comment-box-top div.top-left{background:url(../images/content/main/comment-box.gif) left top no-repeat; float:left; height:5px; width:5px; line-height:5px; position:relative;} div#main div#reviews div.box2 ul li div.comment.box div.comment-box-top div.top-right{background:url(../images/content/main/comment-box.gif) right top no-repeat; float:right; height:5px; width:5px; line-height:5px; position:relative;} div#main div#reviews div.box2 ul li div.comment.box div.comment-box-bottom div.bottom-left{background:url(../images/content/main/comment-box.gif) left bottom no-repeat; float:left; height:5px; width:5px; margin-top:-5px; position:relative; margin-bottom:0px; line-height:5px;} div#main div#reviews div.box2 ul li div.comment.box div.comment-box-bottom div.bottom-right{background:url(../images/content/main/comment-box.gif) right bottom no-repeat; float:right; height:5px; width:5px; margin-top:-5px; position:relative; margin-bottom:0px; line-height:5px;} div#main div#reviews div.box2 ul li div.comment.box div.details{padding:5px; border:1px solid #bdbcbd;} div#main div#reviews div.box2 ul li div.comment.box div.details div.heading{overflow:hidden; width:100%; padding-top:5px; margin-bottom:5px;} div#main div#reviews div.box2 ul li div.comment.box div.details div.heading h5{ color:#003366; font-size:120%; float:left;} div#main div#reviews div.box2 ul li div.comment.box div.details div.heading h5 a{ color:#003366;} div#main div#reviews div.box2 ul li div.comment.box div.details div.heading div.metadata{font-size:120%; color:#003366; font-weight:bold; float:right;} div#main div#reviews div.box2 ul li div.comment.box div.details p{color:#6699cc; font-size:120%; line-height:14px; } /*---- Main - Software - Products ----*/ div#main div#related-products div.boxg ul{ padding:10px;} div#main div#related-products div.boxg ul li{ background:url(../images/content/right-arrow.gif) left center no-repeat; font-family:Arial, Helvetica, sans-serif; padding-left:25px; font-size:120%; line-height:24px; color:#6699cc;} div#main div#related-products div.boxg ul li a{ color:#003366;} div#main div#related-products h4{font-size:140%; color:#003366; line-height:24px; margin:0px 0px 14px 10px;;} /*---- Ads ----*/ div#sidebar div.ads { margin-bottom:10px; } /*base.css content:*/ /** * Eric Meyer's browser reset * @see http://meyerweb.com/eric/tools/css/reset/ */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /*------------------------------------------------------------------------------------------------------*/ /** * Clearing Methods * @see http://yaml.de/en/documentation/basics/general.html */ /* clearfix method for clearing floats */ .clearfix:after { content: "."; display: block; font-size:0; height: 0; clear: both; visibility: hidden;} /* essential for Safari browser !! */ .clearfix { display: block; } /* overflow method for clearing floats */ .floatbox { overflow:hidden; } /* older method of adding empty tags for clearing */ .clear { clear: both; height:1px; line-height:1px; } /*------------------------------------------------------------------------------------------------------*/ /** * Generic Classes * @description Define styles for simple things like floating to the sides, text aligning, image-replacements */ /*---- Floats ----*/ .flR { float: right; } .flL { float: left; } /*---- Horizontal Alignment ----*/ .alR { text-align: right; } .alC { text-align: center; } /*---- Vertical Alignment ----*/ .vlT {vertical-align:top;} .vlB {vertical-align:bottom;} /*---- Hide ----*/ .hide { display: none; } /*---- Image Replacement Technique ----*/ .ir { position: relative; overflow: hidden; } .ir span { position: absolute; top: 0; text-indent: -1000em;} /*------------------------------------------------------------------------------------------------------*/ /** * Defaults */ html { font-size: 100.01%; } body { font-size: 62.5%; line-height:1em; } a:link, a:visited { text-decoration: none; cursor/**/: /**/pointer; } a:link:hover, a:visited:hover { text-decoration: underline; }