/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License

CSS and HTML Template Modified by Mark Aplet for Mango Blog May 24, 2008

NOTE:
The original download from freecsstemplates.org only contained the default graphics. 
I did my best to recreate the art files and add four additional graphic styles.
If you would like to change to one of the new designs, simply uncomment the desired
style below and comment or delete the default import.
*/


/*@import "default.css";*/
/*@import "orion.css";*/
/*@import "eagle.css";*/
/*@import "horsehead.css";*/
/*@import "nebula.css";*/


/* ---------- Styles to persist across visual28.com ---------- */
.postThumbnail {
	margin-right: 5px;
	padding: 4px;
	margin-top: 8px;
	margin-left: 5px;
}
img {
	border: 0px solid #1F1F1F;
}
.selfPortriate {
	margin: 3px 20px 3px 0px;
}


/* ---------- Resets and globals ---------- */
* {
	margin: 0;
	padding: 0;
}

body {
	background:url(/skins/lalablog/images/lala_bgtile.jpg);
	background-repeat:repeat-y;
	background-position:top center;
	background-color: #28080B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-color: #ffffff;
}

.vip-bg {
	background: url(/skins/lalablog/images/lala_vipbg.jpg);
	background-repeat:repeat-y;
	background-position:top center;
	background-color:#000000;

}


.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
    line-height: 0px;
}

/* 
body {
	background: #000000 url(../images/img01.gif) repeat-x;
	font-family: Georgia, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #999999;
}
*/

/*h1, h2, h3 {
text-shadow: black 0.1em 0.1em 0.15em;
}*/

h1 {
	font-size: 3em;
}

h2 {
	letter-spacing: -1px;
	font-size: 2em;
	margin-left:10px;
	/*color:#26070B;*/
	color:#e85361;
	
}

h3 {
	font-size: 2em;
	color:#fff;
}

h4 {
	letter-spacing: -1px;
	font-size: 2em;
	color:#fff

}


.post p, .post ul, .post ol {
	margin-top: 1.8em;
	line-height: 150%;
}
.post ul, .post ol{
	margin-left: 3em;
}

blockquote {
	margin-left: 3em;
	margin-right: 3em;
}

#content a {
	/*color:#e85361;*/
	color:#EFD559
}

#content a:hover {
	text-decoration: none;
	color:#333;
	/*color: #e85361;*/
	background-color:#fff;
}

#content a.imglink hover {
	background-color:transparent;
}

/*#content a:visited {
	color: #EFE5B8
}*/

hr {
	display: none;
}

#header h1, #header h2, .post h2 {
	opacity:0.95;
}
.fl {float:left;}
.fr {float:right;}


/* ---------------------- Header ---------------------- */

#header {
	position:relative;
	background: url(/skins/lalablog/assets/images/lalaheader_bg.jpg);
	background-repeat: no-repeat;
	width: 900px;
	height: 467px;
	margin: 0 auto;
}	

#vip-header {
	position:relative;
	width: 900px;
	height: 467px;
	margin: 0 auto;
}
	
#bwimage-tl {
	height:250px;
	width: 306px;
	background: url(/skins/lalablog/assets/images/bwpic_tl.png);
	background-repeat:no-repeat;
	position: absolute;
	top: 0;
	left: -50px;
}

#bwimage-tr {
	height:240px;
	width: 342px;
	background: url(/skins/lalablog/assets/images/bwpic_tr.png);
	background-repeat:no-repeat;
	position: absolute;
	top: 0;
	left: 625px;
}

#bwimage-bl {
	height:291px;
	width: 225px;
	background: url(/skins/lalablog/assets/images/bwpic_bl2.png);
	background-repeat:no-repeat;
	position: absolute;
	top: 160px;
	left: -40px;
}

#bwimage-br {
	height:280px;
	width: 225px;
	background: url(/skins/lalablog/assets/images/bwpic_lr.png);
	background-repeat:no-repeat;
	position: absolute;
	top: 170px;
	left: 725px;
}

/* 	
	margin-right: auto;
	margin-left: auto;
	background-image: url('/skins/lalablog/assets/images/lala_bg.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center; 
*/



#header h1, #header h2 {
	float: left;
	margin: 0;
	text-transform: uppercase;
	color: #FFFFFF;
}

#header h1 {
	padding: 30px 0 0 20px;
	font-size: 3em;
}

#header h2 {
	padding: 47px 0 0 8px;
	font-size: 1.8em;
	font-style: italic;
}

#header a {
	text-decoration: none;
	color: #FFFFFF;
}

#main-nav {
	position:absolute;
	top:430px;
	left: 150px;
}

#main-nav a:hover {
	background-color:transparent;
}

/* ---------------------- Menu ---------------------- */
#menu {
	width: 900px;
	height: 51px;
	margin: 0 auto;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
	padding: 12px 10px 0 20px;
}

#menu a {
	text-decoration: none;
	letter-spacing: -1px;
	font-size: 1.2em;
	font-weight: bold;
}

#menu a:hover {
	text-decoration: underline;
}


#banner-top {
	width:775px;
	height:90px;
	margin: 15px auto;
}

#bannerPromo-top {
	position: relative;
	background: url(/skins/lalablog/assets/images/lalachain_contest.jpg) top center no-repeat;
	width:775px;
	height:530px;
	margin: 15px auto;
	
}

#bannerPromo-top a {
	color:#efe7a6;
	font-weight:bold;
}

#bannerPromo-top a:hover {
	color:#E4388A;
	font-weight:bold;
}


#bannerPromo-top p {
	color:#efe7a6;
	margin:5px 0;
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}

#contestRules {
	position:absolute;
	width:280px;
	height:120px;
	top:50px;
	right:30px;
	padding:0 10px 0 0;
	overflow:auto;
}

#contestBtm {
	position:absolute;
	top:305px;
	right:20px;
	width:395px;
	height:140px;
}

.contestTxt-sm {
	font-size:10px;
}

/* ---------------------- Sidebar ---------------------- */

.right-panel {
	color:#FFFFFF;
}

#sidebar a {
	color: #DB6A7B;
}

#sidebar a:hover {
	color: #DB6A7B;
}


#sidebar a:visited {
	color: #fff
}

#sidebar {
	float: right;
	width: 315px;
	color:#FFFFFF;
	background: #000000;
}
#sidebar h2 {
	height: 30px;
	padding: 13px 20px 0;
	background: url(../images/img06.gif) no-repeat;
	font-size: 1.6em;
}
#sidebar ul   {
	list-style: none;
	display: block;
	padding-bottom: 40px;
}

#sidebar li {
	margin-left: 20px;
	line-height: 1.7em;
}
#page #sidebar .list-page {
	padding-bottom: 10px;
}

/*.active  {
	color: #FFFFCC;
	text-decoration: none;
}*/
.feedSubscribe a {
	padding-left: 50px;
	display: block;
	background: url(../images/rss_icon.gif) no-repeat;
	height: 16px;
	margin-left: 20px;
}


/* ---------------------- VIP --------------------------------*/

#flash-header {
	background:#000
}

#wallpapers {
	height: 200px;
	clear:both;

}

#wallpaper1 {
	float:left;
	width: 200px;
	height:150px;
}

#wallpaper2 {
	float:right;
	width: 200px;
	height:150px;
}


/* ---------------------- GALLERY --------------------------------*/

.gallery {
	margin-left: auto; 
	margin-right: auto; 
	width: 500px;
	height: 100%;
}

.gallery img {
	width: auto; height: auto; padding: 5px; float: left;
}


/* ---------------------- MUSIC --------------------------------*/

#music-albums {
	width:500px;
}

.album-whole {
	float:left;
	width:240px;
	margin:0 5px 0 0;

}

#albums-left {
	float:left;
	width: 220px;
	margin-bottom: 50px;
}

#albums-right {
	float:right;
	width: 220px;
	margin-bottom: 50px;
}

#home-music {
	width:150px;
	height:50px;
	float:right;
	margin-right:48px;
}

/* ---------------------- Pages & Posts ---------------------- */

#post-title {
	background: url(/skins/lalablog/images/posttitle_bg.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#000000;
	width: 100%;
	height: 100%;
	padding-bottom:10px;
}

#post-title a {
	text-decoration: none;
}

.post-title-txt {
	text-decoration:none;
	font-weight:bold;
	font-size:1.2em;
}

#page {
	width: 900px;
	margin-left: auto;
    margin-right: auto;
	padding: 0px 0px 0px 0px;
	background: #000000;
	
}
#content {
	float: left;
	padding: 0px 0px 10px 10px;
	margin:20px 0 0 10px;
	width: 530px;
	height: 100%;
	background: #222222;
	color:#fff
}
.post {
	margin-bottom: 10px;
	padding: 0 0 10px 0;
	border:1px solid #666;
	margin:10px 10px 10px 0;
	background:#434343;
}

#title {
	width:375px;
	float:left;
	margin-top:10px;

}

.post .title a {
	text-decoration: none;
}

.post .entry {
	padding: 0 20px;
	height:100%;
}

.post .meta {
	height: 20px;
	padding: 15px 20px;
	background: url(../images/img05.gif) no-repeat;
	line-height: normal;
}

.post .meta a {
	text-decoration: none;
	font-weight: bold;
}

.post .meta a:hover {
	text-decoration: underline;
}

.post .meta .byline {
	float: left;
}

#byline {
	margin:10px 10px 0 0;
	width: 95px;
	float:right;
	font-size:9px;
}

.post .meta .comments {
	float: right;
}
.post h2 {
	padding-top: 1em;
	padding-bottom: .5em;
}
.post h3 {
	padding-top: 1em;
	padding-bottom: .5em;
	font-size: 1.5em;
}
.post h4 {
	padding-top: 1em;
	padding-bottom: .5em;
	font-size: 1.2em;
}
.post h5 {
	padding-top: 1em;
	padding-bottom: .5em;
	font-size: 1em;
}
.post h6 {
	padding-top: 1em;
	padding-bottom: .5em;
	font-size: 0.8em;
}

.commentlist li {
	padding: 5px;
}
.archive_head {
	margin-bottom: 10px;
}


/* ---------------------- Forms ---------------------- */

input, textarea {
	background: #eeeeee;
	border: 1px solid #454545;
	font-weight: bold;
	color: #333333;
	padding: 3px;
}
	
#commentform  input, #commentform textarea {
	background: #eeeeee;
	border: 1px solid #454545;
	font-weight: bold;
	color: #333333;
	padding: 3px;
}
#commentform textarea {
	width: 500px;
}
#commentform label {
	padding-left: 15px;
	padding-left: 10px;
}
#commentform p {
	margin-bottom: 15px;
	padding-left: 10px;
}
#respond {
	margin-bottom: 15px;
	padding-left: 10px;
}
#commentform #submit {
	margin-bottom: 10px;
	padding: 3px 5px;
	background: #1F1F1F url(../images/img06.gif) no-repeat center center;
	border: 1px solid #454545;
	font: bold 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}


/* ---------------------- Alerts and Messages ---------------------- */
.error {
	color: #990000;
	background: #FFFFCC;
	padding: 8px;
	font-weight: bold;
	font-size: large;
	text-align: center;
	border-top: 3px double #990000;
	border-bottom: 3px double #990000;
	margin: 0px 0px 20px;
}

.success {
	color: #99CC00;
	background: #333333;
	padding: 8px;
	font-weight: bold;
	font-size: large;
	text-align: center;
	border-top: 3px double #99CC00;
	border-bottom: 3px double #99CC00;
	margin: 0px 0px 20px;
}


/* ---------------------- Comments ---------------------- */
.commentlist .alt {
	background: #FDFDE4;
	border-top: 1px solid #DDD9B8;
	border-bottom: 1px solid #DDD9B8;
}
.commentlist li {
	padding: 15px 5px;
	list-style: inside;
}
.commentlist ul {
	display: block;
	margin-top: 33px;
	margin-bottom: 33px;
}
.thumb img {
	padding: 4px;
	margin-right: 10px;
	border: 1px solid #454545;
}
.commentblock {
	margin-bottom: 40px;
	border-bottom: 3px double #454545;
	padding: 4px;
	margin-right: 10px;
}
.highlighted  {
	background: #eeeeee;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	padding: 4px;
}
#comments  {
	margin-bottom: 15px;
	padding-left: 10px;
}
.commentblock p {
	margin-bottom: 30px;
	font-size: 1.2em;
	font-weight: bold;
}
.alt {
	background: #1F1F1F;
	margin: 10px 0px;
	padding: 10px 0px;
}



/* ---------------------- Search ---------------------- */
#search {
	padding: 20px;
	text-align: center;
}

#search input {
	margin-bottom: 10px;
	padding: 3px 5px;
	background: #1F1F1F url(../images/img06.gif) no-repeat center center;
	border: 1px solid #454545;
	font: bold 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#search #s {
	width: 80%;
	background: #1F1F1F;
}
.archive_head {
	font-size: medium;
	color: #333333;
	font-style: italic;
}


/* ---------------------- Calendar: Not currently Used ---------------------- */
#calendar {
	padding-bottom: 20px;
}

#calendar table, #calendar caption {
	width: 80%;
	margin: 0 auto;
	text-align: center;
}

#calendar caption {
	text-transform: uppercase;
	letter-spacing: .25em;
	font-weight: bold;
}

#calendar thead th {
	background: #333333;
}

#calendar tbody td {
	background: #111111;
}

#calendar a {
	text-decoration: none;
	font-weight: bold;
}

#calendar a:hover {
	text-decoration: underline;
}
#page .previous {
	font-weight: bold;
}



/* ---------------------- Footer ---------------------- */
#footer {
	width: 960px;
	margin: 0 auto;
	padding: 10px 0;

}

#footer p {
	margin: 0;
	line-height: normal;
	text-align: center;
	color: #ffffff;
}