/*--------------------General Styling--------------------*/
body,html,h1,h2,h3,h4
{
padding:0;
margin:0;
}


body
{
font:100% arial, verdana, sans-serif;
line-height:1.25;
color:#1e1e1e;
}

html
{
background: url(../images/html_background.png) repeat-x;
}

li
{
list-style:none;
}

/*--------------------End of General Styling--------------------*/

/*--------------------Containers--------------------*/
#wrap
{
width:960px;
margin:0 auto;
}

div#navbars
{
height:50px;
width:960px;
overflow:hidden;
clear:both;
padding:0;
margin:0 auto;
}

ul#featured_work
{
background:url(../images/featured_work_background.png) center center no-repeat;
height:350px;
width:960px;
margin:0 auto;
font-size:85%;

}

ul#featured_work li
{
list-style:none;
width:420px;
float:left;
margin:0.5em 0;
}
         
ul#featured_work li#services
{
font-size:x-small;
}

ul#featured_work li#services span
{
font-weight:bold;
}

ul#featured_work li a
{
color: #257be1;
font-weight:bold;
text-decoration:none;
}

ul#featured_work li h2
{
margin-top:1.5em;
}

ul#recent_work
{
padding:0;
}

ul#recent_work li
{
list-style:none;
float:left;
}

ul#recent_twitterings
{
float:right;
width:310px;
padding:0;
margin-left:10px;
}

ul#recent_twitterings li
{
list-style:none;
}

ul#recent_twitterings li a
{
color: #fff;
text-decoration:none;
}

ul#recent_bloggings
{
float:left;
width:310px;
padding:0;

}

ul#recent_bloggings li
{
list-style:none;
}

ul#recent_bloggings li a
{
font-weight:normal;
}

div#left_column
{
width:450px;
float:left;
overflow:auto;
}

div#right_column
{
width:450px;
overflow:auto;
float:left;
margin-left:40px;
}

ul#contact_info
{
float:left;
padding:0;
width:310px;
margin-right:0px;

}

ul#contact_info li
{
list-style:none;
line-height:30px;
}

ul#phone_email
{
padding:0;
margin:0;
}

ul#phone_email li
{
line-height:30px
}

ul#phone_email li span
{
font-weight:bold;
}


li.email_info{padding-left:40px; background: url(../images/email_icon.png) left center no-repeat}
li.phone_info{padding-left:40px; background: url(../images/phone_icon.png) left center no-repeat}
li.skype_info{padding-left:40px; background: url(../images/skype_icon.png) left center no-repeat}
li.twitter_info{padding-left:40px; background: url(../images/twitter_icon.png) left center no-repeat}
li.facebook_info{padding-left:40px; background: url(../images/facebook_icon.png) left center no-repeat}


li
{
list-style:none;
}




div#theme_copy_nav
{
padding:0;
margin:0;
clear:both;
overflow:auto;
font-size:small;

}
div#theme_copy_nav li
{
list-style:none;
display:inline;


}

ul#copyright
{
float:right;

}

ul#copyright li a
{
color:#fff;
}



ul#theme_select
{
float:left;
padding:0;
}

ul#theme_select a

{
font-weight:bold;
color:#fff;
}











#topbar{width:100%; margin-left:auto; margin-right:auto; background:url("../images/header_background.png") bottom left repeat-x; }
#middle_bar{width:100%; margin:20px auto; background:url(../images/footer_bg.png) #1e1e1e; border-bottom:4px solid #0d0d0d;}
#columns{width:960px; margin:0 auto; background:#fff; overflow:auto;}
#bottom_bar{width:100%; margin-left:auto; margin-right:auto; background:url(../images/footer_bg.png) #1e1e1e; border-top:4px solid #0d0d0d;}
#header{width:960px; margin:0 auto;}
/*--------------------End of Containers--------------------*/

/*--------------------Social Network Navigation--------------------*/
ul#social_networks
{
float:left;
height:50px;
padding:0;
margin:0;
}

ul#social_networks li
{
display:inline;
list-style:none;
}
/*--------------------End of Social Network Navigation--------------------*/

/*--------------------Main Navigation--------------------*/
ul#navigation {
background:url("../images/navigation_sprite.png") no-repeat;
width:450px;
height:50px;
margin:0;
padding:0;
float:right;
}
 
#navigation span {
display: none;
}
 
#navigation li, #navigation a {
height:50px;
display:block;
}
 
#navigation li {
float:left;
list-style:none;
display:inline;
}
 
#home {width: 105px;}
#portfolio {width: 130px;}
#blog {width: 85px;}
#contact {width: 130px;}
 
#home a:hover {background:url("../images/navigation_sprite.png") 0px -50px no-repeat; }
#portfolio a:hover {background:url("../images/navigation_sprite.png") -105px -50px no-repeat; }
#blog a:hover {background:url("../images/navigation_sprite.png") -235px -50px no-repeat; }
#contact a:hover {background:url("../images/navigation_sprite.png") -320px -50px no-repeat; }


#home a#current {background:url("../images/navigation_sprite.png") 0px -50px no-repeat; }
#portfolio a#current {background:url("../images/navigation_sprite.png") -105px -50px no-repeat; }
#blog a#current {background:url("../images/navigation_sprite.png") -235px -50px no-repeat; }
#contact a#current {background:url("../images/navigation_sprite.png") -320px -50px no-repeat; }
/*--------------------End of Main Navigation--------------------*/

/*--------------------Image Replacement--------------------*/
h1.imagereplacement {
  text-indent: -9999px;
	height: 200px;
  width: 350px; 
	background: url(../images/ir_logo.png);
	float:left;
	margin-top:30px
}

h1.imagereplacement a
{
display:block;
height: 200px;
width: 350px;

}


ul#featured_work li#featured_work_header h2.imagereplacement
{
text-indent:-9999px;
height: 50px;
width: 250px; 
background:url("../images/featured_work_header.png");
}

h3.imagereplacement#about_ir_header
{
text-indent:-9999px;
height: 50px;
width: 350px; 
background:url("../images/about_ir_header.png");
}





h2.imagereplacement#recent_work_header, h3.imagereplacement#recent_work_header
{
text-indent:-9999px;
height: 50px;
width: 250px; 
background:url("../images/recent_work_header.png");
}

h2.imagereplacement#contact_header
{
text-indent:-9999px;
height: 50px;
width: 250px; 
background:url("../images/contact_header.png");
margin-top:20px;
}

h4.imagereplacement#recent_twitterings_header
{
text-indent:-9999px;
height: 40px;
width: 200px; 
background:url("../images/recent_twitterings_header.png");
}

h4.imagereplacement#recent_bloggings_header
{
text-indent:-9999px;
height: 40px;
width: 200px; 
background:url("../images/recent_bloggings_header.png");
}

h4.imagereplacement#contact_info_header
{
text-indent:-9999px;
height: 40px;
width: 200px; 
background:url("../images/contact_info_header.png");

}


/*--------------------End of Image Replacement--------------------*/

li h4
{margin-bottom:1em;}

ul#header li
{
list-style:none;
}

li#website_tagline
{
font-size:large;
width:40%;
float:left;
margin-top:95px;
}

/*--------------------Reusable Classes--------------------*/

img#avatar
{
display:block;
float:right;
}

a img 
{
border:none;
}

.fltlft
{
float:left
}

.fltright
{
float:right;
}
/*--------------------End of Reusable Classes--------------------*/

/*--------------------Footer--------------------*/
#footer
{
width:960px;
clear:both;
color:#fff;
margin:0 auto;
overflow:auto;
}
/*--------------------End of Footer--------------------*/

/*--------------------Twitter Feed--------------------*/
.twtr-hd, .twtr-ft
{
display:none
}
/*--------------------End of Twitter Feed--------------------*/ 
 a{text-decoration:none;}
 a:link{font-weight:bold; color:#1e1e1e}
 a:visited{font-weight:bold; color:#1e1e1e}
 a:hover{font-weight:bold; color:#1e1e1e}
 a:active{font-weight:bold; color:#1e1e1e}



/*--------------------Portfolio Pieces--------------------*/ 

ul.portpiece
{
border-bottom:1px dashed #444444;
overflow:auto;
margin-bottom:20px;
padding:0 0 20px 0;
width:430px;
margin-right:50px;
float:left;
}


ul.portpiece a
{
color: #257be1;
}
ul.portpiece h3 a
{
color: #1e1e1e;
}
ul.portpiece li
{
list-style:none;
margin-bottom:0.5em;
}

li.portservices
{
font-size:small;
}


.portimg
{
border:2px solid #e1e1e1;


}

.portpiece span
{
font-weight:bold;
color:#1E1E1E;
}
/*--------------------End of Portfolio Pieces--------------------*/ 

/*--------------------Form Styling--------------------*/
/* General */

#msg {display:none; position:absolute; z-index:200; background:url(../images/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent {display:block; background:#fff; border:2px solid #000; border-left:none; padding:5px; min-width:150px; max-width:250px}

.cleanform {
	font-size:1em;
	width:50%;
	color:#000;
	text-align:left;

}

/* Elements */

.cleanform  label,.cleanform legend{
	padding:0;
	margin:0.3em 0
}

.cleanform fieldset{
	padding:0.7em;
	border:none;
	margin:0 0 0.5em 0
}

.cleanform label {
font-size:110%; 
}

.cleanform fieldset input {
    width:100%;
    line-height:1.5em;
	padding:0.15em
}

.cleanform fieldset input[type="hidden"] {
    display:none;
}

.cleanform .radio input,
.cleanform .checkbox input {
    width:auto;
    border:none;
    margin:0 1.5em 0 0
 }

.cleanform input, .cleanform textarea, .cleanform select {
    display:block;
    margin-bottom:1em;
    font-size:1em;
    border:1px solid #bbb;
    padding:0.15em;
    margin-right:1em
 }

.cleanform .radio label, .cleanform .radio input,
.cleanform .checkbox label, .cleanform .checkbox input {
    display:inline;
    margin:0 1.5em 0 0
}

.cleanform .radio input, .cleanform .checkbox input {
    margin:0 0.3em 0 0
}

/* Button */

.cleanform button {
	margin:0.3em 1em;
	border:1px solid #ccc;
	background-color:#eee;
	font-size:1em;
	cursor:pointer;
	padding:0.5em
}

.cleanform button:hover {
	background-color:#b2b2b2;
	border:1px solid #ccc;
	color:#eee
}

.cleanform button:active {
	background-color:#333;
	color:white;
	border:1px solid #000
}

/* information */

.cleanform .formInfo {
    margin-bottom:1em;
    padding-bottom:0.5em;
    border-bottom:0.1em solid #ddd
}

.cleanform .formInfo h2 {
	color:#00889e;
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:1em
}

.cleanform .formInfo p{
	text-align:justify
}

.cleanform .required {
	color:#890d2f;
	font-weight:bold;
	font-size:0.8em
}

.fieldbg
{
background: url(../images/textboxbg.jpg) top center no-repeat #fff;
}
/*--------------------End of Form Styling--------------------*/

div#right_column ul
{
padding:0;
}

div#right_column ul li
{
list-style:none;
}

div#right_column ul li span.fltleft
{
font-weight:bold;
}

li#blog_entry a
{
color:#fff;
}

li#blog_entry 
{
line-height:30px;
}







.serendipitySideBarContent input {
    width: 150px;
}

#mainpane {


    width: 100%;
    padding:0;
    margin:0;
    background-color: #FFFFFF;


}


table
{
border-collapse:collapse;
}


#content {
    padding: 10px 20px 10px 10px;
    margin: 10px;
    width: auto;
}

#serendipityRightSideBar {
    width: 180px;
    color:#fff;
    background:url(../images/sidebar_bg_2.png) repeat-y #1e1e1e;
    padding:30px 0 0 10px;
    margin:0;

}

#serendipityRightSideBar a
{
color:#fff;
}



input, textarea {
    font-size: 10pt;
    font-family: verdana, arial, helvetica, sans-serif;
}

th, td {
    font-size: 10pt;
}

p, td, th, div, span {
    font-family: verdana, arial, helvetica, sans-serif;
}

#serendipity_banner {
    margin: auto;
    width: 100%;
    height: 72px;
    background-image: url({TEMPLATE_PATH}img/background.png);
}

a.homelink1,
a.homelink1:hover,
a.homelink1:link,
a.homelink1:visited,
#serendipity_banner h1 {
    color: #FFFFFF;
    font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
    font-size : 20px;
    padding-left:15px;
    padding-top: 10px;
    margin: 0px;
    text-decoration: none;
}

a.homelink2,
a.homelink2:hover,
a.homelink2:link,
a.homelink2:visited,
#serendipity_banner h2 {
    color: #FFFFFF;
    padding-left: 15px;
    font-size: 14px;
    margin: 0px;
    text-decoration: none;
}

.serendipity_title {
    font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
    font-size: large;
    font-weight: bold;
    margin-top: 10px;
    color: #333333;
    padding-left: 5px;
    border-bottom: 2px solid #1e1e1e;
}

.serendipity_title a:link,
.serendipity_title a:visited {
   text-decoration: none;
   border: 0;
   color: #000000;
}

.serendipity_title a:hover {
   color: #000000;
}

.serendipity_entry {
    font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
    color: #333333;
    font-size: 9.5pt;
    font-weight: normal;
    padding-right: 10px;
    width: 95%;
    margin: auto;
    margin-top: 10px;
}

.serendipity_entry_body_folded,
.serendipity_entry_body_unfolded,
.serendipity_entry_extended {
    /* Inner blocks of .serendipity_entry, can be used for further customization */
}

.serendipity_entry_date {
    margin: auto;
}

.serendipity_date {
    font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
    font-size: small;
    color: #333333;
    margin: 0;
    margin-top: 20px;
    text-align: right;
}

.serendipity_commentsTitle {
    font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
    margin-top: 10px;
    color: #333333;
    padding-left: 5px;
    border-bottom: 2px solid #36558C;
}

div.serendipity_entryFooter {
    font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
    font-size: x-small;
    color: #000000;
    padding-top: 10px;
    padding-bottom: 4px;
    clear: both;
}

img.serendipity_entryIcon {
    float: right;
    border: 0px;
}

img.serendipity_entryIcon {
    float: right;
    border: 0px;
}

td.serendipity_commentsLabel {
    font-size: 12px;
    font-weight: bold;
    vertical-align: top;
}

td.serendipity_commentsValue input,
td.serendipity_commentsValue select,
td.serendipity_commentsValue textarea {
    font-size: 12px;
    padding: 2px;
    width: 400px;
}


.serendipity_commentForm {
    font-size: 13px;
    color: #404040;
    margin-bottom: 13px;
    margin-right: 10px;
    margin-left: 10px;
    background-color: #FFFFFF;
}
.serendipity_comment {
    font-size: 13px;
    margin-top: 10px;
    margin-right: 10px;
    margin-left: 10px;
    color: #404040;
    padding: 3px;
    background-color: #FFFFFF;
    overflow: auto;
}

.serendipity_comment_source {
    margin-top: 5px;
    padding-left: 5px;
    margin-bottom: 5px;
    padding-bottom: 3px;
    border-bottom: 2px solid #36558C;
}



table.serendipity_calendar td {
    font-size:11px;
    padding: 3px;
}
table.serendipity_calendar a {
    color: #FF0000;
    font-weight: bold;
    text-decoration:none;
}

table.serendipity_calendar a:hover {
    text-decoration: none;
}

td.serendipity_weekDayName {
    font-size:11px;
    font-weight:bold;
}
td.serendipity_calendarHeader a:link,
td.serendipity_calendarHeader a:visited,
td.serendipity_calendarHeader a:hover {
    border: 0;
    text-decoration: none;
}

div.serendipityPlug {
    padding-left: 10px;
}

div.serendipityPlug a {
    text-decoration: none;
    border: 0px;
}

/* Container for each item on the side bar */
div.serendipitySideBarItem {
width:150px;
    padding:0 10px 12px 10px;
    margin-bottom: 12px;
    font-size: 12px;
    font-weight:normal;
    border-bottom: solid 2px #ccc;
}

/* title of an individual item */
.serendipitySideBarTitle {
    margin: 0;
    font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
    color: #fff;
    font-size: 12px;
    font-weight:bold;
    padding-left:2px;
    padding-bottom:2px;
}

.serendipityImageButton {
    cursor: pointer;
}
.serendipity_entry p {
    margin-top: 0px;
    padding-bottom: 0px;
}

/** Embedded images with the s9y image manager **/
.serendipity_imageComment_center,
.serendipity_imageComment_left,
.serendipity_imageComment_right {
    border: 1px solid #DDDDDD;
    background-color: #EFEFEF;
    margin: 3px;
    padding: 3px;
    text-align: center;
}

.serendipity_imageComment_center {
    margin: auto;
}

.serendipity_imageComment_left {
    float: left;
}

.serendipity_imageComment_right {
    float: right;
}

.serendipity_imageComment_img,
.serendipity_imageComment_img img {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.serendipity_imageComment_txt {
    border-top: 1px solid #DDDDDD;
    margin: 0px;
    padding: 3px;
    clear: both;
    font-size: 8pt;
    text-align: center;
}

.serendipity_comments {
}

.serendipity_center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.serendipity_msg_important {
    color: red;
}

.serendipity_msg_notice {
    color: green;
}

.serendipity_entry_author_self {
}

.serendipity_comment_author_self .serendipity_comment_source {
    background-color: #EEEEFF;
}


/*** Additional plugin styles needed for the modernized output code ***/
/*** added by Matthias 'YellowLed' Mees                             ***/

.container_serendipity_archives_plugin ul,
.container_serendipity_syndication_plugin ul,
.container_serendipity_authors_plugin ul,
.container_serendipity_plugin_entrylinks ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

.container_serendipity_authors_plugin .serendipitySideBarContent div {
    margin: 5px 0;
    padding-left: 0;
}

.serendipity_history_author { font-weight: bolder; }

.serendipity_history_intro,
.serendipity_history_info { margin-bottom: 3px; }

.serendipity_history_body { margin-bottom: 10px; }

.serendipity_recententries_entrylink { margin-bottom: 2px; }

.serendipity_recententries_entrydate { margin: 0 0 4px 0; }

.plugin_comment_body { padding: 3px 0; }

.serendipity_shoutbox_date { margin: 5px 0 2px 0; }

.serendipity_shoutbox_comment { padding: 3px 0; }

/*** End Additional plugin styles                                   ***/