/* Theme Name: Baby SweetTooth Theme URL: http://www.arcanepalette.com Description: a Baby Girl theme with a revolutionized layout. Author: Arcane Palette Creative Design Author URI: http://www.arcanepalette.com Version: 1.1 Tags: three-columns, fixed-width, pink, right-sidebar, theme-options This theme is released under a Creative Commons Attribution Non-Commercial License For more information, go here: http://creativecommons.org/licenses/by-nc/3.0/us/ */ body { background: #fed9ee url(images/dots.jpg) repeat-x bottom fixed; color: #37230d; font-size: 12px; font-family: 'Trebuchet MS', Tahoma, Arial, Verdana; margin: 0px auto 0px; padding: 0px; } #wrap { width: 1016px; } /************************************************ * Hyperlinks * ************************************************/ a, a:visited { color: #ef69b5; text-decoration: none; } a:hover { color: #fd0491; text-decoration: underline; } /************************************************ * Top Navbar * ************************************************/ #topnavbar { width: 960px; height: 30px; color: #FFFFFF; margin: 0px; padding: 0px; } #topnavbar a, #topnavbar a:visited { font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none; } #topnavbar a:hover { text-decoration: underline; } #topnavbar p { font-size: 11px; font-weight: bold; padding: 0px; margin: 0px; } .topnavbarleft { width: 230px; float: left; margin: 0px; padding: 8px 0px 0px 10px; } .topnavbarright { width: 600px; float: right; margin: 0px; padding: 7px 10px 0px 0px; text-transform: uppercase; text-align: right; } .topnavbarright a img { border: none; margin: 0px 3px 3px 0px; padding: 0px; } /************************************************ * Header * ************************************************/ #header { width: 1016px; height: 200px; color: #FFFFFF; font-size: 11px; margin: 0px; padding: 0px 0px 10px 0px; overflow: hidden; } #header h1 { color: #FFFFFF; font-size: 48px; font-family: "Palatino Linotype", Palatino, "Book Antiqua", serif; font-weight: normal; margin: 0px; padding: 15px 0px 0px 20px; text-decoration: none; } #header h1 a, #header h1 a:visited { color: #462c10; font-size: 48px; font-family: "Palatino Linotype", Palatino, "Book Antiqua", serif; font-weight: normal; margin: 0px; padding: 0px; text-decoration: none; } #header h1 a:hover { color: #db429a; text-decoration: none; } #header h3 { color: #ef69b5; font-size: 16px; font-family: 'Trebuchet MS', Tahoma, Arial, Verdana; font-weight: normal; margin: 0px; padding: 0px; } #header p { color: #FFFFFF; padding: 0px 0px 5px 20px; margin: 0px; line-height: 20px; } .headerleft { width: 460px; float: left; font-size: 36px; margin: 0px; padding: 0px; } .headerleft a img { border: none; margin: 0px; padding: 0px; } .headerright { width: 486px; float: right; margin: 0px; padding: 18px 0px 0px 0px; font-weight: bold; } .headerright a img { border: none; margin: 0px 0px 3px 0px; padding: 0px; border: 1px solid #FFFFFF; } /************************************************ * Navbar * ************************************************/ #navbar { width: 960px; height: 35px; font-size: 12px; font-family: 'Trebuchet MS', Tahoma, Arial, Verdana; color: #FFFFFF; font-weight: bold; margin: 0px; padding: 0px; position: relative; bottom: 15px; //bottom: -90px; } #navbarleft { width: 680px; float: left; margin: 0px; padding: 0px; } #navbarright { width: 280px; font-size: 11px; float: right; margin: 0px; padding: 6px 0px 0px 0px; } #nav { margin: 0px; padding: 0px; } #nav ul { float: left; list-style: none; margin: 0px; padding: 0px; } #nav li { list-style: none; margin: 0px; padding: 0px; } #nav li a, #nav li a:link, #nav li a:visited { color: #37230d; display: block; font-size: 18px; font-family: 'Trebuchet MS', Tahoma, Arial, Verdana; font-weight: normal; margin: 0px; padding: 9px 15px 8px 15px; } #nav li a:hover, #nav li a:active { color: #FFFFFF; margin: 0px; padding: 9px 15px 8px 15px; text-decoration: none; } #nav li li a, #nav li li a:link, #nav li li a:visited { width: 150px; color: #FFFFFF; font-size: 14px; font-family: 'Trebuchet MS', Tahoma, Arial, Verdana; font-weight: normal; float: none; margin: 0px; padding: 7px 10px 7px 10px; } #nav li li a:hover, #nav li li a:active { color: #FFFFFF; padding: 7px 10px 7px 10px; } #nav li { float: left; padding: 0px; } #nav li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 170px; margin: 0px; padding: 0px; } #nav li li { } #nav li ul a { width: 140px; } #nav li ul a:hover, #nav li ul a:active { } #nav li ul ul { margin: -32px 0 0 171px; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; } #nav li:hover, #nav li.sfhover { position: static; } /************************************************ * SubNavbar * ************************************************/ /*#subnavbar { background: #666666; width: 960px; height: 24px; color: #FFFFFF; margin: 0px; padding: 0px; } #subnav { margin: 0px; padding: 0px; } #subnav ul { float: left; list-style: none; margin: 0px; padding: 0px; } #subnav li { list-style: none; margin: 0px; padding: 0px; } #subnav li a, #subnav li a:link, #subnav li a:visited { color: #FFFFFF; display: block; font-size: 10px; font-weight: bold; text-transform: uppercase; margin: 0px 5px 0px 0px; padding: 6px 13px 6px 13px; } #subnav li a:hover, #subnav li a:active { background: #888888; color: #FFFFFF; display: block; text-decoration: none; margin: 0px 5px 0px 0px; padding: 6px 13px 6px 13px; } #subnav li li a, #subnav li li a:link, #subnav li li a:visited { background: #666666; width: 140px; float: none; margin: 0px; padding: 6px 10px 6px 10px; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; } #subnav li li a:hover, #subnav li li a:active { background: #888888; margin: 0px; padding: 6px 10px 6px 10px; } #subnav li { float: left; padding: 0px; } #subnav li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 160px; margin: 0px; padding: 0px; } #subnav li li { } #subnav li ul a { width: 140px; } #subnav li ul a:hover, #subnav li ul a:active { } #subnav li ul ul { margin: -25px 0 0 161px; } #subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover ul ul, #subnav li.sfhover ul ul ul { left: -999em; } #subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfhover ul, #subnav li li.sfhover ul, #subnav li li li.sfhover ul { left: auto; } #subnav li:hover, #subnav li.sfhover { position: static; }*/ /************************************************ * Homepage * ************************************************/ #homepage { float: left; width: 640px; margin: 0px; padding: 0px; } #homepage p { margin: 0px; padding: 0px; } #homepage p img { border: none; float: left; margin: 0px; } #homepage ul { list-style-type: square; margin: 0px; padding: 0px 0px 15px 0px; } #homepage ul li { list-style-type: square; margin: 0px; padding: 0px; } .hpdate { font-size: 11px; margin: 0px; padding: 0px; } #homepagetop { background: #fee8f5; float: left; width: 663px; margin: 0px 0px 20px 0px; border: 2px solid #896743; padding: 0px; } #homepagetop p { font-size: 12px; margin: 0px; padding: 0px 0px 0px 10px; } .featuredtop { float: left; width: 653px; margin: 0px; padding: 10px; /* display: block;*/ } .featuredtop img { border: none; margin: 0px; } #featuredpic img, #featuredpic a img{width: 625px; border: 3px solid #faaed9; clear:both;} #featuredpost {float: left; width: 643px; text-align: left;} #homepagebottom { background: url(images/row3mid.png) repeat-y; text-align:left; float: left; width: 663px; margin: 10px 0px 10px 0px; padding: 0px; } #homepagebottom h3 { background:url(images/row3top.png) top no-repeat; line-height: 28px; width: 661px; position: relative; left: -13px; top: -15px; //left: -14px; } #row3foot {padding: 0; margin-top: 0; background:none; position:relative; bottom:10px; //bottom:15px;} #homepagebottom p { font-size: 12px; margin: 0px; padding: 0px; } .hpbottom { float: left; width: 660px; margin: 0px; padding: 10px; display: inline; } .hpbottom img { border: none; margin: 0px; } #homepageleft { float: left; text-align:left; width: 300px; margin: 0px; padding: 0px; } .hpfeatured { background: url(images/row2mid.png) repeat-y; float: left; width: 316px; margin: 0px; padding: 10px; } .hpfeatured h3 { background:url(images/row2top.png) top no-repeat; line-height: 28px; width: 330px; position: relative; left: -13px; top: -15px; //left: -14px; } .the_featured_content {position: relative; top: -20px; margin-bottom: -20px;} #featured { margin-left: 40px; position: relative; bottom: 5px; } #row2foot {padding: 0; margin-top: 0; background:none; position:relative; top:-5px;} .hpfeatured img { border: 2px solid #fff4fa; margin: 0px; } #homepageright { float: right; text-align:left; width: 300px; margin: 0px; padding: 0px; } /************************************************ * Content * ************************************************/ #content { width: 1016px; margin: 0px auto 0px; padding: 0px 0px 0px 0px; line-height: 18px; } #content h1 { color: #ef69b5; font-size: 22px; font-family: 'Trebuchet MS', Tahoma, Arial, Verdana; font-weight: normal; margin: 0px 0px 5px 0px; padding: 10px 0px 0px 0px; } #content h1 a, #content h1 a:visited { color: #ef69b5; font-size: 22px; font-family: 'Trebuchet MS', Tahoma, Arial, Verdana; font-weight: normal; margin: 0px 0px 5px 0px; padding: 10px 0px 0px 0px; } #content h1 a:hover { color: #ef69b5; text-decoration: none; border-bottom: 1px dotted #ef69b5; } #content h2 { color: #ef69b5; font-size: 20px; font-family: 'Trebuchet MS', Tahoma, Arial, Verdana; font-weight: normal; margin: 0px 0px 0px 0px; padding: 10px 0px 10px 10px; } #content h3 { color: #ef69b5; font-size: 11px; font-family: 'Trebuchet MS', Tahoma, Arial, Verdana; font-weight: bold; text-transform: uppercase; margin: 0px 0px 10px 0px; padding: 3px 0px 3px 7px; } #content h4 { color: #ef69b5; font-size: 22px; font-family: 'Trebuchet MS', Tahoma, Arial, Verdana; font-weight: normal; margin: 0px 0px 20px 0px; padding: 10px 0px 0px 0px; } #content img.wp-smiley { float: none; border: none; margin: 0px; padding: 0px; } #content img.wp-wink { float: none; border: none; margin: 0px; padding: 0px; } #contentpage { width: 976px; background: #fee8f5; float: left; margin: 0px 0px 20px 0px; border: 2px solid #ffffff; padding: 0px 5px 0px 5px; } #contentleft { background: #fee8f5; float: left; width: 653px; margin: 0px 0px 20px 0px; border: 2px solid #ffffff; padding: 0px 5px 0px 5px; } #contentleft p, #contentpage p { margin: 0px; padding: 0px 0px 15px 0px; } #contentleft a img, #contentpage a img { border: none; } #contentleft ul, #contentpage ul { list-style-type: square; margin: 0px; padding: 0px 0px 15px 0px; } #contentleft ul li, #contentpage ul li { list-style-type: square; margin: 0px 0px 0px 20px; padding: 0px; } #contentleft ul ul, #contentpage ul ul { list-style-type: square; margin: 0px; padding: 0px 0px 0px 0px; } #contentleft ol, #contentpage ol { margin: 0px; padding: 0px 0px 15px 0px; } #contentleft ol li, #contentpage ol li { margin: 0px 0px 0px 20px; padding: 0px; } blockquote { margin: 0px 25px 15px 25px; padding: 10px 20px 0px 15px; } #content blockquote p { margin: 0px; padding: 0px 0px 15px 0px; } .postarea { float: left; text-align:left; margin: 0px 0px 10px 0px; padding: 10px; } .date { width: 643px; float: left; margin: 0px; padding: 5px 0px 0px 0px; } .dateleft { width: 350px; float: left; margin: 0px; padding: 0px; } .dateright { width: 200px; float: right; margin: 0px; padding: 0px; text-align: right; } .time { margin: 0px 0px 0px 3px; padding: 0; } .comment { margin: 0px 0px 0px 0px; padding: 0; } .tags { margin: 0px; padding: 0; } .category { margin: 0px; padding: 0; } .postmeta { width: 643px; font-size: 12px; padding: 5px 0px 0px 0px; margin: 0px; } .postmeta2 { width: 643px; font-size: 12px; padding: 5px 0px 40px 0px; margin: 0px; } .archive { float: left; width: 275px; margin: 0px; padding: 0px 0px 20px 0px; } .adsense-post { float: left; width: 643px; margin: 0px 0px 10px 0px; padding: 10px; } .comments { float: left; width: 643px; margin: 0px 0px 10px 0px; padding: 10px; } /************************************************ * Images * ************************************************/ img.centered { display: block; margin-left: auto; margin-right: auto; padding: 0px; } img.alignnone { padding: 0px; margin: 0px 0px 10px 0px; display: inline; } img.alignright { padding: 0px; margin: 0px 0px 10px 10px; display: inline; } img.alignleft { padding: 0px; margin: 0px 10px 10px 0px; display: inline; } img.alignleft { padding: 0px; margin: 0px 10px 10px 0px; display: inline; } .alignright { float: right; } .alignleft { float: left; } .wp-caption { margin: 0px; padding: 0px; } .wp-caption img { margin: 0px 0px 10px 0px; padding: 0px; border: 0px; } .wp-caption p.wp-caption-text { margin: 0px; padding: 5px 0px 0px 0px; font-size: 10px; font-style: italic; font-weight: bold; line-height: 12px; } /************************************************ * Sidebar * ************************************************/ #sidebar { float: right; width: 320px; margin: 0px; padding: 0px 0px 10px 0px; display: inline; } #sidebar h2 { color: #ef69b5; font-size: 12px; font-family: 'Trebuchet MS', Tahoma, Arial, Verdana; text-transform: uppercase; margin: 0px 0px 10px 0px; padding: 3px 0px 3px 7px; } #sidebar p { margin: 0px; padding: 0px 0px 0px 45px; } #sidebar a img { border: none; margin: 0px; padding: 0px; } #sidebar ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px; } #sidebar ul li { list-style-type: none; margin: 0px 0px 5px 0px; padding: 0px; } #sidebar ul ul { list-style-type: none; margin: 0px; padding: 0px; } #sidebar ul li li { padding: 0px 0px 5px 20px; margin: 0px; } #sidebar ul li ul li { padding: 0px 0px 5px 20px; margin: 0px; } .widgetarea { float: left; width: 300px; margin: 0px 0px 10px 0px; padding: 10px; } .video { float: left; width: 300px; margin: 0px 0px 10px 0px; padding: 10px; } .adsense { float: left; width: 300px; margin: 0px 0px 10px 0px; padding: 10px; } .newsletter { background: url(images/sideboxmid.png) repeat-y; text-align: left; float: left; width: 292px; margin: 0px 0px 10px 0px; padding: 10px; } #sidebar .newsletter h2 {margin-left: -15px;//margin-left: -16px; margin-top: -15px; line-height: 25px; height: 30px; padding-left: 20px; background:url(images/sideboxtop.png) top no-repeat;} #sidebar .newsletter #sideboxfoot {margin-left: -10px; margin-bottom: -25px; height:30px; width: 296px;} .video { background: url(images/sideboxmid.png) repeat-y; text-align: left; float: left; width: 292px; margin: 0px 0px 10px 0px; padding: 10px; } #sidebar .video h2 {margin-left: -15px;//margin-left: -16px; margin-top: -15px; line-height: 25px; height: 30px; padding-left: 20px; background:url(images/sideboxtop.png) top no-repeat;} #sidebar .video #sideboxfoot {margin-left: -10px; margin-bottom: -25px; height: 30px; width: 296px;} .boxpad {height: 15px;} /************************************************ * Left Sidebar * ************************************************/ #l_sidebar { background: url(images/thinboxmid.png) repeat-y; text-align:left; float: left; width: 134px; margin: 0px 0px 0px 0px; padding: 10px 10px 0px 10px; display: inline; } #l_sidebar #recent-posts h2 {margin-left: -10px; margin-top: -15px; line-height: 17px; height: 25px; padding-left: 20px; background:url(images/thinboxtop.png) top no-repeat;} #l_sidebar #narrowboxfoot {margin-left: -10px; margin-bottom: -5px;} #l_sidebar p { margin: 0px; padding: 0px 0px 10px 0px; } #l_sidebar a img { border: none; margin: 0px; padding: 0px; } #l_sidebar ul { list-style-type: none; margin: 0px 0px 10px 0px; padding: 0px; } #l_sidebar ul ul { list-style-type: none; margin: 0px; padding: 0px; } #l_sidebar ul li li { padding: 0px 0px 5px 20px; margin: 0px; } #l_sidebar ul li ul li { padding: 0px 0px 5px 0px; margin: 0px; } /************************************************ * Right Sidebar * ************************************************/ #r_sidebar { background: url(images/thinboxmid.png) repeat-y; text-align:left; float: right; width: 134px; margin: 0px 0 0 -10px; padding: 10px 20px 10px 10px; display: inline; } #r_sidebar h2 {margin-left: 0px;} #r_sidebar #archives h2 {margin-left: -10px; margin-top: -15px; line-height: 17px; height: 25px; padding-left: 20px; background:url(images/thinboxtop.png) top no-repeat;} #r_sidebar #narrowboxfoot {margin-left: -10px; position: relative; top: 16px; height: 16px; width: 144px;} #r_sidebar p { padding: 0px 0px 10px 0px; margin: 0px; } #r_sidebar a img { border: none; margin: 0px; padding: 0px; } #r_sidebar ul { list-style-type: none; margin: 0px 0px 10px 0px; padding: 0px; } #r_sidebar ul ul { list-style-type: none; margin-left: 10px; padding: 0px; } #r_sidebar ul li li { padding: 0px 0px 5px 20px; margin: 0px; } #r_sidebar ul li ul li { padding: 0px 0px 5px 0px; margin: 0px; } /************************************************ * Footer * ************************************************/ #footer { background: #311f0b url(images/footstripe.jpg) repeat-x center; height: 30px; width: 100%; margin: 0px; padding: 0px; text-align: center; } #footer p { color: #493219; font-size: 13px; font-family: 'Trebuchet MS', Tahoma, Arial, Verdana; font-weight:bold; margin: 0px; padding: 9px 0px 0px 0px; } #footer a, #footer a:visited { color: #493219; font-weight:bold; text-decoration: none; } #footer a:hover { color: #db429a; font-weight:bold; text-decoration: underline; } /************************************************ * Search Form * ************************************************/ #searchform { margin: 0px; padding: 0px; overflow: hidden; display: inline; } #searchbox { background: #ffffff !important; width: 220px; color: #fed9ee; font-size: 12px; font-family: 'Trebuchet MS', Tahoma, Arial, Verdana; font-weight: normal; margin: 0px; padding: 4px 0px 3px 5px; border: 1px solid #fed9ee; display: inline; } #searchbutton { background: #fed9ee; color: #FFFFFF; font-size: 11px; font-family: 'Trebuchet MS', Tahoma, Arial, Verdana; margin: 0px 0px 0px 5px; padding: 3px 3px 2px 3px; font-weight: bold; border: 1px solid #ffcad7; } #subscribe { margin: 0px; padding: 5px 0px 0px 0px; overflow: hidden; } #subbox { background: #ffffff !important; width: 160px; color: #d964a7; font-size: 12px; font-family: 'Trebuchet MS', Tahoma, Arial, Verdana; font-weight: normal; margin: 0px; padding: 2px 0px 3px 5px; border: 1px solid #fed9ee; display: inline; } #subbutton { background:url(images/go.jpg) no-repeat; width:38px; height:40px; color: #FFFFFF; font-size: 0px; font-family: 'Trebuchet MS', Tahoma, Arial, Verdana; margin: 0px 0px 0px 5px; padding: 3px 3px 2px 3px; border:none; } #subbutton:hover { background:url(images/going.jpg) no-repeat; width:38px; height:40px; color: #FFFFFF; font-size: 0px; font-family: 'Trebuchet MS', Tahoma, Arial, Verdana; margin: 0px 0px 0px 5px; padding: 3px 3px 2px 3px; border:none; } #name, #email, #url { background: #ffffff !important; width: 250px; color: #d964a7; font-size: 12px; font-weight: normal; margin: 5px 0px 0px 0px; padding: 3px 0px 3px 5px; border: 1px solid #ffcad7; display: inline; } #submit { background: #fed9ee; color: #FFFFFF; font-size: 11px; font-family: 'Trebuchet MS', Tahoma, Arial, Verdana; text-transform:uppercase; margin: 0px; padding: 3px 3px 2px 3px; font-weight: bold; border: 1px solid #ffcad7; } #words { background: #EEEEEE; width: 623px; color: #202020; font-size: 12px; font-weight: normal; margin: 5px 0px 0px 0px; padding: 3px 0px 3px 5px; border-top: 1px solid #666666; border-right: 1px solid #DDDDDD; border-left: 1px solid #666666; border-bottom: 1px solid #DDDDDD; display: inline; } /************************************************ * Comments * ************************************************/ #commentblock { width: 623px; text-align:left; float: left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } #commentblock p { padding: 0px 20px 10px 0px; margin: 0px 0px 0px 0px; } .commentleft { width: 560px; float: left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } #commentblock ol { margin: 0px 5px 0px 20px; padding: 0px 0px 10px 0px; } #commentblock ol li { list-style: square; margin: 0px; padding: 0px; } .commentdate { font-size: 12px; padding-left: 0px; } #commentlist li p { margin-bottom: 8px; line-height: 20px; padding: 0px; } .commentname { color: #333333; margin: 0px; padding: 5px 5px 5px 0px; } .commentinfo{ clear: both; } .topstripes { background:url(images/topstripe.jpg) repeat-x; width: 100%; height: 15px; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } .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; }