/** column **/
.articlesLeft {
	width:670px;
	float:left;
}

.articlesRight {
	width:270px;
	float:right;
}

/** article list **/
.articleList {
	padding:10px 0px 15px 0px;
	position:relative;
}

.articleList .thumb {
	float:left;
}

.articleList .thumb a img {
	border:2px solid #e4e4e4;
	padding:3px;
}

.articleList .thumb a:hover img {
	border:2px solid #b8b8b8;
	padding:3px;
}

.articleList .titleDesc {
	margin-left:133px;
}

.articleList h2 {
	color:#4e8597;
	margin:0;
	padding:0;
}

.articleList h2 a {
	font:bold 18px "Myriad Pro","Myriad Web",Myriad,Frutiger,Calibri,Arial,sans-serif;
}

.articleList h3 {
	font:12px/26px Arial,sans-serif;
	padding:0;
	margin:0;
}

.articleList h3 a {
	font:12px Arial,sans-serif;
}

.articleList .description {
	border-top:1px dashed #e3e3e3;
	font-size:12px;
	line-height:20px;
	color:#5e5e5e;
	padding:4px 0 0 0;
	overflow:hidden;
}

.articleList .description .question {
	line-height:18px;
	/* border-bottom:1px solid #E4E4E4; 	
	margin-bottom:8px;
	padding-bottom:2px;*/
}

.articleList .description .answer {
	margin-top: 6px;
}

.articleList .description .topListMiddle {
	text-align:center;
}

.articleList .infoBar {
	background:#fafafa;
	border-top:1px dashed #dbdbdb;
	border-bottom:1px dashed #dbdbdb;
	height:32px;
	margin:15px 0 0 0;
}

.articleList .infoBar ul {
	list-style:none;
	font-size:11px;
	color:#a2a2a2;
	margin:0 0 0 14px;
	padding:0;
}

.articleList .infoBar ul li {
	background:url(../images/articleInfoIcon.gif) no-repeat 0px 10px;
	float:left;
	padding:11px 18px 0px 19px;
}

.articleList .infoBar ul li.date {
	background-position:0px 10px; 
}

.articleList .infoBar ul li.category {
	background-position:0px -23px; 
}

.articleList .infoBar ul li.comments {
	background-position:0px -57px; 
}

.articleList .infoBar ul li.twitterIcon {
	background-position:0px -88px; 
}

.articleList .infoBar ul li.facebookIcon {
	background-position:0px -121px; 
}

.articleList .infoBar ul li.googlebuzzIcon {
	background-position:0px -153px; 
}

.articleList .infoBar ul li.tags {
	background:url(../images/icoTag.gif) no-repeat 0px 12px;
	padding:10px 20px 0px 25px;
}

.articleList .infoBar a {
	color:#4E8597;
}

.articleList .infoBar a:hover {
	color:#2a5766;
}

/** category  **/
ul.category {
	list-style:none;
	margin:10px 0 10px 15px;
	padding:0;
}

ul.category li {
	background:url(../images/articleCategoryBullet.gif) no-repeat 0px 9px;
	font-size:12px;
	padding:4px 0 4px 12px;
	color:#797979;
	font-weight:bold;
}

/** latest article **/

ul.latestArticleSingle {
	list-style:none;
	margin:10px 0 10px 3px;
	padding:0;
}

ul.latestArticleSingle2 {
	list-style:none;
	margin:10px 0 10px 10px;
	padding:0;
}  

ul.latestArticleSingle3 {
	list-style:none;
	margin:10px 0 10px 0;
	padding:0;
}

ul.latestArticleThumb {
	list-style:none;
	margin:10px 0 10px 3px;
	padding:0;
}

ul.latestArticleSingle li {
	background:url(../images/articleCategoryBullet.gif) no-repeat 0px 9px;
	font-size:12px;
	padding:4px 0 4px 12px;
	color:#797979;
	font-weight:bold;

}

ul.latestArticleSingle2 li {
	background:url(../images/articleCategoryBullet.gif) no-repeat 0px 9px;
	font-size:12px;
	padding:4px 0 4px 12px;
	color:#797979;
	font-weight:bold;
}    

ul.latestArticleSingle3 li {
	background:none;
	float: left;
	font-size:12px;
	padding:4px 0 4px 0;
	color:#797979;
	font-weight:bold;
}

ul.latestArticleThumb li {
	/* background:url(../images/articleCategoryBullet.gif) no-repeat 0px 9px; */
	font-size:12px;
	padding-left: 3px;
	color:#797979;
	font-weight:bold;

}



/** posted by  **/
ul.postedBy {
	list-style:none;
	margin:10px 0 10px 15px;
	padding:0;
}

ul.postedBy li {
	position: relative;
	border-bottom:1px dashed #d6d6d6;
	background:url(../images/articleCategoryBullet.gif) no-repeat 0px 9px;
	font-size:12px;
	padding:4px 0 4px 12px;
	color:#797979;
	font-weight:bold;
}

ul.postedBy h3 {
	font-size:12px;
	font-weight:normal;
	line-height:20px;
}

ul.postedBy .avatar {
	float:left;
}

ul.postedBy .avatar a img {
	border:1px solid #dfdfdf;
	padding:2px;
}

ul.postedBy .authorInfo {
	margin-left:0px;
	padding:1px 0 0 0;
}



/** bottom nav **/
.bottomNav {
	background:url(../images/articleBottomNav.gif) no-repeat left top;
	height:38px;
	padding-left:4px;
	margin-top:10px;
}

.bottomNav .bg {
	background:url(../images/articleBottomNav.gif) no-repeat right top;
	height:38px;
}

.bottomNav ul {
	list-style:none;
	margin:0;
	padding:0;
}

.bottomNav ul li {
	float:left;
	font-size:12px;
	margin:11px 0 0 4px;
	color:#969696;
	position:relative;
}

.bottomNav ul li a {
	background:#f7f7f7;
	border:2px solid #cfcfcf;
	padding:1px 5px;
	position:relative;
}

.bottomNav ul li a:hover {
	background:#f7f7f7;
	border:2px solid #aaa;
	padding:1px 5px;
}

.bottomNav ul li.this-page {
	background:#6a6a6a;
	border:2px solid #bdbdbd;
	padding:1px 5px;
	margin:8px 0 0 4px;
	color:#fff;
}

/** comment module **/
h3#comments {
	color:#333;
	font:bold 22px times new roman;
	line-height:32px;
	padding-bottom:5px;
	border-bottom:1px dashed #ccc;
	margin-bottom:10px;
}

h3#respond {
	color:#616161;
	font:bold 14px/10px arial;
	padding:0;
	margin:0 0 10px 0;
/*	border-bottom:1px dashed #ccc; */
	position:relative;
}

ul.commentlist {
	list-style:none;
	margin:0;
	padding:0;
}

ul.commentlist li {
	padding:4px 0;
}

img.avatar {
	border:1px solid #dadada;
	padding:3px;
}

.commentAvatar {
	float:left;
	width:50px;
	text-align:right;
	padding:0 5px 0 0;
}	

.authorDate {
	margin-left:14px;
}

.commentAuthor {
	font-size:13px;
	font-weight:bold;
	color:#4E8597;
	-x-system-font:none;
	font-family:arial;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	line-height:10px;
	margin:0 0 10px;
	padding:0;
	position:relative;
}

.commentmetadata {
	color:#949494;
	font-size:11px;
	-x-system-font:none;
	font-family:arial;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	top:4px;
	margin:0 0 10px;
	padding:0;
	position:relative;
}

.commentTxt {
	background:none repeat scroll 0 0 #F2F2F2;
	border:1px solid #E1E1E1;
	color:#5E5E5E;
	font-size:12px;
	line-height:18px;
	margin-bottom:2px;
	padding:15px;
	position:relative;
	width:70%;     
	word-wrap: break-word;
	-moz-border-radius:3px 3px 3px 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
}

.commentArrow {
	background:url("../images/commentArrow_new.gif") no-repeat scroll 0 0 transparent;
	height:15px;
	left:15px;
	position:relative;
	top:-3px;
	width:30px;  
}


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

.flickrSlideShow,div.aligncenter  {
	margin:0 auto;
	text-align:center;
}

.flickrSlideShow a img {
border:3px solid #E5E5E5;
}

.flickrSlideShow a:hover img {
border:3px solid #4E8597;
}


.commentSeperator {
	border-bottom:1px solid #E9E9E9;
	width:471px;
	height:1px;
	margin:0 0 10px;
	padding-top:18px;	
}
	
.topTitleText {
	font-size:13px;
	text-align:center;
}

.topDescriptionText {
	text-align:center;
	font-size:11px;
	margin-top:-3px;
}
		
.albumNumber {
	background-color:#FFFFFF;
	border:4px solid #E4E4E4;
	color:#4E8597;
	float:right;
	position: relative;
	font-size:18px;
	font-weight:bold;
	margin-right:10px;
	margin-top:42px;
	width: 46px;
	padding: 10px 0;
	text-align: center;
	border-radius:12px 12px 12px 12px;
	-moz-border-radius:12px 12px 12px 12px;
	-webkit-border-top-left-radius: 12px;
	-webkit-border-top-right-radius: 12px;
	-webkit-border-bottom-right-radius: 12px;
	-webkit-border-bottom-left-radius: 12px;		
}


.albumNumber2 { 
	behavior:url(http://theartistree.fm/wp-content/themes/theartistree/css/PIE.htc);
	background-color:#FFFFFF;
	border:4px solid #E4E4E4;
	border-radius:12px 12px 12px 12px;
	-moz-border-radius:12px 12px 12px 12px;
	-webkit-border-top-left-radius: 12px;
	-webkit-border-top-right-radius: 12px;
	-webkit-border-bottom-right-radius: 12px;
	-webkit-border-bottom-left-radius: 12px;
	color:#4E8597;
	float:right;
	font-size:18px;
	font-weight:bold;
	margin-left:52px;
	margin-right: 6px;
	position:relative;
	text-align:center;
	width: 46px;
	padding: 10px 0;
}

.altAlbumBackground {
	background-color:#FAFAFA;
	border-bottom:1px solid #d7d4d4;
	border-top:1px solid #d7d4d4;
}

.hoverBackground {
	background-color: #F5F5F5;	
}

.hoverBackground2 {
	background-color: #F5F5F5;
	border-bottom:1px solid #d7d4d4;
	border-top:1px solid #d7d4d4;
}	
	


ul.topAlbums {
	list-style:none;
	margin: 5px 0 11px 0;
	padding: 4px 0 0;
}



ul.topAlbums li {
	background:url(http://ilike.com/images/square_player_buttons.gif) no-repeat 0 0;
	font-size:12px;
	padding: 0px 0 5px 24px;

}

ul.topAlbums li.dummyLink {
	color:#4E8597;
}



ul.topAlbums li.dummyLink-hover {
	color:#2A5766;	
}


.quoteBubble {
	background-color:#6B38C5;
	border-radius:14px 14px 14px 14px;
	-moz-border-radius:14px 14px 14px 14px;
	-webkit-border-top-left-radius: 14px;
	-webkit-border-top-right-radius: 14px;
	-webkit-border-bottom-right-radius: 14px;
	-webkit-border-bottom-left-radius: 14px;
	color:#FFFFFF;
	padding:8px;
}


.mainPageIntro {
	background-color: #000000;
    border-radius:14px 14px 14px 14px;
	-moz-border-radius:14px 14px 14px 14px;
	-webkit-border-top-left-radius: 14px;
	-webkit-border-top-right-radius: 14px;
	-webkit-border-bottom-right-radius: 14px;
	-webkit-border-bottom-left-radius: 14px;
    color: #FFFFFF;
    float: right;
    margin-top: 40px;
    padding: 16px 6px 18px 16px;
    width: 295px;
}

.quoteMagazine {
	background-color: #000000;
	color: #FFFFFF;
	font-family: Georgia;
	line-height: 36px;
	padding: 5px;	
}
          

/** Recent Posts Thumbs **/
	img.alignleftthumb {display: block; float:left; margin:5px 1em 1em 0; border:2px solid #E4E4E4;padding:3px; background-color: #FFFFFF;}
	a img.alignleftthumb {float:left; margin:0 1em 1em 0; margin-right: 8px;}    
	
/** Related Photos Thumbs **/

.relatedPhotos {
   float: none;
   height: auto;
   width: auto;
   overflow: hidden;
   position: relative;
   z-index: 1;
}

.relatedPhotos .titleDescription {
    background: url("../images/featuredTitleBg.png") repeat scroll 0 0 transparent;
    left: 0;
    padding: 2px;
    position: absolute;
    z-index: 0;
  	margin-left: 6px;
    text-align: left;
    top: 42px;
    width: 225px; 
   	height: 32px;
}


.relatedVideos {
   float: none;
   height: auto;
   width: auto;
   overflow: hidden;
   position: relative;
   z-index: 1;
   border: 2px solid #E4E4E4; 
   padding: 3px 3px 0; 
   background-color: #fff;
}

.relatedVideos .titleDescription {
    background: url("../images/featuredTitleBg.png") repeat scroll 0 0 transparent;
    left: 0;
    padding: 2px;
    position: absolute;
    z-index: 0;
  	margin-left: 6px;
    text-align: left;
    top: 42px;
    width: 195px; 
   	height: 32px;
}