/*   

Theme Name: Ala Jamil

Theme URL: http://www.alajamil.com

Description: My Online Portfolio

Author: Ala Jamil

Author URL: http://www.alajamil.com

Version: 1

*/

@import url(http://fonts.googleapis.com/css?family=Dancing+Script:400,700);

/* Normal site styles */

body {

  background-color: #6a4264;

  color: #fff;

  font-family: 'Open Sans', arial, tahoma;

  line-height: 1.5em;

  font-size: 100%;

}

*{

  margin: 0;

  padding: 0;

}

.clear{clear:both;}

a {

  color: #bba0b6;

  outline: medium none;

  text-decoration: none;

}

a:hover {

  color: #eed2ee;

}

p {

  padding: 10px 0;

}

li{list-style:none;}

#page-wrap {

  margin: 0 auto;

  width: 80%;

}

#header {

  margin-top: 20px;

}

#header h1.siteLogo {

  margin-bottom: 5px;

  font-family: 'Dancing Script', cursive, arial, tahoma !important;

}

#header a {

  color: #fff !important;

}

#header .description {

  font-style: italic;

}



.list_carousel {

  height: auto;

  margin: 40px auto 80px;

  min-height: 30%;

  width: 80%;

}

h1.myWorkTitle {

  font-size: 50px;

  margin-bottom: 50px;

  text-align: center;

  line-height: 1.1em;

}

.slider_wrapper {

  height: auto !important;

  min-height: 68px;

  width: 100%;

}

.slider_wrapper .caroufredsel_wrapper {

 /* height: auto !important;*/

  min-height: 68px;

  width: 100% !important;

}

.slider_wrapper ul.items {

  height: auto !important;

  min-height: 68px;

  width: 100% !important;

}

.slider_wrapper ul.items li {

  height: auto !important;

  margin: 0 auto;

  min-height: 68px;

  text-align: center;

  width: 90%;

}

.caption {

  height: auto !important;

  min-height: 68px;

}

.siteURL {

  font-style: italic;

}



.pager {

	float: left;

	width: 100%;

	text-align: center;

	margin-top: 40px;

}

.pager a {

  background: url("images/pagination.png") no-repeat scroll 0 0 transparent;

  display: inline-block;

  font-size: 0;

  height: 32px;

  margin: 0 5px;

  text-decoration: none;

  width: 32px;

}

.pager a.selected {

	background: url("images/pagination.png") no-repeat scroll 100% 0 transparent;

}

.aboutMe {

  margin-bottom: 50px;

  text-align: center;

}

.aboutMe > h1 {

  font-size: 50px;

  margin-bottom: 30px;

  line-height: 1.1em;

}

.wdSkills {

  margin: 40px auto;

}

.mySkills {

  margin: 20px auto;

  width: 100%;

}

.mySkillsItems {

  background-color: #fff;

  color: #bba0b6;

  display: inline-block;

  font-size: 20px;

  font-weight: bold;

  vertical-align: top;

  width: 14%;

}

.endOfPage {

  text-align: center;

}











.backToTop a {

	display: none;

	height: 45px;

	position: fixed;

	right: 2%;

	top: 70%;

	width: 45px;

	z-index: 100;

}





#footer {

  margin-top: 20px;
  padding-bottom: 50px;
  text-align: center;

}

#footer > p {

  margin: 0;

  padding: 0;

}







/* Normal site styles */





@media only screen and (min-width: 0px)and (max-width: 480px) {

.myWorkTitle {

  font-size: 30px;

}

.caption > h2 {

  font-size: 14px;

  margin-bottom: 30px;

}

.aboutMe > h1 {

  font-size: 30px;

  margin-bottom: 30px;

}

}

@media only screen and (min-width: 481px)and (max-width: 768px) {

.myWorkTitle {

  font-size: 40px;

  margin-bottom: 30px;

}

.caption > h2 {

  font-size: 14px;

}

.aboutMe > h1 {

  font-size: 40px;

  margin-bottom: 30px;

}

}

@media only screen and (min-width: 769px)and (max-width: 1024px) {

.myWorkTitle {

  font-size: 40px;

  margin-bottom: 30px;

}

.caption > h2 {

  font-size: 16px;

}

.aboutMe > h1 {

  font-size: 40px;

  margin-bottom: 30px;

}

}