/******************************************************/
/* File: iandevlin.css                                */
/* Version: 0.1                                       */
/* Updated: 03/01/2010                                */
/* Author: Ian Devlin (http://www.iandevlin.com)      */
/******************************************************/
/* Default settings */

/* HTML 5 */
article, aside, figure, footer, header, hgroup, menu, nav, section { display:block; }

body {
	font-family: Georgia, Times, Verdana;
	font-size:0.8em;
	color:#424242;
	background:#fff url('../images/cotton.jpg') repeat;
}
h1 { display:none; }
h2 { 
	font-size:1em; 
	margin-top:0;
}
a,a:link { 
  color:#990303;
  text-decoration:none;
}
a:hover { color:#990303; }
img { border: none; }
abbr{
	color:#990303;
	border-bottom:1px dotted #990303;
	cursor:help;
}
ul  { line-height: 1.6em; }

#info {
	margin-top:5px;
	margin-left:32px;
	font-size:0.8em;
}

/* Outer container */
#outercontainer {
  position: absolute;
  top:50%;
  left:0px;
  width:100%;
  height:1px;
  overflow:visible;
}

/* Inner container */
#innercontainer {
  width:80%;
  height:400px;
  position:absolute;
  top:-130px;
}

/* Title Image */
#titleImage {
   background-image:url('../images/iandevlin.png');
   background-repeat:no-repeat;
   width:280px;
   height:47px;
   margin-left:30px;
   margin-top:30px;
   cursor:pointer;
   display:block;
}
#titleImage  { behavior:url('css/iepngfix.htc'); }

/* Right container */
#rightcontainer {
	margin-top:-75px;
	float:right;
}

/* Menu */
#menu {
	width:278px;
	height:42px;
	float:right;
	margin-right:-38px;
	margin-top:30px;
}

/* Menu items */
#blog,#about,#services,#portfolio,#cv {
   height:42px;
   cursor:pointer;
   display:inline-block;
   margin-top:2px;
   margin-right:5px;
   float:right;
   background-color:transparent;
   background-repeat:no-repeat;
   background-image:url('../images/menu.png');
   behavior:url('css/csshover3.htc');
}
/* Blog */
#blog, #blog a { 
   width:31px;
   background-position:-0px -0px;
}
#blog:hover{ background-position:-38px -0px;  }
/* About */
#about { 
   width:50px;
   background-position:-72px 0px;
}
#about:hover{ background-position:-126px -0px; }
/* Services */
#services { 
   width:64px;
   background-position:-180px -0px;
}
#services:hover{ background-position:-245px -0px;  }
/* Portfolio */
#portfolio { 
   width:65px;
   background-position:-309px -0px; 
}
#portfolio:hover{ background-position:-374px -0px;  }
/* CV */
#cv {
    width:18px;
	margin-right:10px;
    background-position:-439px -0px; 
}
#cv:hover{ background-position:-457px -0px; }
 
/* Contact container */
#contactcontainer {
	height:70px;
	width:105px;
	float:right;
	margin-bottom:10px;
}
#xing,#email,#facebook,#linkedin,#twitter {
	background-image:url('../images/icons.gif');
	background-color:transparent;
	background-repeat:no-repeat;
	height:30px;
	width:30px;
	display:inline-block;
	float:right;
	margin-left:5px;
	margin-bottom:5px;
	cursor:pointer;
}
#xing { background-position:-0px -0px; }
#email { background-position:-30px -0px; }
#facebook { background-position:-60px -0px; }
#linkedin{ background-position:-90px -0px; }
#twitter { background-position:-120px -0px; }

/* Information */
#infocontainer { 
    clear:both; 
    float:right;
   	background-color:#dcdcdc; /* #dcdcdc; */
}

/* Email, about, portfolio, cv, blog and noscript boxes */
#emailbox,#aboutbox,#servicesbox,#portfoliobox,#cvbox,#noscriptbox,#blogbox {
	display:none;
	left:100px;
    width:550px;
	height:auto;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
    margin:10px;
    text-align:justify;
    padding:10px;
	background:#dcdcdc;
}
#emailbox a,#aboutbox a,#servicesbox a,#noscriptbox a,#blogbox a { border-bottom:1px dotted #990303; }

/* Formmarker class used for group identity only */
.formmarker { }

/* Blog box */
#blogbox {}
#blogbox footer a {
	margin-top:10px;
	float:right;
}
#blogbox .bentry  { 
	margin-top:10px;
	border-top:1px dotted #424242;
	display:block;
	padding-top:5px;
}
#blogposts .bentry h2 { font-style:italic; }
#blogposts .bentry footer a { float:none; }


/* Email box */
#emailbox {}
#emailcontainer { margin-bottom:10px; }
#emailcontainer label  { 
	width:80px; 
	float:left;
}
#formerror {
	display:none;
	margin-bottom:5px;
	margin-left:80px;
	color:#b40404;
}
.formitem { margin-bottom:5px; }
.formitem input { width:250px; }
.formitem textarea { 
	width:250px;
	height:150px;
}
.formbutton {
   position:relative;
   display:inline;
   text-align:center;
   left:150px;
   top:5px;
}
.greybutton {
   width:65px;
   font-size:10px; 
   color:rgb(118,111,111);
}

/* About box */
#aboutbox {}

/* Services box */
#servicesbox {}

/* Portfolio box */
#portfoliobox {}

.portfoliointro {
	padding:5px;
	padding-left:0;	
	clear:both;
}
.portfolioitems { 
    /*float:right;*/
	margin:0;
}
.portfolioitem {
	margin:4px;
	margin-left:0;
    display:inline;
}
.portfolioitem img {
	border:1px solid #000000;
}

/* CV box */
#cvbox {}
#cvcontainer {
	margin-bottom:10px;
	min-height:100px;
}

/* No script box */
#noscriptbox {
    display:block;
}

/* Twitter and tweets */
#twitter-bubble {
	display:none;
	position:absolute;
	padding:1px;
	top:0;
	right:0;
	margin:120px 0 0 0;
	padding-left:20px;
	/*padding-right:0px;*/
	color:#fff;
	background:#880e0e;
	width:400px;
	min-height:40px;
	height:auto !important;
	/* css3 */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
/* Triangle */
#twitter-bubble:after {
	content:"\00a0";
	display:block;
	position:absolute;
	z-index:-1;
	top:-30px;
	left:360px;
	width:0;
	height:0;
	border:0 solid transparent;
	border-bottom-color:#880e0e;
	border-width:10px 0 35px 35px;
}
/* The tweet itself */
#tweet { padding:0; }
#tweet ul {
	margin:0;
	padding:7px;
	list-style-type:none;
}
#tweet ul li {
	margin:0;
	padding:0;
}
#tweet ul li a { color:#fff; }