/* Theme Name: SOFA DesignerFolio Theme URI: http://sofarider.com/ Description: Portfolio-and-Blog-in-the-same-time WP theme Version: 1.0 Author: Dameer, sofarider.com Author URI: http://sofarider.com/ Tags: Portfolio, Blog, 2 columns */ /* Eric Meyer Style Reset @ http://meyerweb.com/eric/tools/css/reset/index.html */ /* v1.0 | 20080212 */ 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; } /* =defaults -------------------------------------------------------------- */ body { width: 100%; font: normal 81.25%/1.538 Arial, Helvetica, sans-serif; color: #f0c68c; background: #000000; } h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; letter-spacing: -.05em; font-weight: bold; font-style: normal; } h1 { font-size: 1.846em; line-height: 1; } h2, h3, h4, h5, h6 { font-size: 1.384em; line-height: 1.333; margin-bottom: .5em; } .maincont h2, #mainContent h2, .maincont h3, #mainContent h3, .maincont h4, #mainContent h4, .maincont h5, #mainContent h5, .maincont h6, #mainContent h6 { margin: 1em 0 -.5em 0; } h1, h2, h3, h4, h5, h6, blockquote p { color: #f0e68c; } blockquote, .sub-head { font-size: 1.231em; line-height: 1.5; } .sub-head { margin: 0.5em 0; } .sub-head span { display: block; font-size: 0.9em; } blockquote { background: transparent url(images/blockquote.png) 23px 0 no-repeat; } blockquote p { padding-left: 50px; } a { text-decoration: none; } a:link, a:active { color: #0097ad; } a:visited { color: #363636; } a:hover, a:focus { color: #ffffff; } .maincont ul, .maincont ol, #mainContent ul, #mainContent ol { padding-left: 15px; margin-bottom: 1em; } .maincont li, #mainContent li { font-weight: bold; padding-left: 17px; line-height: 1.846; background: transparent url(images/bullet.png) 0 .6em no-repeat; } p { margin: 1em 0; } /* =form-defaults -------------------------------------------------------------- */ input, textarea, button { border: none; background: #000000; color: #f0e68c; font: 100%/1.5 Arial, Helvetica, sans-serif; } /* =layout -------------------------------------------------------------- */ #header { width: 100%; } #branding { width: 300px; height: 90px; position: absolute; left: 0; top: 14px; } #flashHeader { width: 100%; height: 265px; border-bottom: 1px solid #191919; } #content { overflow: hidden; } #category { width: 960px; float: left; } #pagination { width: 434px; float: right; } .maincont, #mainContent { width: 460px; float: right; } #comments { width: 960px; float: left; } .seccont, #secondaryContet { width: 460px; float: left; } #footer { width: 100%; float: left; border-top: 1px solid #191919; padding-bottom: 50px; margin-top: 50px; } .wrap-blog-categ { clear: both; overflow: hidden; padding-bottom: 20px; } /* =layout-helper -------------------------------------------------------------- */ .site-width { width: 960px; margin: 0 auto; position: relative; } /* =page-elements -------------------------------------------------------------- */ /* =header -------------------------------------------------------------- */ #header .branding-and-pagenav { height: 90px; } #header .categorynav { height: 30px; margin-bottom: 40px; } /* =branding -------------------------------------------------------------- */ #branding { text-indent: -99999em; background: transparent url(images/site-logo.jpg) 0 0 no-repeat; } /* =pagenav & categories -------------------------------------------------------------- */ #header .pagenav { position: absolute; right: 0; bottom: 0; } .pagenav li { font-size: 1.231em; line-height: 1.875; } .categories li { line-height: 2.3077; margin-right: 1px; } .pagenav li, .categories li { float: left; } .pagenav li a:link, .pagenav li a:visited, .pagenav li a:active, .categories li a:link, .categories li a:visited, .categories li a:active { color: #f0e68c; padding: 0 20px; display: block; } .categories li a:link, .categories li a:visited, .categories li a:active { background: #000000; color: #0097ad; } .pagenav li a:hover, .pagenav li a:focus, .categories li a:hover, .categories li a:focus { color: #ffffff; background: #000000; } .categories li a:hover, .categories li a:focus { background: #000000 } .pagenav li.current_page_item a:link, .pagenav li.current_page_item a:hover, .pagenav li.current_page_item a:visited, .pagenav li.current_page_item a:active, .pagenav li.current-cat a:link, .pagenav li.current-cat a:hover, .pagenav li.current-cat a:visited, .pagenav li.current-cat a:active, .categories li.current-cat a:link, .categories li.current-cat a:hover, .categories li.current-cat a:visited, .categories li.current-cat a:active { background: #000000; color: #ffffff; } .categories li.current_page_item a:link, .categories li.current_page_item a:hover, .categories li.current_page_item a:visited, .categories li.current_page_item a:active { background: #000000; color: #ffffff; } /* =atricle-images -------------------------------------------------------------- */ #content ul.atricle-images { padding-left: 0; } #content .atricle-images li { padding-left: 0; } .atricle-images li { width: 100%; height: 60%; overflow: hidden; border-width: 10px 14px; border-color: #000000; border-style: solid; } .atricle-images li a, .atricle-images li img { float: center; } .atricle-images li img { width:100%; } /* =portfolio-latest -------------------------------------------------------------- */ .portfolio-latest li { background: #000000 /* url(images/portfolio.gif) top right no-repeat */ ; float: left; margin: 10px 0 0 0; padding: 10px 14px; width:65%; position: relative; } .portfolio-latest h2 { font-size: 1.846em; line-height: 1; } .portfolio-latest a:link, .portfolio-latest a:hover, .portfolio-latest a:visited, .portfolio-latest a:active { text-transform: uppercase; } .portfolio-latest a:visited { color: #f0e68c; } .portfolio-latest h3 { margin-bottom: 0; font-size: 1.231em; line-height: 1.5; } .portfolio-latest h3 a:link, .portfolio-latest h3 a:visited, .portfolio-latest h3 a:active { color: #ffffff; text-transform: none; } .portfolio-latest h3 a:hover, .portfolio-latest h3 a:focus { color: #0097ad; } .portfolio-latest div { width: 100%; height: 100%; margin: 0; overflow: hidden; float: center; } .portfolio-latest div.category-and-media { width: 100%; height: 30px; padding: 5px 10px; margin: 0; position: absolute; left: 14px; bottom: 10px; background: transparent url(images/transparent-background.png) 0 0 repeat; font-size: .923em; } #category .category-and-media a { text-transform: uppercase; } #category .category-and-media h2 a { text-transform: none; } .portfolio-latest div.category-and-media h3 { font-size: 1.333em; line-height: 1.250; } .portfolio-latest img { width: 100%; } .portfolio-latest p { margin: 1em .5em .5em 0; } .portfolio-latest p img { display: none; } /* =blog -------------------------------------------------------------- */ .blog { margin: 1em 0 0 0; padding: 1em 0 0 0; } .maincont .blog h2, #mainContent .blog h2 { font-size: 1.846em; line-height: 1; margin: 0 0 .5em 0; } .maincont .blog ul, #mainContent .blog ul { padding: 0; } .maincont .blog li, #mainContent .blog li { width: 100%; position: relative; padding: 0; margin-bottom: 1em; background: none; font-weight: normal; border-bottom: 1px solid #000000; float: left; } .maincont .blog li h3, #mainContent .blog li h3 { width: 100%; /* position: absolute; right: 0; bottom: .1em; margin-bottom: 0; */ float: right; font-size: 1.231em; line-height: 1.5; margin: 0 0 .5em 0; } .maincont p object, #mainContent p object { width: 100%; height: 100%; float: left; margin: 1em 0; border: 10px solid #000000; } .maincont p object embed, #mainContent p object embed { width: 100%; height: 100%; float: left; } .maincont img, #mainContent img { display: none; } .maincont img.ipi, #mainContent img.ipi { display: block; width: 100%; margin-bottom: 1em; border: 10px solid #000000; float: left; } .maincont img.ipi-thumbnail, #mainContent img.ipi-thumbnail { display: block; width: 116px; margin: .5em 2.6em 1em 0; border: 10px solid #000000; float: left; } .blog li div { font-size: .923em; } .blog .post-data, .blog .post-category { width: 210px; line-height: 2; } .blog .post-data { border-bottom: 1px solid #000000; } .comments-count { color: #f16521; font-family: font-family: Arial, Helvetica, sans-serif; font-weight: bold; } .post-category a { text-transform: uppercase; } .blog h3 a:link, .blog h3 a:visited, .blog h3 a:active { color: #ffffff; } .blog h3 a:hover, .blog h3 a:focus { color: #0097ad; } .rss-bookmark-links { width: 50%; float: right; } .rss-bookmark-links span { width: 49%; } .rss-bookmark-links span a { height: 24px; line-height: 24px; display: block; padding-left: 35px; background-color: transparent; background-position: left center; background-repeat: no-repeat; } .rss-bookmark-links .rss { float: left; } .rss-bookmark-links .bookmark { float: right; } .rss-bookmark-links .rss a { background-image: url(images/rss.png); } .rss-bookmark-links .bookmark a { background-image: url(images/bookmark.png); } .rss-bookmark-links a:link, .rss-bookmark-links a:visited, .rss-bookmark-links a:active { color: #545454; font-size: .923em; } .rss-bookmark-links a:hover, .rss-bookmark-links a:focus { color: #ffffff; } #content .wrap-blog-categ .maincont h1 a:link, #content .wrap-blog-categ .maincont h1 a:visited, #content .wrap-blog-categ .maincont h1 a:active { color: #f0e68c; } #content .wrap-blog-categ .maincont h1 a:hover, #content .wrap-blog-categ .maincont h1 a:focus { color: #ffffff; } /* =post-data -------------------------------------------------------------- */ .p-data, #post-data { width: 460px; margin: 0 0 10px 0; } .p-data li, #post-data li { font-size: .923em; line-height: 2.5; border-bottom: 1px solid #000000; } .posted-in a:link, .posted-in a:hover, .posted-in a:visited, .posted-in a:active { text-transform: uppercase; } /* =comments -------------------------------------------------------------- */ .comments-meta { width: 960px; float: left; margin-top: 50px; padding: 3px 0; border-top: 1px solid #000000; border-bottom: 1px solid #000000; } .comments-meta p { width: 161px; float: left; margin: 0; padding: 0; line-height: 2.308; text-align: center; border-right: 1px solid #000000; } .comments-meta p.trackback-and-comment { width: 779px; float: right; text-align: left; border: none; } .comments-meta .comments-count { font-size: 2.308em; line-height: 0; position: relative; top: .2em; margin: 0; padding: 0; } .comments-meta a:link, .comments-meta a:visited, .comments-meta a:active { color: #0097ad; } .comments-meta a:hover, .comments-meta a:focus { color: #ffffff; } #comments .comment-list { width: 960px; padding: 0; margin: 0; float: left; } .comment-list li { width: 779px; padding: 10px 0 0 181px; border-bottom: 1px solid #000000; } .comment-list li p { margin: .5em 0 1em 0; } .comment-data { color: #f0e68c; } .comment-list li ul, .comment-list li ol { padding-left: 15px; margin-bottom: 1em; } .comment-list li li { font-weight: bold; padding: 0 0 0 17px; line-height: 1.846; background: transparent url(images/bullet.png) 0 .6em no-repeat; border: none; } .comment-list li ul ul, .comment-list li ol ol, .comment-list li ol ul, .comment-list li ul ol { margin-bottom: 0; padding: 0; } #comment-form { width: 779px; margin: 20px 0; padding-left: 181px; float: left; } #comment-form p { margin: 0; padding: 0; } #comment-form label { display: block; font-size: .923em; line-height: 2.0001; text-transform: lowercase; } .commen-tbody { width: 460px; float: left; margin-right: 30px; } .commen-tbody.logged textarea { width: 779px; } .commen-tbody textarea { width: 440px; height: 149px; float: left; margin: 0; font-size:0.923em; line-height: 1.846; border: 10px solid #000000; border-top-width: 8px; } .commenter-details { width: 279px; float: right; } .commenter-details input { width: 249px; font-size:0.923em; padding:9px 15px; margin-bottom: 11px; } .post-comment { width: 100%; float: left; } .post-comment input { width: 100px; float: right; font-size:0.923em; margin: 10px 0; padding: 8px 15px; text-transform: uppercase; color: #ffffff; cursor: pointer; } /* =category -------------------------------------------------------------- */ #category ul { margin: 20px 0 0 0; } #category li { width:50%; height: 50%;background: #000000; margin: 10px 0 30px 0; padding: 10px 14px; float: left; position: relative; } #category li.last { float: right; } #category li h2 { font-size: 1.231em; line-height: 1.5; } #category a:visited { color: #f0e68c; } #category h2 a:link, #category h2 a:visited, #category h2 a:active { color: #ffffff; } #category h2 a:hover, #category h2 a:focus { color: #0097ad; } #category li div { width:75%; height:50%; overflow: hidden; float: center; margin-right: 20px; } #category li img { width: 50%; float: right; } .media { font-size: .923em; } #category div.category-and-media { width: 100%; height:30px; padding: 5px 10px; margin: 0; position: absolute; left: 14px; bottom: 10px; background: transparent 0 0 repeat; font-size: .623em; border: none; } #category div.category-and-media h3 { font-size: 1.333em; line-height: 1.250; } /* =archive -------------------------------------------------------------- */ #archive h1 { width: 460px; float: left; } #archive h2 { font-size: 1.231em; line-height: 1.5; margin: 0; } #archive h2 a:link, #archive h2 a:visited, #archive h2 a:active { color: #f0e68c; } #archive h2 a:hover, #archive h2 a:focus { color: #ffffff; } #archive li { margin-bottom: 20px; width: 100%; float: left; } #archive .category-link, .more-link { text-transform: uppercase; } .more-link { font-size: .846em; } #archive .category-link { font-size: .923em; } #archive li p { margin: 0; } #archive .archive-list { width: 460px; float: right; } /* =pagination -------------------------------------------------------------- */ #pagination { /* padding: 0 14px; */ background: #000000; clear: both; width: 460px; } #pagination a:link, #pagination a:visited, #pagination a:active { color: #f0e68c; line-height: 2.308; } #pagination a:hover, #pagination a:focus { color: #0097ad; } .older-entries { width: 30%; float: left; padding-left: 14px; } .newer-entries { width: 30%; float: right; text-align: right; padding-right: 14px;} /* =footer -------------------------------------------------------------- */ #footer .pagenav li { font-size: .923em; line-height: 1; text-transform: uppercase; } #footer .pagenav li a:link, #footer .pagenav li a:visited, #footer .pagenav li a:hover, #footer .pagenav li a:active { background: none; padding-left: 0; } .copyright { width: 460px; float: left; font-size: .7692em; margin-top: 1em; } /* =searchform -------------------------------------------------------------- */ #searchform { width: 460px; height: 30px; margin: 20px 0 50px 0; } #searchform label { display: none; } #searchform input { font-size: .923em; padding: 9px 15px; } #s { width: 310px; float: left; } #searchsubmit { width: 100px; float: right; text-transform: uppercase; color: #ffffff; cursor: pointer; } /* =contact-info -------------------------------------------------------------- */ #contact-info { width: 460px; float: right; } #contact-info h2 { color: #7c7c7c; font-size: 1.231em; line-height: 1.5; } #contact-info img { width: 116px; margin-right: 20px; border: 12px solid #000000; float: left; } #contact-info p { font-style: italic; } #contact-info span, #contact-info a { display: block; font-style: normal; }