/* ------------------------
 * pixyBlog.com				
 *				      		
 * Theme:	Zebra 		
 * Style:	Light       		
 * Updated:	02-08-07		
 *				      		
 * ------------------------ */

/* ------------------------
 * Common 
 * ------------------------ */

#page {
    width:100%;
    margin:0px;  
}

#centercontent_wrap {
    width: 75%;
    float: left;
    display: inline;
}

#rightcontent_wrap {
    width: 25%;
    float: right;
    display: inline;
}

#centercontent {
    margin: 10px;
    padding: 10px;
}

#rightcontent {
    margin: 10px 10px 10px 0px;
    padding: 10px 10px 10px 0px;
}

#content { 
    margin:0px;
    padding:0px;
	background-color:#fff;
}

#contentFooter {
	clear:both;
}

body {
    margin:0px;
    padding:0px;
    font-family: verdana, arial, helvetica, sans-serif;
	font-size:12px;
}

#Footer { 
    height:60px;
    margin:0px;
    padding:10px;
    text-align: center;   
    font-size: 90%;
    color: #1D1D1D;
    clear: both;      
}

#middleContainer{
    margin:auto;
    padding:20px;
    text-align: center;   
    clear: both; 
    max-width: 1200px; 
}

.title {
    font-weight:bold;
    font-size:120%;
    letter-spacing:1px;
    color:#666;
    padding:10px;
    border-bottom:1px solid #666;
    margin-bottom:20px;
    text-align:left;
}

li.selected{font-weight:bold;}


/* ------------------------
 * Banner 
 * ------------------------ */

.rNavigationBar {
	margin: 0;
	padding: 0;
	white-space:nowrap;
	list-style-type:none;
}

.rNavigationBar li {
	display:inline;
}

#banner {
    height:70px;
    border-bottom:3px solid #1D1D1D;
}

.bannerlogo {
    padding-left: 20px;
    padding-top:25px; 
	padding-bottom:5px;
	height:20px;
	line-height:20px;
    font-size: 20px;
}

div.BannerLogo a, 
div.BannerLogo a:link, 
div.BannerLogo a:visited, 
div.BannerLogo a:hover, 
div.BannerLogo a:active{
    color: #1D1D1D;
    font-weight: bold;
}

.bannernav {
    text-align: right;
	margin-right:10px;
	height:20px;
	margin-bottom:0px;
}

.bannerstyle {
	padding:10px;
	color:#1D1D1D;
	float:right;
	font-size:90%;
}

/* ------------------------
 * Links 
 * ------------------------ */

a {
    color:#077BA2;
    text-decoration:none;
}

a:link {color:#077BA2;}

a:visited {color:#077BA2;}

a:hover {color:#DC3E09;}

a.lightboxLink {
	text-decoration:underline;
	font-weight:bold;
}

.title a {
	font-weight:bold;
}

a.commentsLink {
	font-weight:bold;
}

.rNavigationBar li a:link, 
.rNavigationBar li a:visited {
	padding:4px 8px 4px 8px;	
	font-size:12px;
	height:20px;
	line-height:20px;
	color:#1D1D1D;
	font-weight:bold;
}

.rNavigationBar li a:hover,
.rNavigationBar li a:active {
	padding:4px 8px 4px 8px;
	background-color:#077BA2;
	color:#fff;
	font-size:12px;
	height:20px;
	line-height:20px;
	font-weight:bold;
}

/* ------------------------
 * Entries 
 * ------------------------ */

#entry {
    padding: 20px;
	margin:auto;
}

#entry_left {
    float: left;
    display: inline;
}

#entry_right {
    display: inline;
	text-align:left;
}

.imageContainer {
    margin:5px;
    margin-right:10px;
}

.entrytext {
	text-align:left;
}

.entrytitle {
    font-weight:bold;
    font-size:120%;
    letter-spacing:1px;
    color:#6c6c6c;
    padding:0px;
}

.entrydate {
    font-weight:bold;
    margin-bottom:5px;
}

.entryexif {
    letter-spacing:1px;
    color:#666;
    padding:0px;
	font-weight:bold;
    margin-top:30px;
}

li.rExifItem {
	font-size:100%;
}

.next-previous {
    text-align:center;
    clear: both;
}

/* ------------------------
 * Thumbnails 
 * ------------------------ */

.thumbimage img {
    margin: 5px;
    border:1px solid #666;
}

/* ------------------------
 * Archives 
 * ------------------------ */

.archiveimage {
    width: 220px;
    float: left;
}

.archivethumb {
    border:1px solid #666;
	text-align:center;
}

.archiveentry {
    padding: 5px;
    margin: 5px;
}

.archiveentrytitle a {
    font-size: 120%;
    font-weight: bold;
}

.archiveentrydate {
	font-weight: bold;
}

.bottom-next-prev {
    padding: 20px;
    text-align: center;
}

/* 
 * Thanks to 
 * http://www.positioniseverything.net/easyclearing.html
 * for this fix
 */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}  

    /* Holly Hack Targets IE Win only \*/
    * html .clearfix {height: 1%;}
	.clearfix {display: block;}
    /* End Holly Hack */


/* ------------------------
 * Galleries 
 * ------------------------ */

.gallery {
	width:170px;
	padding:5px;
	background-color:#CCC;
	border:1px solid #999;
	display: inline;
	float:left;
	margin:5px;
}

.gallery p {
	text-align:center;
}

.galleryFeed {float:right;}

/* ------------------------
 * Tooltip 
 * ------------------------ */

.tipEntry {
	padding:5px;
	background-color:#1c1c1c;
	width:200px;
	border: 1px solid #ccc;
}

.tipTitle { 
	text-align: center;
	padding:2px;
	font-weight: bold; 
	color: #fff;
}
.tipFooter {
	text-align: center;
	padding:2px;
	font-size: 90%;
	color: #ececec;
	font-style:italic;
}
.tipBody{ 
	color: #fff; 
	text-align: center;
	padding:5px;
}


/* ------------------------
 * Popup Comments 
 * ------------------------ */

.comments-head {
	margin-bottom:5px;
}

div.comments-form {
	margin: 5px;
}

#commentsHeader {
	margin:0px;
    padding:8px;
    border-bottom:2px solid #666666; 
    font-weight:bold;
    color:#fff;
}

#commentsContainer{
    margin:0px;
    padding:5px; 
}

div.comment {
	margin:0px;
    padding:5px 5px 0px 5px;
    border-bottom:3px solid #ccc;
}

div.comment:hover {
	margin:0px;
    padding:5px 5px 0px 5px;
    background-color:#eee;
    border-bottom:3px solid #ccc;
}

.comment-details {
	color: #666;
}

input.checkbox {
	background-color:#eee;
	border: 1px solid #ccc;
}

input.text {
	background-color:#eee;
	border: 1px solid #ccc;
}

textarea.textarea {
	background-color:#eee;
	border: 1px solid #ccc;
}

/* ------------------------
 * Carousel 
 * ------------------------ */

.carousel-list li img { 
    display:block; 
    width: 170px;
    height: 170px;
	background-color: #ccc;
}

.carousel-component {
    float: left;
    width: 170px;
    height: 170px;
    background-color: #ccc;
    border-top:1px solid #999;
    border-bottom:1px solid #999;
}

.prev-arrow-container, .next-arrow-container { 
    float:left;
    height:172px;
}

.prev-arrow-component {
    width:15px;
    height:170px;
    background-color:#ccc;
    border-top:1px solid #999;
    border-bottom:1px solid #999;
    border-left:1px solid #999;
    font-weight:bold;
    font-size:110%;
}

.next-arrow-component {
    width:15px;
    height:170px;
    background-color:#ccc;
    border-top:1px solid #999;
    border-bottom:1px solid #999;
    border-right:1px solid #999;
    font-weight:bold;
    font-size:110%;
}