/* Theme Name: Fashion Images Theme URI: http://fashionimages.com Description: Webpage for Fashion Images Version: 1.0 Author: Tomin Tollefsen Tags: Portfolio, Blog, Showcase, 2 columns */ /* 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; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } /* GLOBAL STUFF */ /* --------------------------------------------------------------------------------------------------------------------------- */ body, html { font-weight: normal; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #555555; margin: 0; padding: 0; line-height: 190%; } ol, ul { list-style-image: none; list-style-position: inside; list-style-type: disc; margin-bottom: 5px; margin-top: .7em; } ul li, ol li { padding: 0 0 0 10px; position: relative; } a { color: #000; text-decoration: none; } a:hover { text-decoration: none; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } h1, h2, h3 { font-size: 24px; letter-spacing: -1px; color: #000; padding: 10px 0 5px; } h2 { font-size: 18px; padding: 8px 0 0; letter-spacing: 0; } h3, h4, h5, h6 { font-size: 14px; color: #555555; padding: 5px 0 0; } img { background: transparent url( images/shadow-1000x1000.gif ) no-repeat scroll right bottom; padding: 3px 9px 9px 3px; margin-right: 10px; margin-bottom: 10px; } /* CLEAR */ /* --------------------------------------------------------------------------------------------------------------------------- */ .clearow { display: block; } .clearow:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .clearow { height: 1%; } .clear { clear: both; } /* MAIN DIV BLOX */ /* --------------------------------------------------------------------------------------------------------------------------- */ #allWrap { background: url( images/Fashion-images-logo.jpg) 0 0 no-repeat; position: absolute; left: 250px;} #wrapper { margin: 0 auto; width: 900px; } #header { height: 200px; position: relative; padding-top: 1px;} #content { padding: 5px 0 25px 0; } #footer { margin-top: 10px; overflow: hidden; background-color: #FFFFFF; } #inFooter { width: 900px; height: 80px; margin: 0 auto; padding: 40px 0; line-height: 25px; font-size: 85%; overflow: hidden; background: #FFFFFF url( images/footer_top.png ) 0 0 no- repeat; } /* HEAD */ /* --------------------------------------------------------------------------------------------------------------------------- */ #logo { position: absolute; top: 40px; left: 290px; } #logo h1 { padding: 0; } #logo h1 a, #logo h1 a:hover { background: width: 324px; height:84px; text-indent: -9000px; display: block; text-decoration: none; } /* MAIN NAVIG */ /* --------------------------------------------------------------------------------------------------------------------------- */ #topMenu { position: absolute; top: 219px; } .pagenav { width: 560px; padding-right: 20px; padding-top: 8px; display: inline; float: left; overflow: hidden; } ul#topMenu, .pagenav ul { list-style-image: none; list-style-position: outside; list-style-type: none; margin-bottom: 0; } .pagenav ul { margin-top: 0; } ul#topMenu li { float: left; padding: 4px 20px; margin-left: 1px; } ul#topMenu li a { font-size: 14px; color: #555555; text-decoration :none; text-transform:uppercase; } ul#topMenu li a:hover { color: #000; } ul#topMenu li a:active, ul#topMenu li.page_item.current_page_item a:link, ul#topMenu li.page_item.current_page_item a:hover, ul#topMenu li.page_item.current_page_item a:visited, ul#topMenu li.page_item.current_page_item a:active, ul#topMenu li.cat-item a:active, ul#topMenu li.cat-item.current-cat a:link, ul#topMenu li.cat-item.current-cat a:hover, ul#topMenu li.cat-item.current-cat a:visited, ul#topMenu li.cat-item.current-cat a:active { color: #000; background-color: transparent; } .pagenav li { float: left; text-transform: uppercase; padding: 0 20px 0 0; } .pagenav li a { color: #555555; text-decoration :none; text-transform: uppercase; } .pagenav li a:hover { color: #000; } .pagenav li.page_item.current_page_item a:link, .pagenav li.page_item.current_page_item a:hover, .pagenav li.page_item.current_page_item a:visited, .pagenav li.page_item.current_page_item a:active { color: #000; background-color: transparent; } /* CONTENT */ /* --------------------------------------------------------------------------------------------------------------------------- */ #content p { margin: 0.615em 0; } #maincontent { float: left; width: 560px; padding-right: 20px; margin-top: 51px; } #sidebudabar { float: left; width: 300px; margin-left: 20px; margin-top: 15px; } #sidebudabar ul { font-size: 120%; overflow: hidden; } #sidebudabar li.page_item, #sidebudabar li.cat-item { padding: 2px 0 2px 20px; line-height: 190%; } #sidebudabar li.page_item a:link, #sidebudabar li.page_item a:visited, #sidebudabar li.cat-item a:link, #sidebudabar li.cat-item a:visited { text-decoration: none; } #sidebudabar li.page_item a:hover, #sidebudabar li.cat-item a:hover { color: #000; background-color: transparent; } #sidebudabar li.page_item a:active, #sidebudabar li.page_item.current_page_item a:link, #sidebudabar li.page_item.current_page_item a:hover, #sidebudabar li.page_item.current_page_item a:visited, #sidebudabar li.page_item.current_page_item a:active, #sidebudabar li.cat-item a:active, #sidebudabar li.cat-item.current-cat a:link, #sidebudabar li.cat-item.current-cat a:hover, #sidebudabar li.cat-item.current-cat a:visited, #sidebudabar li.cat-item.current-cat a:active { color: #999999; background-color: transparent; } #sidebudabar li.page_item, #sidebudabar li.cat-item { background: transparent url( images/circ.jpg ) no-repeat scroll 0 50%; float:left; display: inline; width: 280px; } #sidebudabar li.page_item.current_page_item, #sidebudabar li.cat-item.current-cat { background: transparent url( images/circ_up.jpg ) no-repeat scroll 0 50%; } #sidebudabar p.list { background: url( images/line.jpg ) 0 100% repeat-x; display: block; padding:5px 0; margin: 0; } #sidebudabar p.list img { padding-right: 0 5px 0 0 ; vertical-align: middle; border: none; margin: 0; background: none; } #sidebudabar .featured { margin: 10px 0; } #sidebudabar .ads { clear: both; overflow: hidden; } #sidebudabar .ads { width: 300px; } #sidebudabar .ads img { margin: 0; } #sidebudabar .ads * { float: left; } #sidebudabar ul.ads { margin-left: 0; margin-top: 10px; list-style-position: outside; list-style-type: none; } #sidebudabar .ads li { float: left; border: none; padding: 0; } #sidebudabar .ads li { margin: 0 20px 20px 0; } #sidebudabar .ads li.last { margin-right: 0; } .portfolioItem { padding: 0 0 20px 0; margin-bottom: 10px; position: relative; } #maincontent p img { margin-right: 0; width: 548px; float: left; } #maincontent p .imgintro { margin: 5px 10px 0 0; width: 108px; float: left; } .portfolioItem .itemDetails { float: left; } .portfolioItem .itemDetails p { overflow: hidden; } .portfolioItem .itemDetails .meta { font-size: 85%; } .portfolioItem .title { font-size: 16px; font-weight: bold; color: #000; } .portfolioItem .ribbonType { position: absolute; top: 14px; left: 223px; width: 45px; height: 43px; } .widget { padding-bottom: 20px; padding-top: 36px; } p object { width: 548px; height: 340px; float: left; margin: 0 0 10px 0; border: 1px solid #F1F1F1; padding: 5px; } p object embed { width: 548px; height: 340px; float: left; } #flashHeader { width: 100%; height: 300px; padding-top: 46px; } #nonFlash { width: 900px; overflow: hidden; } #nonFlash h1 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: center; } #pagination { width: 100%; } .older-entries { width: 30%; float: left; } .newer-entries { width: 30%; float: right; text-align: right; } /* FORM */ /* --------------------------------------------------------------------------------------------------------------------------- */ form label { display: block; padding: 8px 0 2px; } form input, form textarea { border: 1px solid #CCCCCC; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666666; width: 300px; padding: 5px; } form textarea { width: 320px; } form #submit { width: 80px; text-align: center; text-transform: uppercase; background-color: #F1F1F1; float: right; } /* COMMENTS */ /* --------------------------------------------------------------------------------------------------------------------------- */ #comments { width: 100%; position: relative; display: block; padding: 30px 0; margin: 40px 0; background: url( images/above_comments_bg.png ) top center no-repeat; overflow: hidden; } #comments ul { list-style-image: none; list-style-position: outside; list-style-type: none; margin-bottom: 0; } #comments ul li { float: left; padding: 10px; margin: 5px 0; display: block; width: 95%; font-size: 90%; line-height: 170%; letter-spacing: 0.1px; border: 1px solid #F1F1F1; } #comments ul li .author { font-weight: bold; font-size: 120%; font-family: Georgia, "Times New Roman", Times, serif; padding: 0 5px; letter-spacing: -0.5px; } #comments ul li .date { letter-spacing: 3px; } #comments .metadata { line-height: normal; font-style: italic; } #comments .cdata { float: left; display: inline; width: 470px; padding-top: 20px; } #comments .avav { float: left; display: inline; padding: 5px 0 10px 0; width: 60px; background: url( images/tit.png ) 41px center no-repeat; } #comments .avav .avatar { width: 40px; padding: 0; margin: 0; } /* OHER */ /* --------------------------------------------------------------------------------------------------------------------------- */ blockquote { color: #999999; font-style: italic; padding: 10px 0 10px 20px; background: transparent url( images/blockquote.png ) 23px 0 no-repeat; } #copyright { float: left; padding-top: 20px; width: 99%; } #search { width: 300px; margin-left: 20px; float: left; display: inline; } #searchform { padding: 0; margin: 0; } #searchform input { width: 205px; line-height: 145%; padding: 5px; } #searchform input.submit { width: 80px; text-align: center; text-transform: uppercase; background-color: #F1F1F1; }