/* Theme Name: Active Red Tags: red, silver, white, light, three-columns, right-sidebar, fixed-width, threaded-comments Description: Active Red is a 3-column Widget-ready theme created by Alex Mihaileanu. Author: Alex Mihaileanu Author URI: http://subiectiv.ro Version: 1 The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php Changelog: v1 - April 26, 2009 First Release of Active Red */ body { background: #F5F5F5 url(images/bgmain.png) left top repeat-x; color: #333; font-size: 12px; font-family: Arial, Verdana, Tahoma; margin: 0px auto 0px ; padding: 0px; } /************************************************ * Hyperlinks * ************************************************/ a, a:visited { color: #122e75; text-decoration: none; } a:hover { text-decoration: underline; } /************************************************ * Navbar * ************************************************/ #header { width: 960px; height: 120px; margin: 0px auto 0px ; padding: 0px; overflow: hidden; } .head_wrapper { width: 960px; margin-top: 10px; clear: both; } .headerleft { color: #545454; float: left; padding: 5px 0px 5px 0px; margin-right: 0px; margin-left: 20px; } .headerleft h1 { color: #c80000; font-size: 36px; font-family: 'Trebuchet MS', arial, 'times new roman'; font-weight: bold; letter-spacing: -2px; margin: 10px 0px 5px 0px; padding: 0px 0px 0px 0px; } .headerleft h1 a, .headerleft h1 a:visited { color: #c80000; font-family: 'Trebuchet MS', arial, 'times new roman'; text-decoration: none; } .headerleft h1 a:hover { text-decoration: none; color: #545454; } /************************************************ * Menu * ************************************************/ #fullmenu { width: 920px; padding-top:0px; margin-top: 20px; margin-left: 20px; margin-bottom: 10px; height: 35px; clear: both; background: url(images/bgmenu.png) left top no-repeat; } #menuleft { float:left; padding: 0px; margin: 3px 0px 0px 5px; width: 600px; overflow: hidden; } #menuleft ul { font-size:11px; list-style:none; text-align:left; padding: 0px; height: 24px; } #menuleft li { float:left; list-style: none; margin: 0px; padding: 0px; margin-right:7px; text-transform: uppercase; font-family: Arial; font-weight: bold; } #menuleft li a { display: block; float: left; padding: 3px 5px; color: #545454; } #menuleft li a:hover { text-decoration: none; color: #fff; background: #c80000; } #menuleft li.page_item, #menuleft li.current_page_item { text-decoration: none; } #menuleft li.current_page_item a, #menuleft li.current_page_item a:hover { text-decoration:none; color: #fff; background: #545454; } /************************************************ * Search Form * ************************************************/ #searchdiv { width: 240px; height: 25px; margin-top: 0px; margin-bottom: 0px; padding-right: 5px; margin-right: 0px; padding-top: 7px; float: right; overflow: hidden; } #searchform { margin: 0px; padding: 0px; overflow: hidden; } #s { font-size: 14px; font-family: verdana, arial, 'times new roman'; text-transform: none; width: 220px; padding-left: 5px; margin: 0px; border: 0px solid #666; color: #c80000; background: transparent; } #s:focus { color: #545454; } /************************************************ * Content * ************************************************/ #content { background: #fff url(images/bgtop.png) left top no-repeat; width: 960px; margin: 0px auto; overflow: hidden; } #content img a{ margin: 0px; border: none; } #content h1 { color: #c80000; font-size: 22px; font-family: 'Trebuchet MS',Lucida Grande,Tahoma,Arial,sans-serif; font-weight: normal; margin: 0px; padding: 15px 0px 0px 0px; text-transform: none; letter-spacing: -1px; display: block; } #content h1 a, #content h1 a:visited { color: #c80000; text-decoration: none; } #content h1 a:hover { color: #555; text-decoration: none; } #content h2 { color: #c80000; font-size: 14px; font-family: Arial, Verdana, Tahoma; font-weight: bold; margin: 0px; padding: 0px 0px 10px; } #content h2 a, #content h2 a:visited { color: #c80000; text-decoration: none; } #content h2 a:hover { color: #333; text-decoration: none; } #content h3 { color: #333333; font-size: 18px; font-family: Verdana; font-weight: bold; margin: 0px; padding: 5px 0px 5px 0px; text-transform: uppercase; } #content h4 { color: #fff; font-size: 19px; font-family: 'Trebuchet MS', arial, 'times new roman'; font-weight: normal; text-transform: uppercase; letter-spacing: -1px; margin: 20px 0px 5px 0px; padding: 0px 0px 0px 5px; border-left: 15px solid #c80000; background: #555; clear:both; } #content img.wp-smiley { float: none; border: none; padding: 0px; margin: 0px; } #content img.wp-wink { float: none; border: none; padding: 0px; margin: 0px; } #endcontent { height: 20px; clear: both; background: url(images/bgbottom.gif) no-repeat center top; } /************************************************ * Main Content * ************************************************/ #contentleft { display: inline; float: left; width: 480px; margin: 0px 0px 0px 15px; padding: 0px 0px 0px 0px; } #contentleft p{ padding: 0px 0px 15px 0px; margin: 0px; line-height: 18px; font-family: Arial, Verdana, Tahoma; font-size: 13px; text-align: justify; } #contentleft img { margin: 5px; } .post { margin: 0px; padding: 0px; } .wp-caption { text-align: left; background: #fcfcfc; border: 1px solid #e5e5e5; padding-top: 5px; } .alignleft { float: left; margin-right: 10px; } .alignright { float: right; margin-left: 10px; } .aligncenter { clear: both; margin: 0px auto 10px; } #contentleft p.wp-caption-text { font-size: 11px; color: #545454; padding: 5px; text-align: left; line-height: 14px; font-family: 'Trebuchet MS'; } .post ol{ margin: 0px 0px 0px 10px; padding: 0px 0px 5px 0px; } .post ol li{ margin: 0px 0px 0px 20px; padding: 0px 0px 5px 0px; font-family: Arial; font-size: 13px; line-height: 15px; background-color: #fcfcfc; } .post ul{ list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; } .post ul li{ list-style-type: none; margin: 0px 0px 0px 0px; padding: 4px 0px 0px 20px; background: url(images/arrowli.png) left top no-repeat; } .related { display: block; border: 1px solid #ccc; background: #f5f5f5; } blockquote{ margin: 0px 0px 5px 0px; padding: 0px 10px 5px 30px; background: url(images/quote.gif) no-repeat left top; } #content blockquote p{ margin: 0px; padding: 0px; font-family: Verdana, Tahoma,Arial; font-size:11px; line-height: 15px; display:inline; background-color: #fcfcfc; } .postinfo { color: #666; font-family: Lucida Grande,Tahoma,Arial,sans-serif; font-size:12px; line-height:10px; margin:0px 0px 10px; padding-top:3px; padding-bottom: 6px; width:480px; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; } .postdate { padding:0px 0px 0px 18px; margin:0px; border:0px; background: url(images/data.png) left center no-repeat; } .postauthor { padding:0px 0px 0px 18px; margin:0px; border:0px; background: url(images/author.gif) left center no-repeat; } .postcategory { padding:0px 0px 0px 18px; margin:0px; border:0px; background: url(images/folder.gif) left center no-repeat; } .postcomments { padding:0px 0px 0px 18px; margin:0px; border:0px; background: url(images/comentariu.png) left center no-repeat; } /************************************************ * Left Column * ************************************************/ #sidebar { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; width: 445px; float: right; } .textwidget { padding: 5px 15px; } #sidebar h2 { color: #fff; font-size: 19px; font-family: 'Trebuchet MS', arial, 'times new roman'; font-weight: normal; text-transform: uppercase; letter-spacing: -1px; margin: 20px 0px 5px 0px; padding: 0px 0px 0px 5px; border-left: 15px solid #c80000; background: #555; clear: both; } #tagcloud { overflow: hidden; clear: both; margin-right: 15px; } #leftside { display: block; float: left; width: 280px; margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px; background-color: #f5f5f5; border-right: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; } #leftside li { list-style: none; } #leftside img a{ margin: 0px; border: none; } #leftside p{ font-family: Arial; padding: 5px 0px 0px 0px; margin: 0px; line-height: 17px; } #leftside h2 { color: #fff; font-size: 19px; font-family: 'Trebuchet MS', arial, 'times new roman'; font-weight: normal; text-transform: uppercase; letter-spacing: -1px; margin: 20px 15px 5px 0px; padding: 0px 0px 0px 5px; border-left: 15px solid #c80000; background: #555; } #leftside ul { list-style: none; margin: 0px 15px 0px 15px; padding: 0px; } #leftside ul li { display: inline; padding: 0px; margin: 0px; } #leftside ul li a, #leftside ul li a:visited { display: block; color: #333; text-decoration: none; padding: 3px 0px 3px 15px; background: url(images/arrow.gif) left top no-repeat; border-bottom: 1px solid #ccc; } #leftside ul li a:hover { color: #c80000; text-decoration: none; background: url(images/arrowhover.gif) left top no-repeat; } ul#recentcomments { list-style: none; margin: 0px 15px 10px; padding: 0px; overflow: hidden; } ul#recentcomments li { display: block; padding: 3px 0px 3px 15px; margin: 0px; border-bottom: 1px dotted #ccc; background: url(images/arrow.gif) left top no-repeat; } ul#recentcomments li a, ul#recentcomments li a:visited { display: inline; color: #191a7f; padding: 0px; text-decoration: none; border: 0px; background: none; } ul#recentcomments li a.url { font-weight: bold; } ul#recentcomments li a:hover { text-decoration: none; color: #333; background: none; } /************************************************ * Right Column * ************************************************/ #rightside { display: inline; float: right; width: 145px; margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px; } #rightside li { list-style: none; } #rightside img a{ margin: 0px; border: none; } #rightside p{ padding: 5px 0px 0px 0px; margin: 0px; line-height: 17px; } #rightside h2 { color: #fff; background-color: #c80000; font-size: 19px; font-family: 'Trebuchet MS', arial, 'times new roman'; font-weight: normal; text-transform: uppercase; letter-spacing: -1px; margin: 20px 0px 15px 0px; padding: 0px 5px 0px 0px; border-right: 15px solid #555; text-align: right; } #rightside ul { list-style: none; margin: 0px; padding: 0px 20px 0px 0px; } #rightside ul li { display: inline; padding: 0px; margin: 0px; } #rightside ul li a, #rightside ul li a:visited { display: block; color: #333333; text-decoration: none; padding: 3px 15px 3px 0px; border-bottom: 1px solid #ccc; background: url(images/rightarrow.gif) right top no-repeat; } #rightside ul li a:hover { color: #c80000; text-decoration: none; background: url(images/righthover.gif) right top no-repeat; } /************************************************ * Footer * ************************************************/ #footer { width: 100%; color: #fff; margin: 0px auto 0px ; padding: 10px 0px 10px 0px; line-height: 17px; text-align: center; } #footer p { color: #000; font-family: Arial, tahoma, verdana, 'times new roman'; padding: 0px; margin: 0px; } #footer a { color: #c80000; text-decoration: none; } #footer a:hover { background-color: #c80000; color: #fff; text-decoration: none; } /************************************************ * Comments * ************************************************/ #comentarii { width:480px; margin:0px auto; padding:0px 0px 10px; } .avatar { float: right; margin: 0px 0px 5px 5px; } #comentarii h3 { font-size:18px; margin:0px 0px 20px 0px; } #comentarii ol.commentlist { margin:0px 0px 0px 0px; list-style-type:none; padding: 0px; } #comentarii ol.commentlist p { margin:0px 0px 10px; padding: 0px; list-style-type:none; } #comentarii ol.commentlist li { padding:10px; margin: 0px 0px 10px; border: 1px solid #e5e5e5; overflow: hidden; } #comentarii ol.commentlist li.alt { padding:10px; background: #f5f5f5 none repeat scroll 0%; overflow: hidden; } #comentarii ol.commentlist li.bypostauthor, #comentarii ol.commentlist li.administrator { color: #000; border: 1px solid #E22020; background: #fff url(images/stripes.png) left top repeat; } #comentarii ol.commentlist li ul.children { list-style: none; padding: 0px; margin: 10px 0px 0px 10px; } #comentarii ol.commentlist li ul.children li { margin: 0px; } .authorinfo { font-size: 13px; line-height: 17px; display: block; clear: both; margin-bottom: 10px; } .thread-alt, .thread-odd { margin: 0px; padding: 0px; } .thread-even { margin: 0px; padding: 0px; } .depth-1 { margin: 0px; padding: 0px; } .even, .alt { margin: 0px; padding: 0px; } #commenting { margin: 0px; padding: 0px; } #commentingleft { float: left; width: 48%; margin: 0px; padding: 0px; } #commentingright { float: right; width: 48%; margin: 0px; padding: 0px; } #commenting p { margin-bottom: 3px; padding: 0px; } label { cursor:pointer; margin:2px 0px; } #commentform input { width:200px; font-family:Arial,Helvetica,sans-serif; font-size:11px; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; } #commentform textarea { width:444px; height:108px; } #commentform .input-comment { border:1px solid #545454; font-size:12px; background-color:#f5f5f5; vertical-align:middle; padding: 3px 5px; } #commentform .input-comment-on { border:1px solid #545454; font-size:12px; background-color:#fff; vertical-align:middle; padding: 3px 5px; } #commentform .textarea-comment { border:1px solid #545454; font-size:12px; font-family: Arial, Verdana, Tahoma; background-color:#f5f5f5; vertical-align:middle; padding-top:3px; padding-left:3px } #commentform .textarea-comment-on { border:1px solid #545454; font-size:12px; font-family: Arial, Verdana, Tahoma; background-color:#fff; vertical-align:middle; padding-top:3px; padding-left:3px } #commentform input.buton-comment { background-color:#545454; color:#fff; font-size: 12px; border:0px; height:20px; width:60px; cursor:pointer; } #send { clear:both; padding-top:0px; }