/*  
Theme Name: Creative Arts Champlain
Description: Theme for Creative Arts Champlain
Version: 1.0
Author: Champlain Creative Arts
*/




@import "layout.css";
@import "pp_album.css";


body, html {
margin: 0;
padding: 0;
	font-size : 12px;
font-family: Helvetica, Arial, sans-serif;
}


body {
margin: 0;
padding: 0;
background: #7F7F7F;
}

*::-moz-selection {
background-color: #FFFFFF;
color: white;
}

/*-----------GENERAL STYLING--------------*/

a {
color: #515151;
text-decoration: none;
}

#content a {
border-bottom: 1px dotted silver;
}

#content a:hover {
border-bottom: 1px dotted #0075CD;
}


/*------HEADER------*/

#title_image {
margin: 0;
text-align: left;
display: block;
height: 170px;
background: url(images/headers/header_image2.jpg) center center transparent repeat-y;
}

#title {
background: url(images/header.jpg) top #7F7F7F no-repeat;
height: 95px;
margin: 0;
clear: both;
text-align: left;
color: #FFFFFF;
}

html>body #title {
height: 95px;
color: #FFFFFF;
}

#title h1 {
padding: 0;
margin: 0;
font-weight: normal;
line-height: .7em;
font-size: 2.1em;
letter-spacing: 0;
font-family: Helvetica;
display: none;
}

#title h1 a {
color: white;
display: none;
}

.description {
padding:0;
position:absolute;
right:25px;
top:65px;
}

#content h2, #content h2 a {
color: #999999;
padding: 0;
margin: 0;
border: none;
clear: both;
text-decoration: none;
font-family: 'Hoefler Text', Georgia, 'Times New Roman', serif;
letter-spacing: .2em;
line-height: .9em;
text-transform: uppercase;
font-weight: normal;
font-size: 1.35em;
}

#content h2 a:hover {
border-bottom: 1px dotted silver;
}

hr {
display: none;
clear: both;
}

h3, h4 {
color: #515151;
padding: 0;
margin: 2em 0 0 0;
clear: both;
}





#content h3 {
font-size: 1.2em;
}



#content h4 {
font-size: 1.2em;
}



input,



textarea,



select {
padding: 4px;
border: 1px solid #515151;
font-size: .9em;
line-height: 1em;
font-family: Arial, sans-serif;
}

input,



label {
height: auto !important;
height: 2em;
width: auto;
padding: 4px;
}

label {
font-size: .9em;
}





#searchform input#s {
width: 130px !important;
padding: 4px;
border: 1px solid #515151;
font-size: .9em;
line-height: 1em;
text-transform: none;
color: black;
font-family: Arial, sans-serif;
background: white;
margin-left: 9px;
}

#sidebar input.btn,
#searchform input {
width: 65px !important;
width: 75px;
}

#searchform {
margin-top: 10px !important;
}

#searchform br {
display: none;
}

input.btn,



#searchform input,



input#submit {
background: #111111;
color: #FFFFFF;
padding: 4px;
border: 1px outset #000000;
font-family: Arial, sans-serif;
text-transform: uppercase;
}

input[class=btn],



input[type=submit]



input[id=submit] {
padding: 3px;
}

textarea {
overflow: auto;
display: block;
width: 100%;
}

ul,



ol {
list-style-type: none;
list-style-position: outside;
padding: 0;
margin: .2em 0 .2em 0;
}

ul li,



ol li {
background: transparent url(images/arrow_menu.png) 0px .3em no-repeat;
padding-left: 30px;
}

ul ul li,



ol ol li {
background: transparent url(images/bullet.gif) 0px .5em no-repeat;
padding-left: 8px;
}

#content ol li {
list-style-type: decimal;
list-style-position: inside;
background: transparent;
padding-left: 0;
}



#content ol li li {
padding-left: 2em;
}

a img {
border: 0 none;
}

form {
padding: 0;
margin: 0;
}

pre,



code {
display: block;
font: 1em 'Courier New', Courier, Fixed, monospace;



   font-size : 100%;
color: #000;



   background : #fff url(images/preback.jpg) no-repeat left top;



   overflow : auto;
text-align: left;



   border : 1px solid #99cc66; /*highlight color */



   padding : 0px 20px 0 30px;
margin: 1em 0 1em 0;
line-height: 17px;
}

.alt {
background-color: #F5F5F5 !important;
}

.icon {
vertical-align: middle;
border: 0;
}



.with_icon {
padding: 2px 0 2px 0
}

.navigation {
clear: both;
padding: 0;
display: block;
}

.alignleft {
display: block;
}

.alignright {
display: block;
}


ul.next-prev-nav {
list-style: none;
padding: 0px;
margin: 0px;
text-align: center;
}
ul.next-prev-nav li {
font-size: 1.2em;
display: inline;
background: transparent;
}



/*-------SIDEBAR---------*/

#sidebar {
font-size: 14px;
background: url(images/blue_grad.jpg) top right no-repeat;
margin-top: 0;
}

#sidebar a {
color: #fff;
font-size: 14px;
}

#sidebar a:hover {
color: #dbfa0d;
}

 



#sidebar ul,



#sidebar ol {
padding: 0;
}

#sidebar form,



#sidebar p {
padding: 0;
margin: 0 0 1em 0;
}

#sidebar h2 {
padding: 8px;
margin: 10px 0 10px 0;
font-size: 1em;
font-weight: bold;
text-transform: uppercase;
color: #000;



/*	border-bottom:3px solid darkgray;*/
}

html>body .ellipsis li {
clear: both;
}

html>body .ellipsis li:after {
content: "...";
display: inline;
}

html>body .ellipsis li span {
white-space: nowrap;
overflow: hidden;
max-width: 180px;
width: auto !important;
display: inline;
float: left;
}

ol.ellipsis li span {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 190px;
display: block;
}

#sidebar a {
text-decoration: none;
}

#sidebar a:hover,



#sidebar .current_page_item li a:hover,



#sidebar .current-cat li a:hover {
color: #dbfa0d;
}

#sidebar .current_page_item a,



#sidebar .current-cat a {
font-weight: bold;
color: #dbfa0d;
}

#sidebar .current_page_item li a,



#sidebar .current-cat li a {
font-weight: normal;
color: #dbfa0d;
}

#sidebar li img {
vertical-align: middle;
border: 0;
}

#sidebar input.btn {
margin-left: 4px;
}

/*



menu



*/

.menu {
list-style-type: none;
background: url(images/menu/menu_bg.gif) 50% 0 #515151 repeat-x;
margin: 0;
padding: 0;
height: 80px;
width: 780px;
border-top: 1px solid #FFFFFF;
overflow: hidden;
}

.menu li {
background: none;
padding: 0;
display: table-row;
vertical-align: middle;
float: left;
height: 80px;
}

.menu li.last_menu,



.menu li.right_menu {
float: right;
}





.menu li a {
font-size: .8em;
text-transform: uppercase;
line-height: normal !important;
line-height: 80px;
display: table-cell;
vertical-align: middle;
height: 80px;
padding: 0 10px 0 10px;
background: url(images/menu/menu_triple.gif) top left transparent repeat-x;
}

.menu li a:hover,



.menu li a:active {
background-position: center left;
color: #FFFFFF;
}

.menu li.current_page_item a {
background-position: bottom left !important;
color: #1F3700 !important;
}

.menu li a.first_menu {
padding-left: 35px;
background-repeat: no-repeat;
background-image: url(images/menu/menu_start_triple.gif);
}

.menu li a.last_menu,



.menu li a.last_menu_off {
padding-right: 35px;
background-repeat: no-repeat;
background-image: url(images/menu/menu_end_triple.gif);
background-position: top right;
}

.menu li a.last_menu:hover,



.menu li a.last_menu:active {
background-position: center right;
}

.menu li.current_page_item a.last_menu {
background-position: bottom right !important;
}

.menu li a {
color: white;
text-decoration: none;
}

.menu li.lang_menu {
float: right;
}

.menu li.lang_menu a span {
width: 19px;
height: 80px;
overflow: hidden;
text-indent: 100px;
display: block;
}





.menu li.lang_menu a {
display: block;
width: 19px;
cursor: pointer;
}





/*---------LANGS----------*/

.menu li#fr_FR a span {
background: url(images/lang_fr.gif) left transparent no-repeat;
}

.menu li#en_US a span {
background: url(images/lang_en.gif) left transparent no-repeat;
}

.menu li#fr_FR.current_page_item a span,



.menu li#fr_FR  a:active span {
background-image: url(images/lang_fr.gif);
}

.menu li#en_US.current_page_item a span,



.menu li#en_US  a:active span {
background-image: url(images/lang_en.gif);
}

/*--------FOOTER---------*/

#footer .footer_content {
width: 760px !important;
width: 780px;
display: block;
margin-right: auto;
margin-left: auto !important; /* stupid ie... */



	margin-left:1px;
margin-top: 0px;
padding: 10px 10px 10px 10px;
text-align: center;
color: #CCCCCC;
}



#footer .footer_content a {
color: #FFFFFF;
}





#footer .footer_content a:hover {
color: #d4eb39;
}





/*--------POST--------*/

.post {
font-size: .9em;
margin-bottom: 10px;
padding: 1em 0 1em 0;
float: left;
width: 480px;
position: relative;
/*z-index: 1001;*/
font-family: Verdana, Helvetica, sans-serif ;
}

/*--------WIDE--------*/
/*--------added for noside.php--------*/

#wide.post {
font-size: .9em;
margin-bottom: 10px;
padding: 1em 0 1em 0;
float: left;
width: 765px;
position: relative;
/*z-index: 1001;*/
font-family: Verdana, Helvetica, sans-serif ;
}


/*-------- MOD BY CBX --------*/

.post p {
width: 460px;
position: relative;
/*z-index: 1001;*/
}

/*-------- END MOD BY CBX --------*/


/*-------- MOD BY ELK --------*/
/*--------added for noside.php--------*/

.wide p {
width: 745px;
position: relative;
/*z-index: 1001;*/
}

/*-------- END MOD BY ELK --------*/




.post h2,



.post h3,



.post h4,



.post h5 {
font-size: 2em;
}

.post hr {
display: block;
}

.highlight_box {
font-size: .9em;
border: 2px solid #F5F5F5;
padding: 1em;
margin-bottom: 20px;
}

.highlight_box .post {
font-size: 1em;
border: 0px none;
margin-bottom: 0px;
padding: 0 0 0 0;
}

.highlight_box .post p {
margin: 0;
}

.highlight_box .post .date {
display: none;
}

.highlight_box h2,



.highlight_box h3,



.highlight_box h4,



.highlight_box h5 {
font-size: 2em;
border-bottom: 10px solid #F5F5F5;
}

.highlight_box .post h2,



.highlight_box .post h3,



.highlight_box .post h4,



.highlight_box .post h5 {
font-size: 1.5em;
}

.readmore {
display: block;
text-align: left;
font-weight: bold;
clear: both;
margin: 1em 0 1em 0;
color: #FF3C00;
}

.date {/* date & author */



	color : silver;
float: right;
line-height: 2.3em;
margin: 1.5em 0 5px -30px;
padding-left: 5px;
border-left: 1px solid silver;
font-size: .8em;
text-align: center;
position: absolute;
left: 100%;
}

.date_day {
display: block;
font-size: 3em;
text-align: right;
}

.date_month {
display: block;
font-size: 3em;
text-align: right;
font-weight: bold;
}

.date_year {
display: block;
font-size: 1.4em;
line-height: .9em;
}

.postmetadata {
margin: 0;
color: #515151;
list-style-type: none;
float: left;
clear: left;
font-size: 1.1em;
padding-bottom: 5px;
}

p.comments a{
	font-size: 115%;
}


ul.postmetadata li {
display: inline;
}

#content .postmetadata a {



	color : #FF3C00;
border: none;
text-decoration: none;
}

#content .postmetadata a:hover {
border-bottom: 1px dotted silver;
}

.gravatar {
float: left;
margin: 0 5px 0 0;
border: 1px solid lightgray;
vertical-align: middle;
}

#content .commentlist dt {



	/*	clear:both;*/



	position:absolute;
}

html > body #content .commentlist dt {
position: static;
}

#content .commentlist dd {
margin: 0;
padding: 10px 3em 10px 10px; /* for ie not overlapping the comment with the date */



	font-size:1em;
line-height: 1.5em;
color: silver;
margin: 0 0 1em 0;
}

html > body #content .commentlist dd {
padding: 10px;
}

#content .commentlist .comment {
color: #000000;
}

#content .commentlist .date {
margin-right: 5px;
font-size: .5em;
}

#content .commentlist .comment_text {
margin-top: 5px;
display: block;
}

html > body #content .commentlist dd.author_comment {
background: url(images/transp-80.png) #c9e45a !important;
width: auto;
}

#content .commentlist dd.author_comment {
background-color: #c9e45a !important;
filter: alpha(opacity=20);
width: 510px;
}

#content .commentlist .author_comment .author,



#content .commentlist .author_comment .author a {
color: #c9e45a !important;
border-color: #c9e45a !important;
}





#content .commentlist dd.author_comment * {/* ie */



	filter:alpha(opacity=100);
position: relative;
}

#content .commentlist dt.author_comment .date {
color: #a5ba52 !important;
border-color: #a5ba52 !important;
}

#content textarea#comment {
font-size: 1em;
width: 450px;
line-height: 1.3em;
}

#commentform small {
color: #515151;
}

.commentmetadata {
}

.entry {
margin: 0;
text-align: left;
float: left;
width: 300px;
position: relative;
font-size: 1.2em;
line-height: 1.3em;
}

.entry p {
margin: 1em 0 1em 0;
}

/*-------- MOD BY ELK --------*/
/*--------added for noside.php--------*/

.entry-wide {
margin: 0;
text-align: left;
float: left;
width: 725px;
position: relative;
font-size: 1.2em;
line-height: 1.3em;
}

.entry-wide p {
margin: 1em 0 1em 0;
}

/*-------- END MOD BY ELK --------*/

/* JU SIDEBAR TWEAKS */



.widget {
margin-bottom: 30px;
}



#sidebar .widget_pages h2 {
display: none;
}



#sidebar .widget_pages ul li {
background: transparent url(images/arrow_menu1.png) 0px .3em no-repeat;
padding-left: 30px;
}



#sidebar .widget_pages ul li a {
color: #FFFFFF;
font-size: 11px;
line-height: 1.5;
text-transform: uppercase;
}



#sidebar .widget_pages ul li a:hover {
color: #A6D416;
}





#sidebar .widget_links h2 {
display: none;
}



#sidebar .widget_links ul li a {
color: #085151;
font-size: 11px;
line-height: 1.5;
}



#sidebar .widget_links ul li a:hover {
color: #000000;
}



#sidebar .widget_tag_cloud h2,
#sidebar .widget_text h2,
#sidebar .widget_archive h2 {
color: #074546;
font-size: 11px;
font-weight: bold;
background: url(images/arrow_menu.png) 0px .3em no-repeat;
padding: 0px 0px 0px 20px;
}



#title_image {
background-position: center top;
}
	
/* Added by Cbx */	

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

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.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 p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

/* Override, Last minute Fixes */