/* Theme Name: Aspiration I Theme URI: zoombitscouk@gmail.com Description: This theme aspires towards the status of a magazine-style theme. The sidebar is widgetized so you can drag and drop your desired widgets where you want to place them. Theme options include the ability to replace the flickr slideshow with content of your choice as well as the ability to place content in the header to the right of the logo title and also in the sidebar between widgets. You can optionally use a graphic for your title by entering the URL for your graphic in the theme options page. Other options include setting up your feedburner URl and ID to manage RSS subscriptions. For support please use the email address provided. Version: 1.0.2 Author: zoombits Author URI: http://www.zoombits.co.uk Tags: white, silver,two-columns, fixed-width, right-sidebar,theme-options */ *{ border: 0; margin: 0; padding: 0; } body{ color: #757575; background:#FCFCFC url(images/bg1.jpg) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; } a{ color: #2C2C16; text-decoration: none; } a:hover{ text-decoration: underline; } input,select,textarea{ border: #dddddd 1px solid; font-size: 12px; padding: 5px; } select{ padding: 0; } li{ list-style: none; } .clear{ clear: both; height: 1px; margin: 0 0 -1px; overflow: hidden; } img, a:link img, a:visited img {border:0;} h1 {font-size:150%;} h2 {font-size:140%;} h3 {font-size:130%;} h4 {font-size:120%;} h5 {font-size:110%;} h6 {font-size:100%;} .floatleft { float: left; } .floatright { float: right; } h2,h3,h4,h5,h6 { color:#2C2C16; } #wrapper {} #page { width: 960px; background-color: #FFFFFF; margin:15px auto; border: 3px solid #f2f2f2; } #columns { padding:15px 15px 25px; background-color: #FFFFFF; margin: 0px; } .maincontentcolumn { float: left; width: 595px; padding-right:15px; margin-top:10px; } .maincontentcolumn .featureshow {} .maincontentcolumn .featureshow .flickrsshow { margin:0 auto;} .maincontentcolumn .byline { padding:5px; margin:3px 0px 3px 0px; font-size:11px; font-weight:normal; } .maincontentcolumn h2 { padding:3px; } .maincontentcolumn .mcposts { margin:10px auto 10px auto; } .maincontentcolumn .mcposts .postitemsouter { margin-top:10px; border:1px solid #ddd; background-color:#f2f2f2; padding:10px; } .maincontentcolumn .mcposts .postitemsinner { background-color:#ffffff; padding:10px; height:auto !important; min-height:300px; } .maincontentcolumn .mcposts .postitemsinner img { float:left; margin-right:10px; border:4px double #f2f2f2; } .maincontentcolumn .mcposts .postitemsinner img.cropfull { margin:5px auto 5px auto; } .maincontentcolumn .mcposts .postitemsinner .byline { padding:5px; } .maincontentcolumn .mcposts .postitemsinner h2 { padding:5px; } .maincontentcolumn .mcposts .postitemsinner .readfull { float:right; border:1px solid #ddd; background-color:#f2f2f2; text-align:center; padding:5px; color:#717171; font-weight:bold; } .maincontentcolumn .mcposts .postitemsinner .readfull a { color:#717171; font-weight:bold; } .maincontentcolumn .mcposts .postitemsinner p { padding:0px 0px 10px 0px; } .maincontentcolumn .archiveposts { margin:0px auto 10px auto; } .maincontentcolumn .archiveposts .postitemsouter { margin-top:10px; border:1px solid #ddd; background-color:#f2f2f2; padding:10px; } .maincontentcolumn .archiveposts .postitemsinner { background-color:#ffffff; padding:10px; height:auto !important; min-height:300px; } .maincontentcolumn .archiveposts .postitemsinner img { float:left; margin-right:10px; border:4px double #f2f2f2; } .maincontentcolumn .archiveposts .postitemsinner img.cropfull { margin:5px auto 5px auto; } .maincontentcolumn .archiveposts .postitemsinner .byline { padding:5px; } .maincontentcolumn .archiveposts .postitemsinner h2 { padding:5px; } .maincontentcolumn .archiveposts .postitemsinner .readfull { float:right; border:1px solid #ddd; background-color:#f2f2f2; text-align:center; padding:5px; color:#717171; font-weight:bold; } .maincontentcolumn .archiveposts .postitemsinner .readfull a { color:#717171; font-weight:bold; } .maincontentcolumn .archiveposts .postitemsinner p { padding:0px 0px 10px 0px; } .maincontentcolumn .featureshow { background:#000000; } .sidebarcolumn { float: left; width: 320px; margin-top:10px; } .splitsidebar { width: 150px; } .splitsidebar h2 { font-size: 14px; padding: 5px 0 0 10px; } /* The Sidebar*/ .mootabsblock { width:308px !important; height:auto !important; min-height:265px; padding:5px; border:1px solid #ddd; background-color:#f2f2f2; float:left; display: block; } .sidebarcolumn .sidebarad { width:280px; margin:0 auto; } .sidebarcolumn .subscribeblock { padding:5px; border:1px solid #ddd; background-color:#f2f2f2; margin-bottom:10px; } .sidebarcolumn .subscribeblock .subscribeblockincontent { background:#ffffff; padding:5px; } .sidebarcolumn .subscribeblock .subscribeblockincontent h2 { padding-bottom:10px; color:#2C2C16; } .sidebarcolumn .subscribeblock .subscribeblockincontent p { padding:5px; } .sidebarcolumn .mootabs_title{ font-size: 12px; width: 100%; float:left; } .sidebarcolumn .mootabs_title li{ float: left; display:inline; font-size: 11px; line-height: 34px; background: #ffffff; color: #000000; border:1px solid #ddd; font-weight: bold; font-size: 11px; margin:0px 2px 0px 0px !important; padding:0px 5px !important; cursor: pointer; } .sidebarcolumn .mootabs_title li:hover, .sidebarcolumn .mootabs_title li.active{ border: 1px solid #ddd; text-decoration: none; } .sidebarcolumn .mootabs_panel { display: none; clear: none; float:left; height:auto !important; } .sidebarcolumn .mootabs_panel.active { display: block; float:left; } .sidebarcolumn .mootabs_panel ul{ width: 293px !important; padding:5px !important; border:1px solid #ddd !important; margin:5px 0px 0px !important; background-color: #FFFFFF; min-height:203px; } .list1 li,.list2 li, .list3 li{ padding: 6px 0 6px 25px; border-bottom: 1px solid #ffffff; background:#f2f2f2; } .list1 li a,.list3 li a,.list4 li a, .list5 li a{ color: #666666; font-size: 12px; } .list3 li { background: url(images/ico-mostcomm.gif) no-repeat left center !important; } .list5 li{ border-bottom: 1px solid #eee; padding:6px 0px; } .widget { margin-bottom:15px; } .widget h2 { padding: 5px; } .widget ul { margin:0 0 10px 0; padding:5px 0; border:none !important; } .widget ul li { border-bottom: 1px solid #eee; padding:5px 0 5px 5px; margin:0px; } .widget ul li a { color: #000000; } .widget select { border:1px solid #eee; width:148px; margin:15px 0 0 0; } #tagcloud { float:left; width:306px; padding-top:10px; } #taglinerss { clear:both; width:930px; margin:0 auto; background:#ffffff url(images/menutopper.gif) no-repeat; height:32px; } #taglinerss .tagline { float:left; padding:5px; } #taglinerss .rss { float:right; margin-right:50px; padding:5px; } #top { height:170px; } #top .top1 { height:33px; margin:0 auto; padding:0; width:980px; } /*- Dropdowns Menus -*/ #top .top1 .menu, #top .top1 .menu ul{ padding: 0; float:left; list-style: none; } #top .top1 .menu { padding: 0; float:left; } #top .top1 .menu a { display: block; padding-left:15px; padding-right:15px; text-decoration:none; } #top .top1 .menu li a { color:#ffffff; } #top .top1 .menu li { float: left; line-height:30px; } #top .top1 .menu li a:hover { background: none; text-decoration:underline; } #top .top1 .menu li ul { position: absolute; width: 15em; left: -999em; padding-top:1px; } #top .top1 .menu li:hover ul, #top .top1 .menu li.sfhover ul { left: auto; z-index:1000; } #top .top1 .menu li ul li { background: #EAEAEA; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd; line-height:28px; width:15em; } #top .top1 .menu li ul li a { color:#140F15; } #top .top1 .menu li:hover, #top .top1 .menu li.hover { position: static; } #top .top1 .menu li ul ul { margin: -29px 0 0 15em; border-top:1px solid #dedbd1; } #top .top1 .menu li:hover ul ul, #top .top1 .menu li.sfhover ul ul { left: -999em; } #top .top1 .menu li:hover ul, #top .top1 .menu li li:hover ul, #top .top1 .menu li.sfhover ul, #top .top1 .menu li li.sfhover ul { left: auto; } #top .top1 .menu li:hover ul ul, #top .top1 .menu li:hover ul ul ul, #top .top1 .menu li.sfhover ul ul, #top .top1 .menu li.sfhover ul ul ul { left: -999em; } #top .top1 .menu li:hover ul, #top .top1 .menu li li:hover ul, #top .top1 .menu li li li:hover ul, #top .top1 .menu li.sfhover ul, #top .top1 .menu li li.sfhover ul, #top .top1 .menu li li li.sfhover ul { left: auto; } #top .top2 { width:980px; height:133px; margin:0 auto; padding:0; } #top .top2 .top2-right { float:right; padding:25px; } #top .top2 .top2-left { float:left; } #top .top2 .title { float:left; padding:30px 0 0 20px; } #top .top2 .title { text-align:center; } #top .top2 .title h1 { color:#487B98; font-size:large; font-weight:bold; text-decoration:none; } #top .top2 .title h1 a { color:#487B98; font-size:large; font-weight:bold; text-decoration:none;} #top .top2 .top2-left .title .tagline { color:#ffffff; text-align:center; font-style:italic; } #top .top2 .top2-right .bannerad { border:1px solid #ddd; background-color:#f2f2f2; padding:5px; } #top .top3 { clear:both;height:57px;} /*- Category Navigation -*/ /*- Nav / Dropdowns-*/ #top .top3 .catmenu { margin:0 auto; width:980px; } #top .top3 .catmenu, #top .top3 .catmenu ul { padding: 0; list-style: none; margin:0 auto; width:980px; } #top .top3 .catmenu { padding: 0; font-size:14px; } #top .top3 .catmenu a { display: block; padding-left:15px; padding-right:15px; border-right: 1px solid #DDDDDD; text-decoration:none; } #top .top3 .catmenu li { float: left; line-height:45px; } #top .top3 .catmenu li a:hover { background: none; } #top .top3 .catmenu li ul { position: absolute; width: 15em; left: -999em; padding-top:1px; } #top .top3 .catmenu li:hover ul, #top .top3 .catmenu li.sfhover ul { left: auto; z-index:1000; } #top .top3 .catmenu li ul li { background: #FFFFFF; border-bottom:1px solid #dedbd1; border-left:1px solid #dedbd1; border-right:1px solid #dedbd1; line-height:28px; width:15em; } #top .top3 .catmenu li:hover, #top .top3 .catmenu li.hover { position: static; } #top .top3 .catmenu li ul ul { margin: -29px 0 0 15em; } #top .top3 .catmenu li:hover ul ul, #top .top3 .catmenu li.sfhover ul ul { left: -999em; } #top .top3 .catmenu li:hover ul, #top .top3 .catmenu li li:hover ul, #top .top3 .catmenu li.sfhover ul, #top .top3 .catmenu li li.sfhover ul { left: auto; } #top .top3 .catmenu li:hover ul ul, #top .top3 .catmenu li:hover ul ul ul, #top .top3 .catmenu li.sfhover ul ul, #top .top3 .catmenu li.sfhover ul ul ul { left: -999em; } #top .top3 .catmenu li:hover ul, #top .top3 .catmenu li li:hover ul, #top .top3 .catmenu li li li:hover ul, #top .top3 .catmenu li.sfhover ul, #top .top3 .catmenu li li.sfhover ul, #top .top3 .catmenu li li li.sfhover ul { left: auto; } .search { position:absolute; top:165px; left:800px; padding:15px; margin:-8px 50px 0 0; } .searchinput { border:1px solid #dddddd; padding:6px; } .searchbutton { background:#171717; border:1px solid #dddddd; color:#ffffff; padding:5px; } .searchbutton:hover { background:#f2f2f2; border:1px solid #dddddd; color:#171717; padding:5px; } h2.titlecomment{ font-size: 1.5em; padding: 0 0 5px; margin: 0 0 15px 0; font-weight:bold !important; color:#000000; } ol.commentlist{ margin: 10px 0 20px; padding: 0; list-style: none; font-size: 12px; line-height: 20px; } ol.commentlist p{ margin-bottom:10px; line-height: 20px; } ol.commentlist cite{ font-style: normal; font-weight: bold; } ol.commentlist li{ padding: 20px 10px 10px 10px; } ol.commentlist li.alt{ padding: 10px 10px 0 10px !important; background:#f2f2f2; } #comment { width: 580px; } ol.commentlist .comment-meta{ font-size:0.8em; } ol.commentlist li .avatar { float:left; border: 1px solid #000; margin-right: 10px; } ol.commentlist li{ margin:10px 0 10px; padding:15px 10px 10px; } ol.commentlist li .even{ background:#ffffff; } .commentlist li ul li { margin-left:10px; margin-right:-5px; } ol.commentlist li .reply { padding:0 0 5px 0; } #respond p{ margin-bottom:10px; line-height: 20px; } .th{ border: 1px solid #eeeeee; float: right; padding: 5px; background-color: #FFFFFF; margin: 0 0 5px 10px; } table#wp-calendar { border-collapse: collapse; margin: 0 auto; padding: 0px; width:90%; } table#wp-calendar a { color:#000000; } table#wp-calendar caption { font-weight: normal; font-size:11px; line-height:1.5em; text-transform: uppercase; letter-spacing: 2px; background: #e5e5e5; border-bottom: 1px dotted #ddd; } table#wp-calendar th { width: 26px; font-size:11px; line-height:1.5em; background: #f2f2f2; border-bottom: 1px dotted #ddd; text-align: center; } table#wp-calendar td { width: 26px; 1.5em; color: #999; text-align: center; } table#wp-calendar td#next, table#wp-calendar td#prev { width: 78px; font-size:10px; letter-spacing: 1px; text-transform: uppercase; } .gravatar { float:left; border: 1px solid #000; margin-right: 10px; } #section3 { width:930px; margin:0 auto; height:auto !important; min-height:265px; } #section3 .section3-left { float:left; width:280px !important; height:auto !important; min-height:265px; padding:5px; } #section3 .section3-middle { margin:0px 15px 0px 15px; float:left; width:280px !important; height:auto !important; min-height:265px; padding:5px; } #section3 .section3-right { float:left; width:280px !important; height:auto !important; min-height:265px; padding:5px; } #section3 h2 { font-size:13px; font-weight:bold; color:#333333; margin:10px 0px 5px 0px; } #section3 img {margin:0px 0px 5px 0px;} #section3 p { margin:5px 0px 10px 0px; } #section3 .readfull { float:right; border:1px solid #ddd; background-color:#f2f2f2; text-align:center; padding:5px; color:#717171; font-weight:bold; margin-left:10px; margin-right:2px; } #section3 .readfull a { color:#717171; font-weight:bold; } #section3 img.thumb { border:1px solid #ddd; background-color:#f2f2f2; margin:0 auto 5px auto; padding:5px; } #featurecol { width:580px !important; height:auto !important; min-height:265px; padding:5px; border:1px solid #ddd; background-color:#f2f2f2; } #featurecol .featurecolcontent { height:auto !important; min-height:265px; background-color:#ffffff; padding:10px 0px 0px 10px; } /*- Search -*/ #search{ float: right; height: 27px; width:310px; margin: 3px 0px 0px !important; padding:0px !important; } * html #search{ margin-right: 8px; } #search input{ background: #ffffff; border: 1px solid #2C2E32; color: #000000; float: left; font-size: 11px; width:223px; margin:1px 0px 0px; padding: 3px 4px 4px; } #search .button{ padding: 0; height:22px; width: auto; margin:1px 0px 0px 5px !important; border:none; width:69px; } .comments { padding-bottom:0px !important; } .comments a{ color: #000000; font-weight:normal; font-size:11px; padding:0px 0px 0px 18px; margin-left:5px; } a.more{ color: #c0c0c0; font-size: 1.2em; font-weight: bold; padding: 0 20px 0 0; } .navigation { width:595px; margin-bottom:15px; float:left; padding:10px; } .navigation a { color: #000000; font-size: 1em; font-weight: bold; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; margin-right:10px; } .alignright { float: right; margin-left:10px; } .relatedtags { background:#f2f2f2; padding:10px; margin:5px 0 5px 0px; } .relatedtags a { font-weight: normal !important; text-decoration:underline;color:#000000; } .entry p{ text-align:left; font-size:12px; line-height:18px; } .entry blockquote { padding: 10px; border: 1px solid #ddd; color:#000; width:85%; background-color: #f7f7f7; font-style: italic; margin:5px auto 15px; } .entry blockquote p { font-size:12px; padding: 5px 0px; margin: 5px 0px; line-height: 20px; } .entry img { padding: 4px; border: 1px solid #dddddd; background-color: #FFFFFF; max-width:580px; width: expression(this.width > 580 ? 580: true); max-height:500px; margin-bottom:10px; } .entry ul, .entry ol { margin-bottom:15px; font-size:12px; line-height:20px; } .entry ul li ul, .entry ol li ol{ margin-bottom:0px; padding-top:3px; } .entry ul li { margin-left:15px; padding:3px 0px; } .entry ol li { font-size:12px; padding:3px 0px; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } /* The Footer */ #footer{ clear: both; color: #666666; height: 35px; line-height: 35px; margin:10px 15px 15px; padding:0px 15px; background-color: #f7f7f7; border: 1px solid #ddd; } #footer img { vertical-align:middle; margin-left:5px; }