/*
ermy mabalot jr
*/


*{
	margin:0;
	padding:0;
}

body{
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#333;
	background: #ddd url(../images/bg.png) top center repeat-x;
}

#wrapper{
	width:960px;
	margin:0 auto;
	padding:0;
}

#content{
	float:left;
	width:960px;
	margin:20px 0 0 0;
}

#header{
	float:left;
	width:940px;
	height:180px;
	padding:0;
	margin: 0 10px;
}

#logo{
	float:left;
	margin:0;
	padding:30px 0 0 0;
}

#si_contact_subject,
#si_contact_email,
#si_contact_name,
#si_contact_message
	{
	width:500px;
	}

.contact{
	float:left;
	padding:0 0 20px 0;
	font-size:14px;
	}
	
.contact li{
	list-style:none;
	margin:0 0 15px 0;
	}
	
.phone{
	background:url(images/phone.png) no-repeat;
	padding:0 0 0 30px;
	height:25px;
}

.mail{
	background:url(images/email.png) no-repeat;
	padding:0 0 0 30px;
	height:25px;
}

.skype{
	background:url(images/skype.png) no-repeat;
	padding:0 0 0 30px;
	height:25px;
}

.twitter{
	background:url(images/twitter.png) no-repeat;
	padding:0 0 0 30px;
	height:25px;
}

.facebook{
	background:url(images/facebook.png) no-repeat;
	padding:0 0 0 30px;
	height:25px;
}

.linkedin{
	background:url(images/linkedin.png) no-repeat;
	padding:0 0 0 30px;
	height:25px;
}

.lastfm{
	background:url(images/lastfm.png) no-repeat;
	padding:0 0 0 30px;
	height:25px;
}

/* Menu */

#pagemenu { float:right; margin:70px 0 0 0; padding: 0; text-transform:uppercase; width:340px;}
#pagenav { list-style: none; margin: 0; padding: 0; color: #333; text-align:center;}	
#pagenav ul {margin: 0; padding: 0;}
#pagenav li {float: left; margin: 0; padding: 0;}
#pagenav a {display: block; line-height: 40px; margin:0; padding: 0; font-size: 12px; font-weight:bold; color: #fff; width:100px; height:40px; text-align:center; cursor:pointer; background:#222;}
#pagenav li a:hover {text-decoration: none; color: #990000;}
#pagenav li.current_page_item a { color: #999;  text-decoration: none; display: block; text-align:center;}
#pagenav li.lcorner{ float:left; width:20px; height:40px; background: url(../images/corner.png) left no-repeat;}
#pagenav li.rcorner{ float:right; width:20px; height:40px; background: url(../images/corner.png) right no-repeat;}


#catnav { float:left; width:940px; margin:0 10px; padding:20px 0; clear: both; text-transform:uppercase; background: url(images/sep.png) bottom repeat-x;}
#nav { list-style: none; margin: 0; padding: 0; color: #fff; text-align:center;}	
#nav ul {margin: 0; padding: 0;}
#nav li {float: left; display: block; line-height: 30px; font-size: 12px; font-weight:bold; color: #333; height:30px;}
#nav a {display: block; line-height: 30px; margin:0; padding: 0 20px; font-size: 12px; font-weight:bold; color: #333; height:30px; text-align:left; cursor:pointer; }
#nav li a:hover {text-decoration: none; background: #333; color:#fff;}
#nav li.current_page_item a { color: #fff;  text-decoration: none; display: block; text-align:center; background:#990000;}
#nav li.current-cat a { color: #fff; text-decoration: none; display: block;  text-align:center; background:#990000;}
.portfolio{padding: 0 20px; font-weight:normal !important;}

.ngg-singlepic{
	float:left !important;
	border:1px solid #ccc !important;
	background:#FFFFFF !important;
	margin:0 0 30px 0 !important;
	width: 600px !important;
	display:block !important;
	padding:4px !important;
	}
	
#launchbutton { float:left; margin:0 0 20px 30px; padding: 0; text-transform:uppercase;}
#launch { list-style: none; margin: 0; padding: 0; color: #333; text-align:center;}	
#launch ul {margin: 0; padding: 0;}
#launch li {float: left; margin: 0; padding: 0;}
#launch a {display: block; line-height: 40px; margin:0; padding: 0 20px; font-size: 12px; font-weight:bold; color: #fff; height:40px; text-align:center; cursor:pointer; background:#222;}
#launch li a:hover {text-decoration: none; color: #990000;}
#launch li.current_page_item a { color: #999;  text-decoration: none; display: block; text-align:center;}
#launch li.lcorner{ float:left; width:20px; height:40px; background: url(images/corner.png) left no-repeat;}
#launch li.rcorner{ float:right; width:20px; height:40px; background: url(images/corner.png) right no-repeat;}

	
.cat-item{
	list-style:none;
	}

.sidebar{
	float:right;
	width:320px;
	margin:30px 0 0 0;
}

.sidebar a{
	color:#333333;
}


	
.main{
	float:left;
	width:560px;
	margin:30px 10px 30px 10px;
	padding:0;
	text-align:justify;
	line-height:20px;
}

.main_single{
	float:left;
	width:600px;
	margin:0 10px;
	padding:0;
}

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

	
.main p{
	padding:0 0 20px 0;
	font-size: 18px;
	line-height:22px;
}

.main_single p{
	padding:0 0 20px 0;
	font-size:14px;
	line-height:18px;
}

.midcontainer{
	float:left;
	width:269px;
	padding:10px 15px 0 15px;
	margin:0;
	border-right: 1px dashed #000;
	}

.listcontainer{
	float:left;
	padding:0 0 20px 0;
	font-size:14px;
	}
	
.listcontainer li{
	float:left;
	width:130px;
	background:url(images/bullet.png) no-repeat;
	list-style:none;
	padding: 0 0 20px 30px;
	}
	
li.long{
	float:left;
	width:280px;
	background:url(images/bullet.png) no-repeat;
	list-style:none;
	padding: 0 0 20px 30px;
	}

h1{
	font-family:Cambria, Arial, Helvetica, sans-serif;
	font-size:23px;
	text-transform:uppercase;
	margin-top:20px;
}

h1 a:hover{
	text-decoration:none;
	}

h2{
	font-size: 15px;
	font-weight:normal;
	color:#ccc !important;
	text-transform:uppercase;
}

.smallitalics{
	text-transform:lowercase;
	font-style:italic;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
}

h3{
	font-size:20px;
	font-family:Cambria, "Times New Roman", Times, serif;
	font-weight:bold;
	margin:0 0 30px 0;

}

h4{
	color:#333 !important;
	margin:0;
	padding:10px 0 10px 10px;
	font-weight:bold;
	font-size:14px;
	text-transform: uppercase;
	background-color: #CCCCCC;

}

.description{
	font-weight:normal;
	position:relative;
	color:#FFFFFF;
}

a{
	text-decoration:none;
	color:#ffffff;
}


a img{
	float:left;
	border:none;
	margin:0;
	padding:0;
	}

.blogtitle{
	display:block;
}

ol{
	padding-top:20px;
	clear:both;
	padding-left:60px;
}

ol li{
	margin-bottom:10px;
}



/**** CONTENT ***/


	
.view_single{
	float:left;
	width:260px;
	padding:0;
	margin:0 20px 10px 0;
	}
	
.calendar{
	padding:5px 0px;
	background-color:#f66c62;
	width:50px;
	text-align:center;
	font-weight:bold;
	border:2px solid #e3e3e3;
	float:left;
	margin-right:20px;
	margin-left:20px; 
}

.calendarmonth{
	display:block;
	color:#424242;
	font-size:10px;
	margin-bottom:2px;
}

.calendardate{
	font-size:24px;
}

.new{ position:absolute; top:-15px; right:10px; height:40px; width:40px; margin:0;}

.postwrapper{
	float:left;
	position:relative;
	padding:0;
	margin:0 10px 20px 10px;
	width:170px;
	line-height:18px;
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
	}
	
.post img a{
	float:left;
	padding:0;
	margin:0;
	}
	
.post{
	float:left;
	color:#666666;
	margin:0;
	padding:5px;
	line-height:18px;
	background:#fff;
	}
	
.post_single{
	float:left;
	color:#666666;
	border:10px solid #fff;
	margin:0 0 10px 0;
	background:#fff;
	width:580px
	}
	
.postmorewrapper{
	float:left;
	margin:0 15px;
	padding:0 0 20px 0;
	width:130px;
	line-height:18px;
	background:url(images/postmorebg.png) no-repeat;
	}
	
.more{
	float:left;
	font-weight:bold;
	font-family:Cambria, Arial, Helvetica, sans-serif;
	font-size:18px;
	text-transform:uppercase;
	color:#333;
	margin:0 0 20px 15px;
	}
	
.more a{
	color:#333;
	}
		
.postmore{
	float:left;
	color:#666666;
	padding:5px;
	margin:0;
	line-height:18px;
	width:125px;
	}
	
.postmore_top{
	float:left;
	background:url(images/post_top.png) no-repeat;
	width:135px;
	height:5px;
	}
	
.postmore_bottom{
	float:left;
	background:url(images/post_bottom.png) no-repeat;
	width:135px;
	height:15px;
	margin-bottom:10px;
	}
	
.post_top{
	float:left;
	background:url(images/post_top.png) no-repeat;
	width:290px;
	height:5px;
	}
	
.post_bottom{
	float:left;
	background:url(images/post_bottom.png) no-repeat;
	width:290px;
	height:15px;
	margin-bottom:10px;
	}
		
.thumbnail_single{
	float:left;
	padding:0;
	margin:0;
	}
	
.thumbnail{
	float:left;
	padding:0;
	margin: 0;
	background-color:#fff;

	}

.buttons{
	height:33px;
	position:relative;
	bottom:0;
	right:0;
	}

.storycontent{
	float:left;
	padding:5px;
	margin:0;
	width:160px;
	font-size:12px;
	background:#fff;
	}
	
.storycontent ul li{
	float:left;
	list-style:none;
	width:155px;
	}
	
.storycontent h3{
	text-transform:uppercase;
	font-size: 13px;
	font-weight:bold;
	color:#333;
	margin: 0;
}

.storycontent h3 a{
	color:#333 !important;
}

.storycontent h4{
	color:#333 !important;
	margin:0;
	padding:0 0 5px 0;
	font-weight:bold;
	font-size:14px;
}

.storycontent p{
	font-size:14px;
}

.tinynote{
	float:left;
	font-size:12px;
	font-weight:normal;
	font-style:italic;
	color:#333;
	margin: 0 0 10px 0;
	}

.tiny{
	float:left;
	font-family:Cambria, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:normal;
	color:#333;
	text-transform:uppercase;
	margin: 0 0 10px 0;
	}
	
.tiny a{
	color:#333;
	}
	
	
.tinylink a{
	color:#990000;
	font-style:italic;
	}
	
.details{
	float:right;
	margin:0 10px 0 0;
	padding:20px 0 20px 20px;
	width:300px;
	}
	
.details ul li{
	float:left;
	width:300px;
	list-style:none;
	padding:0;
	}
	
.details p{
	font-size:14px;
	color:#333;
	padding:20px 0 20px 10px;
}

.details li a{
	color:#333;
}

.separator{ float:left;  margin:0 10px 20px 10px; width:940px; height:2px; background: url(images/sep.png) center repeat-x;}

span.small{
	padding:0;
	margin:0;
	font-size:12px;
	text-transform:none;
}

.awards{
	margin:30px 0 25px 0;
	}
.featured{
	float: left;
	margin:0;
	}
	
.feat{
	padding:10px 0;
	font-style:italic;
	font-weight:bold;
	font-family:Cambria, "Times New Roman", Times, serif;
	color:#990000;
	}
	
.featured ul li{
	float:left;
	display:inline;
	list-style:none;
	margin:0 20px 20px 0;
	}

.copy{
	float:left;
	padding:8px 0 0 0;
	margin:0 10px;
	font-size:12px;
	text-transform:uppercase;
	}
	
.validation{
	float: right;
	}
	
.validation ul li{
	float:left;
	list-style:none;
	margin:0 10px 30px 0;
	}
	
textarea#comment{
	width:500px;
}

#comments{
	float:left;
	}

BLOCKQUOTE {
	color:#666666;
	display: block;
	width: 600px;
}

blockquote:before, blockquote:after {
	color:#ff9726;
	display: block;
	font-size: 700%;
	width: 50px;
}

blockquote:before {
	content: open-quote;
	height: 0;
	margin-left: -0.55em;
}

blockquote:after {
	content: close-quote;
	height: 50px;
	margin-top: -40px; 
	margin-left: 360px;
}

.clear{
	clear:both;
	}
	
#input{
	height:50px;
	}

.permy {font: Arial, Helvetica, sans-serif;
        font-size:14px; line-height:10px;}