/*  
Theme Name: pwi.vn
Theme URI: http://pwi.vn
Description: pwi theme
Version: 1.0
Author: Anders Palm
Author URI: http://anderspalm.com


/* HTML Elements */
.preload {
display:none;
}

html {
height:101%;
visibility: visible;
background:#f9f9f9;
margin:none !important;
padding:none !important;
font:14px/19px arial, verdana;
color:#222;
}

body {
margin:none !important;
padding:none !important;
}

p {
margin:5px 5px 12px 0px;
padding:none;
}

h1 {
  font:21px Georgia, "Times New Roman", Times, serif;
  color:#999;
 display:inline;
 border:none;
}

h1 a, h1 a:visited, h1 a:active, h1 a:hover {
text-decoration:none;
border:none;
padding:none;
}

h2 {
font:17px/10px arial;
font-weight:200;
padding:none;
margin-bottom:none !important;
color:#222;
}

h3 {
font:15px/10px arial;
font-weight:200;
padding:none;
margin-bottom:none !important;
color:#222;
}

a, a:active, a:visited {
color:#222;
text-decoration: none;
border-bottom:1px solid #cccc00;
padding:2px;
}

a:hover {
color:#000;
background: #FCCD13;
text-decoration: none;
border-bottom:none;
padding:2px;
}

#content_wrapper a, #content_wrapper a:active, #content_wrapper a:visited {
color:#000;
text-decoration: none;
border-bottom:1px solid #cccc00;
padding-right:20px;
background:url('images/new_window3.gif') top right no-repeat;
}

#content_wrapper a:hover {
color:#000;
text-decoration: none;
border-bottom:none;
padding-right:20px;
background: #FCCD13 url('images/new_window3.gif') top right no-repeat;
}


#content_wrapper .internal a, #content_wrapper .internal a:active, #content_wrapper .internal a:visited {
color:#000;
text-decoration: none;
border-bottom:1px solid #cccc00;
padding-right:0px;
background:none;
}

#content_wrapper .internal a:hover {
color:#000;
text-decoration: none;
border-bottom:none;
padding-right:0px;
background: #FCCD13;
}

a img {
border:0px;
}

#text {
width:700px;
margin:0 auto;
}

#left {
float:left;
margin:29px 0px 180px 39px !important;
width:374px !important;
padding:0px 30px 30px 0px;
border-right:1px solid #DFDFDF;
}

#right {
float:right;
margin:30px 40px 180px 30px !important;
width:175px !important;
}






img {
background:none;
border:0px;
margin:0px;
padding:0px;
}



#top_wrapper {
width:700px;
height:150px;
background: url('images/peoplewithideas.gif') 37px 30px no-repeat;
margin:0 auto;
}

#main_wrapper {
position: absolute;
top: 0px;
left: 50%;
margin-left: -390px;
width:780px;
padding:0 !important;
}

#content_wrapper {
width:100%;
color:#000;
}

#bottom_wrapper {
width:100%;
float:left;
}


#content_wrapper p, #content_wrapper h1, #content_wrapper h2 {
color:#000;
}

#logo {
margin:0px 0px 0px 0px;
height:110px;
width:130px;
}

#content {

}

#logo a, #logo a:hover, #logo a:visited {
text-decoration: none;
border:none;
background:none;
}

ul, li {
list-style-type:none;
margin:0px;
padding:0px;
}

#content ul, #content li {
list-style-type: circle;
margin-left:14px;
padding:0px;
}


#social {
height:50px;
margin:11px 0px 40px 4px;
}

#social a {
border:none;
}

#copylinks {
float:left;
clear:both;
padding:none;
width:100%;
margin:0px 0px;
text-align:center;
color:#222;
}

#thelinks a {
color:#222;
border:none;
text-decoration:none;
padding:1px;
background:none;
}

#thelinks a:hover {
border:none;
color:#222;
background: #FCCD13;
padding:1px;
}

#thelinks {
position:relative;
bottom:30px;
left:0;
width:240px;
}

#menu {
position:absolute;
top:68px;
left:0px;
height:30px;
width:100%;
margin:0px 0px;
}

#menu ul {
list-style: none;
float:right;
margin-right:49px;
}

#menu a {
width:75px;
height:24px;
padding:6px 0px 0px 0px;
text-decoration: none;
border:none;
margin-left:1px;
color:#222;
text-align:center;
letter-spacing:1px;

}

#menu ul li {
float: left;
background:none;
}

#menu .page_item a {
text-transform: lowercase;
display: block;
text-decoration: none;
border:1px solid #f9f9f9;
}

#menu .page_item a:hover {
background: #cccc00 url('images/bg_menu2.png') repeat-x;
border:1px solid #EFBF00;
}

#menu .current_page_item a {
background: #cccc00 url('images/bg_menu.png') repeat-x;
text-transform: lowercase;
display: block;
text-decoration: none;
border:1px solid #cccc00;
}

#right ul, #right h3 {
margin-left:4px;
}

ul.projects, .projects li {
list-style-type:none;
}

 .projects li {
 margin-bottom:5px;

 }

.projects a {
padding:2px 20px 2px 2px;
background:url('images/new_window3.gif') top right no-repeat;
color:#222;
}

.projects a:hover {
background:#EFBF00 url('images/new_window2.gif') top right no-repeat;
color:#000;
}


#email, #skype, #twitter {
padding:0px 0px 0px 20px;
}

#email {
background:url('images/email.png') no-repeat top left;
}

#skype {
background:url('images/skype.png') no-repeat top left;
}

#twitter {
background:url('images/twitter.png') no-repeat top left;
}

/* form settings */

#usermessagea {
visibility:hidden;
}

ol {
margin:none;
padding:none;
}

form {
float:left;
clear:both;
margin:none;
padding:none;
}

.cform { 
	margin:none; 
	width: 410px; 
}

#cformsform {
margin:0px;
padding:0px;
}

ol.cf-ol {
list-style:none;
}

.cf-ol li {
list-style:none;
display:block;
padding:none;
margin:none;
}

.cf-ol label {
margin-right:8px;
display:block;
}

.sendbutton {
display:block;
width:100px;
}

.cf_hidden {
visibility:hidden;
}

input, textarea {
border: 1px solid #dfdfdf;
}
/* end form settings */

#wpcf label {
	clear: both;
	display: block;
	float: left;
	width: 150px;
}
#wpcf input {
	float: left;
	width: 200px;
	padding: 1px;
	margin: 2px 5px 2px 0;
}
#wpcf textarea {
	width: 350px;
	height: 100px;
	padding: 1px;
	margin: 0 5px 10px 0;
}
#wpcf #contactsubmit {
	margin-left: 250px;
	width: 100px;
}
