/*
Theme Name: CSS Mayo
*/

* { padding:0; margin:0; outline:0; }
a img { border:0; }

body {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size:13px;
	line-height:19px;
	color:#333;
	background:#f7f7f7;
}
.cl { font-size:0; line-height:0; height:0; clear:both; display:block; }


.left { float:left; display:inline; }
.right { float:right; display:inline; }

a { color:#fcb514; text-decoration: none; cursor:pointer; }
a:hover { color:#333; }

.shell { width:988px; margin:0 auto; }
#top { height:39px; background:url(images/top.gif) no-repeat 0 0; color:#fff; padding:0 10px; font-size:14px; line-height:35px; cursor:pointer; }
#top strong{ color:#fcb514; font-weight: normal;}

#top p { float:left; white-space:nowrap; }

h1#logo { font-size:0; line-height:0; height:116px; width:224px; float:left; }
h1#logo a{ display:block; height:116px; text-indent: -4000px; background:url(images/logo.gif); }

h3 { font-size:13px; }
h3 a{ color:#333; }
h3 a:hover{ color:#fcb514; }

#header { height:135px; position:relative; }

#navigation { float:left; padding:47px 0 0 88px; }
#navigation ul{ list-style-type: none; }
#navigation ul li{ float:left; display:inline; margin-left:12px; position:relative; height:25px; padding:5px 5px 0 4px; z-index:10;}
#navigation .notext{ font-size:0; line-height:0; height:15px; background-repeat:no-repeat; background-position: 0 0; text-indent: -4000px; float:left; }
#navigation ul li.hover { background:url(images/li-hover.gif) no-repeat 0 0; }
#navigation ul li.hover .notext{ background-position: 0 bottom; }


a.cats-link { background-image:url(images/cats.gif); width:84px; }
a.freebies-link { background-image:url(images/freebies.gif); width:66px; }
a.add-site-link { background-image:url(images/add-site.gif); width:67px; }
a.rss-link { background-image:url(images/rss.gif); width:65px; }

#navigation ul .sub{ position:absolute; background:#151618; width:186px; top:25px; left:0px; font-size:12px; line-height:24px; display:none; }
#navigation ul .sub ul{ padding:8px 10px 10px 10px; text-transform: capitalize; }
#navigation ul .sub li{ float:none; display:block; border-bottom:solid 1px #494a4c; margin:0; padding:0; height:auto; }
#navigation ul .sub li a{ float:none; display:block; color:#979797; background:url(images/bul.gif) no-repeat 0 -10px; padding-left:14px; position:relative; }
#navigation ul .sub li a:hover{ background-position:0 7px; }
#navigation ul .sub li a:hover{ color:#fff; }

#container { padding-bottom:30px; min-height:500px; }
#content { float:left; width:679px; }
#sidebar { float:right; width:302px; }
#sidebar ul { list-style-type: none;}

.post-b { background:url(images/post-b.gif) no-repeat 0 bottom; height:100%; }
.post-head { background:url(images/post-h.gif) no-repeat 0 0; height:29px; padding:0 10px; }

.post { background:url(images/post-c.gif) repeat-y 0 0; margin-bottom:30px; }
.post h2 { font-size:14px; line-height:30px; color:#666; }
.post h2 a{ color:#666; }
.post h2 a:hover{ color:#222; }
.post .image { width:631px; height:351px; background:url(images/image-bg.gif) no-repeat 0 0; font-size:0; line-height:0; padding:8px 0 0 8px;  }
.post .entry { padding:20px;}
.post .buttons { height:28px; padding-top:15px;}
.post .desc { border-top:solid 1px #eee; margin-top:20px; padding-top:20px; }
.post .desc p{ padding-bottom:20px;  }

.button { font-size:0; line-height:0; height:28px; background-position:0 0; background-repeat:no-repeat; text-indent: -4000px;}
.button:hover { background-position:0 bottom; }
.visit-site { background-image:url(images/visit-site.gif); width:80px; float:right; display:inline; margin-right:10px; }
.search-button { background-image:url(images/search-button.gif); width:67px; float:right; display:inline; }

.colors { float:right; display:inline; white-space:nowrap; font-size:0; line-height:0; padding-top:8px; }
.colors a{ width:12px; height:12px; float:left; text-indent: -4000px; margin-left:2px;  background-image:url(images/colors.gif); background-repeat:no-repeat; }

.black-color 		{ background-position:0 0; }
.blue-color 		{ background-position:0 -13px; }
.brown-color 		{ background-position:0 -26px; }
.gray-color 		{ background-position:0 -39px; }
.green-color 		{ background-position:0 -52px; }
.orange-color 		{ background-position:0 -65px; }
.pink-color 		{ background-position:0 -78px; }
.red-color 			{ background-position:0 -91px; }
.violet-color 		{ background-position:0 -104px; }
.white-color 		{ background-position:0 -117px; }
.yellow-color 		{ background-position:0 -130px; }
.multiply-color 	{ background-position:0 -143px; }
.beige-color 		{ background-position:0 -156px; }
.aqua-color 		{ background-position:0 -169px; }


.nav { height:22px; text-transform: uppercase; }
.nav-top { height:53px; margin-top:10px;}
.nav .wp-pagenavi a, .nav a span, .nav span.current, .nav span.current span { height:22px; float:left; display:inline; background:url(images/nav.gif) no-repeat 0 0; padding:0 0 0 10px; white-space:nowrap; }

.nav .wp-pagenavi a span { background-position:right 0; padding:0 10px 0 0; }
.nav .wp-pagenavi span.current span{ background-position:right 0; padding:0 10px 0 0; }
.nav .wp-pagenavi a { color:#666; line-height:22px; font-weight: bold; margin-left:3px; }

.nav span.extend { float:left; margin-left:3px;}

.nav a:hover,
.nav .current
 { color:#222; background-position:0 bottom; }
 
.nav a:hover span,
.nav a.current span
{ background-position:right bottom; }

.alignleft { float:left; }
.alignright { float:right; }

#footer { height:35px; background:url(images/footer.gif) repeat-x 0 0; font-weight: bold; padding:20px 0 0 0; white-space:nowrap; color:#777; 	}
.orange { color:#ff8a00; }
.black { color:#000; }
.footer-nav { color:#ccc; float:right; text-transform: uppercase; display:inline; }
.footer-nav a{ color:#777; }
.footer-nav a:hover{ color:#333; }

.page { padding-right:100px; }
.page h2,
h2.pagetitle{ font-size:26px; font-weight: normal; padding-bottom:10px; text-transform: uppercase; color:#777; }
.page p{ padding-bottom:10px; }
.page ul, .page ol{ padding: 0 0 10px 25px; }
.page li{ padding: 1px 0; }


h2.pagetitle { font-size:26px; font-weight: normal; padding-bottom:10px; text-transform: uppercase; color:#777; padding-bottom:20px; }

h5 { font-size:10px; font-weight: normal; color:#777; padding-bottom:2px; }
.ad { font-size:0; line-height:0; margin-bottom:10px; }


#black-screen { background:#000; width:100%; height:100%; position:absolute; top:0; left:0; z-index:100; display:none; }

.notext { font-size:0; line-height:0; height:0; background-repeat:no-repeat; background-position:0 0; text-indent: -4000px; }

#popup-holder { font-size:0; line-height:0; width:0; height:0; margin:0 auto; position:relative; z-index:101; }
.popup { width:424px; position:absolute; top:39px; left:-212px; }
.popup-bg { background:url(images/popup-border.png); width:404px; padding:10px; }
.popup-cnt { background:#fff; font-size:14px; line-height:20px; height:505px; }
.add-site-h { height:85px; background-image:url(images/add-site-h.gif); }

.popup .field { display:block; margin-bottom:15px; width:314px; }
.popup textarea.field { height:55px; }
.popup .form{ padding:0 40px 15px 40px; }
.popup label{ display:block; color:#000; padding-bottom:4px; font-weight: bold; }
.popup label span{ color:#777; font-weight: normal; }
.popup .thanks{ text-align: center; padding-top:125px; }

input, textarea, select { font-size:12px; font-family: "Trebuchet MS", Arial, sans-serif;}
input, textarea { padding:4px; }
textarea { overflow:auto; }

.field { background:#f7f7f7; border:solid 1px #d0d0d0; }

a.submit-site { font-size:0; line-height:0; display:block; text-indent: -4000px; height:28px; width:105px; background:url(images/submit-site.gif); margin:0 0 0 auto; }

#add-site-popup { display:none; }


.postmeta { color:#777; line-height:21px; position:relative; margin-top:-35px; width:540px; }


.color-title { background-image:url(images/colors-big.gif); background-repeat:no-repeat; padding-left:27px; padding-top:1px; }

.h-black-color 			{ background-position:0 0; }
.h-blue-color 			{ background-position:0 -41px; }
.h-brown-color 			{ background-position:0 -82px; }
.h-gray-color 			{ background-position:0 -123px; }
.h-green-color 			{ background-position:0 -164px; }
.h-orange-color 		{ background-position:0 -205px; }
.h-pink-color 			{ background-position:0 -246px; }
.h-red-color 			{ background-position:0 -287px; }
.h-violet-color 		{ background-position:0 -328px; }
.h-white-color 			{ background-position:0 -369px; }
.h-yellow-color 		{ background-position:0 -410px; }
.h-multiply-color 		{ background-position:0 -451px; }
.h-beige-color 			{ background-position:0 -492px; }
.h-aqua-color 			{ background-position:0 -533px; }


#top .big-colors { float:right; font-size:0; line-height:0; padding-top:8px; }
#top .big-colors a{ float:left; text-indent: -4000px; width:21px; height:21px; margin-left:2px; background-image:url(images/colors-big-top.gif); background-repeat:no-repeat; }

.pagetitle { padding-top:1px; }

/** REMOVE THIS LATER **/
/*
#sidebar { display:none; }
.shell { width:679px; }

#footer { text-align: center; }
#footer .left{ float:none; }
#top { background-image:url(images/top-small.gif); }
*/


/** LIGHTBOS **/
#lightbox { display:none; position:relative; height:20px; overflow:hidden; background:#fff; width:988px; }
#lightbox-entry { padding:20px 0 10px 0;  }

.all-lightbox-entries { }

#lightbox-entry { height:300px; padding-left:50px; }
#lightbox-entry .jcarousel-clip { position:relative; width:958px; height:300px; overflow:hidden; }
#lightbox-entry ul{ list-style-type: none; position:relative; width:10000px; white-space:nowrap; height:300px; }
#lightbox-entry ul li,
.jcarousel-item { float:left; display:inline; height:300px; width:958px; position:relative; }
#lightbox-entry ul li .lightbox-entry{ float:left; display:inline; width:206px; font-size:12px; line-height:15px; margin:0 20px 25px 0; }
#lightbox-entry ul li p{ height:20px; }
#lightbox-entry ul li a{ color:#777; }
#lightbox-entry ul li a.remove-from-lightbox{ float:right; border-bottom:solid 1px #ff0000; font-size:10px; line-height:14px; }
#lightbox-entry ul li a:hover{ color:#333; }
#lightbox-entry ul li a.image { width:206px; height:116px; display:block; font-size:0; line-height:0; }
#lightbox-entry ul li a.image img{ background:#fff; padding:2px; border:solid 1px #e8e8e8; width:200px; height:110px; }
#lightbox-entry ul li a.image:hover img{ border:solid 1px #999; }



.lightbox-page { padding:0; }
.lightbox-page #lightbox-entry { height:auto; padding:20px 0 0 0;}
.lightbox-page #lightbox-entry ul { height:auto; width:100%; padding:0; }
.lightbox-page #lightbox-entry ul li { height:auto; width:auto; float:none; }
.lightbox-page #lightbox-entry ul li p{ padding:0; }
.lightbox-page #lightbox-entry ul li .lightbox-entry{ }


#top-holder-place { height:39px; position:relative; z-index:1000;}
.top-holder-absolute { position:absolute; top:0; left:0; width:988px; z-index:1000; }

.open-lightbox { font-size:0; line-height:0; height:13px; width:109px; text-indent: -4000px; background:url(images/open-close.gif); margin-top:12px; }
.close-lightbox { background-position:0 bottom !important; }

.in-your-lightbox,
.add-to-lightbox { font-size:0; line-height:0; text-decoration: none; text-indent: -4000px; height:28px; width:130px; background:url(images/add-to-lightbox.gif) no-repeat 0 0; float:right; }
.add-to-lightbox { cursor:pointer; }
.add-to-lightbox:hover { background-position:0 -28px; }
.in-your-lightbox { background-position:0 bottom !important; }

.jcarousel-next, .jcarousel-prev {
	position:absolute;
	width:34px;
	height:66px;
	top:140px;
	cursor:pointer;
	z-index:200;
	font-size:0;
	line-height:0;
	text-indent: -4000px;
	background-position:0 0 ;
}
.jcarousel-next:hover,
.jcarousel-prev:hover { background-position:0 -66px; }

.jcarousel-next-disabled,
.jcarousel-prev-disabled { background-position:0 bottom !important; cursor:auto !important; }

.jcarousel-prev { left:0; background-image:url(images/prev.gif); }
.jcarousel-next { right:0; background-image:url(images/next.gif); }


.lightbox-msg { text-align: center; font-weight: bold; padding-top:120px; text-transform: uppercase; color:#777; }


#send-to-email { display:none;}

#top { position:relative; }
#top-loading{ font-size:0; line-height:0; width:16px; height:16px; position:absolute; top:11px; left:848px; background:url(images/ajax-loader.gif); display:none; }


.freebies{}
.freebies ul{ list-style-type: none; padding:0 20px 1px 20px; }
.freebies ul li{ border-bottom:solid 1px #ddd; padding:12px 0; }
.freebies ul.reg li{ border-bottom: none; padding: 0px 0; list-style-type: disc}
.freebies .image { height:176px; background-image:url(images/image-small-bg.gif); }
.freebies .image img{ width:623px !important; height:168px !important; }

.freebies .buttons { height:28px; float:right; padding-top:10px;}
.freebies .buttons a{height:28px; float:left; font-size:0; line-height:0; background-repeat:no-repeat; background-position:0 0; text-indent: -4000px; margin-left:7px; }
.freebies .buttons a:hover{ background-position:0 bottom; text-indent: -4000px; }
.freebies .buttons a.details-button{ background-image:url(images/details-button.gif); width:69px; }
.freebies .buttons a.preview-button{ background-image:url(images/preview-button.gif); width:69px; }

.freebies h3 { padding-top:15px; }
.freebies .buttons a.download-button{ background-image:url(images/download-button.gif); width:100px; }

.freebies .entry { padding:10px 0; border-top:solid 1px #ddd; margin-top:12px;}
.freebies .entry p{ padding-bottom:10px;}

.yellow-ad { background:#f5f5b8; padding:10px; border:dashed 2px #f8d088; font-size:15px; font-weight: bold; }
.yellow-ad a{ text-decoration: underline; color:#ff7e00; }
.yellow-ad a:hover{ color:#333; text-decoration: none; }

.top-text { padding-bottom:20px; }
.top-text h2.pagetitle { padding-bottom:8px; }

.permalink { font-size:11px; padding-top:2px; text-align: center; width:865px; padding-left:50px;}
.permalink a{ text-decoration: underline; background:url(images/perma-ico.gif) no-repeat 0 5px; padding-left:15px; float:right; }
.permalink a.blue{ color:blue; white-space:nowrap; background:transparent; padding:0; float:none;}

#content .permalink { display:none; }


.add-this-button { position:absolute; top:77px; left:549px;}
.add-this-button a{ margin:0;}

.sidebar-box-top {
    background: url('images/sb/sidebar-box-top.gif') 0 0 no-repeat;
    width: 294px;
    height: 29px;
    color: #666666;
    padding-left: 8px;
    text-transform: uppercase;
    line-height: 29px;
}
.sidebar-box-cnt {
    background: url('images/sb/sidebar-box-middle.gif') 0 0 repeat-y;
    color: #666;
}
.sidebar-box-bottom {
    background: url('images/sb/sidebar-box-bottom.gif') 0 0 no-repeat;
    width: 302px;
    height: 15px;

}
.ttl {
    display: block;
}
.sidebar-box-cnt p {
    padding-top: 10px;
    font-size: 12px;
}
.free-tpls {
    display: block;
    text-align: center;
    margin: 15px 0;
}
.sidebar-section {
    padding: 10px 2px 0 20px;
}
.sidebar-section-top {
    border-top: solid 1px #d8d9da;
    margin-right: 2px;
}
.wp-theme {
    margin-top: 13px;
}
.wp-theme .img-place {
    float: left;
    width: 69px;
}
.wp-theme-info {
    float: left;
    margin-left: 10px;
    width: 185px;
}
.theme-desc {
    line-height: 110%;
    font-size: 11px;
}
.wp-theme-info strong {
    line-height: 100%;
    margin-bottom: 3px;
    display: block;
}
.acts a {
    color: #f37021;
    font-size: 11px;
    padding: 0 0 0 14px; 
}
.acts a.preview {
    background: url(images/preview-link.gif) 2px 60% no-repeat;
}
.acts a.download {
    background: url(images/download-link.gif) 5px 60% no-repeat;
}
.acts a:hover {
    color: #666;
}
.choco-tpl {
    float: left;
    display: inline;
    width: 130px;
}
.odd {
    margin-right: 10px;
}
.mr {
    margin-top: 8px;
}

.choco-world .acts a {
    margin-top: 0;
}
.choco-world a img {
    display: block;
}
.odd {
    margin-bottom: 6px;
}
.choco-planet {
    width: 199px;
    height: 30px;
    margin: 10px auto;
    background: url(images/more-free-choco-templates.gif) 0 0 no-repeat;
    text-indent: -199999px;
    display: block;
}
.badj {
    margin-left: -6px;
}


.post-choco-tpls{}
.post-choco-tpls .choco-tpl{ margin-right:33px; display:inline; width:134px; overflow:hidden; }
.post-choco-tpls .choco-tpl a img{ border:solid 1px #ddd; padding:1px; }
.post-choco-tpls .choco-tpl a:hover img{ border:solid 1px #999; padding:1px; }
.post-choco-tpls .choco-planet{ margin:0 0 0 auto;}

.twitter-link { float:right; height:13px; width:139px; background:url(images/twitter-link.gif); position:relative; top:53px;}
.sibling-site p {
	padding-top: 0;
}
.sibling-site h3 a {
	color: #f37021;
}
.sibling-site h3 a:hover {
	text-decoration: underline;
}
.sibling-site {
	margin-bottom: 5px;
}

.our-network {}
.our-network .sibling-site { margin-right:10px; line-height:17px; padding-bottom:2px; padding-right:56px; background:url(images/sites-icons.jpg) no-repeat right 0; }
.our-network .sibling-site h3{ padding-bottom:2px; }
.our-network .mafia-site { background-position:right 21px;}
.our-network .bakery-site { background-position:right -116px;}
.our-network .choco-site { background-position:right -256px;}
.our-network .psdfiles-site { background-position:right -400px;}
.our-network .mailtemplates-site { background-position:right -542px;}
.our-network .web-backgrounds-site { background-position:right -707px;}
.our-network .css-free-templates-site { background-position:right -854px;}
.our-network .free-logo-design-site { background-position:right -1005px;}
.our-network .toon-characters-site { background-position: right -1164px; margin-top: 15px; }

.our-sites { float:right; white-space:nowrap; font-size:11px; font-weight: normal; color:#999;}
.our-sites span{ padding:0 3px; color:#bbb; }
.our-sites a{ color:#777; }
.our-sites a:hover{ color:#000; }


.chocos ul{ list-style-type: none; width:100%; position:relative; }
.chocos ul li{ float:left; display:inline; width:144px; margin-right:18px; margin-bottom:15px;}

.chocos ul li.last{ margin-right:0; }
.chocos ul li a.choco-image{ display:block; border:solid 1px #ddd; padding:1px; width:140px; position:relative; overflow:hidden; height:80px; margin-bottom:3px;}
.chocos ul li a img{ width:140px; }
.chocos ul li a.choco-image:hover { border-color:#bbb;}
.chocos ul li a.choco-preview{ display:inline; font-size:11px; background:url(images/preview-link.gif) no-repeat 0 4px; padding-left:13px;}

#sidebar .search { padding:10px 20px;}
#sidebar .search .field{ width:175px; float:left; -moz-border-radius:9px; -webkit-border-radius:9px; border-color:#cfcfcf; }

#tooltip { position: absolute; z-index: 3000; border: 1px solid #aaa; background: #fff; padding: 5px; font-size:0; line-height:0;}
#tooltip h3, #tooltip div { margin: 0; }