/* 
CSS documents for Irfanhakim.com
*/

@import"layout.css";
@import"html.css";



/*********************************
CLASS
*********************************/
.blue {color:#1987C7;}
.border{border:1px solid red;}
.clear {clear:both;}
.block {display:block;}
.inline {display:inline;}
.float-left{float:left;}
.float-right{float:right;}
.align-center{text-align:center;}
.align-left{text-align:left;}
.align-right{text-align:right;}
.center {margin:0 auto;}
.mt10 {margin-top:10px;}
.mb10 {margin-bottom:10px;}
.mr10 {margin-right:10px;}
.mr17 {margin-right:17px;}
.mt20 {margin-top:20px;}
.mb20 {margin-bottom:20px;}
.ml30 {margin-left:30px;}
.ml100 {margin-left:100px;}
.pl140 {padding-left:140px;}
.w3{width:3px;}
.w20{width:20px;}
.w30{width:30px;}
.w50{width:50px;}
.w80{width:80px;}
.w100{width:100px;}
.w120{width:120px;}
.w170{width:170px;}
.w200{width:200px;}
.w220{width:220px;}
.w300{width:300px;}
.w327{width:327px;}
.w350{width:350px;}
.w400{width:400px;}
.w430{width:430px;}
.w500{width:500px;}
.w700{width:700px;}
.w50p{width:50%;}
.w80p{width:80%;}
.w100p{width:100%;}
.h10{height:10px;}
.h20{height:20px;}
.h45{height:45px;}
.h85{height:85px;}
.h100{height:100px;}
.h200{height:200px;}
.p10{padding:10px;}
.vam{vertical-align:middle}
.flw200 label{display:block; float:left; width:200px;}


/* clearing element */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/* Begin of msg */
.d1, .d2, .d3, .d4, .f1, .f2, .f3, .f4 {font-size:1px; overflow:hidden; display:block; height:1px; }
.d1, .d2, .d3, .d4 { background:#7CB612;}
.f1, .f2, .f3, .f4 { background:#CB8E10;}
.d1, .f1 {margin:0 5px;}
.d2, .f2 {margin:0 3px;}
.d3, .f3 {margin:0 2px;}
.d4, .f4 {margin:0 1px; height:2px;}
.dc {background: #7CB612}
.fc {background: #CB8E10}
.dc div, .fc div {padding:2px 20px 3px 20px; color:#fff; font-weight:bold;}
.fc ul, .dc ul {margin:0;}
.fc a, .dc a {border-bottom:1px dotted #fff; color:#fff;}
.fc a:hover, .dc a:hover { border:none; color:#fff; background:transparent;}
/* End of msg */





/*********************************
PAGE ELEMENTS
*********************************/


/* About */
#other {
	margin: 35px 0 0 0;
}
#other p {
	text-align: justify;
}



/* News */
#ul-news {
	margin:30px 0 0 0;
	height:219px;
}


/* News *******************************/

#ul-news li {
	margin:0 15px 5px 0;
	padding:0 0 0 30px;
	list-style:none;
	background:url(../images/itemnews.png) no-repeat left 5px ;
}
#ul-news li a {
	display:block;
	padding:3px;
	border-bottom:1px dotted #CBD1AD;
}
#ul-news li a:hover {
	background:#fff;
	border-bottom:1px dotted #382A2A;
}
#ul-news em {
	color:#666;
	font-size:11px;
}
#ul-news span {
	color:#382A2A;
	font-size:14px;
	font-weight:bold;
	font-family:Arial, "Trebuchet MS";
}
#newsbot a{
	color:#C52A30;
	border-bottom:1px dotted #C52A30;
	font-family:Arial, "Trebuchet MS";
	font-weight:bold;
}
#newsbot a:hover {
	color:#fff;
	background:#C52A30;
	border-bottom:1px dotted #C52A30;
}
#vallnews {
	width:200px;
	margin:0;
	font-size:14px;
	float:left;
}
#imgrss {
	float:right;
	margin-left:5px;
}


/* News Archive *******************************/
#ul-newsarchive li {
	margin:0 15px 5px 0;
	padding:0 0 0 30px;
	list-style:none;
	background:url(../images/itemnews.png) no-repeat left 5px ;
}
#ul-newsarchive li a {
	display:block;
	padding:3px;
	border-bottom:1px dotted #CBD1AD;
}
#ul-newsarchive li a:hover {
	background:#fff;
	border-bottom:1px dotted #382A2A;
}
#ul-newsarchive em {
	color:#666;
	font-size:11px;
}
#ul-newsarchive span {
	color:#382A2A;
	font-size:14px;
	font-weight:bold;
	font-family:Arial, "Trebuchet MS";
}
#newsbot a{
	color:#C52A30;
	border-bottom:1px dotted #C52A30;
	font-family:Arial, "Trebuchet MS";
	font-weight:bold;
}
#newsbot a:hover {
	color:#fff;
	background:#C52A30;
	border-bottom:1px dotted #C52A30;
}
#vallnews {
	width:200px;
	margin:0;
	font-size:14px;
	float:left;
}
#imgrss {
	float:right;
	margin-left:5px;
}

#pagingnewsdetail {
	margin:10px 0;
}
#viewallnews {
	margin-bottom:20px;
}



/* Latest Photos *******************************/
#phototitle {
	color:#F2F2F2;
	margin:0 0 10px 0;
}
#latestphoto {
}
#latestphoto a img{
	border:5px solid #fff;
	margin:0 10px 10px 0;
	float:left;
}
#latestphoto a:hover img{
	border:5px solid #BFC792;
}
a#vallphotos{
	color:#fff;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px dotted #fff;
}
a#vallphotos:hover {
	background:#fff;
	color:#473434;
	border-bottom:1px dotted #473434;
}


/* Shout *******************************/
#shouttitle {
	background: url(../images/iconshout.png) left no-repeat;
	padding-left:45px;
	color:#C52A30;
	font-family:"Arial Black",Arial,Helvetica,sans-serif;
	font-size:25px;
	font-weight:bolder;
	letter-spacing:-1px;
	text-transform:uppercase;
	margin:0;
}
#ul-shout li, .shout-paging{
	border-top:2px solid #745656;
	background:#fff;
	margin:0 0 5px 0;
	list-style:none;
	padding:3px 5px;
	font-size:11px;
	font-family: Arial,Helvetica,sans-serif;
}
#ul-shout li em {
	color:#aaa;
	font-style:italic;
	font-size:10px;
}
#ul-shout li a{
	color:#745656;
	border-bottom:1px dotted #745656;
}
#ul-shout li a:hover{
	background:#745656;
	color:#fff;
}
#ul-shout li div {
	margin:5px 0 0 0;
	padding:5px;
	font-size:11px;
	background:#F2F2F2;
	border:1px solid #EAEAEA;
	color:#362828;
}
.shout-paging a{
	background:#745656;
	border:none;
	color:#fff;
	padding:0 2px;
}
.shout-paging a:hover{
	background:#C52A30;
	color:#fff;
}


#fshout {
	width:300px;
	float:right;
	font-size:10px;
}
#fshout h3 {
	display:none;
}
#fshout .shoutdatebtn {
	display:block;
	margin-left:105px;
	color:#aaa;
	font-style:italic;
	font-size:10px;
}
#fshout p{
	margin:0 0 2px 0;
}
#fshout label {
	display:block;
	float:left;
	width:100px;
	margin-right:5px;
	text-align:right;
	font-weight:bold;
	color:#eee;
}
input#name, input#site, input#message, input#contactname, input#contactemail {
	width:190px;
	background:#F2F2F2;
	border:1px solid #ADB874;
}
textarea#contactmessage {
	background:#F2F2F2;
	border:1px solid #ADB874;
}
input:focus#name, input:focus#site, input:focus#message, input:focus#contactname, input:focus#contactemail, textarea:focus#contactmessage {
	border:1px solid #f00;
	background:#fff;
}





/* Photo *******************************/

#aboutpic {
	float:left;
	margin-right:20px;
}
#fscontact {
	border:0;
}
#titlepage {
	margin-top:0;
}
.galery {
	margin:0 0 20px 0;
}
.galery a img {
	margin:0 5px 5px 0;
	border:5px solid #fff;
}
.galery a, .galery a:hover {
	border:none;
	background:none;
}
.galery a:hover img {
	border:5px solid #BFC792;
}






/* Extra *******************************/

.ulextra {
	list-style:none;
}
.ulextra li{
	float:left;
	margin:0 20px 20px 0;
}
.ulextra li img{
	border:5px solid #fff;
}
.ulextra li a{
	font-size:11px;
}