@charset "utf-8";
/*  
Theme Name: CentoPress
Theme URI: http://www.centopress.com/
Description: This is a WordPress theme for CentoPress.com.
Version: 1.0
Author: Colin
Author URI: http://www.centopress.com/
Tags: Wordpress, CentoPress
*/
/* Global */
*{margin:0;padding:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;}
body{background:#dfdfdf url(image/body_bg.jpg) top repeat-x;color:#303030;font:12px Arial, Verdana, Tahoma;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q: before,q: after{content:Ħħ;}
abbr,acronym{border:0;}
a{text-decoration:none;color:#3274D0;}
a:hover{text-decoration:underline;}
:focus{outline:none;}
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;}
.aligncenter,div.aligncenter {display: block;margin-left: auto;margin-right: auto;}

/* Layout */
div#clear{clear:both;}

/* Header */
div#header {width:958px;height:108px;margin: 0px auto;}
*+html div#header {width:960px;height:110px;margin: 0px auto;}/*ie7*/

div#header .inner_top {width:956px;height:28px;margin-bottom:8px;}
*+html div#header .inner_top {width:958px;height:30px;margin-bottom:10px;}/*ie7*/
div#header .inner_top span{display:block;width:220px;padding:5px 5px 0 0;float:right;color:#e24912;font-size:16px;font-weight:bold;}

div#header .logo{float:left;width:232px;height:60px;margin-left:4px;}
*+html div#header .logo{float:left;width:234px;height:60px;margin-left:4px;}/*ie7*/
div#header .logo a{display:block;width:234px;height:60px;background:url(image/logo.png) no-repeat right center;}

div#header .menu {float:right;margin: 0px auto;width:708px;height:60px;}
*+html div#header .menu {float:right;margin: 0px auto;width:710px;height:60px;}/*ie7*/
div#header .menu ul{float:right;padding:17px 3px; 5px;}
*+html div#header .menu ul{float:right;padding:17px 5px; 5px;}/*ie7*/
div#header .menu ul li{float:left;margin:0 1px;height:60px;width:120px;text-align:center;}
div#header .menu ul li a{background:#333333;padding:10px;display:block;text-decoration:none;color:#FFE4B5;font-weight:bold;font-size:14px;}
div#header .menu ul li a:hover{background:#555555;}

/* Flashnews */

/* Main */
.normal{background-color:#FFFFFF;}
.change{background-color:#FFFFF0;}
div#main{margin:0px auto;width:958px;background:#FFFFFF;}
*+html div#main{margin:0px auto;width:960px;background:#FFFFFF;}/*ie7*/
div#main #index{margin-right:220px;padding:5px 0 0 5px;border:1px solid #FFFFFF;}
div#main #index #post{padding:5px;border-bottom:1px solid #D5D5D5;height:150px;}
div#main #index #post img{float:left;border:2px solid #DDDDDD;margin:5px 0px;}
div#main #index #post .content{padding-left:180px;}
div#main #index #post .content .title-number{height:16px;margin-top:5px;}
div#main #index #post .content .title{font-size: 14px;font-weight:bold;float:left;}
div#main #index #post .content .title-vote{float:right;}
div#main #index #post .content .title-vote img{border:none;}
/* div#main #index #post .content .number{font-weight:bold;float:left;display:block;padding:2px 6px 2px 6px;background:#3274D0;color:#FFFFFF;}
   div#main #index #post .content .number:hover{background:#7CBA0F;text-decoration:none;}  */
div#main #index #post .content .post-cat{margin:0px 0px 5px;color:#aaaaaa;font-size:11px;}
div#main #index #post .content .post-cat a:link{color:#aaaaaa;}
div#main #index #post .content .post-cat a:visited{color:#aaaaaa;}
div#main #index #post .content .post-cat a:hover{color:#000000;}
div#main #index #post .content .post-cat a:active{color:#000000;}
div#main #index #post .content .post-info{float:left;color:#303030;width:99%;}
div#main #index #post .content .post-info a:link{text-decoration:none;color:#303030;}
div#main #index #post .content .post-info a:visited{text-decoration:none;color:#303030;}
div#main #index #post .content .post-info a:hover{text-decoration:underline;color:#303030;}
div#main #index #post .content .post-info a:active{text-decoration:none;color:#303030;}
div#main #index #post .post-tag {padding-left:180px;padding-top:90px;font-size:11px;}
div#main #index #post .post-tag li{float:left;margin-left:2px;}
div#main #index #post .post-tag li a{padding:1px 8px 2px 8px;color:#404040;background-color:#efefef;display:block;}
div#main #index #post .post-tag li a:hover{text-decoration:none;color:#ffffff;background-color:#6C6C6C;}
div#main #sidebar{width:200px;float:right;padding:0 5px;margin-right:5px;}
div#main #sidebar ul{list-style:none;}
div#main #sidebar li{list-style:none;border-bottom:1px solid #E3E3E3;margin-left:20px;}
div#main #sidebar #sidebar-title{background:#E9E9E9;font-weight:bold;padding:5px 0 3px 20px;color:#303030;margin:5px 0 5px 0;}
div#main #sidebar ul {font-size:12px;}
div#main #sidebar ul a{display:block;padding:2px 0 2px 0;color:#303030;}
div#main #sidebar ul a:hover{color:#FFFFFF;text-decoration:none;background-color:#FF7F50;padding-left:20px;margin-left:-20px;}/*firefox*/
*html div#main #sidebar ul a:hover{color:#FFFFFF;text-decoration:none;background-color:#FF7F50;padding-left:20px;margin-left:-20px;}/*ie6*/
*+html div#main #sidebar ul a:hover{color:#FFFFFF;text-decoration:none;background-color:#FF7F50;padding-left:20px;margin-left:-20px;}/*ie7*/
div#main #sidebar .wp-tag-cloud{font-size:12px;}
div#main #sidebar .wp-tag-cloud a{display:block;padding:2px 0 2px 0;color:#666666;}
div#main #sidebar .wp-tag-cloud a:hover{background:url(image/del_sprite_tags.png) no-repeat left -799px;color:#FFFFFF;text-decoration:none;background-color:#FF7F50;padding-left:20px;margin-left:-20px;}/*firefox*/
*html div#main #sidebar .wp-tag-cloud a:hover{background:url(image/del_sprite_tags.png) no-repeat left -798px;color:#FFFFFF;text-decoration:none;background-color:#FF7F50;padding-left:20px;margin-left:-20px;}/*ie6*/
*+html div#main #sidebar .wp-tag-cloud a:hover{background:url(image/del_sprite_tags.png) no-repeat left -798px;color:#FFFFFF;text-decoration:none;background-color:#FF7F50;padding-left:20px;margin-left:-20px;}/*ie7*/
div#main #sidebar #tag{font-size:10px;}

/* Current Position */
div#main #position{margin:5px auto;width:958px;padding-left:5px;}
*+html div#main #position{margin:5px auto;width:960px;padding-left:5px;}/*ie7*/

/* Search */

/* Pagenavi */
div#pagenavi{margin:15px 0 15px 10px;}
.wp-pagenavi a,.wp-pagenavi a:link{padding:1px 5px;border:1px solid #3274D0;margin:0 2px;color:#0066cc;background-color:#FFFFFF;text-decoration:none;}
.wp-pagenavi a:visited{padding:1px 5px;border:1px solid #3274D0;margin:0 2px;color:#3274D0;background-color:#FFFFFF;text-decoration:none;}
.wp-pagenavi a:hover{color:#FFFFFF;background-color:#3274D0;}
.wp-pagenavi a:active{padding:1px 5px;border:1px solid #3274D0;margin:0 2px;color:#3274D0;background-color:#FFFFFF;text-decoration:none;}
.wp-pagenavi span.pages{padding:1px 5px;border:1px solid #3274D0;margin:0 2px;color:#FFFFFF;background-color:#3274D0;}
.wp-pagenavi span.current{padding:1px 5px;border:1px solid #3274D0;margin:0 2px;color:#FFFFFF;background-color:#3274D0;}
.wp-pagenavi span.extend{padding:1px 5px;border:1px solid #3274D0;margin:0 2px;color:#3274D0;background-color:#FFFFFF;}

/* Copyright */
div#copyright{width:958px;margin:0px auto;font-size:10px;background:#FFFFFF;border:1px solid #FFFFFF;}
*+html div#copyright{width:960px;margin:0px auto;font-size:10px;background:#FFFFFF;border:1px solid #FFFFFF;}/*ie7*/
div#copyright a{padding-left:17px;background:url(image/wordpress.gif) 0 0 no-repeat;margin-right:10px;text-align:center;}

/* Footer */
div#footer{width:958px;margin:0px auto;height:60px;background:#363636;color:#FFFFFF;border-top:6px solid #e24912;}
*+html div#footer{width:960px;margin:0px auto;height:60px;background:#363636;color:#FFFFFF;border-top:6px solid #e24912;}/*ie7*/

div#footer .copyright{margin-left:10px;margin-top:10px;padding-top:20px;background:url(image/footer_logo.png) 0 0 no-repeat;float:left;width:320px;font:10px,Arial;color:#aaaaaa;}
*+html div#footer .copyright{margin-left:10px;margin-top:10px;padding-top:20px;background:url(image/footer_logo.png) 0 0 no-repeat;float:left;width:322px;font:10px,Arial;color:#aaaaaa;}/*ie7*/
div#footer .copyright a{color:#aaaaaa;}

div#footer .footermenu {float:right;margin: 0px auto;height:58px;}
*+html div#footer #.footermenu {float:right;margin: 0px auto;height:58px;}/*ie7*/
div#footer .footermenu a{color:#FFFFFF;}
div#footer .footermenu ul{float:right;padding:10px 3px; 5px;}
*+html div#footer .footermenu ul{float:right;padding:10px 5px; 5px;}/*ie7*/
div#footer .footermenu ul li{float:left;margin:0 1px;height:60px;width:110px;text-align:center;}
div#footer .footermenu ul li a{background:#333333;padding:10px;display:block;text-decoration:none;color:#FFE4B5;font-weight:bold;font-size:12px;}
div#footer .footermenu ul li a:hover{background:#555555;}

div#footer .footermenu span{float:right;padding:20px;}



/* Code */
pre{margin:16px 0;padding-left:10px;border-left:1px solid #eee;overflow:auto;
white-space:pre-wrap;/* css-3 */
white-space:-moz-pre-wrap;/* Mozilla, since 1999 */
white-space:-pre-wrap;/* Opera 4-6 */
white-space:-o-pre-wrap;/* Opera 7 */
word-wrap:break-word;/* Internet Explorer 5.5+ */}
pre code{display:block;}
pre>code{padding-top:15px;background:url(image/pxl_code.gif) 0 0 no-repeat;}
pre>code.css{background:url(image/pxl_css.gif) 0 0 no-repeat;}
pre>code.html{background:url(image/pxl_html.gif) 0 0 no-repeat;}
pre>code.javascript{background:url(image/pxl_javascript.gif) 0 0 no-repeat;}
pre>code.php{background:url(image/pxl_php.gif) 0 0 no-repeat;}
code{font-family:"Courier New", Courier, sans-serif;font-size:12px;color:#000;}
code span.global{color:#3388DD;}
code span.brackets{color:#777777;}
code span.string{color:blue;}
code span.symbol,code span.selectors{color:#1199EE;}
code span.properties{color:#BB4411;}
code span.keywords{color:#44BB22;}
code span.comment{color:#999;}
code span.shell{background:#f1f1f1;}
code.html span.tag,code.xaml span.tag{color:#303030;}
code.html span.attribute,code.xaml span.attribute{color:#44BB22;}
code.html span.string,code.xaml span.string{color:blue;}
code.html span.comment,code.xaml span.comment{color:#999999;}
code.html span.doctype{color:#D7FF80;}.left{float:left;}.right{float:right}.clearfloat:after{display:block;visibility:hidden;clear:both; height:0; content:".";}.clearfloat{display:inline-block;}.clearfloat{display:block;}

/* Single */
div#main #index {margin-left:5px;}
div#main #index #postsingle {border-bottom:1px solid #D5D5D5;height:70px;}
div#main #index #postsingle .image{float:left;border:5px solid #EEEEEE;margin:5px 5px;}
div#main #index #postsingle .content{padding:5px;}
div#main #index #postsingle .content .title-number{height:20px;margin:5px;}
div#main #index #postsingle .content .title{font-size: 14px;font-weight:bold;float:left;}
div#main #index #postsingle .content .title-vote{float:right;}
div#main #index #postsingle .content .title-vote img{border:none;}
/* div#main #index #postsingle .content .number{font-weight:bold;float:right;display:block;padding:2px 6px 2px 6px;background:#3274D0;color:#FFFFFF;}
   div#main #index #postsingle .content .number:hover{background:#7CBA0F;text-decoration:none;}  */
div#main #index #single .single-post-tag{font-size:12px;margin-top:8px;}
div#main #index #single .single-post-tag dt{float:left;}
div#main #index #single .single-post-tag dd{float:left;margin-left:2px;}
div#main #index #single .single-post-tag dd a{padding:1px 8px 1px 8px;color:#404040;background-color:#efefef;display:block;}
div#main #index #single .single-post-tag dd a:hover{text-decoration:none;color:#ffffff;background-color:#6C6C6C;}
div#main #index #single{margin-top:10px;line-height:22px;}
div#main #index #single p{margin:15px 0 15px 0;}
div#main #index #single #quote{font-family:"Courier New", Courier, sans-serif;display:block;color:#7E7E7E;border:1px dotted #CCCCCC;padding:3px 15px 3px 15px;margin:5px 0 0 0;}
div#main #index #single #feed{color:#686868;background:url(image/rss_icon.gif) 0 2px no-repeat;}
div#main #index #single-comment{line-height:22px;margin-top:10px;border-top:3px solid #D5D5D5;padding-bottom:10px;}
div#main #index #single-comment li{list-style:none;}
div#main #index #single-comment h2{font-weight:bold;margin-bottom:6px;}/*firefox*/
*html div#main #index #single-comment h2{font-weight:bold;margin-bottom:7px;}/*ie6*/
*+html div#main #index #single-comment h2{font-weight:bold;margin-bottom:6px;}/*ie7*/
div#main #index #single-comment textarea{width:725px;}
div#main #index #single-comment #comment-list{padding-top:5px;}
div#main #index #single-comment #comment-wrapper{border-bottom:1px solid #D5D5D5;margin-bottom:5px;}
div#main #index #single-comment #comment-avatar{background:transparent url(image/avatar_icon.gif) no-repeat;width:32px;height:32px;float:left;margin-top:2px;}
div#main #index #single-comment #comment-content{width:auto;margin-left:47px;}
div#main #index #single-comment #comment-info{color:#AAAAAA;line-height:normal;}
div#main #index #single-comment #comment-text{padding:10px 0 5px 0;}
div#main #index #single-comment #comment-submit{line-height:22px;margin-top:10px;}
div#main #index #single-comment #comment-submit p{margin:0 0 10px 0;}/*firefox*/
*html div#main #index #single-comment #comment-submit p{margin:0 0 11px 0;}/*ie6*/
*+html div#main #index #single-comment #comment-submit p{margin:0 0 10px 0;}/*ie7*/
div#main #index #single-comment #comment-submit input{font-size:12px;width:150px;margin:0 10px 0 0;}
div#main #index #single-comment #comment-submit input#submit{background:#3274D0;color:#FFFFFF;border:0;padding:1px 0 2px 0;height:23px;font-size:12px;width:120px;}/*firefox*/
*html div#main #index #single-comment #comment-submit input#submit{background:#3274D0;color:#FFFFFF;border:0;padding:2px 0 2px 0;height:23px;font-size:12px;width:120px;}/*ie6*/
*+html div#main #index #single-comment #comment-submit input#submit{background:#3274D0;color:#FFFFFF;border:0;padding:2px 0 2px 0;height:23px;font-size:12px;width:120px;}/*ie7*/
div#main #index #single-comment #comment-submit textarea{margin:2px 0 4px 0;font-size:12px;}/*firefox*/
*html div#main #index #single-comment #comment-submit textarea{margin:0 0 1px 0;font-size:12px;}/*ie6*/
*+html div#main #index #single-comment #comment-submit textarea{margin:1px 0 2px 0;font-size:12px;}/*ie7*/
div#main #index #related-posts{border-top:1px solid #D5D5D5;margin-top:10px;line-height:22px;padding-top:10px;}
div#main #index #related-posts h3{font-weight:bold;margin-bottom:2px;}
div#main #index #prev-next{border-top:1px solid #D5D5D5;margin-top:10px;line-height:22px;padding-top:10px;}

/* Page */
div#main #about-left {line-height:22px;border-top:1px solid #D5D5D5;border-bottom:1px solid #D5D5D5;margin-bottom:5px;}
div#main #about-left p{margin:15px 0 15px 0;}
div#main #about-left .search{margin-left:50px;}
div#main #about-left dl{margin:15px 0;}
div#main #about-left dd{float:left;margin:2px;padding:10px 0;}
div#main #about-left dd a{padding:5px;color:#404040;background-color:#efefef;}
div#main #about-left dd a:hover{padding:5px;color:#ffffff;background-color:#6C6C6C;}
div#main #about-left .tagsend{background:url(image/tagsend.png) 128px 128px no-repeat right;}

div#page #page-center{margin-bottom:20px;}
div#page #page-center #page-title{overflow:hidden;margin-bottom:20px;}
div#page #page-center #page-title #page-title-logo{float:left;background:url(image/del_sprite_lookup.gif) no-repeat right -250px;width:37px;height:25px;background-color:#3274D0;}
div#page #page-center #page-title #page-title-wrapper{width:450px;float:left;background:url(image/del_sprite_lookup.gif) no-repeat right 0px;background-color:#3274D0;padding:3px 0 0 3px;height:22px;}
div#page #page-center #page-title #page-title-text{background:#FFFFFF;width:393px;height:17px;padding:2px 0 0 12px;color:#333333;}/*firefox*/
*html div#page #page-center #page-title #page-title-text{background:#FFFFFF;width:393px;height:15px;padding:4px 0 0 12px;color:#333333;}/*ie6*/
*+html div#page #page-center #page-title #page-title-text{background:#FFFFFF;width:393px;height:15px;padding:4px 0 0 12px;color:#333333;}/*ie7*/
div#page #about-left #page-content #linkcat a{width:85px;border-right:1px solid #DDD;border-bottom:1px solid #DDD;padding:3px 5px;margin:0 10px 10px 0px;display:block;}
div#page #about-left #page-content #linkcat img{margin-right:3px;vertical-align:middle;}
div#page #about-left #page-content #linkcat li{float:left;list-style:none;}

/* Page-About */

div#main #about-right {float:right;padding:5px;width:298px;}
*+html div#main #about-right {float:right;padding:5px;width:300px;}/*ie7*/
div#main #about-right .aboutright-subscribe {margin:10px 0;border-bottom:1px solid #FFDAB9;height:80px;padding-left:70px;background:url(image/subscribe.jpg) 0 0 no-repeat;}
div#main #about-right .aboutright-subscribe p{padding:10px 0;font:16px bold,Arial, Verdana, Tahoma;color:#007700;}
div#main #about-left {width:618px;padding-left:20px;border:1px solid #FFFFFF;}
*+html div#main #about-left {float:left;width:620px;padding-left:20px;border:1px solid #FFFFFF;}/*ie7*/
div#main #about-left .aboutleft-who {margin:30px 0 5px 0;height:32px;padding-left:50px;background:url(image/bg_who.png) 0 0 no-repeat;line-height:32px;overflow: hidden;}
div#main #about-left .aboutleft-why {margin:30px 0 5px 0;height:32px;padding-left:50px;background:url(image/bg_why.png) 0 0 no-repeat;line-height:32px;overflow: hidden;}
div#main #about-left .aboutleft-content {margin:30px 0;height:200px;}
div#main #about-left .aboutleft-content li {float:left;}
div#main #about-left .aboutleft-content span{color:#000000;font:14px,bold,Tahoma;}
div#main #about-left .aboutleft-content p{margin-top:5px;}
div#main #about-left .aboutleft-content .icon_service {margin:10px 2px;width:200px;height:80px;padding-left:100px;background:url(image/icon_service.png) 0 0 no-repeat;}
div#main #about-left .aboutleft-content .icon_design {margin:10px 2px;width:200px;height:80px;padding-left:100px;background:url(image/icon_design.png) 0 0 no-repeat;}
div#main #about-left .aboutleft-content .icon_development {margin:10px 2px;width:200px;height:80px;padding-left:100px;background:url(image/icon_development.png) 0 0 no-repeat;}
div#main #about-left .aboutleft-content .icon_production {margin:10px 2px;width:200px;height:80px;padding-left:100px;background:url(image/icon_production.png) 0 0 no-repeat;}

/* Page-Contact */
div#main #about-left .aboutleft-contact {margin:30px 0 5px 0;height:32px;padding-left:50px;background:url(image/bg_contact.png) 0 0 no-repeat;line-height:32px;overflow: hidden;}
div#main #about-left .aboutleft-contactform {margin:30px 0 5px 0;height:32px;padding-left:50px;background:url(image/bg_contactform.png) 0 0 no-repeat;line-height:32px;overflow: hidden;}
div#main #about-left input {padding:1px;margin:1px;}
div#main #about-left label {padding:5px;width: 100px;}
div#main #about-left textarea {width:600px;}