@import url( "http://www.chocoboard.com/main/wp-content/sitetemplates/nikynik_orange/templates/wp-layout.css" );
/*
Theme Name: Coco
Theme URI: http://www.nikynik.com/
Description: Blue theme based on the famous Kubrick.
/* background */
body {
background-image:url(/main/wp-content/sitetemplates/nikynik_orange/images/kubrickbgcolor.jpg);
border:none;
}
#page {
background:url(/main/wp-content/sitetemplates/nikynik_orange/images/kubrickbg.jpg) repeat-y top;
border: none;
}
#header {
background:url(/main/wp-content/sitetemplates/nikynik_orange/images/kubrickheader.jpg) no-repeat bottom center;
}
#footer {
background:url(/main/wp-content/sitetemplates/nikynik_orange/images/kubrickfooter.jpg) no-repeat bottom;
border: none;
font-size:10px;
margin-top:10px;
}
/* Begin Typography & Colors */
body {
color : #000000;
margin-bottom : 20px;
padding : 0px;
background-color : #FFFFFF;
font-size: 11px; /* Resets 1em to 10px */
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
/*text-align: center; */
}
#page {
background-color: white;
/*border: 1px solid #959596;*/
text-align: left;
}
#header {
background-color: #ffffff;
}
#content {
font-size: 1.2em;
}
.widecolumn .entry p {
font-size: 1.05em;
}
.narrowcolumn .entry, .widecolumn .entry {
line-height: 1.4em;
}
.widecolumn {
line-height: 1.6em;
}
.narrowcolumn .postmetadata {
/*text-align: center;*/
text-align:left;
font-weight:lighter;
}
.alt2 {
background-color:#F7F7F7;
/*
background-image: url(/main/wp-content/sitetemplates/nikynik_orange/images/back.gif);*/
}
.alt {
background-color: #f6f6f6;
}
.wp-smiley {
border: none;
}
#footer {
background-color: #transparent;
}
small {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 0.9em;
line-height: 1.5em;
}
small a, small a:link, small a:visited {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 0.9em;
line-height: 1.5em;
}
h1, h2, h3 {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight: bold;
}
h1 {
font-size: 4em;
text-align: center;
}
.description {
font-size: 1.2em;
text-align: center;
}
h2 {
font-size: 1.6em;
}
h2.pagetitle {
font-size: 1.6em;
}
h3 {
font-size: 1.3em;
}
h1, h1 a, h1 a:hover, h1 a:visited, .description {
text-decoration: none;
color: white;
}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
color: #996600;
}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #wp-calendar caption, cite {
text-decoration: none;
}
.entry p a:visited {
color: #996600;
}
.commentlist li, #commentform input, #commentform textarea {
font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentlist li {
/*font-weight: bold;*/
}
.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 1.1em;
}
.commentlist p {
font-weight: normal;
line-height: 1.5em;
text-transform: none;
}
.commentlist a, .commentlist a:link{
color:#000000;
}
.commentlist a:hover {
color: #996600;
text-decoration: none;
}
#commentform p {
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentmetadata {
font-weight: normal;
}
small, .nocomments, .postmetadata, strike {
color: #000000;
font-size: 10px;
font-weight: bold;
}
{
color:#000000;
}
code {
font: 1.1em 'Courier New', Courier, Fixed;
}
acronym, abbr, span.caps
{
font-size: 0.9em;
letter-spacing: .07em;
}
a, h2 a:hover, h3 a:hover {
color: #996600;
text-decoration: none;
}
a:hover {
color: #000000;
text-decoration: underline;
}
#wp-calendar {
font-size:10px;
}
#wp-calendar #prev a {
font-size: 10px;
}
#wp-calendar a {
text-decoration: none;
}
#wp-calendar caption {
font: bold 11px 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-align: center;
}
#wp-calendar td {
padding:0;
}
#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}
/* End Typography & Colors */
/* Begin Structure */
body {
margin: 0;
padding: 0;
}
#page {
background-color: white;
/*margin: 20px auto;*/
margin:10px 0 0 30px;
padding: 0;
width: 760px;
/*border: 1px solid #959596;*/
}
#header {
padding: 0;
/*margin: 0 auto;*/
margin-left:1px;
height: 200px;
width: 100%;
background-color: #996600;
}
#headerimg {
height: 200px;
width: 100%;
}
.narrowcolumn {
float: left;
padding: 0 10px 0 10px;
margin: 5px 0 0 10px;
width: 468px;
}
.widecolumn {
padding: 5px 0 5px 5px;
margin: 5px 0 0 20px;
width: 650px;
}
.post {
text-align: justify;
}
.entrytext ul {
margin : 2px;
padding-left : 10px;
list-style : none;
}
.entrytext ul li, .entrytext ul ol {
line-height : 15px;
padding-left : 15px;
padding-top : 0px;
background-image : url(/main/wp-content/sitetemplates/nikynik_orange/images/bullet.png) ;
background-repeat: no-repeat;
background-position: 0px 3px;
}
.widecolumn .post {
margin: 0;
}
.narrowcolumn .postmetadata {
padding-top: 5px;
}
.widecolumn .postmetadata {
margin: 30px 0;
}
#footer {
padding: 0 0 0 1px;
margin: 0 auto;
width: 760px; height: 92px;
clear: both;
color: #FFFFFF;
}
#footer p {
margin: 0;
/*padding: 30px 0;*/
padding-top:20px;
text-align: center;
}
#footer a, #footer a:link, #footer a:visited{
color: #FFFFFF;
}
/* End Structure */
/* Begin Headers */
#buttons {
float: left;
margin: -22px 0 0 1px;
padding: 0px;
width: 100%;
}
ul#mainlevel-nav {
font-size : 11px;
list-style : none;
padding : 0;
margin : 0;
font-size : 0.8em;
}
ul#mainlevel-nav li {
display: block;
background-image: none;
padding-left: 1px;
padding-right: 1px;
float: left;
margin: 0;
width: auto !important;
font-size: 11px;
line-height: 21px;
white-space: nowrap;
border-right: 1px solid #cccccc;
}
ul#mainlevel-nav li a {
font-size : 11px;
display : block;
padding-left : 15px;
padding-right : 16px;
text-decoration : none;
color : #999999;
background : transparent;
}
ul#mainlevel-nav li a:hover {
font-size : 11px;
color : #996600;
}
h1 {
padding-top: 70px;
margin: 0;
}
.description {
text-align: center;
}
h2 {
margin: 30px 0 0;
}
h2.pagetitle {
margin-top: 30px;
text-align: center;
}
h3 {
padding: 0;
margin: 30px 0 0;
}
h3.comments {
padding: 0;
margin: 40px auto 20px ;
}
/* End Headers */
/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}
/* Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */
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;
}
/* 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 {
content: "\00BB \0020";
}
.entry ol {
padding: 0 0 0 35px;
margin: 0;
}
.entry ol li {
margin: 0;
padding: 0;
}
.postmetadata, .postmetadata a, .postmetadata a:link, .postmetadata a:visited, .postmetadata a:hover {
font-size: 9px;
}
.postmetadata a {
color: #996600;
}
.postmetadata a:hover, .postmetadata a:active {
color: #000000;
text-decoration:underline;
}
.postmetadata ul, .postmetadata li {
display: inline;
list-style-type: none;
list-style-image: none;
}
/* End Entry Lists */
/* Begin Form Elements */
#searchform {
margin: 10px auto;
padding: 5px 3px;
text-align: center;
}
#menu #searchform #s {
background: #ffffff;
/* background: url(/main/wp-content/sitetemplates/nikynik_orange/images/input_bg.gif); */
background-repeat: repeat-x;
border: 1px solid #cccccc;
width: 131px;
padding: 2px;
float: left;
font-size: 1em;
color: #888888;
}
#menu #searchsubmit {
padding: 1px;
}
.entry form { /* This is mainly for password protected posts, makes them look better. */
text-align:center;
}
select {
width: 130px;
}
#commentform textarea {
/*background-color: #e0f1fe;*/
color:#996600;
border: 1px solid #959596;
width: 300px;
padding: 4px;
font: 0.8em Verdana, Arial, Sans-Serif;
}
input {
/*color: White;*/
color:#996600;
font: 0.9em Verdana, Arial, Sans-Serif;
padding: 2px;
/*text-transform: uppercase;*/
/*background: url(/main/wp-content/sitetemplates/nikynik_orange/images/modul.jpg);*/
border: 1px solid #e9e9e9;
margin-right: 1px;
text-decoration:none;
}
#commentform #submit {
color:#996600;
font: 0.9em Verdana, Arial, Sans-Serif;
padding: 2px;
text-transform: uppercase;
/*background: url(/main/wp-content/sitetemplates/nikynik_orange/images/modul.jpg);*/
border: 1px solid #E9E9E9;
}
#commentform textarea:focus, #commentform input:focus, .entry form:focus, #s:focus {
/*background-color: #e0f1fe; */
border: 1px solid #959596;
font: 0.8em Verdana, Arial, Sans-Serif;
}
#commentPreview {
width: 374px;
font: 0.9em Verdana, Arial, Sans-Serif;
background-color: #fff;
border-top: 1px solid #959596;
border-bottom: 1px solid #959596;
border-left: 1px solid #959596;
border-right: 1px solid #959596;
padding: 6px;
}
/* End Form Elements */
/* Begin Comments*/
.alt {
margin: 0;
padding: 10px;
}
.commentlist {
padding: 0;
text-align: justify;
}
.commentlist li {
margin: 15px 0 3px;
padding: 5px 10px 3px;
list-style: none;
}
.commentlist p {
margin: 10px 5px 10px 0;
}
#commentform p {
margin: 5px 0;
}
.nocomments {
text-align: center;
margin: 0;
padding: 0;
}
.commentmetadata {
margin: 0;
display: block;
}
/* End Comments */
/* Super Archives */
.livearchive {
background #e8dfba;
}
#teb-super-archive {
margin-left: 0px;
}
#teb-super-archive ul {
padding: 0;
}
#teb-super-archive ul li {
text-align: left;
padding: 1px 8px;
}
#teb-super-archive ul li:hover {
background: #ece8d9;
border-top: 1px solid #e8dfba;
border-bottom: 1px solid #e8dfba;
padding-top: 0;
padding-bottom: 0;
}
html>body .post #teb-super-archive ul li {
text-indent: 0;
margin: 0;
}
.post #teb-super-archive ul li:before {
content: "";
}
#teb-super-archive-year {
float: left;
width: 100px;
margin: 0;
padding: 0;
}
#teb-super-archive-year li {
position: relative;
font-weight: bold;
}
#teb-super-archive-month {
float: left;
width: 100px;
margin: 0;
border-left: 1px solid #bbae7a;
font-weight: bold;
}
#teb-super-archive-month li {
position: relative;
}
#teb-super-archive-post {
float: left;
width: 410px;
margin: 0;
border-left: 1px solid #bbae7a;
border-right: 1px solid #bbae7a;
}
#teb-super-archive-post li {
position: relative;
font-weight: bold;
}
#teb-super-archive ul li span {
position: absolute;
right: 8px;
font-weight: normal;
color: #aaa;
}
#teb-super-archive .selected, #teb-super-archive-post li:hover {
background: #e8dfba;
border-top: 1px solid #bbae7a;
border-bottom: 1px solid #bbae7a;
padding-top: 0;
padding-bottom: 0;
}
/* Begin menu */
#menu {
width:200px;
margin-left:509px;
}
#menu .bound {
display : block;
font-size : 12px;
border-top : 1px solid #ffffff;
border-bottom : 1px solid #999999;
background-color : #EDEDED;
font-weight : normal;
padding : 2px 0px 2px 0px;
color : #333333;
width : 198px;
/*text-indent : 10px;*/
}
#menu ul {
margin-bottom:0;
list-style-type:none;
}
#menu ul li, #menu ul ul, #menu ul ul ul {
margin:0px;
padding:0px;
}
#menu ul#linkslist {
margin:0px;
}
#menu ul#linkslist {
margin:0px;
}
#wrap > #menu ul#linkslist{
}
#menu p{
margin: 0 15px;
}
#menu h2{
font-size : 11px;
font-weight : bold;
text-transform : uppercase;
text-align : left;
height : 21px;
line-height : 21px;
text-indent : 8px;
letter-spacing : 1px;
color : #FFF;
background-image : url(/main/wp-content/sitetemplates/nikynik_orange/images/modul.jpg);
width: 198px;
}
#menu p{
margin-top:0px;
margin-bottom:0px;
color: #555;
word-spacing: -1px;
font-size:10px;
}
#menu ul ul li, #menu ul ol li {
margin: 0 0 0 0;
padding: 0 0 0 0;
font-size:10px;
}
#menu ul ul li a, #menu ul ol li a {
padding : 0px 0px 0px 0px;
font-size : 12px;
width : 198px;
background-color : #ECEAD8;
text-indent : 10px;
}
#menu ul ul li a:link, #menu ul ul li a:visited, #menu ul ol li a:link, #menu ul ol li a:visited{
display : block;
font-size : 12px;
border-top : 1px solid #ffffff;
border-bottom : 1px solid #999999;
background-color : #EDEDED;
font-weight : normal;
padding : 2px 0px 2px 0px;
color : #333333;
width : 198px;
text-indent : 10px;
}
#menu ul ul li a:hover, #menu ul ol li a:hover {
border-top : 1px solid #999999;
border-bottom : 1px solid #ffffff;
background-color : #E3E3e3;
font-size : 12px;
font-weight : normal;
text-decoration : none;
text-indent : 10px;
}
/* End menu */
/* Begin Calendar */
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
background-color:#EDEDED;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}
#wp-calendar a {
display: block;
color: White;
font: 0.9em Verdana, Arial, Sans-Serif;
padding: 2px;
text-transform: uppercase;
background: url(/main/wp-content/sitetemplates/nikynik_orange/images/modul.jpg);
border: 1px solid #e9e9e9;
margin-right: 1px;
}
#wp-calendar caption {
text-align: center;
width: 100%;
}
#wp-calendar td {
padding: 3px 0;
text-align: center;
}
#wp-calendar td.pad:hover { /* Doesn't work in IE */
background-color: #e0f1fe; }
/* End Calendar */
/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
cursor: help;
}
acronym, abbr {
border-bottom: 1px dashed #999;
}
blockquote {
margin: 15px 30px 0 0;
padding-left: 20px;
padding-bottom: 5px;
padding-top: 5px;
padding-right: 20px;
background : transparent url(/main/wp-content/sitetemplates/nikynik_orange/images/back.gif);
border: 2px solid #996600;
color : #996600;
}
blockquote cite {
margin: 5px 0 0;
display: block;
}
.center {
text-align: center;
}
hr {
display: none;
}
a img {
border: none;
}
.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
}
.gravatar {
float:left;
padding: 3px;
margin-right: 5px;
margin-bottom: 5px;
border: 1px solid #b5b5b5;
}
/* End Various Tags & Classes*/
#topbar {
padding: 0;
height:10px;
width: 770px;
text-align: right;
}
#topbar a:link {
text-decoration: none;
page-break-after: always;
}
#topbar a:visited {
text-decoration: none;
}
#sidebararea #sidebarmenu {
text-align: left;
}
#sidebarcontents {
text-align: left;
}
2008-06-17 | Posted in:
Free
If you want to be a bad product manager, confuse product management with project management. The words are so close because the two concepts are so similar. Product managers should manage projects since they need to ensure that the projects get done. They’re both management roles (right?) so the skills and experience are virtually the same. Project managers just get in the way and try to take control of the project away from the product manager.
If you want to be a good product manager, learn the difference between product management and project management. Despite the similar names, there are big differences between product management and project management. Confusing them is common, even among those experienced in product development.
Project managers are responsible for the successful delivery of a project — a one-time endeavor with a goal, scope, deadline, budget, and other constraints. A project manager will work to align resources, manage issues and risks, and basically coordinate all of the various elements necessary to complete the project. As they relate to products, projects can be undertaken to build a product, to add new features to a product, or create new versions or extensions of a product. When the project is complete, the project manager will usually move move to a new project, which may be related to a different product.
Product managers are responsible for the overall and ongoing success of a product. Once the project to build the product is complete and the project manager has moved on, the product manager remains to manage the product through the entire lifecycle. Other projects related to the product may be initiated, with the product manager being the one constant stream throughout, defining the project goals and guiding the team to accomplish the business objectives that have been defined.
One challenge of the two roles is that they can appear to be at odds with each other. A product manager may want to add a lot of features to meet observed customer needs, but the project manager may want to keep scope as small as possible so that the project is delivered on time and under budget. Traditional definitions (and probably those above, too) often mischaracterize the project manager as singularly focused on getting the project finished on time and under budget without any concern as to whether it meets the market or customer needs.
Good product managers and good project managers are able to create a balance of these conflicts. Good project managers know that the true success of a project is not whether it is on time and within budget, but whether it meets the defined goals and objectives. Good product managers know that all the features in the world will not matter if the project is continually delayed and never makes it to market or if it is too over budget to be completed.
Especially for web-based and technology products, the confusion between project and product management is common and potentially harmful to organizations who do not acknowledge the distinction. As Rob Grady writes in Are you a Web Project Manager or Web Product Manager? (Part I):
Today, as websites have become increasingly important in business, they are, unfortunately, still being managed as projects. This becomes a problem in meeting defined business objectives, prioritizing, having the right skills to manage what has now become a core business function. If the website has become or is a core business function there is a greater need than managing a project, it has become a product which will have a series of projects driven through business objectives.
There are some important points to keep in mind related to project management and product management:
- Just like every product needs a product manager, every project needs a project manager.
- Just because product managers think they can manage their own projects does not mean they should.
- The skills, talents, and traits involved in project management are very different from those involved in product management.
- Just like it is hard to find one single person who can fill the product management role and the product marketing role, it is hard to find one person who can be successful at both the product management and the project management role.
- Project management is not a stepping stone to product management, nor vice versa.
- Good project managers are just as valuable as good product managers.
- Finding a good project manager to manage your projects will help you be an even better product manager.
- The less time product managers spend on project management, the more time they will be able to spend on product management.
- To avoid conflicts between product management and project management, product managers, project managers, and project teams should all agree on shared goals and objectives as much as possible.
Comments | RSS for comments | No Trackback|
(0)
Trackback URI http://coco.chocoboard.com/main/wp-trackback.php/5857
No Comments
Login
E-mail will not be publish