/*
Site: Belag International
Page: index
*/

/* --- initialize --- */

body {
	color: #ccc;
}

/* --- main --- */

div#index-main {
	padding: 0 1px;
	height: 400px;
}

/* --- layout --- */

div#index-col1 {
	width: 400px;
	float: left;
}

div#index-col23 {
	width: 490px;
	float: right;
}

div#index-col2 {
	width: 240px;
	float: left;
}

div#index-col3 {
	width: 230px;
	float: right;
}

div.topics-header {
	background:url(../image/sub-topics.gif) left top no-repeat;
	padding:32px 0 0;
}

div.blog-header {
	background:url(../image/sub-blog.gif) left top no-repeat;
	padding:32px 0 0;
}

div.movie-header {
	background:url(../image/sub-movie.gif) left top no-repeat;
	padding:32px 0 0;
}

div.photo-header {
	background:url(../image/sub-photo.gif) left top no-repeat;
	padding:32px 0 0;
}

div.album-header {
	background:url(../image/sub-album.gif) left top no-repeat;
	padding:32px 0 0;
}

div.col1-footer {
	background:url(../image/col1-footer.gif) left bottom no-repeat;
	padding:0 0 5px;
	margin: 0 0 20px 0;
}

div.col1-body {
	background:url(../image/col1-bg.gif) left repeat-y;
	padding: 5px 10px;
}

div.col2-footer {
	background:url(../image/col2-footer.gif) left bottom no-repeat;
	padding:0 0 5px;
	margin: 0 0 20px 0;
}

div.col2-body {
	background:url(../image/col2-bg.gif) left repeat-y;
	padding: 5px 10px;
}

/* --- topics --- */

table#index-topics {
	margin: 0;
	border-collapse: collapse;
}

table#index-topics td {
	padding: 5px;
	vertical-align: top;
	border-bottom: 1px dotted #333;
}

/* --- blog --- */

div#blog-update ul {
	margin: 0;
	padding: 0 7px;
	list-style-type: none;
}

div#blog-update li {
	margin: 0;
	padding: 5px;
	border-bottom: 1px dotted #666;
}

/* --- facebook --- */

p#index-facebook {
	margin: 5px;
	padding-top: 5px;
	border-top: 1px dotted #333;
	text-align: center;
}

/* --- photo --- */

table#index-photo {
	margin: 0 0 0 1px;
	border-collapse: collapse;
}

table#index-photo td {
	padding: 4px;
}

/* --- album --- */

ul#album-list {
	margin: 0;
	padding: 0 7px;
	list-style-type: none;
}

ul#album-list li {
	margin: 0;
	padding: 5px;
	border-bottom: 1px dotted #666;
}

div#album-area {
	margin: 0;
	padding: 0 7px;
}

div#album-area form {
	margin: 0;
	padding: 5px;
	border-bottom: 1px dotted #666;
}


/* --- info --- */

div#index-info {
	border: 3px solid #500000;
	background-image:url(../image/info-bg.gif);
	padding: 10px;
}

div#index-info p {
	padding-bottom: 5px;
}

div#index-info h2 {
	margin: 5px 0 3px; 
	padding: 3px;
	font-size: 100%;
	border-bottom: 3px double #666;
	color: #fff;
}

div#index-info h2 a {
	color: #fff;
	text-decoration: none;
}

/* --- xylinks --- */

p#dslinks {
	padding-bottom: 10px;
	font-size: 12px;
	line-height: 125%;
	color: #999;
}

p#dslinks a {
	color: #999;
}

p#xylinks {
	padding: 10px 0;
	font-size: 11px;
	text-align: center;
	line-height: 125%;
}

p#xylinks a {
	color: #f08888;
}

div#top-link {
	padding: 7px;
	border: 1px solid #ccc;
   width: 100%;
   height: 130px;
   overflow: auto;
}

div#top-link p {
	padding: 3px 0;
	font-size: 11px;
	line-height: 125%;
	color: #999;
	text-align: left;
}

div#top-link a {
	color: #666;
}