/*
Theme Name: 68East.ca
Theme URI: http://68east.ca
Description: 68East.ca Wordpress Theme
Version: 1.0
Author: Nicholas Caleb Budden
Author URI: http://www.estefaniamedia.com
*/

/*######### General and Texts ###############*/

*  {
 margin : 0;
 padding : 0;
 border : 0;
} 
body {
 font-family : arial, tahoma, verdana;
 font-size : 12px;
 background: #fff;
}
h1   {
}
h2, h2 a   {
 font-size: 1.0em;
 color: #FF007F;
 text-decoration: none;
 margin: 163px 0 3px 0;
}
h2 a:hover   {
 color: black;
}
h2.category   {
 font-size: 2.3em;
 margin: 0 0 5px 0;
}
h2.single-post, h2.previous-next, h2.contact, h2.contact-2  {
 margin: 0;
 border-bottom: 1px dotted black;
 font-size: 2.0em;
}
h2.previous-next, h2.contact, h2.contact-2 {
 color: #000;
}
h2.previous-next a {
 color: #FF007F;
}
h2.previous-next a:hover {
 color: black;
}
h2.contact   {
 margin: 10px 0 10px 0;
}
h2.contact-2   {
 margin: 30px 0 10px 0;
}
h3, h3 a  {
 color: #000;
 font-size: 1.0em;
 font-weight: 800;
 margin-top: 4px;
}
h4 a  {
 text-decoration: none;
 color: black;
 font-size: 1.5em;
}
h5   {
 color: #000;
 font-size: 1.1em;
 text-align: left;
 font-weight: 900;
}
.pagelink   {
 font-size: 1.2em;
 text-align: right;
 color: black;
}
p a, .pagelink a  {
 color: #FF007F;
 text-decoration: none;
}
p a:hover, .pagelink a:hover  {
 color: #000;
}
#page-body   {
 margin: 0 auto;
 border: 20px solid #fff;
 width: 1000px;
}

/*######### Header + Lists ###############*/

#logo, #leaderboard, #fcg  {
 float: left;
}
#footer-logo   {
 background: #e6e6e6;
 width: 259px;
 padding: 5px;
 text-align: center;
 float: left;
}
#navigation {
 width: 1000px;
 float: left;
 margin: 15px 0 2px 0;
 background: #fff;
 text-align: justify;
}
#navigation li {
 display : inline;
}
#navigation ul li {
 color: #FF007F;
 font-size: 1.7em;
 margin: 0 1px 0 2px;
}
#navigation ul li a {
 color : black;
 text-decoration:none;
 margin-left: 0;
 margin-right: 0;
}
#navigation ul li a:hover {
 color : #595959;
}
#sub-navigation {
 width: 1000px;
 float: left;
 margin: 0 0 10px 0;
 padding: 4px 0 0 0;
 background: #fff;
 text-align: right;
 border-top: 1px solid #e6e6e6;
}
#contact-list {
 float: right;
 width : 100%;
 padding: 5px 0 5px 0;
 margin: 5px 0 0 0;
 text-align: right;
 border-bottom: 50px solid #fff;
 background: #e6e6e6;
}
#sub-navigation li, #contact-list li {
 display : inline;
 margin-left: 16px;
}
#sub-navigation ul li, #contact-list ul li {
 color: #FF007F;
 font-size: 1.1em;
 margin: 0 2px 0 3px;
}
#sub-navigation ul li a, #contact-list ul li a {
 color : #595959;
 text-decoration:none;
}
#sub-navigation ul li a:hover, #contact-list ul li a:hover {
 color : #000;
}

/*######### Main Index ###############*/

#index-left   {
 float: left;
 width: 670px;
 margin-bottom: 20px;
}
#category-block-title   {
 border-bottom: 3px double black;
}
#category-block, #category-block-2   {
 float: left;
 width: 328px;
 min-height: 316px;
 margin: 5px 12px 0 0;
}
#category-block-2   {
 margin-right: 0;
}
#index-post, #index-post-2   {
 float: left;
 width: 160px;
 margin: 0 8px 0 0;
}
#index-post-2   {
 margin-right: 0;
}
.index-post   {
 float: left;
 width: 160px;
 padding-bottom: 10px;
}
.index-post:hover   {
 background: #e6e6e6;
}

/*######### Category Templates ###############*/

#category-left   {
 float: left;
 width: 535px;
 margin-bottom: 20px;
}
#block-posts   {
 float: left;
 background: #fff;
 width: 535px;
}
.category-post   {
 background: #fff;
 width: 535px;
 float: left;
 margin-bottom: 15px;
 border-bottom: 1px dotted #8c8c8c;
}
.category-post:hover   {
 background: #e6e6e6;
}
#post-block   {
 margin: 0 0 5px 205px;
}

/*######### Sidebar ###############*/

#right-block   {
 width: 320px;
 float: right;
}
div#right-block ul li {
 background-color: none;
 width : 320px;
 margin : 0 0 10px 0;
 list-style: none;
}
div#right-block h2 {
 color: black;
 font-size: 1.4em;
 font-weight: 900;
 margin: 0 0 10px 0;
 padding: 0 0 0 10px;
 background: #e6e6e6;
}	
div#right-block ul li ul li {
 padding : 0;
 margin-left : 0;
}

/*######### Events Bar ###############*/

#events-bar   {
 width: 130px;
 float: right;
 margin-right: 5px;
 text-align: right;
}
div#events-bar ul li {
 background-color : #e6e6e6;
 width : 120px;
 margin : 0 0 10px 0;
 list-style: none;
 padding: 5px;
}
div#events-bar h2 {
 color: #FF007F;
 border-bottom: 3px double #a5a5a5;
 font-size: 1.4em;
 margin: 0 0 10px 0;
}	
div#events-bar ul li ul li {
 padding : 0;
 margin-left : 0;
}

/*######### Single Post ###############*/

#single-post {
 float : left;
 background-color : #fff;
 width : 670px;
}
.single-post   {
 width : 670px;
}
blockquote   {
 margin: 20px;
 padding: 10px;
 background: #e6e6e6;
}

/*######### Contact + Submit ###############*/

input, text, input.mc_input   {
 height: 25px;
 width: 285px;
 color: #333;
 padding: 0 5px 0 5px;
 margin: 5px 0 0 0;
 float: left;
 border: 1px solid #a5a5a5;
}
textarea, text.contact, input.contact, input.text   {
 width: 500px;
 border: 1px solid #a5a5a5;
}
input.submit, input.btn   {
 color: white;
 width: 100px;
 background-color: #000;
 padding: 0 5px 0 5px;
 font-weight: 900;
 margin: 4px 0 0 0;
 float: left;
 border: none;
}
input.submit:hover, input.btn:hover   {
 background: #3577F4;
 cursor: pointer;
}

/*######### Ads ###############*/

img.sidebar-ads, #subscribe   {
 padding: 10px;
 background: #e6e6e6;
}
img.sidebar-ads:hover   {
 background: #cccccc;
}
img.subscribe, img.subscribe-last   {
 opacity: 0.4;
 filter:alpha( opacity = 40 );
 margin-right: 3px;
 margin-top: 5px;
 margin-bottom: 6px;
}
img.subscribe:hover, img.subscribe-last:hover   {
 opacity: 1.0;
 filter:alpha( opacity = 100 );
}
img.subscribe-last   {
 margin-right: 0;
}

/*######### Pages ###############*/

#contact-form, #contact-form-2   {
 margin: 15px 0 15px 0;
 width: 300px;
}
#contact-form-2   {
 margin: 15px 0 55px 0;
}

/*######### Randumb ###############*/

.aligncenter, div.aligncenter {
 display : block;
 margin-left : auto;
 margin-right : auto;
}
.alignright {
 float : right;
}
.alignleft {
 float : left;
}
.alignleft_thumbnail {
 float : left;
 margin-right: 10px;
}
.wp-caption {
 border : 1px solid #ddd;
 text-align : center;
 background-color : #f3f3f3;
 padding-top : 4px;
 margin : 10px;
}
.wp-caption img {
 margin : 0;
 padding : 0;
 border : 0 none;
}
.wp-caption p.wp-caption-text {
 font-size : 0.5em;
 line-height : 17px;
 padding : 0 4px 5px;
 margin : 0;
}

/*######### Featured Content Gallery ###############*/

#myGallery, #myGallerySet, #flickrGallery {
width : 658px;
height : 410px;
z-index : 5;
border : 1px solid white;
}
.jdGallery .slideInfoZone {
background : black;
color : white;
}
.jdGallery .slideElement {
width : 100%;
height : 100%;
background-color : black;
background-repeat : no-repeat;
background-position : center center;
background-image : url('img/loading-bar-black.gif');
}
.jdGallery .loadingElement {
width : 100%;
height : 100%;
position : absolute;
left : 0;
top : 0;
background-color : black;
background-repeat : no-repeat;
background-position : center center;
background-image : url('img/loading-bar-black.gif');
}
.jdGallery .slideInfoZone h2 {
padding : 0 !important ;
font-size : 28px !important ;
background-color : black !important ;
margin : 2px 5px !important ;
font-weight : bold !important ;
color : white !important ;
background-image : inherit !important ;
text-align : left !important ;
}
.jdGallery .slideInfoZone p {
padding : 0 !important ;
background-color : black !important ;
font-size : 14px !important ;
margin : 2px 5px !important ;
color : white !important ;
background-image : inherit !important ;
text-align : left !important ;
}
.jdGallery a.carouselBtn, .jdGallery a.carouselBtn:hover, .jdGallery a.carouselBtn:active {
position : absolute;
bottom : 0;
right : 30px;
height : 20px;
text-align : center;
padding : 0 10px;
font-size : 13px;
background : black;
color : white !important ;
cursor : pointer;
}
.jdGallery .carousel {
position : absolute;
width : 100%;
margin : 0;
left : 0;
top : 0;
height : 115px;
background : black;
color : white;
text-indent : 0;
overflow : hidden;
}
.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail {
cursor : pointer;
background : black;
background-position : center center;
float : left;
border : 1px solid white;
}
.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton {
font-size : 10px;
position : absolute;
bottom : 5px;
right : 10px;
padding : 1px 2px;
margin : 0;
background : black;
border : 1px solid white;
cursor : pointer;
}
.jdGallery .carousel .label .number, .jdExtCarousel .label .number {
color : white;
}
.jdGallery a {
font-size : 100%;
text-decoration : none;
color : white;
}
.jdGallery a.gallerySelectorBtn {
z-index : 15;
position : absolute;
top : 0;
left : 30px;
height : 20px;
text-align : center;
padding : 0 10px;
font-size : 13px;
background : black;
color : white;
cursor : pointer;
}
.jdGallery .gallerySelector {
z-index : 20;
width : 100%;
height : 100%;
position : absolute;
top : 0;
left : 0;
background : black;
}
.jdGallery .gallerySelector h2 {
margin : 0;
padding : 10px 20px 10px 20px;
font-size : 20px;
line-height : 30px;
color : white;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton {
margin-left : 10px;
margin-top : 10px;
border : 1px solid white;
padding : 5px;
height : 40px;
color : white;
cursor : pointer;
float : left;
}
.jdGallery .gallerySelector .gallerySelectorInner div.hover {
background : black;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview {
background : black;
background-position : center center;
float : left;
border : none;
width : 40px;
height : 40px;
margin-right : 5px;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info {
margin : 0;
padding : 0;
font-size : 12px;
font-weight : normal;
color : white;
}
.imageElement {
display : none;
}
#flickrGallery {
width : 500px;
height : 334px;
}
.jdGallery .slideInfoZone {
position : absolute;
z-index : 50;
width : 100%;
margin : 0;
left : 0;
bottom : 0;
text-indent : 0;
overflow : hidden;
}
#myGallery img.thumbnail, #myGallerySet img.thumbnail {
display : none;
}
.jdGallery {
overflow : hidden;
position : relative;
}
.jdGallery img {
border : 0;
margin : 0;
}
* html .jdGallery .slideInfoZone {
bottom : 100px;
}
.jdGallery div.carouselContainer {
position : absolute;
height : 135px;
width : 100%;
z-index : 10;
margin : 0;
left : 0;
top : 0;
}
.jdExtCarousel {
overflow : hidden;
position : relative;
}
.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper {
position : absolute;
width : 100%;
height : 78px;
top : 10px;
left : 0;
overflow : hidden;
}
.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner {
position : relative;
}
.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail {
margin-bottom : 10px;
}
.jdGallery .carousel .label, .jdExtCarousel .label {
font-size : 13px;
position : absolute;
bottom : 5px;
left : 10px;
padding : 0 !important ;
margin : 0;
}
.jdGallery a.right, .jdGallery a.left {
position : absolute;
height : 100%;
width : 10%;
cursor : pointer;
z-index : 10;
}
.jdGallery a.left {
left : 0;
top : 0;
background : url('img/fleche1.png') no-repeat center left;
}
* html .jdGallery a.left {
background : url('img/fleche1.gif') no-repeat center left;
}
.jdGallery a.right {
right : 0;
top : 0;
background : url('img/fleche2.png') no-repeat center right;
}
* html .jdGallery a.right {
background : url('img/fleche2.gif') no-repeat center right;
}
.jdGallery a.open {
left : 0;
top : 0;
width : 100%;
height : 100%;
}
.withArrows a.open {
position : absolute;
top : 0;
left : 10%;
height : 99%;
width : 80%;
cursor : pointer;
z-index : 10;
background : inherit;
}
.withArrows a.open:hover {
background : url('img/open.png') no-repeat center center;
}
* html .withArrows a.open:hover {
background : url('img/open.gif') no-repeat center center;
}
.jdGallery .gallerySelector .gallerySelectorWrapper {
overflow : hidden;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3 {
margin : 0;
padding : 0;
font-size : 12px;
font-weight : normal;
}
.recentcomments a {
display : inline !important ;
padding : 0 !important ;
margin : 0 !important ;
}
.jdGallery .slideInfoZone {
height : 20px;
}
#gallery-1 {
margin : auto;
}
#gallery-1 .gallery-item {
float : left;
margin-top : 10px;
text-align : center;
width : 33%;
}
#gallery-1 img {
border : 2px solid #cfcfcf;
}
#gallery-1 .gallery-caption {
margin-left : 0;
}