/*  
Theme Name: WP-CocoAndLowe
Theme URI: http://www.ideagrow.com/
Description: Wordpress Coco & Lowe Theme by Ideagrow Inc.
Version: 1.0
Author: Ideagrow Inc.
Author URI: http://www.ideagrow.com/
*/

/*--- Setup ---*/
*{border: 0;margin: 0;padding: 0;}
body{
	background: url(images/pattern.png) repeat;
	color: #595959;
	font: 14px "Helvetica Neue",Helvetica,Arial,Sans-Serif;
}
a{
	color: #01B4B2;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
a:focus { -moz-outline: none; }
a { outline: none; }
input,select,textarea{
	border: #969696 1px solid;
	font-size: 11px;
	padding: 2px;
}
select{
	padding: 0;
}
li{
	list-style: none;
}
h2 span, h3 span{
	display: none;
}
/*--- Layout ---*/
#page{
	background-color: #FFF;
	margin: 0 auto;
	width: 924px;
}
#page{
	padding: 0 20px;
	width: 884px;
}
#subscribeForm, #searchform, #postCommentsWrap {
	display: block;
	float: left;
	height:33px;
	background-color:#F2F2F2;
	padding:6px 10px 0 10px;
	width: 390px;
}
#postCommentsWrap {
	width:190px;
	margin:0 10px;
}
#searchform { width:224px; }
#searchform input, #subscribeForm input, #subscribeForm div { float:left; }
#subscribeForm a.subscribe, #subscribeForm a.subscribe:link, #subscribeForm a.subscribe:active, #subscribeForm a.subscribe:visited,
#searchform a, #searchform a:link, #searchform a:active, #searchform a:visited,
#headPostButton, #headCommentButton {
	display: block;
	float: left;
	background: transparent url(images/header_buttons.png) no-repeat -298px 0;
	height:22px;
	overflow: hidden;
	font-size: 110%;
	text-indent: -2000px;
	width:61px;	
}
#searchform a:hover { background-position: -298px -22px; }
#subscribeForm a.subscribe, #subscribeForm a.subscribe:link, #subscribeForm a.subscribe:active, #subscribeForm a.subscribe:visited {
	background-position: 0 0;
	width:121px;
}
#subscribeForm a.subscribe:hover { background-position: 0 -22px; }
#subscribeForm input, #searchform input { margin:2px 10px 0 0; }
#subscribeForm input { width:160px; }
#searchform input { width:140px; }
#subscribeForm div {
	font-size:11px;
	line-height:12px;
	font-weight:bold;
	margin-left:13px;
}
#subscribeForm div a, #subscribeForm div a:link, #subscribeForm div a:active, #subscribeForm div a:visited {
	color:#E63293;
	text-decoration: underline;
}
#subscribeForm div a:hover { color:#AC0F64; }
#headerAdArea {
	clear: both;
	padding:10px 0;
	text-align: center;
}
#headCommentButton {
	background: transparent url(images/header_buttons.png) no-repeat -121px 0;
	width:106px;
}
#headPostButton {
	width:71px;
	background-position: -227px 0;
	margin-right:10px;
}
#headPostButton:hover{ background-position: -227px -22px; }
#headCommentButton:hover{ background-position: -121px -22px; }
/*--- Subscribe to Feed ---*/
ul.subscribe{
	float: right;
	padding: 25px 40px 0 0;
}
* html ul.subscribe{
	padding-right: 20px;
}
.subscribe li{
	float: left;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 0 20px 0 10px;
}
.subscribe li.feed{
	background: url(images/ico-post.gif) no-repeat left;
	padding: 0 0 0 20px;
}
.subscribe li a{
	color: #41484d;
	position: relative;
}
/*--- Header ---*/
#header{
	clear: both;
}
/*- Logo & Tagline-*/
#logotag {
	width:855px;
	height:302px;
	padding:0 0 12px 8px;
	border-bottom:1px solid #EFF0F0;
}
.tag {
	float:left;
	margin:0px !important;
	padding:0px !important;
	font-size:16px;
	color:#ADADAD;
	}
/*- Search -*/
.search{
	background: url(images/search-bgr.gif) no-repeat;
	float: right;
	height: 30px;
	margin: 20px 0 0;
	width: 275px;
}
.search input{
	background: none;
	border: 0;
	color: #000;
	float: left;
	font-size: 14px;
	margin: 4px 0 0 10px;
	padding: 2px;
	width: 210px;
}
.search .btn{
	margin: 4px 0 0 14px;
	padding: 0;
	width: auto;
}
/*--- Title ---*/
#title{
	background: url(images/title-bgr.gif) repeat-x top;
	height: 220px;
}
.left-title {
	float:left;
	width:290px;
	height:149px;
	padding:20px 20px;
	color:#FFF;
	}
.right-title {
	float:right;
	width:250px;
	height:149px;
	padding:20px 20px;	
	color:#FFF;
	}
.left-title h2, .right-title h2 {
	color:#0ecccc;
	font-weight:bold;
	letter-spacing:-1px;
	font-size:20px;
	text-transform:uppercase;
	}
.left-title p, .right-title p {
	text-align:justify;
	font-size:12px;
	}
/*--- Top Menu ---*/
#topMenu a:hover {
	zoom:1;
	cursor:pointer;
	cursor:hand;
}
#tmHome, #tmFashion, #tmBeauty, #tmTravel, #tmCandLTV, #tmShop, #tmEvents, #tmGallery, #tmContests {
	display: block;
	float: left;
	background: transparent url(images/menu.png) no-repeat 0 0;
	height:49px;
	overflow: hidden;
	font-size: 110%;
	text-indent: -2000px;
	width:96px;
}
#tmHome:hover, #tmHome.active { background-position:0 -49px; }
#tmFashion {
	background-position: -96px 0; 
	width:104px;
}
#tmFashion:hover, #tmFashion.active { background-position:-96px -49px; }
#tmBeauty {
	background-position: -200px 0;
}
#tmBeauty:hover, #tmBeauty.active { background-position:-200px -49px; }
#tmTravel {
	background-position: -296px 0; 
	width:93px;
}
#tmTravel:hover, #tmTravel.active { background-position:-296px -49px; }
#tmCandLTV {
	background-position: -389px 0; 
	width:98px;
}
#tmCandLTV:hover, #tmCandLTV.active { background-position:-389px -49px; }
#tmShop {
	background-position: -487px 0; 
	width:79px;
}
#tmShop:hover, #tmShop.active { background-position:-487px -49px; }
#tmEvents {
	background-position: -566px 0; 
	width:97px;
}
#tmEvents:hover, #tmEvents.active { background-position:-566px -49px; }
#tmGallery {
	background-position: -663px 0; 
	width:98px;
}
#tmGallery:hover, #tmGallery.active { background-position:-663px -49px; }
#tmContests {
	background-position: -761px 0; 
	width:123px;
}
#tmContests:hover, #tmContests.active { background-position: -761px -49px; }

/*--- Title Layout ---*/
.tcol1{
	float: left;
	width: 350px;
}
.tcol2{
	float: right;
	width: 295px;
}
/*--- Columns ---*/
#columns{
	margin: 20px 0 0;
}
#columns h2{
	color: #01B4B2;
	font-size: 19px;
	font-weight: bold;
}
#columns h2 a{
	color: #01B4B2;
}
#columns h3{
	color: #01B4B2;
	font-size: 16px;
	letter-spacing: -1px;
}
#columns h3 em{
	color: #9933ff;
	font-style: normal;
}
#columns h4{
	color: #E63293;
	font-size: 14px;
	font-weight: normal;
	line-height: 15px;
	padding: 0 0 5px;
	font-weight:bold;
}
#columns h4 a{
	color: #9933ff;
}
.col1{
	width: 540px;
	padding-right: 20px;
	border-right:solid 1px #EFF0F0;
}
.col2{
	float: right;
	width: 300px;
	overflow: hidden;
}
/*--- Each Post ---*/
.pagetitle{
	color: #41484d !important;
	font-size:14px !important;
	text-transform:uppercase;
	font-weight:bold !important;
	border-bottom:#06600c dotted 1px;
	padding-bottom:5px;
}
.post{
	padding: 15px 0 15px;
}
.post p{
	clear: both;
	padding: 0 0 15px;
}
.post.first { padding-top: 0!important; }
.post.last{
	background: none;
}
.postmetadata{
	font-size: 13px;
	padding: 5px 0;
}
.meta-cal {
	font-weight: bold;
	}
.meta-comm {
	}
.meta-tag {
	}
.entry p{
	text-align:justify;
	font-size:13px;
	line-height:17px;
	}
.entry blockquote { 
	padding: 3px 15px;
	background: #f1e7fc;
	border: 1px solid #9933ff;
	margin: 5px auto 15px auto;
	color:#000;
	width:85%;
	}
.entry blockquote p {
	font-size:12px;
	padding: 5px 0px;
	margin: 5px 0px;
	line-height: 20px;
	}
.entry img { 
	padding: 2px 2px 2px 2px;
	background:#f0f0f0;
	border: solid 1px #DEDEDE; 
	/*margin: 0px 15px 15px 0px !important;*/
	margin: 0px 15px 15px 0px;
	float:left;
	display:inline;
	}
.none-img { 	
	background:none !important;
	border:none !important; 
	}
.none-img img { 	
	background:none !important;
	border:none !important; 
	}
.entry ul, .entry ol {
	margin-bottom:15px;
	font-size:12px;
	line-height:20px;
	margin-left:15px;
	}
.entry ul li ul, .entry ol li ol{
	margin-bottom:0px;
	padding-top:3px;
	}
.entry ul li {
	/*list-style:circle inside !important;*/
	list-style:circle inside;
	padding:3px 0px;
	}
.entry ul li ul li {
	/*list-style:disc inside !important;*/
	list-style:disc inside;
	}
.entry ol li {
	/*list-style:decimal inside !important;*/
	list-style:decimal inside;
	font-size:12px;
	padding:3px 0px;
	}
.entry ol li ol li {
	/*list-style:decimal-leading-zero inside !important;*/
	list-style:decimal-leading-zero inside;
	}
/*--- Comments ---*/
.comments_template{
	margin: 0 0 0 10px;
	padding: 0 0 10px 0;
}
.comments_template p.nocomments, .comments_template p.alert{
	padding: 10px;
	font-size: 12px;
}
#comments {
	font-size: 20px;
	padding: 2px 10px 0px 0px;
	color:#008DE7;
}
.comments_template form#commentform{
	margin: 0;
	padding: 10px;
}
.comments_template form#commentform p{
	line-height: 16px;
}
ol.commentlist{
	margin: 10px 0;
	padding: 0;
	list-style: none;
	font-size: 12px;
	line-height: 16px;
}
ol.commentlist p{
	margin-bottom:10px;
	line-height: 16px;
}
ol.commentlist cite{
	font-style: normal;
	font-weight: bold;
}
ol.commentlist li{
	padding: 10px;
}
ol.commentlist li.alt{
	background:#f1e7fc;
	border-top:1px dotted #9933ff;	
}
ol.commentlist li.highlighted{
	background:#f1e7fc;
	border-top:1px dotted #9933ff;	
}
/*--- Navigation ---*/
.navigation {
	padding:15px 0px 15px 0px;
	font-weight:bold;
}
.alignleft {
	float:left;
	display:inline;
	}
.alignright {
	float:right;
	display:inline;
	}
/*--- Ads ---*/
.ads{
	height: 125px;
	margin: 10px 0 30px;
}
.ads img{
	display: block;
	float: left;
	margin: 0 24px 0 0;
}
.ads img.last{
	margin: 0;
}
/*--- Comments ---*/
ul.comments{
	padding: 0 0 15px 5px;
}
.comments li{
	border-bottom:1px solid #A3E9E8;
	font-size: 12px;
	padding: 4px 0 5px;
	color: #0ecccc;
}
.comments li em, .comments li a em{
	color: #0ecccc;
	font-style: normal;
}
.comments li a{
	color: #41484d;
}
.comments li a:hover{
	text-decoration:none;
	color: #0ecccc;
}
.comments img {
	vertical-align:text-bottom;
	padding-left:5px;
	padding-right:5px;
	}
/*--- Sidebar Headers ---*/
.col2 h3{
	background:#6E6E6E url(images/side_menu/title_background.png) repeat-x 0 0;
	height:29px;
	padding:14px 0 0 9px;
	margin-bottom: 10px;
}
.hdr1, .hdr2, .hdr3, .hdr4, .hdr5, .hdr6, .hdr7, .hdr8, .hdr9{
	display: block;
	font-size: 110%;
	height:20px;
	overflow: hidden;
	text-indent: -3000px;
	background:transparent url(images/side_menu/follow_cocoandlowe.png) no-repeat 0 0;
}
.hdr2{ background:transparent url(images/side_menu/quick_links.png) no-repeat 0 0; }
.hdr3{ background:transparent url(images/side_menu/photo_gallery.png) no-repeat 0 0; }
.hdr4{ background:transparent url(images/side_menu/tag_cloud.png) no-repeat 0 0; }
.hdr5{ background:transparent url(images/side_menu/recent_comments.png) no-repeat 0 0; }
.hdr6{ background:transparent url(images/side_menu/recent_posts.png) no-repeat 0 0; }
.hdr7{ background:transparent url(images/side_menu/the_archives.png) no-repeat 0 0; }
.hdr8{ background:transparent url(images/side_menu/link_love.png) no-repeat 0 0; }
.hdr9{ background:transparent url(images/side_menu/our_catagories.png) no-repeat 0 0; }

* html .hdr1 {
	background:none;
	//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/blog/wp-content/themes/wp-cocoandlowe/images/side_menu/follow_cocoandlowe.png');
}
* html .hdr2 {
	background:none;
	//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/blog/wp-content/themes/wp-cocoandlowe/images/side_menu/quick_links.png');
}
* html .hdr3 {
	background:none;
	//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/blog/wp-content/themes/wp-cocoandlowe/images/side_menu/photo_gallery.png');
}
* html .hdr4 {
	background:none;
	//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/blog/wp-content/themes/wp-cocoandlowe/images/side_menu/tag_cloud.png');
}
* html .hdr5 {
	background:none;
	//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/blog/wp-content/themes/wp-cocoandlowe/images/side_menu/recent_comments.png');
}
* html .hdr6 {
	background:none;
	//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/blog/wp-content/themes/wp-cocoandlowe/images/side_menu/recent_posts.png');
}
* html .hdr7 {
	background:none;
	//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/blog/wp-content/themes/wp-cocoandlowe/images/side_menu/the_archives.png');
}
* html .hdr8 {
	background:none;
	//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/blog/wp-content/themes/wp-cocoandlowe/images/side_menu/link_love.png');
}
* html .hdr9 {
	background:none;
	//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/blog/wp-content/themes/wp-cocoandlowe/images/side_menu/our_catagories.png');
}

.follow_links {
	height:70px;
	position: relative;
}
.follow_links a { position: absolute; }

.sm {
	list-style:none;
	width:296px;
	height:240px;
	display:block;
	overflow:hidden;
	margin-bottom: 13px;
}
.sm li {
	float:left;
	display:inline;
	overflow:hidden;
}
#sm li a {
	display: block;
	height:80px;
	width:296px;
	border:1px solid #EAEAEA;
	padding:4px 0 0 5px;
}
#sm li a img { border:1px solid #DADADA; }
#sm .contest { background: #F4F4F4 url(images/side_menu/quick_links/contest.png) no-repeat 158px 29px; }
#sm .tuned-in { background: #F4F4F4 url(images/side_menu/quick_links/tuned-in.png) no-repeat 155px 30px; }
#sm .weekly_wrap_up { background: #F4F4F4 url(images/side_menu/quick_links/weekly_wrap_up.png) no-repeat 150px 19px; }
#sm .travel { background: #F4F4F4 url(images/side_menu/quick_links/travel.png) no-repeat 162px 34px; }
#sm .events { background: #F4F4F4 url(images/side_menu/quick_links/events.png) no-repeat 160px 33px; }
#sm .gallery { background: #F4F4F4 url(images/side_menu/quick_links/gallery.png) no-repeat 162px 25px; }
#sm .rando_dando { background: #F4F4F4 url(images/side_menu/quick_links/rando_dando.png) no-repeat 120px 32px; }
#sm .style { background: #F4F4F4 url(images/side_menu/quick_links/style.png) no-repeat 169px 32px; }
#sm .daily_dose { background: #F4F4F4 url(images/side_menu/quick_links/daily_dose.png) no-repeat 139px 31px; }
#sm .cake { background: #F4F4F4 url(images/side_menu/quick_links/cake.png) no-repeat 166px 31px; }
#sm .beauty { background: #F4F4F4 url(images/side_menu/quick_links/beauty.png) no-repeat 146px 31px; }
/*--- Recent Readers ---*/
table#MBL_COMM td.mbl_fo_hidden {
display:none;
}
.recent{
	padding: 10px 0 0;
}
.recent img{
	border: 1px solid #222222;
	float: left;
	height: auto;
	margin: 3px;
}
* html .recent img{
	margin: 0 3px;
}
/*--- Flicker Photos ---*/
.sideFlickr {
	background:transparent url(images/side_menu/flickr_frame.png) no-repeat 0 0;
	width:266px;
	height:337px;
	padding:20px 0 15px 30px;
	margin-left: 2px;
}
.sideFlickr img {
	vertical-align:top;
	padding:0 5px 5px 0;
} 
.flickr{
	background-color: #000;
	height: 75px;
	padding: 5px 0;
}
.flickr img {
	display:inline;
	float:left;
	padding-left:5px;
	vertical-align: top;
}
.all-albums, .all-albums:link, .all-albums:active, .all-albums:visited, .all-albums:hover {
	clear: both;
	display: block;
}
/*--- Footer ---*/
#footer{
	clear: both;
	color: #8F8F8F;
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	margin-top:12px;
	text-align: center;
}
#ideagrow_logo {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	vertical-align:text-bottom;
	height:17px;
	width:67px;
	font-size: 110%;
	text-indent: -2000px;
	overflow: hidden;
	background: transparent url(images/ideagrow_logo.png) no-repeat 0 0;
}
#ideagrow_logo:hover { background-position:0 -17px; }
/*--- Misc. ---*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
	zoom: 1;     /* triggers hasLayout */
}  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.ac{
	text-align: center;
}
.ar{
	text-align: right;
}

/*--- custom sets for Flickr and Youtube channel ---*/
ul.sets { 
	margin-left:0;
	list-style:none;
	line-height: 16px;
}
ul.sets li, ul.sets li.yt {
	float: left;
	list-style: none;
	display: block;
	width: 81px;
	padding:15px 29px 0 0
}
ul.sets li.yt {
	width: 134px;
	padding:15px 15px 0 0
}
ul.sets li a {
}
ul.sets li a img {
	display: block;
	float: none;
	margin: 0 0 0 0;
}
#myytwrap { padding:15px 0 0 55px; }