/* Salvytech - a modern yet clean touch */

*
{
margin: 0;
padding: 0;
outline: 0;
}
 
img
{
border: none;
}
 
body
{
background-color: #ffffff;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial;
color: #727070;
font-size: 12px;
}

/* basic styling and reset */
p
{
line-height: 20px;
color: #727070;
margin-bottom: 15px;
font-size: 12px;
}

a
{
text-decoration: none;
color: #313131;
}

a:hover
{
color: #727070;
}

h2
{
font-family: 'Century Gothic', Verdana, Helvetica;
font-size: 24px;
font-weight: normal;
color: #727070;
margin-bottom: 5px;
}

h2 a
{
color: #727070;
}

h3
{
font-family: 'Century Gothic', Verdana, Helvetica;
font-size: 20px;
font-weight: normal;
color: #727070;
margin-bottom: 5px;
}

h5
{
font-family: 'Century Gothic', Verdana, Helvetica;
font-size: 20px;
font-weight: normal;
color: #0E707E;
margin-left: 15px;
margin-bottom: 5px;
margin-top: 10px;
letter-spacing:-10;
}

h5 a
{
font-family: 'Century Gothic', Verdana, Helvetica;
font-size: 20px;
font-weight: normal;
color: #0E707E;
margin-left: 15px;
margin-bottom: 5px;
margin-top: 10px;
letter-spacing:-10;
}

h6
{
font-family: 'Century Gothic', Verdana, Helvetica;
font-size: 20px;
font-weight: normal;
color: #BBB;
margin-left: 15px;
margin-bottom: -7px;
margin-top: 10px;
letter-spacing:-10;
}


 /* site main container */
#wrapper
{
width: 950px;
margin: 0 auto;
}

/* website header, holds the logo, the search and the menu */
#header
{
float: left;
width: 950px;
}

/* website logo goes here */
#logo
{
float: left;
width: 910px;
height: 165px;
margin: 23px 0 0 0;
}

/* search box */
#search
{
float: right;
width: 180px;
height: 28px;
margin: 23px 10px 0 0 ;
}

#search .search_btn
{
float: left;
width: 33px;
height: 27px;
padding-top: 0px;
}

#search .search_input
{
width: 141px;
height: 17px;
border: none;
border: 1px solid #747373;
color: #727070;
font-size: 11px;
padding: 5px 0 0 4px;
}

/* website menu floated right */
#menu
{
clear: both;
float: right;
height: 32px;
margin: 10px 12px 0 0;
}

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

#menu ul li
{
float: left;
list-style-type: none;
margin-left: 12px;
}

#menu ul li a
{
text-decoration: none;
color: #727070;
line-height: 25px;
}

#menu ul li a:hover
{
text-decoration: underline;
}

#menu ul li.current a
{
display: block;
height: 25px;
padding: 0 7px 0 7px;
background-color: #727070;
color: #ffffff;
line-height: 25px;
}

/* top content area (holds the image slider) */
#top_content 
{
clear: both;
width: 950px;
border-top: 1px solid #d4d2d2;
}

/* post content area (holds the general post sections) */
#post_content
{
float: left;
width: 950px;
background: url(../images/gradient.png) no-repeat;
}

/* post left area */
#post_left
{
float: left;
width: 610px;
padding-top: 20px;
padding-right: 20px;
}

#post_left img
{
padding: 4px;
border: 1px solid #d4d2d2; 
background-color: #e6e5e5;
}

.post
{
float: left;
width: 610px;
}

/* post right area */
#post_right
{
float: left;
width: 295px;
padding-top: 26px;
padding-left: 20px;
border-left: 1px solid #d4d2d2;
}

/* some styling for a list */
#post_right ul
{
margin: 0 0 20px 20px;
padding: 0;
}

#post_right ul li
{
list-style-type: square;
line-height: 20px;
font-size: 12px;
color: #727070;
}

/* portfolio image slider container */
#slider_wrap
{
float: left;
width: 950px;
height: 300px;
padding-top: 25px;
padding-bottom: 20px;
}

/* the actual slider */
#slider
{
width: 950px;
height: 262px;
overflow: hidden;
}

#slider ul li
{
width: 950px;
height: 262px;
list-style-type: none;
}

/* large image */
#slider .slide
{
float: left;
width: 632px;
height: 262px;
}

/* image description */
#slider .text
{
float: left;
width: 290px;
margin: 5px 0 0 25px;
}

/* slider navigation */
ol#controls
{
list-style-type: none;
}

ol#controls li
{
float: left;
margin: 10px 10px 0 0;
}

ol#controls li a
{
display: block;
width: 14px;
height: 19px;
border: 1px solid #9e9c9c;
font-family: 'Century Gothic', Verdana, Helvetica;
font-size: 12px;
color: #727070;
padding-left: 6px;
}

/* left bottom entry, holds webdesign and illustrations */
.left_entry
{
float: left;
width: 625px;
margin-top: 45px;
}

.left_entry p
{
float: left;
width: 267px;
margin-top: 10px;
}

.left_entry img
{
float: left;
margin: -13px 0 0 7px;
padding: 4px;
border: 1px solid #d4d2d2; 
background-color: #e6e5e5;
}

/* showcase container */
#showcase
{
float: left;
width: 910px;
margin-top: 10px;
padding: 10px 15px;
}

/* top info boxes */
.info
{
float: left;
width: 910px;
height: 65px;
background-color: #e6e5e5;
margin-bottom: 20px;
border: 1px solid #d4d2d2;
}

.info p
{
font-size: 20px;
font-family: "Century Gothic", Verdana, Helvetica;
line-height: 25px;
margin: 8px 0 0 40px;
}

/* contact page and form styling */
#contact
{
float: left;
width: 500px;
margin-top: 15px;
}

#contact label
{
font-family: "Century Gothic", Verdana, Helvetica;
display: block;
margin-bottom: 4px;
}

#contact input
{
width: 242px;
height: 20px;
background-color: #e6e5e5;
border: none;
border: 1px solid #d4d2d2;
margin-bottom: 4px;
font-family: Arial, Verdana, Helvetica;
font-size: 12px;
padding: 5px;
color: #727070;
}

#contact textarea
{
width: 443px;
height: 145px;
background-color: #e6e5e5;
border: 1px solid #d4d2d2;
overflow: hidden;
font-family: Arial, Verdana, Helvetica;
font-size: 12px;
padding: 5px;
color: #727070;
}

#contact .next_button
{
float: right;
width: 66px;
height: 25px;
margin-top: 5px;
margin-right: 45px;
background-color: #e6e5e5;
border: 1px solid #d4d2d2;
text-align: center;
color: #727070;
padding: 0;
}

.news_item
{
width: 285px;
margin-bottom: 10px;
border-bottom: 1px solid #d4d2d2;
padding-bottom: 0px;
}

.news_item p
{
font-size: 11px;
margin-bottom: 10px;
}

.icons
{
float: left;
margin-top: -5px;
}

.sub
{
font-family: 'Century Gothic', Verdana, Helvetica;
font-size: 11px;
color: #7d7d7d;
}

/* website footer */
#footer
{
clear: both;
float: left;
width: 910px;
margin-top: 40px;
border-top: 1px solid #d4d2d2;
padding: 5px 0;
}


#footer p
{
font-size: 10px;
}

.fl
{
float: left;
}

.fr
{
float: right;
}

.ro
{
margin-top: 4px;
}

.small
{
font-size: 11px;
margin-bottom: 15px;
}

.bold
{
font-weight: bold;
}

.border
{
padding: 2px;
border: 1px solid #d4d2d2; 
background-color: #e6e5e5;
}











/************************************************
*	Content 					     		    * 
************************************************/

#content {
	width: 960px;
	margin: 0px auto 0px;
	padding: 0px 0px 10px 0px;
	line-height: 18px;
	}
	
#content h1 {
	color: #0E7E91;
	font-size: 20px;
	font-family: Verdana, Arial, Tahoma;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	line-height: 26px;
	}
	
#content h1 a  {
	color: #CCCCCC;
	text-decoration: none;
	}

#content h1 a:hover {
	color: #CCCCCC;
	text-decoration: none;
	}
	
#content h2 {
	color: #333;
	font-size: 16px;
	font-family: Verdana, Arial, Tahoma;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	}
	
#content h3 {
	color: #CCCCCC;
	font-size: 16px;
	font-family: Verdana, Arial, Tahoma;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}
	
#content h4 {
	color: #CCCCCC;
	font-size: 16px;
	font-family: Verdana, Arial, Tahoma;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	}
	
#content img.wp-smiley {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}

#content img.wp-wink {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}
	
#content blockquote p {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	}
	
.contentleft {
	float: left;
	width: 680px;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 0px;
	}
	
#photos {
	width: 960px;
	margin: 0px auto 0px;
	padding: 10px 0px 0px 0px;
	border-top: 1px solid #232323;
	}
	
#photos a img, #photos a:visited img {
	padding: 0px;
	border: 3px solid #232323;
	}
	
#photos a:hover img{
	padding: 0px;
	border: 3px solid #373737;
	}
	
.post {
	margin: 0px 0px 40px 0px;
	padding: 0px;
	}
	
.post img, .postleft img {
	border: 10px solid #000000;
	}
	
.post ol {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	}
	
.post ol li {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
	}
	
.post ul {
	list-style-type: square;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	}
	
.post ul li {
	list-style-type: square;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 5px 0px;
	}
	
.postauthor {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}
	
.postmeta {
	font-size: 11px;
	text-transform: uppercase;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	border-top: 1px solid #333333;
	}
	
.postmeta p {
	margin: 0px;
	padding: 0px;
	}
	
.authorbox {
	background: #111111;
	margin: 20px 0px 0px 0px;
	padding: 10px;
	border: 1px solid #333333;
	}
	
.authorbox p {
	margin: 0px;
	padding: 0px;
	}
	
.authorbox img {
	background: #333333;
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 3px;
	border: 1px solid #333333;
	}
	
.postleft {
	float: left;
	width: 630px;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 0px;
	}
	
.postleft p {
	padding: 0px;
	margin: 0px;
	}
	
.commentsleft {
	margin: 0px;
	padding: 10px 0px 0px 0px;
	border-top: 1px solid #333333;
	}
	
.postright {
	float: right;
	width: 300px;
	margin: 0px 0px 0px 0px;
	padding: 25px 0px 20px 0px;
	}
	
.postright p {
	padding: 0px 0px 20px 0px;
	margin: 0px;
	}
	
blockquote {
	font-style: italic;
	margin: 0px 25px 15px 25px;
	padding: 0px 25px 0px 10px;
	border-left: 2px solid #373737;
	}
	
.archive {
	float: left;
	width: 300px;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	}
	
.thumbnails {
	float:left; 
	margin:0px 15px 20px 0px;
	}
	
.clear {
	clear: both;
	}