/*
Theme Name: eGallery
Theme URI: http://www.elegantwordpressthemes.com/themes/egallery
Version: 1.0
Description: 2 Column theme from Elegant WPT
Author: Elegant Wordpress Theme
Author URI: http://www.elegantwordpressthemes.com
*/

.info {
background-color: #1C242B;
height: 129px;
width: 129px;
display: none;
color: #FFF;
overflow: hidden;
padding: 0px 10px 0px 10px;
}

.info-button {
float: right; 
cursor: pointer;
}

.rating {
cursor: pointer;
}

.my-wrap2 {
width: 780px;
height: 385px;
margin-right: 0px;
margin-bottom: 0px;
float: left;
background-color: #414E59;
border: 1px solid #526270;
padding: 9px;

color: #FFF;
font-family: Trebuchet MS;
font-size: 11px;
line-height: 18px;
}

.my-wrap {
width: 103px;
height: 103px;
margin-right: 0px;
margin-bottom: 0px;
float: left;
background-color: #414E59;
border: 1px solid #526270;

padding: 9px;

color: #FFF;
font-family: Trebuchet MS;
font-size: 11px;
line-height: 18px;
}

.home-post-wrap {
width: 152px;
height: 182px;
margin-right: 17px;
float: left;
background-color: #414E59;
border: 1px solid #526270;
margin-bottom: 17px;
padding: 9px;

margin: 0px;
color: #FFF;
font-family: Trebuchet MS;
font-size: 11px;
line-height: 18px;

}

.comments-bubble {
width: 23px;
height: 18px;
background-image: url(../images/comments.gif);
font-size: 8px;
color: #212A33;
padding: 0px;
float: left;
margin-left: 9px;
}

.comments-bubble a:link, .comments-bubble a:hover, .comments-bubble a:visited {
color: #FFF;
font-size: 8px;
display: block;
margin-left: 7px;
margin-top: -4px;
padding: 0px;
}

.comments-bubble2 {
width: 23px;
height: 18px;
background-image: url(../images/comments.png);
font-size: 8px;
color: #FFFFFF;
padding: 0px;
padding-left:8px;
padding-bottom:3px;
}

.bar {
height: 15px;
background-image: url(../images/bar-bg.gif);
width: 133px;
float: left;
border-left: 1px solid #1C242B;
border-right: 1px solid #1C242B;
border-bottom: 1px solid #1C242B;
padding: 8px;
position: relative ;
}

.bar a:hover {
border-bottom: none;
}

.bar2 {
height: 38px;
width: 169px;
float: left;
position: relative;
padding-top:0px;
font-size:11px;
color:#FFFFFF;
}

.home-post-wrap3 {
width: 159px;
height: 159px;
float: left;
background-color: #414E59;
border: 1px solid #526270;
margin-right:9px;
margin-bottom:9px;
padding-top:9px;
padding-left:9px;
/*padding-bottom:5px;
padding-right:9px;*/

color: #FFF;
font-family: Trebuchet MS;
font-size: 11px;
line-height: 18px;
}

.home-post-wrap2 {
width: 593px;
padding: 10px;
margin-right: 13px;
float: left;
background-color: #FFF;
border: 1px solid #EBEBEB;
margin-bottom: 10px;
}


.info-titles a:link, .info-titles a:visited, .info-titles a:active {
text-decoration: none;
font-size: 15px;
font-family: Trebuchet MS;
display: block;
width: 149;
margin-bottom: 10px;
padding-top: 10px;
color: #84A0B7;
}

.info-titles a:hover {
border-bottom: none;
}

.thumbnail-div {
border-top: 1px solid #1C242B;
border-right: 1px solid #1C242B;
border-left: 1px solid #1C242B;
width: 149px;
height: 149px;
float: left;
}


a:focus {
outline: none;
}


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	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;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */