/*
Theme Name: Web Consulting Theme
Theme URI: http://wordpress.org/
Description: Irvine Web Consulting WordPress theme.
Version: 1.0
Author: Eugene Ivashin
Author URI: http://www.prepmasters.com/

	This theme was designed and built by Eugene Ivashin,
*/


html {
  margin: 0;
  padding: 0;
}



body {
  margin: 0;
  padding: 0;

  color: #333;
  text-align: center;
  font-size: 62.5%; /* Resets 1em to 10px */
  font-family: Verdana, Arial, sans-serif;

  background: #FFF;
}



form {
  margin: 0;
  padding: 0;
}



#wrapper {
  margin: 0 auto;
  padding: 0;

  width: 760px;

  text-align: left;
}

#header {
  position: relative;

  margin: 0 0 10px 0;
  padding: 0 0 10px 0;

  height: 270px;

  /* background: #FFFFFF url(topheader_bg.gif) no-repeat 50% 0; */
  border-bottom: 2px solid #2a5189;
}


#flash-header {
  position: relative;

  margin: 0 0 10px 0;
  padding: 0 0 10px 0;

  /* background: #FFFFFF url(topheader_bg.gif) no-repeat 50% 0; */
  border-bottom: 2px solid #2a5189;
}


#smaller-header {
  position: relative;

  margin: 0 0 10px 0;
  padding: 0 0 10px 0;

  height: 130px;

  background: #FFFFFF url(smallerheader_bg.jpg) no-repeat 50% 0;
  border-bottom: 2px solid #2a5189;
}


#flash-header #logo {
  display: none;
}


#header #logo, #smaller-header #logo {
  position: absolute;
  top: 202px;
  left: 14px;

  width: 540px;
  height: 69px;

  margin: 0;
  padding: 0;
}

#smaller-header #logo {
  position: absolute;
  top: 60px;
  left: 14px;

  width: 540px;
  height: 69px;

  margin: 0;
  padding: 0;
}


#header a, #smaller-header a {
  display: block;

  width: 540px;
  height: 69px;
}


#header span, #smaller-header span {
  display: none;
}

#header .description, #smaller-header .description {
  display: none;
}






#subwrapper {
  position: relative;

  margin: 0;
  padding: 0;

  background: transparent url(bpixel.gif) repeat-y 170px 0;
}






#content {
  margin: 0;
  padding: 0 0 0 190px;

  min-height: 550px;

  font-size: 1.2em;

}

* html #content {
  height: 550px;
}



#content h1 {
  padding: 3px 10px;
  margin: 0 0 10px 0;

  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  color: #2B3FA0;

  background: #bccce4;
}


#content h1.special {
  padding: 3px 10px;
  margin: 0;

  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  color: #FFF;

  background: #2B3FA0;
}




#footer {
  clear: left;

  margin: 10px 0 0 0;
  padding: 10px 0;

  color: #2a5189;
  font-size: 13px;
  text-align: right;

  border-top: 2px solid #2a5189;
}



p {
  margin: 0 0 1em 10px;
  padding: 0;

  font-size: 1.05em;
}

ul, ol {
  margin: 0 0 0.6em 10px;
  padding: 0 0 0 1.8em;

  font-size: 1.05em;
}


ul li, ol li {
  margin: 0;
  padding: 3px 0 3px 0;
}


table p, table ul, table ol {
  margin-left: 0 !important;
  font-size: 1.05em !important;
}

table h2, table h3, table h4 {
  margin-left: 0 !important;
}



small {
  font-size: 0.7em;
  line-height: 1.5em;
}

p.small {
  margin-left: 10px;

  font-size: 0.7em;
  line-height: 1.5em;
  color: #777;
}


#headerimg .description {
  text-decoration: none;
  color: white;
  }

h1 a, h1 a:visited, h2 a, h2 a:visited {
  color: #333;
  }

h1 a, h1 a:hover, h1 a:visited, h2 a, h2 a:hover, h2 a:visited, #wp-calendar caption, cite {
  text-decoration: none;
  }


h2 {
  padding: 0;
  margin: 0.2em 0 1em 10px;

  color: #ff6b00; /* ff4000 */
  font-size: 1.03em;
}


h3 {
  padding: 0;
  margin: 0.2em 0 0.5em 10px;

  color: #333;
  font-size: 1em;
}


h4 {
  padding: 0;
  margin: 0.2em 0 0.2em 10px;

  color: #333;
  font-size: 0.96em;
}



.cite {
  margin: 0.5em 0 2em 10px;
  padding: 0 0 10px 0;

  background: #DDD;
}


.cite h3 {
  padding: 2px 10px;
  margin: 0 0 1em 0;

  color: #fff;
  font-size: 1.03em;

  background: #666;
}


.cite p {
  margin: 0.2em 10px 0.8em 10px;
  padding: 0;

  font-size: 1em;
}




p a:visited {
  color: #b85b5a;
  }



small, .nocomments, blockquote, strike {
  color: #777;
}

code {
  font: 1.1em 'Courier New', Courier, Fixed;
  }

acronym, abbr, span.caps
{
  font-size: 0.9em;
  letter-spacing: .07em;
  }

a, h1 a:hover, h2 a:hover {
  color: #06c;
  text-decoration: none;
  }

a:hover {
  color: #147;
  text-decoration: underline;
  }









p img {
  padding: 0;
  max-width: 100%;
  }


img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  }

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

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

.alignright {
  float: right;
  }

.alignleft {
  float: left
}




#sidebar {
  position: absolute;
  left: 0;

  padding: 0;
  margin: 0;
  font-size: 13px;

  width: 170px;
}


#sidebar .header {
  padding: 3px 10px;
  margin: 0;

  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  color: #FFF;

  background: #2B3FA0;
}


#phone-box {
  padding: 3px 10px;
  margin: 0 0 10px 0;

  font-size: 13px;
  font-weight: normal;
  color: #FFF;

  text-align: center;

  background: #2B3FA0;
}

#phone-box strong {
  font-size: 15px;
  color: #FFFC99;
}




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

#sidebar ul li {
  height: 1%;

  margin: 0 0 2px 0;
  padding: 0;

  list-style: none;
}

#sidebar ul p, #sidebar ul select {
  margin: 5px 0 8px;
}

#sidebar ul ul, #sidebar ul ol {
  margin: 5px 0 0 10px;
}

#sidebar ul ul ul, #sidebar ul ol {
  margin: 0 0 0 10px;
}

#sidebar ul ul li, #sidebar ul ol li {
  margin: 3px 0 0;
  padding: 0;
}



#sidebar ul#pages ul, #sidebar ul#works ul, ul.onpage-nav ul {
  margin: 0 0 5px 0 !important;
  padding: 0 !important;
}

#sidebar ul#pages ul li, #sidebar ul#works ul li, ul.onpage-nav ul li {
  margin: 2px 0 0 0 !important;
  padding: 0 !important;

  font-size: 13px;
  list-style: none !important;
}

#sidebar ul#pages ul li a, #sidebar ul#works ul li a, ul.onpage-nav ul li a {
  display: block !important;

  margin: 0 !important;
  padding: 2px 2px 2px 20px !important;

  color: #2a5189 !important;
  text-decoration: none;

  background: #dbe0e6 url(blue_pin.gif) no-repeat 8px 5px;
}



#sidebar ul#works ul li a, ul.onpage-nav ul li a {
  background: transparent url(blue_pin.gif) no-repeat 8px 5px;
}

#sidebar ul#pages ul li a:hover, #sidebar ul#works ul li a:hover, ul.onpage-nav ul li a:hover {
  color: #2a5189 !important;
  text-decoration: underline;
}

#sidebar ul#pages ul li a.current, #sidebar ul#works ul li a.current, #sidebar ul#works ul li a.current, ul.onpage-nav ul li a.current {
  color: #ff6b00 !important; /* ff4000 */
  text-decoration: none;
  font-weight: bold;

  background: #dbe0e6 url(orange_pin.gif) no-repeat 8px 5px;
}

#sidebar ul#works ul li a.current, ul.onpage-nav ul li a.current, ul.onpage-nav ul li a.current {
  background: transparent url(orange_pin.gif) no-repeat 8px 5px;
}

#sidebar ul#pages ul li a.current:hover, #sidebar ul#works ul li a.current:hover, #sidebar ul#works ul li a.current:hover, ul.onpage-nav ul li a.current:hover {
  color: #ff4000 !important;
  text-decoration: underline;
}


.post ul li.separated {
  margin-top: 4px;
  padding-top: 4px;

  border-top: 1px solid #BCCCE4;
}


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
  cursor: help;
  }

acronym, abbr {
  border-bottom: 1px dashed #999;
  }

blockquote {
  margin: 15px 30px 0 10px;
  padding-left: 20px;
  border-left: 5px solid #ddd;
  }

blockquote cite {
  margin: 5px 0 0;
  display: block;
  }

.center {
  text-align: center;
  }

hr {
  margin: 5px 0;
  padding: 0;

  height: 1px;

  color: #BCCCE4;

  border: 0 none;
  border-bottom: 1px solid #BCCCE4;
}

a img {
  border: none;
  }

.navigation {
  display: block;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 60px;
}



/* Top page shortcuts */

.shortcuts {
  background: #bccce4;
}

.shortcuts table {
  margin: 8px 5px;
}

.shortcuts table td {
  padding: 0 3px 8px 3px;
}

.shortcuts a {
  display: block;

  margin: 0;
  padding: 100px 5px 5px 5px;

  width: 95px;
  height: 15px;

  text-align: center;
  font-size: 9px;
  color: #fff;
}

.shortcuts a:hover {
  color: #BCCCE4;
  text-decoration: underline;
}

#shortcut_websites {
  background: #000 url(shcut_websites2.jpg) no-repeat 50% 0;
}

#shortcut_logos {
  background: #000 url(shcut_logos2.jpg) no-repeat 50% 0;
}

#shortcut_dev {
  background: #000 url(shcut_development2.jpg) no-repeat 50% 0;
}

#shortcut_photos {
  background: #000 url(shcut_photo2.jpg) no-repeat 50% 0;
}

#shortcut_seo {
  background: #000 url(shcut_seo2.jpg) no-repeat 50% 0;
}








.request-form, .incut {
  margin: 0 0 10px 20px;
  padding: 0;

  width: 200px;

  float: right;

  font-size: 9px;

  border: 1px solid #2A5189;
}


.incut .header {
  padding: 2px 10px;
  margin: 0 0 5px 0;

  font-weight: bold;
  color: #FFF;

  background: #2A5189;
}


.request-form td {
  padding: 2px 5px;

  text-align: left;

  background: #DBE0E6;
  border-bottom: 2px solid #FFF;
}

.request-form td.caption {
  text-align: center;

  font-size: 11px;

  background: #BCCCE4;
  border-top: 0 none;
}

.request-form input {
  width: 99%;

  padding: 0;

  background: #FFF;
  border: 1px solid #BCCCE4;
}

.request-form input.btn {
  width: 60%;

  padding: 0;

  background: #BCCCE4;
  border: 1px solid #2A5189;
}

.request-form input.clearbtn {
  width: auto !important;

  padding: 0 !important;

  background: transparent !important;
  border: 0 none !important;
}






.request-area {
  margin: 10px 0 10px 20px;
  padding: 0;

  width: 200px;

  text-align: right;

  float: right;
}


.request-table {
  margin: 0;
  padding: 0;

  width: 200px;

  font-size: 9px;
}


.request-form-wrapper {
  background: #BCCCE4 url(rform_bg.jpg) no-repeat 0 100%;
}

.incut .header {
  padding: 2px 10px;
  margin: 0 0 5px 0;

  font-weight: bold;
  color: #FFF;

  background: #2A5189;
}


.request-table td {
  padding: 2px 5px;

  text-align: left;
}

.request-table td.caption {
  padding-top: 10px;

  text-align: center;

  font-size: 11px;

  background: transparent url(rform_top.jpg) no-repeat 0 0;
}

.request-table input {
  width: 95%;
  font-size: 9px;
}

.request-area button {
  width: 90px;
  height: 26px;

  padding: 0;

  background: #BCCCE4 url(rform_button.jpg) no-repeat 0 0;
  border: 0 none;
}



.request-area button span {
  display: none;
}






.mtable {
  width: 100%;

  margin: 0 0 20px 0;

  line-height: 1em;
  font-size: 85%;
}

.mtable th {
  padding: 4px;

  color: #000;
  text-align: center;

  background-color: #BCCCE4;
}

.mtable tbody td, .mtable td {
  padding: 4px;

  color: #333333;

  background-color: #DBE0E6;
}

.mtable tfoot td {
  padding: 4px;

  color: #333;

  background-color: #BCCCE4;
}

.mtable tbody th a, .mtable tfoot th a {
  color: #CC0000;
  text-decoration: underline;
}

.mtable tbody th a:hover, .mtable tfoot th a:hover {
  color: #EE3333;
  text-decoration: underline;
}

.mtable p, .mtable ul, .mtable ol {
  padding-top: 0;
  padding-bottom: 0;

  margin-top: 0;
  margin-bottom: 2px;

  line-height: 1em;
}


.form-table {
  margin: 0 0 20px 10px;
  width: 550px;
}

.form-table td, .form-table th {
  padding: 4px 0;

  text-align: left;
}

.form-table textarea {
  width: 100%;
}





.box {
  margin: 0 0 10px 20px;
  padding: 10px;

  width: 200px;

  float: right;

  font-size: 11px;

  background: #DDDDDD;
  border: 5px solid #A0A0A0;
}


.phonebox {
  margin: 0 0 10px 20px;
  padding: 10px;

  width: 200px;

  float: right;

  font-size: 13px;
  color: #222;
  font-weight: bold;
  font-family: Georgia, "Times New Roman", serif;

  background: #FFFC99;
  border: 0 none;
}

.phonebox em {
  font-style: normal;
  color: #aa0000;
  font-family: "Arial Black", Arial, sans-serif;
}


.left {
  margin: 0 20px 10px 10px;
  float: left;
}


.right {
  margin: 0 0 10px 20px;
  float: right;
}


.yellow {
  background-color: #FFFC99;
}


.portfolio-item {
  clear: both;

  margin: 0 0 10px 0;
  padding: 15px;

  overflow: hidden;

  background: #DBE0E6 url(blue_corner.gif) no-repeat 100% 100%;
}

.portfolio-item h2 {
  margin: 0 0 12px 0;
  padding: 0;
}

.portfolio-item p {
  margin: 0 0 10px 200px;
  padding: 0;
}

.portfolio-item img {
  margin: 0;
  padding: 0;

  float: left;
}


.portfolio-item hr {
  clear: both;
  height: 1;
  margin: 0;
  padding: 0;
  border: 0 none;
  color: #DBE0E6;
  background: #DBE0E6;
}


.template-item {
  margin: 0 0 10px 0;
  padding: 15px;

  overflow: hidden;

  text-align: center;

  background: #DBE0E6 url(blue_corner.gif) no-repeat 100% 100%;
}

.template-item img {
  margin: 0 10px;
  padding: 0;
}