/* allegRo Design stylesheet   */
/* Created by: Rosemary Dolman */
/* Last modified: May 2, 2011  */
/* Social Media Icons from: http://icondock.com/ */

body {
	background: #363530 url(images/bg_body.jpg) repeat-x;
	color: #EFEBE0;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: 'Nobile', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 80%;
}

a:link {
  color: #FFF2CF; background: transparent;
}
a:visited {
  color: #FFF2CF; background: transparent;
}
a:hover {
  color: #FFF2CF; background: transparent;
  text-decoration: none;
}
a:active {
  color: #FFF2CF; background: transparent;
}

.clear {
  clear: both;
}

img.right {
	float: right;
	padding: 4px; 
	border: 1px solid #7C7F5F;
	margin: 10px 0 0 20px; 
}

h1{
	display:block;
	width: 980px;
	height: 230px;
	text-indent: -9999px;
	background: url(images/bg_header.jpg);
	margin: 0;
	padding: 0;
}
	
h1 a {
	display:block;
	width: 980px;
	height: 230px;
}
	
h2 {
	font-size: 200%;
	font-weight: normal;
	background: transparent; color: #86AAEF;
	margin: 30px 0 0 30px;
	padding-bottom: 8px;
	width: 74%;
	border-bottom: 1px solid #4F4D45;
	font-family: 'Molengo', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: italic; 
	text-shadow: 1px 2px 2px #5F5E59;
}

h3 {
	color: #D7DF7D; background: transparent;
	font-weight: normal;
	font-size: 160%;
	padding: 0 0 0 30px;
}

#header {
	margin: 0px auto;
	text-align: left;
	width: 980px;
}

#container {
  position: relative;
	margin: 0px auto;
	text-align: left;
	width: 960px;
}

#content {
	width: 940px;
	float: left;
	padding: 0;
	text-align: left;
	border-left: 5px solid #3F3E37;
	border-right: 5px solid #3F3E37;
}

#content p {
  width: 74%;
}


#portfolio {
	position: relative;
	clear: both;
	margin-bottom: 60px;
	height: 280px;
	width: 980px;
}

p {
	line-height: 140%;
	padding: 6px 30px;
}

p.footer {
  float: left;
  margin: 30px 30px;
  padding:0;
  line-height: 120%;
}

/* Social Media links */

ul#sm { 
  position: absolute;
  top: 0; right: -80px;
  float: left;
	margin:0;
	padding:0;
	height: 33px;
	width: 300px;
	list-style: none;
	overflow: hidden;
}

ul#sm li {
	float: left;
	padding:0;
	margin:0 22px 0 0;
}

ul#sm a:link,
ul#sm a:visited { 
	display: block;
	background-image: url(images/socialmedia.png);
  padding-top: 13px;
  text-decoration: none;
  text-indent: -9999px;
}

ul#sm a:hover {
  text-decoration: none;
}

#sm-skype {
  width: 32px;
}

#sm-skype:hover {
  background-position: 0px -34px;
  text-decoration: none;
}

#sm-linkedin {
  width: 32px;
  background-position: -64px 0;
}
#sm-linkedin:hover {
  background-position: -64px -34px;  
}

#sm-twitter {
  width: 32px;
  background-position: -128px 0;
}
#sm-twitter:hover {
  background-position: -128px -34px;  
}

#sm-email {
  width: 32px;
  background-position: -192px 0;
}
#sm-email:hover {
  background-position: -192px -34px;  
}


/* Easy Slider */

#wrap {
	width: 698px; 
	margin-left: 30px; 
	padding: 4px; 
	border: 1px solid #7C7F5F;
}

#slider img {
  border: none;
}

#slider ul, #slider li {
	margin:0;
	padding:0;
	width: 696px;
	height: 241px;
	list-style:none;
	float: left;
}

#slider li { 
/* 
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/ 
	width:696px;
	height:270px;
	overflow:hidden; 
	margin: 0;
	padding:0;
}	

#slider li p {
  padding: 0 10px;
  margin-top: -2px;
  color: #fff; background: transparent;
  font-size: 90%;
}

/* numeric controls */	

ol#controls{
	margin:1em 0;
	padding:0;
	height:28px;	
}
ol#controls li{
	margin:0 10px 0 0; 
	padding:0;
	float:left;
	list-style:none;
	height:28px;
	line-height:28px;
}
ol#controls li a{
	float:left;
	height:28px;
	line-height:28px;
	border:1px solid #7C7F5F;
	background: #4F4F4F;
	color:#fff;
	padding:0 10px;
	text-decoration:none;
}
ol#controls li.current a{
	background: #A9A754;
	color:#fff;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

/* End Easy Slider */

/* Contact Form button */

.panel { 
  background:#4F4D45; 
  display:none; 
  height:auto; 
  position:absolute;
  right: 11px; 
  top:60px;
  padding:10px 30px 20px 20px; 
  width:250px; 
  border: 1px solid #5F5E59; 
  -moz-box-shadow: -2px -2px 2px #5F5E59;
  -webkit-box-shadow: -2px -2px 2px #5F5E59;
  box-shadow: -2px -2px 2px #5F5E59;
  border-radius:7px; 
  border-right: 4px solid #3F3E37;
}
	
a.active#sm-email{ background:#222 url(images/images/socialmedia.png) -192px -67px no-repeat; }

.panel p {
  text-align: left;
  margin: 8px 0;
  padding: 0;
}

.panel p:first-child {
  color: #7B9AD5; background: transparent;
}
	
/* Contact Form */

#contact-form { 
  margin: 0;
  padding: 0;
}

form p {clear:both;}
input,textarea {background-color:#fff;border:1px solid #ccc;color:#515151;padding:5px;width:200px;}
textarea {height:50px;}
.btn {height:25px;padding:2px;width:80px;}

#formstatus {clear:both;font-weight:bold; font-size: 90%; line-height:130%; }
.formstatuserror {color:#E2D562; background: transparent;}
.formstatusok {color:#86ACEF; background: transparent;}	

/* vCard styling */
.hide {
  display: none;
}

#contact {
  margin-left: 30px;
  line-height: 140%;
}

#contact p {
  font-size: 90%;
  margin-left: -30px;
}

#contact p img {
  padding: 0 0 1px 4px;
  vertical-align: text-bottom;
}