/* 
==============================
YourStudentCentre.com Photos Pod Style Sheet
==============================
This CSS cucumber was pickled by:
>> Kyle Dutka at See Design
>> www.seedesign.ca | kyle [at] seedesign.ca
------------------------------
CSSed in Canada inside an igloo with 
dial-up internet powered by beaver
fur and pemmican that was purchased
with coloured money from the Queen.
------------------------------
*/



/* 
==============================
1.1 General
==============================
*/

#pageid_photos_galleries #column1 {
	margin-left: 20px;
	width: 480px;
	}


/* --- Links --- */

a {
	cursor: pointer;
	}

a.link_album {
	height: 20px;
	padding-left: 25px;
	border-bottom: none;
	background: url(../../../images/pods/photos/icon_album.png) top left no-repeat;
	}

a.link_album:hover {
	background-position: left -25px;
	}

a.link_album_all {
	height: 20px;
	padding-left: 25px;
	border-bottom: none;
	background: url(../../../images/pods/photos/icon_album_all.png) top left no-repeat;
	}

a.link_album_all:hover {
	background-position: left -25px;
	}

/* --- Frame --- */

.frame img {
	display: block;
	position: relative;
	margin: 0;
	padding: 7px;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	}

a:hover .frame img {
	border: 1px solid #999999;
	background: #FFFFFF;
	}

/* --- Other --- */

#photos td {
	position: relative;
	height: 185px;
	width: 155px;
	margin: 0;
	padding: 0;
	vertical-align: top;
	border-top: 1px #CCCCCC solid;
	}

	#pageid_photos_album #photos td {
		height: 155px;
		}
		
	

/* --- Structure --- */

#photos {
	position: relative;
	display: inline;
	}

/*

#photos #column1 {
	position: relative;
	float: left;
	width: 160px;
	margin: 0;
	padding: 0;
	}

#photos #column2 {
	position: relative;
	float: left;
	width: 665px;
	margin: 0;
	padding: 0 0 0 25px;
	} */

/* ---  Headers --- */

#photos h1 {
	margin: 0 0 5px 0;
	}

#photos h2 {
	margin: 4px 0 2px 0;
	}

#photos h3 {
	font-weight: normal;
	text-transform: uppercase;
	font-size: 10px;
	color: #999999;
	margin: 0 0 5px 0;
	}

/* 
==============================
2.1 Gallery
==============================
*/

/* --- Gallery --- */

#photos td h2 {
	font-size: 18px;
	margin: 0px 0 3px 0;
	font-weight: normal;
	}

	#photos td a:hover h2 {
		color: #540304;
		}
	
	#photos td a:hover h3 {
		color: #666666;
		}

#photos td p {
	font-size: 10px;
	margin: 0;
	}
	
.alt_photo2 div.single {
	background: #F4F4F4;
	}

#photos div.single {
	padding: 15px 10px 10px 10px;
	height: 100%;
	}

	#photos a:hover div.single {
		background: #CCCCCC;
		}

/* 
==============================
3.1 Album
==============================
*/



/* 
==============================
4.1 Single Photo
==============================
*/

.pagination {
	text-align: center;
	}

#pageid_photos_photo .frame img {
	padding: 13px;
	}

#pageid_photos_photo img {
	margin: 0 auto;
	}

/* 
==============================
5.1 Latest Photo
==============================
*/


#photos_latest h2 {
	margin: 4px 0 3px 0;
	font-size: 26px;
	font-weight: normal;
	color: #333333;
	}

#photos_latest h3 {
	font-size: 12px;
	margin: 0;
	font-weight: normal;
	}


/* 
==============================
5.1 Advanced Photo for News Feed
==============================
*/


div.advanced_photo div.album {
	width: 480px;
	min-height: 100px;
	margin: 0 0 10px 0;
	padding: 10px;
	float: left;
	color: #666666;
	cursor: pointer;
	text-align: left;
	background: url(../../../images/home_newsfeed_item_bkg.png) bottom left no-repeat;
	}

	div.advanced_photo a:hover div.album {
		cursor: pointer;
		background-position: -500px bottom;
		}
		
	div.advanced_photo a:active div.album {
		cursor: pointer;
		background-position: -1000px bottom;
		}


div.advanced_photo div.album h1 {
	font-size: 28px;
	margin: 0 0 5px 0;
	}


div.advanced_photo div.album h2 {
	color: #666666;
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 5px 0;
	text-transform: uppercase;
	}
	
div.advanced_photo div.album p {
	color: #666666;
	font-size: 12px;
	font-weight: normal;
	margin: 5px 0 0 0;
	}


/*
------------------------------------------------------------------------------------------
Your {CREATIVITY} is RESTRICTED [when you think] your creativity is BOUND by your {ABILITY}.
&#1501;&#1465;&#1493;&#1500;&#1464;&#1473;&#1513; 
------------------------------------------------------------------------------------------
*/

