/*

Title:      Clas Wineus CSS
Author:     mail@claswineus.com
Copyright:  2008 Clas Wineus.

Not Optimized at all at this moment.

*/

#contactform {
width:500;
border:0px;
}

#text-content {
width:1px;
height:1px;
font-size:1px;
visibility: hidden;
}

#text-content p{
margin:0px;
padding:0px;
}

/* Chinese character design changes */

#topmenu_small_zh {
position:relative;
float:left;
padding:8px 0px 0px 0px;
font-size:12px;
line-height:12px;
text-transform:lowercase;
color:#898989;
text-decoration:none;
font-weight:100;
letter-spacing:1px;
}

.zh_menu {
font-size:14px;
line-height:10px;
letter-spacing:2px;
margin-top:-2px;
}

.zh_search {
font-size:12px;
letter-spacing:1px;
}

/* Random Portfolio items */

.blue_check {
padding: 0px 2px 0px 0px;
}

.portfolio_images {
position: relative;
float:left;
margin: 0px;
padding: 0px 0px 0px 0px;
width:685px;
}

.portfolio_images h3 {
float:left;
color:#767676;
font-size: 12px;
font-weight:bold;
padding: 0px;
margin: 10px 0px 0px 11px;
width:130px;
}

.portfolio_images .content {
position: relative;
float:left;
padding: 0px 0px 0px 0px;
margin: 12px 0px 0px 0px;
width:530px;
}

.portfolio_images .port_item {
position: relative;
float:left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width:130px;
height:135px;
}

.portfolio_images .port_h2 {
float:left;
font-size: 12px;
font-weight:bold;
padding: 0px;
margin: 0px;
}

#portfolio_link_list {
list-style: none;
margin: 0px;
font-size: 12px;
width: 100%;
float:left;
border-top:1px solid #dcdcdc;
padding: 0px 0px 27px 0px;
}

#portfolio_link_list h2 {
margin: 0px;
padding: 10px 0px 10px 11px;
font-family: Tahoma, Sans-serif, Arial;
font-size:11px;
font-weight:bold;
color: #959595;
text-transform:uppercase;
}


#portfolio_link_list li {
display:block;
list-style:none;
font-size: 12px;
line-height:15px;
padding: 3px 0px 4px 11px;
}

#portfolio_link_list li a:active, #portfolio_link_list li a:visited {
padding: 0px 0px 4px 0px;
display:block;
border-bottom:1px dashed #dcdcdc;
}


#portfolio_link_list li a:hover {
border-bottom:1px solid #dcdcdc;
}

.port_thumb {
position: relative;
float:left;
margin: 7px 0px 20px 0px;
padding: 8px;
background-color:#e1e1e1;
}

a:hover .port_thumb {
background-color:#d6d6d6;
}

#flashcontent {
padding: 30px 0px 14px 0px;
margin: 0px;
width: 250px;
height:60px;
}

/* Begin Portfolio post Layout */

.port_image {
float:left;
margin: 4px 20px 0px 0px;
padding: 12px;
background-color:#e1e1e1;
}

a:hover .port_image {
background-color:#d6d6d6;
}

.port_text {
float:left;
font-size:12px;
line-height:18px;
color:#767676;
width:170px;
}

.port_link {
font-size:12px;
line-height:24px;
font-weight:bold;
margin:0px;
padding:0px;
}

/* End Portfolio post Layout */

/* Begin Post & Category Layout */

.cat_title {
font-size:16px;
line-height:10px;
margin:0px;
padding:0px;
}

#post {
position:relative;
float:left;
width:100%;
}

#post_spanner {
height:24px;
}

#post h1 {
font-size:20px;
line-height:24px;
margin:10px 0px 8px 141px;
padding: 0px;
}

#post h2 {
font-size:16px;
line-height:30px;
}

#post h3, #comments h3 {
float:left;
color:#767676;
font-size: 12px;
line-height:16px;
font-weight:bold;
margin: 0px;
padding: 10px 0px 0px 11px;
width:130px;
}

#post .post_content {
float:left;
padding:8px 0px 0px 0px;
margin:0px;
font-size: 14px;
line-height:22px;
width:520px;
}

#post .post_content p {
padding:0px 0px 14px 0px;
margin:0px;
}

#post .postdata {
font-size:12px;
font-style:italic;
padding:0px;
margin:0px 0px 30px 0px;
}

#comments {
float:left;
width:100%;
}

#comments .post {
float:left;
padding:0px;
margin:0px;
width:100%;
}

#comments .comment_wrapper {
float:left;
padding:0px;
margin:0px;
font-size: 11px;
line-height:22px;
width:400px;
}

#commentform {
float:left;
padding: 8px 0px 30px 0px;
margin:0px;
width:520px;
}


.comment_label {
float:left;
font-size:12px;
font-weight:bold;
width:80px;
}

.comment_input {
font-size:14px;
width:250px;
padding: 6px;
margin: 6px 0px 4px 0px;
}

#comment_textarea {
float:left;
padding: 6px;
margin: 4px 4px 11px 0px;
font-size:14px;
line-height:18px;
width:420px;
height:150px;
}

#comments .submit {
float:left;
padding: 0px;
margin-left: 80px;
font-size:13px;
width:110px;
}

#comments .logged {
padding-bottom:11px;
margin: 0px;
font-size:12px;
}

#comments .comment {
float:left;
padding: 0px;
margin: 11px 0px 0px 0px;
width:535px;
}

#comments .commentcontent {
float:left;
font-size:14px;
line-height:22px;
padding: 0px;
margin: -14px 0px 13px 0px;
width:100%;
}

#comments .commentinfo {
font-size:11px;
margin: 0px;
}


/* End Post Layout */


/* Begin Page Layout */

#page_post {
position: relative;
width:100%;
}

#page_post .page_content {
width:100%;
}

#page_space_spanner {
float:right;
position: relative;
height:45px;
width:100px;
}


#page_post h1 {
padding:0px 0px 8px 141px;
margin:0px;
font-size:20px;
line-height:24px;
}

#page_post h2 {
padding:0px 0px 11px 141px;
margin:0px;
font-size:16px;
line-height:20px;
font-weight:100;
color:#8e8e8e;
}

#page_post h3 {
float:left;
color:#767676;
font-size: 12px;
font-weight:bold;
margin: 0px;
padding:10px 0px 0px 11px;
width:130px;
}

#page_post .content {
float:left;
padding:10px 0px 20px 0px;
margin:0px;
font-size: 14px;
line-height:22px;
width:520px;
}

#page_post .content p {
margin-top:12px;
margin-bottom:0px;
}

#page_post .postdata {
font-size:12px;
font-style:italic;
padding:0px 0px 0px 141px;
margin:0px 0px 30px 0px;
}

/* End Page layout */


/* Begin Typography & Colors */


.hr_none {
display:none;
}

.dashed_line {
border-bottom:1px dashed #dcdcdc;
height:1px;
margin: 0px 0px 0px 0px;
}

hr {
float:left;
color:#dcdcdc;
background-color:#dcdcdc;
height:1px;
border: 0px;
margin:0px;
padding:0px;
line-height:0px;
}

#main hr {
width:680px;
}

#right_column hr {
width:100%;
}

:focus {
-moz-outline-style: none;
}

a {
outline: none;
}

a:active {
outline: none;
}

.link_arrow {
color: #959595;
font-weight:bold;
}

a:hover .link_arrow {
color:#eb0a42;
}

.leftcolumn_title {
float:left;
color:#767676;
font-size: 12px;
font-weight:bold;
padding-top:10px;
padding-left:11px;
margin:0px;
width:119px;
}

.leftcolumn_title_top {
float:left;
color:#767676;
font-size: 12px;
font-weight:bold;
padding-top:7px;
padding-left:11px;
margin:0px;
width:119px;
}

.line_devider {
position:relative;
float:left;
height:1px;
padding:0px;
margin:0px;
width:100%;
background: #dcdcdc;
line-height: 0px;
}


.thick_devider {
position:relative;
float:left;
height:8px;
padding:0px;
margin:0px;
width:100%;
background: transparent url(/images/tilt_line.png);
line-height: 0px;
}

a:link, a:visited {
text-decoration:none;
color:#317b9e;
}

a:hover {
color:#104c68;
text-decoration:none;
}

.pink {
color:#EB0A42;
}

.pink_bold {
font-weight:900;
color:#EB0A42;
}

.pink_cross {
color:#EB0A42;
font-size:14px;
padding-right:3px;
}

/* End Typography & Colors */



/* Begin Structure */
body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: Sans-Serif, Verdana, Arial;
color: #474a51;
background-color:#f4f4ed;
margin: 0px;
padding: 0px;
}

#page {
margin: 0px;
padding: 0px;
position: relative;
}

#header {
background-image:url(/images/headerbg.gif);
background-repeat: repeat-x;
position:relative;
width:100%;
height:190px;
margin:0px;
padding:0px;
}

#wrapper {
position:relative;
margin-left:auto;
margin-right:auto;
width:924px;
}

#left_menu_column {
width:680px;
float:left;
position:relative;
}

#logo {
position:relative;
width:100%;
height:30px;
float:left;
padding: 66px 15px 8px 11px;
}

#topmenu {
float:left;
position:relative;
width:680px;
}

#topmenu ul {
list-style:none;
margin:0;
padding:0;
}

#topmenu ul li {
display:block;
position:relative;
float:left;
background-image: url(/images/devider.gif);
}

#topmenu ul li a:link, #topmenu ul li a:visited {
background-image: url(/images/devider.gif);
display:block;
position:relative;
float:left;
padding:14px 0px 0px 11px;
margin:0px;
border-bottom:4px solid #00ccff;
color:#00ccff;
font-size:12px;
font-weight:bold;
line-height:1em;
text-transform:uppercase;
text-decoration:none;
height:38px;
width:120px;
}

#topmenu ul li a:hover {
background-image: url(/images/devider.gif);
border-bottom:4px solid #EB0A42;
}

#topmenu ul .current_page_item a:link, #topmenu ul .current_page_item a:visited {
border-bottom:4px solid #666666;
}

#topmenu ul .current_page_item a:hover {
border-bottom:4px solid #666666;
}

#topmenu_small {
position:relative;
float:left;
padding:5px 0px 0px 0px;
font-size:12px;
line-height:12px;
text-transform:lowercase;
color:#898989;
text-decoration:none;
font-weight:100;
}

#right_menu_column {
width:220px;
float:right;
position:relative;
padding:0px 0px 0px 0px;
}

#language {
position:absolute;
top:26px;
right:-35px;
font-size:10px;
text-transform:uppercase;
padding:0px;
}

#language ul {
width:140px;
list-style:none;
margin:0px;
padding:0px;
}

#language li {
list-style:none;
display:inline;
margin:0px 0px 0px 15px;
padding:0px 0px 0px 0px;
}

#language li a {
color:#767676;
}

#language li a:hover {
color:#dcdcdc;
}

#searchform {
position:absolute;
top:125px;
right: 0px;
margin: 0px;
padding: 0px;
}

#sform {
margin: 0px;
padding: 0px;
}

#searchfield {
font-size:13px;
color:#ffffff;
float:left;
width: 136px;
height: 17px;
margin: 0px 8px 0px 0px;
padding: 2px 4px 1px 4px;
border:0px;
background: #5a5a5a;
}

#searchsubmit {
width: 62px;
height: 23px;
padding: 0px;
margin: 0px;
border: 0px;
background: transparent url(/images/searchbutton_dark.png) no-repeat center top;
font-size:11px;
cursor: pointer; /* hand-shaped cursor */
cursor: hand; /* for IE 5.x */
}

#main {
float:left;
position:relative;
margin: -5px 0px 0px 0px;
width: 680px;
}

#intro {
float:left;
position:relative;
width: 100%;
height: 216px;
background: url(/images/portraitbg2.jpg) no-repeat left top;
margin:1px 0px 0px 0px;
padding-bottom:0px 0px 10px 0px;
color: #646870;
font-size: 13px;
line-height:19px;
}

.intro_leftcolumn_title {
float:left;
color:#767676;
font-size: 12px;
font-weight:bold;
padding-top:25px;
padding-left:11px;
margin:0px;
width:119px;
}

#intro .portrait {
margin-top:0px;
float:left;
padding-left:11px;
padding-right:22px;
width:160px;
}

#intro h2 {
color: #474a51;
font-size: 20px;
padding-top:40px;
padding-bottom:14px;
margin:0px;
}

#intro .intro_text {
float:left;
width:300px;
padding:0px;
margin-right:30px;
}

#recent_leftcolumn {
width:130px;
float:left;
position:relative;
}

#recent_content {
float:left;
position:relative;
font-size: 13px;
line-height: 18px;
padding: 14px 0px 24px 0px;
margin:0px;
width: 550px;
height:169px;
}

#recent_content .first {
float:left;
width:220px;
padding-right:50px;
padding-left:11px;
margin:0;
}

#recent_content .second {
float:left;
width:220px;
padding:0;
margin:0;
}

#recent_content a:hover {
color: #317b9e;
}

#recent_content img {
height:90px;
width:210px;
padding:5px;
border:1px #dcdcdc solid;
}

#recent_content a:hover img {
background:#e2e2e2;
}

#recent_content h2 {
color: #474a51;
font-size:12px;
padding-top:8px;
padding-bottom:2px;
margin:0px;
}

#recent_content a:hover h2 {
color:#104c68;
}

#recent_content .description {
color:#646870;
}

#recent_content a:hover .description {
color:#317b9e;
}

#recent_content p {
margin:0px;
padding:0px;
}

#front_post {
float:left;
position:relative;
padding: 10px 0px 10px 0px;
width: 100%;
border-bottom:1px solid #dcdcdc;
}

#front_post .post_date {
float:left;
position:relative;
font-size: 12px;
color: #767676;
font-weight: bold;
padding: 0px 0px 0px 11px;
width: 130px;
}

#front_post .post_content {
float:left;
position:relative;
padding: 0px 0px 0px 0px;
width: 530px;
}

#front_post .post_content h2 {
font-size: 16px;
line-height:20px;
padding:0 0 0 0;
margin:0px;
}

#front_post .entry {
float:left;
font-size: 14px;
line-height:20px;
width:100%;
}

#front_post .postmetadata {
font-size: 12px;
line-height:22px;
font-style:italic;
float:left;
padding:20px 0 0 0;
margin:0px;
}

#footer {
float:left;
margin:20px 0px 0px 0px;
padding:0px;
width: 100%;
height:250px;
background-color:#2e2e2e;
background-image:url(/images/footerbg.png);
}

#footer h2 {
float:left;
font-size:12px;
color:#727272;
font-weight:bold;
color:#acacac;
margin: 0px;
padding: 0px 0px 20px 11px;
width:130px;
}

#footer .tag_cload {
float:left;
margin-top:60px;
color:#5a5a5a;
font-size:15px;
width:90%;
}

#footer .tag_cload h2 {
padding: 0px 0px 80px 11px;
}

#footer .copyright {
float:left;
margin: 0px;
padding: 20px 0px 0px 0px;
font-size:12px;
line-height:18px;
color:#a8a8a8;
}

/* End Structure */


/* Begin Right Column*/

#right_column {
float:right;
margin: 0px;
padding: 13px 0px 0px 0px;
width:230px;
}

#featured_work {
margin: 0px;
padding: 0px;
width: 230px;
float:left;
height:199px;
}

#featured_work h2 {
margin: 0px;
padding: 7px 0px 10px 11px;
font-family:Tahoma, Sans-serif, Arial;
font-size:11px;
font-weight:bold;
color: #959595;
text-transform:uppercase;
border-top:1px solid #dcdcdc;
}

#featured_work li {
list-style:none;
font-size: 11px;
padding: 0px;
margin: 0px 0px 0px 11px;
width: 220px;
}

#featured_work li a:active, #featured_work li a:visited {
color:#767676;
}

#featured_work li a:hover {
color: #317b9e;
}

#featured_work .middle {
border-top:1px dashed #dcdcdc;
border-bottom:1px dashed #dcdcdc;
}

#featured_work img {
float:left;
height:28px;
width:28px;
padding:2px;
border:1px #dcdcdc solid;
margin: 0px 10px 0px 0px;
}

#featured_work a:hover img {
background:#e2e2e2;
}

#featured_work b {
color: #767676;
font-size:11px;
padding-top:6px;
padding-bottom:0px;
margin:0px;
}

#featured_work a:hover b {
color:#317b9e;
}

#featured_work p {
padding:0px;
margin: 6px 0px 0px 0px;
width:100%;
height:44px;
}

#my_services {
margin: 0px;
padding: 0px 0px 27px 0px;
width: 100%;
float:left;
}

#my_services h2 {
margin: 0px;
padding: 10px 0px 10px 11px;
font-family:Tahoma, Sans-serif, Arial;
font-size:11px;
font-weight:bold;
color: #959595;
text-transform:uppercase;
}

#my_services li {
color:#767676;
font-size: 12px;
line-height:15px;
list-style: none;
padding: 3px 0px 0px 11px;
}

#sidebar {
padding: 0px 0px 0px 0px;
margin: 0px;
width: 100%;
float:left;
}

#sidebar h2 {
margin: 0px;
padding: 10px 0px 10px 11px;
font-family:Tahoma, Sans-serif, Arial;
font-size:11px;
font-weight:bold;
color: #959595;
text-transform:uppercase;
border-top:1px solid #dcdcdc;
}

#sidebar li {
font-size:12px;
list-style: none;
padding: 0px;
margin: 0px;
}

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

#sidebar ul li {
list-style-type: none;
list-style-image: none;
margin: 4px 0px 0px 11px;
padding: 0px;
}

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

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

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

ol li, #sidebar ul ol li {
list-style: decimal outside;
padding: 0px;
margin: 0px;
}

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


/* End Sidebar */






/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
}

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

img.alignright {
	padding: 4px;
	margin: 4px 0px 4px 11px;
	display: inline;
	border:1px solid #dcdcdc;
}

img.alignleft {
	padding: 4px;
	margin: 4px 11px 4px 0px;
	display: inline;
	border:1px solid #dcdcdc;
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}
	
img.alignnone {
	padding: 4px;
	margin: 0;
	display: inline;
	border:1px solid #dcdcdc;
}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	} 

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
/* End Entry Lists */



/* 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;
	}

a img {
	border: none;
	}

.alt {
	background-color: #dcdcdc;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}

/* End Various Tags & Classes*/