/*
Theme Name: Cahier de Tendances
Theme URI: http://www.cahierdetendances.com
Description: A minimalist theme with a white background, containing mostly texts with a header image. Simple and clean, with very lightweight HTML and CSS.
Version: 0.1
Author: Miss M
Author URI: http://www.cahierdetendances.com
Tags: white, light, three-columns, fixed-width, custom-header, right-sidebar, microformats
License: GNU General Public License (GPL), v3 (or newer)
License URI: http://www.gnu.org/licenses/gpl-3.0.html 
*/

/* GENERAL STYLE */
html
{
height: 100%;
}

body 
{
    background: #F2F1F0 url('images/body_bg.gif') repeat-y center;
    color: #555;
    font-family: georgia, Times, sans-serif;
    font-size: 0.9em;
    margin: 0;
	height: 100%;
	min-width: 1010px;
}

a
{
    color: #666666;
    text-decoration: none;
	outline:none;
	outline:none;
}

a:hover, div.item .com a:hover
{
    color: #ca0a76;
    text-decoration: none;
}

a.important
{
    display: block;
    font-weight: bold;
    margin-top: 10px;
}

code, pre
{
    background-color: #eeeeee;
    color: #666666;
    font-size: 110%;
    max-width: 500px;
    overflow: auto;
    padding: 3px;
}

input:not([type="submit"] ), textarea, .textarea
{
	margin-top:5px;
	padding:4px;
}

textarea, input#author, input#email, input#url,.textarea
{
	border:1px solid #CCC;
}

textarea,.textarea
{
	width:530px;
}

.textarea
{
	height:200px;
	overflow:auto;
	padding:10px;
}


input#author, input#email, input#url 
{
	width:530px;
	height:20px;
	text-align:left;
	margin-bottom:2px;
}

input[type="submit"],a.enclosed-button,a.input,a.more
{
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-family:georgia, Times, sans-serif;
	font-style:italic;
	border:0;
	background-color: #ff577b;
    color: #FFF;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	padding:8px;
	margin-bottom:20px;
}

a.more
{
	background-color:#BBB;
	padding-top:4px;
	padding-bottom:4px;
	margin-top:10px;
}

a.more:hover
{
	background-color:#ff577b;
}

input#submit:hover,input[type="submit"]:hover,.enclosed-button:hover,a.input:hover
{
	background-color: #fff5f6;
	color:#313131;
}

.enclose span
{
	display:block;
	margin-bottom:20px;
}

h1,h2,h3,h4
{
	text-align:left;
}

h1 a
{
	display:block;
	background-image:url('images/logo.jpg');
	background-repeat:no-repeat;
	text-indent:-9999px;
	width:155px;
	height:155px;
	margin-top:20px;
}

h2 
{
	font-family: 'AngelinaRegular', georgia, Times, sans-serif;
    font-size: 2.5em;
	font-weight: bold;
	color: #555555;
	display:block;
	height:70px;
    margin: 25px auto 0px auto;
	text-align:center;
	background:url('images/pg_title_bg.gif') no-repeat center;
}

h2 a 
{
	color:#555555;
    border-bottom:none;
    text-decoration:none;
}

h3 
{
    font-size: 1.3em;
    font-weight: normal;
    margin: 0 0 5px 0;
}

h3 a 
{
    border-bottom:none;
    text-decoration:none;
}

h4,h4 a
{
	color:#ff577b;
}

img
{
    border:0;
}

img.border
{
    border:1px solid #DDDDDD;
    padding:4px;
}

img.centered
{
    display:block;
    margin-left:auto;
    margin-right:auto;
}

img.alignright
{
    display:inline;
}

img.alignleft
{
    display:inline;
}

hr 
{
	color:#eeeeee;
	height:1px;
	margin:15px auto 15px auto;
}

th 
{
    background-color:#dddddd;
    padding:5px;
    text-align:center;
}

li.cat-item 
{
    display:inline;
}

span.date
 {
    font-weight: bold;
}

span.labels
 {
    font-style: italic;
}

.alignright
 {
    float: right;
    margin: 0 0 8px 8px;
}

.alignleft 
{
    float: left;
    margin: 0 8px 8px 0;
}

.aligncenter 
{
	margin-left: auto;
	margin-right: auto;
}

.left
{
	float:left;
}

.right
{
	float:right;
}

.clear
{
	clear:both;
}

.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;
*/
}

.hidden
{
    display: none;
}

.fixfloat 
{
clear:both;
overflow:hidden;
}

.imgtransparency 
{
-moz-opacity:.20; filter:alpha(opacity=20); opacity:.20;
}

.spacer
{
    clear:both;
	height:50px;
}

/* //////////////////////////////// PAGE //////////////////////////////// */
/* MAIN */
div#container 
{
    margin: 0px auto;
    width: 970px;
}

/* HEADER */
div#headercontainer 
{
    margin: 0px auto;
    width: 970px;
}

div#header 
{
    position:fixed;
    width: 155px;
	margin: 0;
}

div#header div.side
 {
    max-height: 281px;
}

div#header div.left a
 {
    border-bottom: none;
    text-decoration: none;
}

div#header div.main a 
{
    border-bottom: none;
    font-size: 28px;
    text-decoration: none;
}

div#header div.main h1
{
    margin: 0;
}

/* MENU */
.menu
{
overflow:hidden;
}

.menu ul li a
{
display:block;
background-image:url('images/sprite_menu.jpg');
background-repeat:no-repeat;
text-indent:-9999px;
width:155px;
height:40px;
}

.menu ul li.blog a { background-position: 0px 0px }
.menu ul li.look a { background-position: 0px -40px }
.menu ul li.plan a { background-position: 0px -80px }
.menu ul li.ads a { background-position: 0px -120px }
.menu ul li.fashiontv a { background-position: 0px -160px }
.menu ul li.agenda a { background-position: 0px -200px }
.menu ul li.contact a { background-position: 0px -245px }
.menu ul li.relooking a { background-position: 0px -292px }

.menu ul li.blog a:hover { background-position: -155px 0px }
.menu ul li.look a:hover{ background-position: -155px -40px }
.menu ul li.plan a:hover{ background-position: -155px -80px }
.menu ul li.ads a:hover { background-position: -155px -120px }
.menu ul li.fashiontv a:hover { background-position: -155px -160px }
.menu ul li.agenda a:hover { background-position: -155px -200px }
.menu ul li.contact a:hover { background-position: -155px -245px }
.menu ul li.relooking a:hover { background-position: -155px -292px }

.menu ul li.current_page_item.blog a { background-position: -310px 0px }
.menu ul li.current_page_item.look a { background-position: -310px -40px }
.menu ul li.current_page_item.plan a { background-position: -310px -80px }
.menu ul li.current_page_item.ads a { background-position: -310px -120px }
.menu ul li.current_page_item.fashiontv a { background-position: -310px -160px }
.menu ul li.current_page_item.agenda a { background-position: -310px -200px }
.menu ul li.current_page_item.contact a { background-position: -310px -245px }
.menu ul li.current_page_item.relooking a { background-position: -310px -292px }

/* PAGE */
div#content 
{
	float:left;
	background-color:#FFF;
	width:600px;
	overflow:hidden;
}

div#body
{
	margin-left:155px;
}

/* PAGINATION */
.pagination ul
{
	margin:0;
	padding:0;
	text-align:center;
}

.pagination li
{
	list-style:none;
	display:inline;
	margin:0px 2px;
}

.pagination li a
{
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border:0;
	background-color:#DDD;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	padding:4px 8px;
}

.pagination li.active a
{
	background-color:#FF577B;
	color: #FFF;
}

.pagination .previous a
{
float:left;
}

.pagination .next a
{
float:right;
}

.pagination li.active a:hover
{
	background-color:#FF577B;
	color:#FFF;
}

.pagination li a:hover
{
	color:#666666;
	background-color: #EEE;
}

/* BREADCRUMB */
.breadcrumb
{
	margin-bottom:20px;
}

#crumbs .current
{
	font-weight:bold;
}

/* POST / ITEMS */
div.item 
{
    margin: 0px auto;
    clear: both;
	width:540px;
    font-style: italic;
	text-align: justify;
}

div.item  ul
{
	padding-left:12px;
}

div.item  ul li
{
	margin-bottom:10px;
}

/* COMMENTARIES */

div .item .com
{
	float:right;
}

div.item .com a
 {
    background-image: url("images/com.gif");
    background-repeat: no-repeat;
    color: #888888;
    display: block;
    font-weight: bold;
    height: 30px;
    line-height: 1.5em;
    text-align: center;
    width: 35px;
    width: 35px;
}

div.item .com a:hover
 {
	color:#FFF;
	background-position: 0 -30px;
}

div.item .content
{
	clear: both;
	padding-top:5px;
    width: 540px;
}

div.item .more
{
	float:right;
}

div.item .nav
{
	clear: both;
}

div.side
{
    margin-bottom: 10px;
}

div.item .com li, div.side li, .look li
{
    list-style-type: none;
}
div.side ul 
{
    margin: 0;
    padding: 0;
}
div.left
{
    text-align: right;
    width: 150px;
}

div.post, div.single-post, div.post-single
{
	border-bottom: 1px solid #D1D1D1;
	padding-bottom: 20px;
}

div.single-post
{
	margin-bottom:25px;
}

div.post
{
	padding-top:25px;
}

/* COMMENT */
.comment-wrapper {
	border-bottom: 1px solid #CCC;
}

.comments
{
	margin-top:20px;
}

.comment 
{
    color: #666666;
    max-width:500px;
	min-height:100px;
    overflow:auto;
	margin:20px 0;
	padding:0;
}

.comment p
{
	margin-top:0px;
}

.respond 
{
    padding-top: 20px;
    clear: both;
	width: 540px;
}

.comment-notes
{
	margin-bottom:30px;
}

#commentform
{
    text-align:left;
}

#commentform .comment-form-author label,#commentform .comment-form-email label,#commentform .comment-form-url label 
{
    padding-right:10px;
	width:120px;
	line-height:1.2em;
}

.form-allowed-tags, .comment-form-comment label 
{
    display: none;
}

.vcard 
{
    float: left;
    margin-bottom: 10px;
    padding-right: 20px;
    text-align: center;
    width: 100px;
}

.vcard .author 
{
	font-weight:bold;
}

.vcard .date 
{
	font-size:.9em;
	font-weight:normal;
}

.vcard .avatar 
{
	border:3px solid #FFF;
}

.vcard .outline 
{
    border: 1px solid #DDD;
    height: 70px;
    width: 70px;
}

div.splash 
{
	-moz-border-radius: 12px;
	-khtml-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
    background-repeat: no-repeat;
    height: 281px;
}


/* FOOTER */
div#footer 
{
    clear: both;
    color: #FFF;
	background-color:#000;
    font-size: .7em;
	line-height: 1.2em;
	position:fixed;
	bottom:0px;
	width: 100%;
	height:20px;
	z-index:10;
	padding:5px 0;
}

div#footer .copyright
{
    margin: 0 auto;
    padding-left: 120px;
    padding-right: 170px;
	padding-top:2px;
    text-align: center;
    width: 700px;
}

div#footer .copyright a
{
	color: #FFF;
}

div#footer 
{
    text-align: center;
}

/* SOCIAL */
#social_like
{
	margin-top:20px;
	margin-bottom:20px;
}

#fb, #twitter, #ggplus
{
    float: left;
}

#fb
{
    padding-top: 10px;
    width: 70px;
}

#twitter
{
    padding-top: 0;
    width: 77px;
}

#ggplus
{
    padding-top: 10px;
}

/* //////////////////////////////////////////////// OTHERS PAGES //////////////////////////////////////////////// */
/* LOOK PAGE */

.look ul
{
    margin-left: 15px;
    padding: 0
}

.look li
{
    border: 5px solid #F2F1F0;
    float: left;
    margin: 5px;
	height:	260px;
}

.look a
{
	display: inline;
}

.look div.title
{
	color:#FFF;
	width:170px;
	padding:10px 0;
	background-color:rgba(0,0,0,0.6);
	overflow:hidden;
	position:absolute;
	z-index:2;
	text-align:center;
}

.look div.date
{
    font-size: 1.2em;
    font-style: italic;
	text-align:center;
	background-color: rgba(255,255,255,0.8);
	background-color:hsla(0,0%,100%,0.8);
	position:absolute;
	margin-top:220px;
	width:170px;
	padding-top:10px;
	padding-bottom:10px;
	z-index:3;
}

.look img
{
	position:relative;
}

div.lookfeatured
{
    background-color:#313131;
    margin-bottom:20px;
    padding-bottom:20px;
    padding-top:20px;
    width:600px
}

div.lookfeatured img:not(.pg)
{
	border:5px solid #444;
}

div.lookpagination
{
	padding:8px 25px 0px 25px;;
}

div.lookpagination div.date
{
    color:#818181;
	font-size:1.2em;
	line-height:2.2em;
}

div.lookpagination div.previous, div.lookpagination div.next
{
	width:40px;
	height:40px;
}

div.lookpagination div.previous
{
	float:left;
}

div.lookpagination div.next
 {
	float:right;
}

/* VIDEO */
div.thumbnail
{
    float: left;
    height: 80px;
    margin-right: 20px;
    padding-top: 5px;
    width: 100px;
}

div.description
{
	float:left;
	width:420px;
}

/* CONTACT */

#section textarea, #section .textarea
{
	width:510px;
}

#section br
{
	height:5px;
}

.tabs 
{
	height: 650px;
	overflow: hidden;
	position: relative;
	z-index: 1;
	display: block;
}

.tabs #section 
{
	float: left;
	z-index: 1;
}

.tabs #section  h3 
{
	margin: 0 1px 0 0;
	background: #d9d9d9;
	padding: 10px 15px;
	font: bold 12px Arial;
	-moz-border-radius: 2px 2px 0 0;
	-khtml-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0;
	cursor: hand;
	cursor: pointer;
}

.tabs #section.current h3 { background: #eee; cursor: default; }

.tabs #section  div 
{
	position: absolute;
	left: 0;
	z-index: 2;
	background: #EEEEEE;
	display: none;
	padding: 0 10px;
	font: 12px Arial;
	height:550px;
}

.tabs #section.current div
{
	display: block;
}

.wpcf7-form
{
	margin-bottom:50px;
}

div.wpcf7 
{
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output 
{
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
    background: #555555 !important;
    color: #FFFFFF;
	margin-top: 0;
    margin-left: 10px;
    padding: 10px !important;
    width: 500px;
	height:20px !important;
}

div.wpcf7-mail-sent-ok, div.wpcf7-mail-sent-ng, div.wpcf7-spam-blocked, div.wpcf7-validation-errors 
{
    background-color: #DDDDDD;
    padding: 10px;
    text-align: center;
	display: block !important;
}

span.wpcf7-form-control-wrap 
{
	position: relative;
}

span.wpcf7-not-valid-tip 
{
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: rgba(0,0,0,.5);
	color:#FFFFFF;
	font-size: 10pt;
	width: 280px;
	padding: 2px;
	padding:4px;
}

span.wpcf7-not-valid-tip-no-ajax
{
	color: #f00;
	font-size: 10pt;
	display: block;
}

span.wpcf7-list-item
{
	margin-left: 0.5em;
}

.wpcf7-display-none
{
	display: none !important;
}

div.wpcf7 img.ajax-loader
{
	border: none;
	vertical-align: middle;
	margin-left: 4px;
}

div.wpcf7 .watermark
{
	color: #888;
}

/* //////////////////////////////////////////////// WIDGET //////////////////////////////////////////////// */
/* GENERAL */
div.right
{
	float:right;
    text-align: left;
    width: 200px;
	padding-left:15px;
	overflow:hidden;
}

div.right  ul li
{
	display:block;
	margin-top:15px;
	/* border: 1px sol id #edecea; */
}

/* PRESENTATION */
div ul li.presentation  h3
{
	font-size: 1em;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 5px;
}

div ul li.presentation div.textwidget
{
	width: 160px;
	font-size: .8em;
    font-style: italic;
}

/* BANNER PUB */
.banner-pub img
{
	padding: 4px;
	border: 1px solid #EAEAE8;
}

/* PETITES-ANNONCES */
.awpcpwidget 
{
	clear:both;
	overflow:hidden;
}

.awpcplatestthumb
{
    margin: 0 auto;
    width: 100px;
}
.awpcplatestthumb img
{
    border: 1px solid #CCCCCC;
}
.awpcplatestbox
{
	width:100%;
}
.awpcplatestbox h3
{
	font-style:italic;
}

.awpcplatestbox h3, .awpcplatestbox p
{
	width:140px;
	margin:5px auto;
	text-align:center;
	font-size:1em;
}

.awpcplatestbox a.readmore
{
    display: block;
    font-size: 0.7em;
    font-weight: bold;
    margin-top: 10px;
    padding: 3px;
    text-transform: uppercase;
}

div ul li.ad-widget
{
	background:#FFF url('images/bg_ad.jpg') no-repeat bottom;
}

div ul li.ad-widget  h3.widgettitle
{
	margin-bottom: 5px;
	background-image:url('images/title_ads.gif');
	background-repeat:no-repeat;
	background-position:center;
	text-indent:-9999px;
	width:190px;
	height:40px;
}

div.right ul li.ad-widget ul li
{
	margin-top:0px;
}

.awpcplatestspacer
{
    clear:both;
    height:30px;
}

/* SOCIAL */
div.right ul li.social
{
	margin-top:0;
}

.social ul li a
{
	display:block;
	background-image:url('images/sprite_social.gif');
	background-repeat:no-repeat;
	text-indent:-9999px;
	width:40px;
	height:40px;
}

div .social ul li
{
	float:left;
}

.social ul li.facebook a
{
	margin-left:16px;
	background-position: 0px 0px;
}
.social ul li.twitter a
{
	background-position: -40px 0px;
}
.social ul li.rss a
{
	background-position: -80px 0px;
}
.social ul li.contact a
{
	background-position: -120px 0px;
}

.social ul li.facebook a:hover
{
	margin-left:16px;
	background-position: 0px -40px;
}
.social ul li.twitter a:hover
{
	background-position: -40px -40px;
}
.social ul li.rss a:hover
{
	background-position: -80px -40px;
}
.social ul li.contact a:hover
{
	background-position: -120px -40px;
}

/* LINKS */

div ul li.link
{
	margin-bottom:40px;
}
div ul li.link h3
{
	margin-bottom: 5px;
	background-image:url('images/title_links.gif');
	background-repeat:no-repeat;
	text-indent:-9999px;
	width:190px;
	height:40px;
}

div ul li.link ul li
{
	margin-top:	10px;
	padding-bottom:	10px;
	border-bottom:1px solid #CCC;
}

div ul li.link ul li a
{
	font-family: Times, sans-serif;
	font-size: 1em;
    font-style: italic;
	font-weight: bold;
}

/* AGENDA */

.calnk a 
{
	background-color:#FFF;
	text-decoration:none; 
	color:#000000; 
	display:block;
	margin-top:5px;
	padding:4px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.calnk a span
{ 
	display:none;
}

.calnk a:hover 
{
	background-position:0 0;
	text-decoration:none;  
	color:#000000;
}
 
.calnk a:visited 
{
	text-decoration:none;
	color:#000000;
}

.calnk a:hover span 
{
	color:#333333; 
	background:#FFFFFF; 
	display:block;
	position:absolute; 
	margin-top:1px;
	width:230px; 
	z-index:100;
	line-height:1.2em;
}

.calnk a:hover span.context
{
	padding:4px 4px 8px 4px; 
	box-shadow: 0 4px 18px #C8C8C8;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.calendar-table 
{
	border:none;
	width:100%;
}
 
.calendar-heading
{
	padding-bottom:10px;
}
 
.calendar-heading table
 {
	color:#FFF;
	background-color: #ff577b;
	height:25px;
	text-align:center;
	padding:8px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.calendar-heading a, .calendar-heading a:hover
{
	color:#FFF;
}

.calendar-next 
{
	width:25%;
	text-align:center;
}

.calendar-prev 
{
	width:25%;
	text-align:center;
}
 
.calendar-month 
{
	width:50%;
	text-align:center;
	font-weight:bold;
}

.day-without-date, .day-with-date, .current-day 
{
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.day-with-date:hover
{
	background-color:#F9F9F9;
}

.normal-day-heading, .weekend-heading
{
	text-align:center;
	width:25px;
	height:25px;
	font-size:0.8em;
	font-weight:bold;
	padding:5px;
}

.day-with-date, .current-day 
{
	vertical-align:text-top;
	text-align:left;
	width:60px;
	height:60px;
	background-color:#EEE;
	padding:5px;
}

.day-with-date br
{
	height:0px;
	margin:0;
	padding:0;
}

.current-day 
{
	background-color: #ff577b;
	color:#FFF;
}

.no-events 
{
}

.day-without-date 
{
	width:60px;
	height:60px;
	background-color:#CCC;
}

span.weekend 
{
}

span.event 
{
	font-size:0.75em;
}

.kjo-link
{
	font-size:0.75em;
	text-align:center;
}

.calendar-date-switcher 
{
	height:25px;
	text-align:center;
	border:1px solid #D6DED5;
	background-color:#E4EBE3;
}

.calendar-date-switcher form 
{
	margin:0;
	padding:0;
}

.calendar-date-switcher input 
{
	border:1px #D6DED5 solid;
}

.calendar-date-switcher select 
{
	border:1px #D6DED5 solid;
}

.cat-key 
{
	width:100%;
	margin-top:10px;
	padding:5px;
	border:1px solid #D6DED5;
}

.cat-key td
{
	padding-bottom:20px;
}

.legend 
{
    float: left;
    height: 20px;
    margin-bottom: 5px;
    width: 50%;
}

.legend .icon
{
	width:20px;
	height:20px;
	float:left;
	margin-right:10px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.calnk a:hover span div.event-title 
{
	padding:4px;
	font-weight:bold;
	font-size:1.2em;
	color:#FFF;
	text-indent:4px;
	line-height:1.2em;
}

.calnk a:hover span span.event-title-break 
{
	/*
	width:96%;
	text-align:center;
	height:1px;
	margin-top:5px;
	margin-right:2%;
	padding:0;
	background-color:#000000;
	*/
}

.calnk a:hover span span.event-content-break 
{
	/*
	width:96%;
	text-align:center;
	height:1px;
	margin-top:5px;
	margin-right:2%;
	padding:0;
	background-color:#000000;
	*/
}

.page-upcoming-events 
{
	font-size:80%;
}

.page-todays-events 
{
	font-size:80%;
}

/* PETITES-ANNONCES */

#awpcpqsearch { background:#f2f2f2; padding:5px 0px 0px 5px; margin:10px auto 10px auto; }

#awpcpqsearch select { width:112px; padding:4px; }

#awpcpqsearch b { font-size:12px;}


.uiwelcome .btn_ads 
{
	display:block;
	background-image:url('images/btn_add_ads.gif');
	background-repeat:no-repeat;
	text-indent:-9999px;
	width:540px;
	height:52px;
}

.uiwelcome .btn_ads:Hover 
{
	background-position: 0px -52px;
}

.uiwelcome .intro 
{
	margin-top: 10px;
}

.uiwelcome .intro p
{
	margin-top: 0px;
	margin-bottom: 5px;	
	color: #888;
}

.messagedisplay {padding:5px;background-color: rgb(255, 251, 204);}
.tenpad  {padding:100px;}


table.listcatsh { width: 100%; padding: 0px; border: none; border: 1px solid #dddddd;}
table.listcatsh td { width:33%;font-size: 12px; border: none; background-color: #F4F4F4;
vertical-align: middle; padding: 7px; font-weight: bold; }
table.listcatsh tr.special td { border-bottom: 1px solid #ff0000;  }
table.listcatsc { width: 100%; padding: 0px; border: none; border: 1px solid #dddddd;}
table.listcatsc td { width:33%;border: none;
vertical-align: middle; padding: 5px; font-weight: normal; }
table.listcatsc tr.special td { border-bottom: 1px solid #ff0000;  }


a.toplevelitem
{
	/* MARKER */
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	display:block;
	width:166px;
	font-size:1.3em;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	background-color:#EEE;
	padding: 10px 0;
	margin-left:20px;
}

a.firstitemclass, .firstitemclass
{
	margin-left:0px;
}

a.toplevelitem:hover
{
	border:0;
	background-color: #ff577b;
    color: #FFF;
}

ul#awpcpcatlayout li
{
	/* MARKER */
	float:left;
}

#showcategoriesmainlist
{
	margin-top:20px;
}

#showcategoriesmainlist ul li 
{
	list-style:none; 
}

#showcategoriesmainlist ul li a { text-decoration:none; }

#showcategoriesmainlist ul li.maincat {  }

.postaclassified { float:left; }

.postaclassified a { font-size:14px; color:#444444; }

.scbox { border:1px solid #dddddd; } 
.scbutton { border:1px dotted #dddddd; background:#cccccc; font-size:14px; color:#444444; }

.classisearch { float:right; }

.uiwelcome { margin:0 0 20px 0; }

#classiwrapper 
{
	margin-bottom: 80px;
}

#classiwrapper p { padding-bottom:4px; padding-top:4px; }

#classiwrapper #postsearchads {}

#classiwrapper ul:not(.normal)
{
margin:0;
padding:0;
list-style:none;
}

#classiwrapper ul:not(.normal) li {
list-style:none;
background-image:none;
margin:0;
padding:0;
}

#classiwrapper .textarea ul li
{
    list-style: disc outside;
	padding: 10px;
}

#classiwrapper .textarea ul li ul
{
	padding-left: 20px;
}

#classiwrapper .textarea ul li ul li
{
    list-style: circle outside;
}

ul#awpcpcatlayout .showcategoriessublist li
{
	clear:both;
	list-style:none; 
	margin-top:10px;
	margin-left:20px;
	padding:0;
	text-align:center;
}

ul#awpcpcatlayout .showcategoriessublist li.firstitemclass
{
	margin-left:0;
}

#classiwrapper #postsearchads li {
list-style:none;
display:inline;
}

#classiwrapper h3
{
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding:10px 0px;
	text-align:center;
}

#menuads
{
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin:10px auto;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#EEE;
	height:20px;
}

#postsearchads a
{
	margin:0px 5px;
	padding-left: 24px;
	overflow:hidden;
}

#postsearchads a
{
background-image:url('images/all_icons.png');
background-repeat: no-repeat;
}

#postsearchads .searchcads a
{
background-position: 0px -68px;
}

#postsearchads .searchcads a:hover
{
background-position: 0px -85px;
}

#postsearchads .edit a
{
background-position: 0px -0px;
}

#postsearchads .edit a:hover
{
background-position: 0px -17px;
}

#postsearchads .postad a
{
background-position: 0px -102px;
}

#postsearchads .postad a:hover
{
background-position: 0px -119px;
}

#postsearchads .browse a
{
background-position: 0px -34px;
}

#postsearchads .browse a:hover
{
background-position: 0px -51px;
}

.editclassified {
float:right;
}


.headeritem {width:98%;padding:5px;font-weight:bold;color:#333333;}

.buywith {
	background:#eeeeee;
	border-top:1px dotted #dddddd;
	border-bottom:1px dotted #dddddd;
	color:#333333;
	font-weight:bold;
	font-size:medium;
	padding:10px;
	margin-bottom:20px;
}

.thumbshow
{
    border: 1px solid #CCC;
    float: left;
    margin-right: 8px
}
.feature
{
    float: right;
    padding-bottom: 10px;
    padding-left: 20px;
    text-align: center;
}

#showawpcpadpage 
{
    margin-top: 30px;
}

#showawpcpadpage .wrapper
{
	margin-bottom:20px;
	padding-top:10px;
	padding-bottom:20px;
}

.showawpcpadpagedesc
{
    margin-bottom: 40px;
    width: 395px;
}

.showawpcpadpageinfo
{
    border: 1px solid #CCCCCC;
    clear: both;
    width: 100%;
}

.showawpcpadpageinfo a.input
{
	padding:4px;
	margin-left:5px;
}

#classiwrapper .showawpcpadpageinfo ul li
{
    margin-bottom: 5px;
    padding-left: 10px;
}

#classiwrapper .showawpcpadpageinfo ul li.highlight
{
	background:#EEE;
    padding: 4px 10px;
	margin-bottom:15px;
}

#showawpcpadpage .adbyline {
	margin-top:5px;
	padding:5px;

}

#showawpcpadpage .adbyline .adbylinelocation {
	float:left;
}

#showawpcpadpage .adbyline .awpcpadviews {
}

#showawpcpadpage .adbyline .awpcpadviews .views {
font-weight:bold;
color:#ff0000;
}

#showawpcpadpage .addetails {
padding:10px;
margin-top:20px;
}

#showawpcpadpage .addetails .addetails_top {
margin:10px 0px 0px 0px;
width:95%;
}

#showawpcpadpage .addetails .addetails_top .addetails_top_items {
float:left;
width:195px;
margin:0;
}

#showawpcpadpage .addetails .addetails_top .addetails_top_image {
float:right;
}

#showawpcpadpage .addetails .addetails_top .addetails_top_image ul {
margin:0;
padding:0;
}

#showawpcpadpage .addetails .addetails_top .addetails_top_image img {
	margin: 0px 20px 0px 0px;
	padding: 2px;
	border: 1px solid #dddddd;

}

#displayimagethumbswrapper
{
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
    background-color: #EEEEEE;
    margin-top: 20px;
    padding: 20px;
}

#displayimagethumbswrapper label
{
    display: block;
    padding-bottom: 10px;
}
#displayimagethumbswrapper #displayimagethumbs {}
#displayimagethumbswrapper #displayimagethumbs img {border:none;}

#displayimagethumbswrapper #displayimagethumbs ul{list-style:none;}
#displayimagethumbswrapper #displayimagethumbs li{list-style:none;float:left;margin:10px;}


.classimenu1 {
padding:15px;}

.browseads {
padding:10px;
}

table.displayads { width: 100%; padding: 0px; border: none;}
table.displayads td { width:33%;font-size: 12px; border: none; background-color: #F4F4F4;
vertical-align: middle; font-weight: bold; }
table.displayads tr.special td { border-bottom: 1px solid #dddddd;  }

		
table.displayads .displayadsicell{
background:none;
border:none;
font-weight:normal;
}


.cl-adsense {
margin:10px 0 10px 0;
text-align:center;
background:#f2f2f2;
padding:10px;
}

.alert {
background:#ffffcc;
color:#800000;
font-weight:bold;
padding:5px;
}

.alert a {
color:#800000;
font-weight:bold;
text-decoration:underline;
}

#alphabarwrapper ul#alphabar { margin:0; padding:0px 0px 25px 0px;list-style-type:none;float:left; }
#alphabarwrapper #alphabar li { list-style:none; list-style-type:none; float:left;padding:5px;text-align:center;background:#f1f1f1;margin:0px 2px 2px 0px; } 
#alphabarwrapper #alphabar li a { text-decoration:none;font-weight:normal;font-size:small; } 
#alphabarwrapper { padding:5px;  }
#alphabarwrapper h3 { margin:0; padding:0; border-bottom:#f3f3f3; font-size:small; text-transform:uppercase; }

#loginform {
display:block;
margin:10px auto 10px auto;
padding:10px;
width:200px;
}

#loginform .textinput  {
padding:5px;
width:180px
}

#loginform .submitbutton  {
padding:5px;
float:right;
}

.itemprice {}

.itemprice .price {
font-weight:bold;
color:#ff0000;
}


.displayadshead { padding:10px; }
.displayadscellimg {  border:1px solid #eeeeee; padding:5px;  }
img.awpcpbrowseadsimg  { width:60px; }

.displayadscellheadline { padding:5px; border-bottom:1px solid #eeeeee; border-top:1px solid #eeeeee; }
.displayadscelllocation { padding:5px;  border-bottom:1px solid #eeeeee; border-top:1px solid #eeeeee; }
.displayadscellviews { padding:5px; border-right:1px solid #eeeeee; border-top:1px solid #eeeeee;  border-bottom:1px solid #eeeeee;}
.displayadscellposted { padding:5px;  border-bottom:1px solid #eeeeee; border-top:1px solid #eeeeee; font-size:x-small; }

.changecategoryselect 
{
	margin:10px 0;
	width:100%;
	float:left;
}

.changecategoryselect input.button
{
	padding:4px;
	margin-bottom:0px;
	width:35%;
}

.changecategoryselect select
{
	margin-top:5px;
	margin-right:2%;
	width:30%;
}

.changecategoryselect .button 
{
}

.pager 
{
	float:right;
	margin-top:5px;
	margin-bottom:10px;
}

.pager a 
{
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border:0;
	background-color: #EEE;
	padding:4px;
}

.pager a:hover
{
	color:#FFF;
	background-color: #ff577b;
}

div.uploadform {  float:left; padding:5px; }
.theuploaddiv .button {  margin-top:20px; padding:6px; }
div.theuploaddiv { display:block;padding:10px;   }
.finishbutton {  background:#f2f2f2; height:auto !important; min-height:60px; width:90%; padding:10px; }
.finishbutton .finishbuttonleft {  float:left; width:70%; margin-right:25px; }
.finishbutton .finishbuttonright {  float:left;  }
.finishbutton .button { text-align:center; padding:6px; margin:10px 0px; }
p.uploaderror { padding:5px; background:#ffffcc; color:#000000; }
div.unsetsavedlocationslink { clear:both;padding:5px;background:#f2f2f2; width:300px;text-align:center;}

.erroralert { color:#ff0000;font-weight:bold;font-size:14px; }
.adviewed { margin:10px 0px; border-top:1px dotted #333333; padding-top:10px; }

label {font-weight:bold;text-align:left;}

.dropdownparentcategory { background-color:#eeeeee;margin-bottom:3px; color:#000000;}

.displayaditemseven, .displayaditemsodd
{ 
	width:100%;
	padding:20px 0px;
	border-bottom: 1px solid #D1D1D1;
}

.displayaditemseven img, .displayaditemsodd img
{
	border: 1px solid #D1D1D1;
}

.displayaditemseven .thumb, .displayaditemsodd .thumb
{
	width:100px;
    float:left;
    margin-right:20px;
}

.displayaditemseven .thumb p, .displayaditemsodd .thumb p
{
    font-size: 0.8em;
    font-weight: bold;
    margin-top: 5px;
}

.displayaditemseven .wrap, .displayaditemsodd .wrap
{
    float: left;
	margin-bottom:10px;
}

.displayaditemseven .desc, .displayaditemsodd .desc
{
    float: left;
    margin-right: 20px;
    width: 400px;
}

.displayaditemseven .desc h4,.displayaditemsodd .desc h4,#showawpcpadpage h4
{
    margin-bottom: 8px;
    margin-top: 0;
    width: 354px;
}

.displayaditemseven .info, .displayaditemsodd .info
{
    color: #555555;
    margin-top: 20px;
    padding-top: 5px;
    text-align: left;
}

.displayaditemseven .txt, .displayaditemsodd .txt
{
    float:left;
    width:400px;
}

.twitter-share-button {
width:55px;height:22px; background:transparent url('images/tweetn.png') no-repeat  0 0;
text-align:left; text-indent:-9999px; display:block; margin-top: 10px;
}

/* //////////////////////////////////////// JS / DYNAMIC //////////////////////////////////////// */
/* Toogle */

div.trigger
 {
	margin: 0px auto;
	height: 46px;
	line-height: 46px;
	width: 540px;
	font-size: 2em;
	font-weight: normal;
}
div.trigger a
 {
	display:block;
	background-image:url('images/btn_add_look.gif');
	background-repeat:no-repeat;
	text-indent:-9999px;
	width:540px;
	height:52px;
}
div.trigger a:hover
 {
 	background-position: 0px -52px;
}

div.active 
{
	background-position: left bottom;
}

.toggle_container
 {
	margin: 0 0 5px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	background-color: #f0f0f0;
	overflow: hidden;
	font-size: 1.2em;
	width: 600px;
	clear: both;
}

.toggle_container .block 
{
	padding: 20px; /*--Padding of Container--*/
}

textarea#content-text-ta
{
	width:520px;
}

/* COLORBOX */

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

#cboxOverlay{background:url('images/colorbox/overlay.png') repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url('images/colorbox/controls.png') no-repeat -100px 0;}
    #cboxTopRight{width:21px; height:21px; background:url('images/colorbox/controls.png') no-repeat -129px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url('images/colorbox/controls.png') no-repeat -100px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url('images/colorbox/controls.png') no-repeat -129px -29px;}
    #cboxMiddleLeft{width:21px; background:url('images/colorbox/controls.png') left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url('images/colorbox/controls.png') right top repeat-y;}
    #cboxTopCenter{height:21px; background:url('images/colorbox/border.png') 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url('images/colorbox/border.png') 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url('images/colorbox/controls.png') no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url('images/colorbox/controls.png') no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url('images/colorbox/loading_background.png') no-repeat center center;}
        #cboxLoadingGraphic{background:url('images/colorbox/loading.gif') no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url('images/colorbox/controls.png') no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7+ replaces a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
*/
.cboxIE6 #cboxTopLeft{background:url('images/colorbox/ie6/borderTopLeft.png');}
.cboxIE6 #cboxTopCenter{background:url('images/colorbox/ie6/borderTopCenter.png');}
.cboxIE6 #cboxTopRight{background:url('images/colorbox/ie6/borderTopRight.png');}
.cboxIE6 #cboxBottomLeft{background:url('images/colorbox/ie6/borderBottomLeft.png');}
.cboxIE6 #cboxBottomCenter{background:url('images/colorbox/ie6/borderBottomCenter.png');}
.cboxIE6 #cboxBottomRight{background:url('images/colorbox/ie6/borderBottomRight.png');}
.cboxIE6 #cboxMiddleLeft{background:url('images/colorbox/ie6/borderMiddleLeft.png');}
.cboxIE6 #cboxMiddleRight{background:url('images/colorbox/ie6/borderMiddleRight.png');}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}