/*
Theme Name: My Portfolio
Theme URI: http://angelsulistyo.com
Description: http://angelsulistyo.com
Version: 1.0
Author: Angelina Sulistyo
Author URI: http://angelsulistyo.com
*/
/* CSS Document */
html {height:100%;}
body {background:#cfecff url(images/bigbg2.gif) repeat-x fixed; background-position:50% 0; font-family:"Lucida Grande", Arial, Tahoma, sans-serif; color:#313131; font-size:12px;line-height:140%; height:100%;}
a {text-decoration:none;}
#bgtop {width:100%; background:url(images/bgtop.gif) repeat-x; height:80px;}
.container_16 .post img.wp-smiley {border:none;}
/* transparent */
img, div, * { behavior: url(scripts/iepngfix.htc) }
/* logo*/
.angelstoplogo h1 {margin-bottom:0; margin-top:15px;}
.angelstoplogo h1 a {text-indent:-9999px; display:block; background:url(images/angelsulistyo-logo.png); width:325px; height:51px;}
/* top menu */
.topmenu ul {margin:0; padding:0; list-style:none; color:#90b0c6; font-size:16px; position:relative; top:25px; left:220px; width:350px;}
.topmenu ul li {float:left; overflow:hidden; list-style:none; display:inline; margin-left:25px;}
.topmenu ul li a {color:#90b0c6; display:block;}
.topmenu ul li a:hover {color:#fff; text-decoration:underline;}
/* intro */
.introbox {margin-top:30px; margin-bottom:50px;}
.introtext p {font-size:15px; margin:10px 5px; line-height:150%; text-shadow: 0px 2px 1px #f1fcff;}
/* slider */
#slider {
	width: 510px; /* important to be same as image width */
	height: 220px; /* important to be same as image height */
	position: relative; /* important */
	overflow: hidden; /* important */
	border:5px solid #fff;
	background-color:#FFFFFF;
}
#slider li {margin-left:0;}
#sliderContent {
	width: 500px; /* important to be same as image width or wider */
	position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
	float: left;
	position: relative;
	display: none;
}

.sliderImage span {
	position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
	padding: 10px 13px;
	width: 510px;
	background-color: #000;
	filter: alpha(opacity=60);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	color: #fff;
	display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
	font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
	left: 0;
}
ul {
	list-style-type: none;
}
/* footer */
#footer {width:100%; background:url(images/footer.gif) repeat-x; background-position:center 0%; height: 213px;}
.footertext {padding:150px 0 0;}
.footertext ul {padding:0; margin:0; list-style:none;}
.footertext ul li {display:inline; border-right:1px solid #313131; padding:0 5px; margin-left:0; color:#313131; font-size:11px;}
.footertext ul li.firstli {padding-left:0;}
.footertext ul li.lastli {border-right:none;}
.footertext ul li a {color:#313131; text-decoration:none;}
.footertext ul li a:hover {color:#313131; border-bottom:1px dashed #878787;}
.footertext p {font-size:11px; color:#587c20; margin-bottom:0}
.footertext a {color:#587c20;}
.footertext a:hover {color:#294300; border-bottom:1px dashed #587c20;}
.besocial {padding-top:150px;}


/* available bird */
.available {margin: 0 auto 20px; padding:0 0 20px; text-align:center;}
/* index small box */
.smallboxes p {margin-bottom:0; font-size:16px;}
.smallboxes h3 {font-family:"Trebuchet MS", Arial, sans-serif; color:#075277; margin-bottom:0; height:38px;  padding-top:10px;}
.icon-service {background:url(images/icon-services.png) no-repeat; width:40px;padding-left:45px;}
.icon-testi {background:url(images/icon-testi.png) no-repeat; width:38px; padding-left:42px;}
.icon-contact {background:url(images/icon-contact.png) no-repeat; padding-left:42px;}
.icon-hireus {background:url(images/icon-open.png) no-repeat; padding-left:42px;}
.fservice  p {font-size:12px;}
.fservice ul {list-style:none; margin:0;padding:0; font-size:12px;}
.fservice li {background:url(images/li-arrow.gif) no-repeat; background-position:0 .5em; padding-left:18px; margin-left:20px; padding-bottom:3px;}
.fcontact p {font-size:12px;}
.fcontact a {color:#cf4574; font-weight:bold;}
.fcontact a:hover {color:#e20035; text-decoration:none; border-bottom:1px dashed #e54f72; font-weight:bold;}
.fcontact ul {list-style:none; margin:10px 0 0; padding:0;}
.fcontact li {margin:0; padding:0 0 5px;}
.fcontact label {width:90px; float:left;}
.fcontact li.name input, .fcontact li.email input {width:200px; background-color:#eff9ff; border:none; padding:5px; color:#075277; font-size:12px;}
.fcontact li.msg textarea {width:200px; height:50px;  background-color:#eff9ff; border:none; padding:5px; color:#075277; font-size:12px; font-family:Arial, Tahoma, sans-serif;}
.fcontact li.submit {float:right;}
.fcontact li.submit input {background:url(images/btn-send.png) no-repeat; width:71px; height:28px; border:none;}
.fcontact li.submit input:hover, .fcontact li.submit input:focus, .fcontact li.submit input:active {background-position:0 -28px;}
.ftesti li {margin-left:10px;}
.newsticker {
	list-style-type: none;
	padding: 3px;
	margin: 0;
}
p.socialmediaicon {margin-top:30px; margin-left:50px;}
p.socialmediaicon img {margin-right:5px;}
p.vcard {margin-top:10px;}
/* testimonial */
p.testitext {font-size:12px; color:#313131; margin-bottom:2px}
p.testifrom {font-size:11px; color:#cf4574;}
p.testifrom a {color:#cf4574; text-decoration:none;}
p.testifrom a:hover {color:#e20035; text-decoration:none; border-bottom:1px dashed #e54f72;}

/* about */
a.post-edit-link {color:#ea164d; text-decoration:none;}
a.post-edit-link:hover {color:#ea164d; text-decoration:underline;}
.aboutpage {margin:30px auto;}
.abouttop {background:url(images/bg-top.png); height:14px;}
.aboutmid {width:960px;}
.aboutbtm {background:url(images/bg-btm.png); height:12px;}
.aboutpage .post {margin-top:10px;}
.aboutpage .post img {border:3px solid #dcf1ff;}
.post img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.post img.alignright {
	margin: 0 0 2px 7px;
	display: inline;
	}

.post img.alignleft {
	margin: 0 7px 2px 0;
	display: inline;
	}

.post .alignright {
	float: right;
	}

.post .alignleft {
	float: left;
	}
.aboutpage .post h4 {color:#ea164d; font-family:"Trebuchet MS", Arial, sans-serif; margin-bottom:5px;}
.aboutpage .post a {color:#ea164d; text-decoration:none;}
.aboutpage .post a:hover {color:#ea164d; text-decoration:underline;}
.mytools {margin-bottom:20px;}
.mytools h4 {margin:0; padding:0; font-family:"Trebuchet MS", Arial, sans-serif; color:#EA164D; margin-bottom:5px;}
.mytools ul {margin:0; padding:0;}
.mytools ul li {margin:0; padding:0; background:url(images/ico-cloud.png) no-repeat; padding-left:28px; padding-top:5px; padding-bottom:5px; border-bottom:1px dashed #bce6f2;}
.mytools ul li a {color:#2ba0c2;}
.mytools ul li a:hover {color:#2ba0c2; text-decoration:underline;}
.about-twitter {background:url(images/about-twitterbg.png) no-repeat; width:271px; height:92px; margin-bottom:20px; font-size:11px; line-height:14px; position:relative;}
.about-twitter-txt {position:absolute; left:83px; top:3px; width:180px;}
.about-twitter a {color:#43bcde;}
.about-twitter a:hover {color:#2ba0c2;}
.about-contact h4 {color:#ea164d; font-family:"Trebuchet MS", Arial, sans-serif; margin-bottom:5px;}
.about-contact ul {margin:10px 0 0; padding:0;}
.about-contact ul li {margin:0; padding-bottom:8px;}
.about-contact ul li.mail {background:url(images/mail.png) no-repeat; padding-left: 20px;}
.about-contact ul li.twitter {background:url(images/twitter.png) no-repeat; padding-left: 20px}
.about-contact ul li.fb {background:url(images/facebook.png) no-repeat; padding-left: 20px}
.about-contact ul li.linkedin {background:url(images/linkedin.png) no-repeat; padding-left: 20px}
.about-contact a {color:#313131;}
.about-contact a:hover {color:#313131; text-decoration:underline;}

/* Portfolio */
#jels {margin-bottom:40px;}
.portfolioheader {margin-top:30px; margin-bottom:30px;}
.portfolio-thumb img {border:10px solid #dcf1ff;}
.portfolio-text .title {background-color:#dcf1ff; padding:5px 0 5px 5px; margin-bottom:10px; text-shadow: 0px 2px 1px #f1fcff;}
.portfolio-text .title h2 {margin:0; padding:0; margin-bottom:5px; font-weight:400;}
.portfolio-text .title h2 a, .portfolio-text .title h2 a:hover {color:#313131; border-bottom:none;}
.portfolio-text .weblink, .portfolio-text .weblink a {color:#f04589;}
.portfolio-text .weblink a:hover {color:#ff75ac; border-bottom:1px dashed #ff75ac;}
.portfolio-text p {margin:0; padding:0;}
.portfolio-text strong {color:#047dcb;}
.portfolio-text ul {margin:0; padding:0; margin-bottom:10px;}
.portfolio-text ul li {margin:0; padding:2px 0;}
.btnmore {text-indent:-9999px; margin-top:10px;}
.btnmore a {background:url(images/btn-viewmore.png) no-repeat; width:87px; display:block; text-align:-9999px; height:28px;}
.btnmore a:hover {background-position:0 -28px;}
.portfolio-more {margin-top:10px; font-size:11px;}

.portfolio-more a {color:#f04589;}
.portfolio-more a:hover {color:#ff75ac; border-bottom:1px dashed #ff75ac;}

.comingsoon {position:relative; top:170px; text-align:center; margin:0 auto;}

/* contact */
.contact-side {margin-bottom:20px;}
.contact-side a {color:#2ba0c2;}
.contact-side a:hover {color:#2ba0c2; text-decoration:underline;}
.contact-side h4 {margin:0; padding:0; font-family:"Trebuchet MS", Arial, sans-serif; color:#EA164D; margin-bottom:5px;}

/*contact form*/
.wpcf7-form p {font-size:16px;}

/* paging */
.navigation {margin-bottom:20px;}
.navigation a {color:#2ba0c2;}
.navigation a:hover {color:#2ba0c2; text-decoration:underline;}
.navigation .alignleft {float:left;}
.navigation .alignright {float:right}
.clearboth {clear:both;}