/*
Theme Name: CPM Magazine
Theme URI: http://www.cpmmags.com/
Description: Custom Theme for CPM Magazine by Erik Nielsen.
Version: 1.0
Author: Erik Nielsen
Author URI: http://erik-nielsen.com/
*/

body     { color: black; font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif; background-color: #3777a5; background-image: url("images/cpm-back-stripes.png"); background-repeat: repeat-x; text-align: center; margin: 0; padding: 0 }
#main   { margin-right: auto; margin-left: auto; width: 820px }
#apt-header { }
#content     { background-color: #6eeeff; background-image: url("images/cpm-content-back.png"); background-repeat: no-repeat; width: 820px; height: 700px; overflow: -moz-scrollbars-vertical; clip: auto; overflow-x: hidden; overflow-y: scroll      }
/* #content  { background-image: url("images/apt-body.gif"); background-repeat: repeat-y; width: 820px; height: 100%; overflow: -moz-scrollbars-vertical; clip: auto; overflow-x: hidden; overflow-y: scroll    } */
#left-column   { text-align: left; margin: 0; padding: 0; width: 570px; float: left ; display: inline; }
#right-column  { text-align: left; width: 200px; float: left }
#left-subcolumn   { margin-top: 10px; padding-right: 20px; width: 255px; float: left }
#right-subcolumn   { margin-top: 10px; padding-left: 20px; width: 255px; float: right }
#sidebar   { width: 250px }
#footer   { background-color: #052242; padding: 4px; border-top: 1px solid #cff; border-right: transparent; border-bottom: transparent; border-left: transparent }
div#menucontainer   { background-image: url("images/cpm-menu-back.png"); background-repeat: repeat-x; margin: 0; padding: 0; position: relative; z-index: 5; width: 820px; height: 34px }
div#menucontainer ul { white-space: nowrap; list-style: none; margin: 0; padding: 0; position: absolute; list-image: none  }
div#menucontainer li { display: inline; position: relative }
div#menucontainer ul ul { display: none; position: relative }
div#menucontainer li.submenu:hover ul.level2 { display: block; top: 0; left: 0; width: 80px }
div#menucontainer ul.level1 li a:link, div#menucontainer ul.level1 li a:visited   { color: #fff; font-size: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; padding: 10px 18px 12px; position: relative; top: 7px; height: 39px }
div#menucontainer ul.level2 li a:link, div#menucontainer ul.level2 li a:visited   { color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-color: #5d84b0; text-align: center; white-space: normal; display: block; margin: 0; padding: 4px; z-index: 5; width: 80px; height: auto; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px; border-left: 1px solid #fff }
div#menucontainer ul.level1 li a:hover  { color: #000; text-decoration: none; background-image: url("images/layout/menu-over.gif"); background-repeat: repeat-x; -moz-opacity: 0.5; filter: alpha(opacity=50); opacity: .50    }
div#menucontainer ul.level2 li a:hover  { color: #5d84b0; text-decoration: none; background-color: #fff; background-image: none; -moz-opacity: 1; filter: alpha(opacity=100); opacity: 1    }
div#menucontainer ul.level1 { width: 820px; height: 34px }
div#menucontainer ul.level1 li { position: relative; float: left }
p      { color: #000; font-size: 12px; font-weight: bold; line-height: 1.4em; background-color: transparent; margin: 0; padding-top: 0.4em; padding-bottom: 0.4em }
li  { }
div.entry-page ul li   { font-size: 12px; line-height: 1.2em; list-style-type: square; margin: 0 0 0.5em; padding: 0 100px 0 0 }
div.entry-page ul { margin: 0 0 10px 30px; padding: 0 }
div.entry-page p  { padding-right: 100px } 
a { font-weight: bold }
a:link, a:visited  { color: #c60; text-decoration: underline }
a:hover  { color: #fff600; text-decoration: none }
h2      { color: #ccc; font-size: 16px; font-weight: bold; line-height: 1.2em; background-color: #052242; text-align: left; margin: 5px 0; padding: 5px 2px }
h3 { color: #a10000; font-size: 16px; font-weight: bold; line-height: 1.2em; text-align: left; margin: 1em 0 0.5em; padding: 0 }
h3#comments, h3#respond { margin-left: 16px }
h2 a, h2 a:link, h2 a:visited  { color: #c60; text-decoration: none }
h2 a:hover  { color: #fff600; text-decoration: underline }
small  { color: #fff; font-size: 10px; font-weight: normal }
p.edit { color: #808080; font-size: 9px; font-weight: normal; text-decoration: none; text-align: right; margin-right: 10px }
p.footer  { color: #ccc; font-size: 9px; font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif; line-height: 1.3em }
.post { margin-top: 5px; margin-bottom: 5px; padding: 10px; border-bottom: 1px solid #333 }
.entry    { margin-top: 10px; margin-bottom: 20px; padding-right: 100px; padding-left: 20px }
.entry-page  { margin: 0 0 0 0; padding: 0 }
.post-page  { margin: 0 0 0 20px; padding: 0; border: 0 }
div.entry-page p.text-large  { font-size: 14px; line-height: 1.3em; padding-right: 20px }
#sidebar ul  { list-style-type: none; margin: 0; padding: 0 0 0 0 }
#sidebar ul li h2    { background-color: #052242; background-repeat: repeat-x; display: block; margin: 5px 0; padding: 5px 0 5px 20px; border-left: 1px solid #cff }
#sidebar ul li a,  #sidebar ul li a:link,  #sidebar ul li a:visited  { color: #000; font-size: 12px; font-weight: normal; line-height: 1.2em; text-decoration: none; list-style-type: square; display: list-item; margin: 10px 15px 10px 20px }
#sidebar ul li a:hover { color: #678eba; text-decoration: underline }
#sidebar ul li.widget_text a { list-style-type: none; list-style-image: none; display: inline; margin: 0; padding: 0; padding-left: 15px; margin-bottom: 5px; }
#sidebar ul li#text-263767172  { padding-left: 7px; }
.frm_input { color: #000000; font-size: 12px; font-family: Arial, sans-serif; font-weight: bold; background: #ffffff url("images/frmbg.jpg") repeat-x; margin: 1px; padding: 2px; height: 22px; border: solid 1px #666666 }
p.frm_text    { color: #000; font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: left; white-space: nowrap; margin: 4px 0 0; padding: 0 }
td.frm  { text-align: left; margin: 0; padding: 0; width: 168px }
.frm_textarea { color: #000000; font-size: 12px; font-family: Arial, sans-serif; font-weight: bold; background: #ffffff url("images/frmbg.jpg") repeat-x; margin: 1px; padding: 2px; border: solid 1px #666666 }
.frm_reset { color: #000000; font-size: 12px; font-family: Arial, sans-serif; font-weight: bold; background: #ffffff url("images/frmbg.jpg") repeat-x; margin: 10px 1px 20px; padding: 2px; width: 50px; height: 22px; border: solid 1px #666666 }
.frm_submit { color: #600; font-size: 12px; font-family: Arial, sans-serif; font-weight: bold; background: #ffffff url("images/frmbg.jpg") repeat-x; margin: 10px 1px 20px; padding: 2px; width: 70px; height: 22px; border: solid 1px #666666 }
ol.commentlist p { padding-right: 100px }
/* image alignment fix for WP http://www.jpsimbulan.com/2008/07/22/fixing-image-alignment-problems-and-errors-in-wordpress-26/ */
.aligncenter, div.aligncenter { display: block; margin-left: auto;margin-right: auto; }
.alignleft { float: left; }
.alignright { float: right;}
#flashContent { margin: 0; padding: 0 }
#pageflipper { margin: 10px; }
form  { font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif; text-align: center; margin: 5px 0 10px; padding: 0 ; }
#formbox { float: left; margin-top: 5px; margin-bottom: 20px; padding-top: 5px; padding-bottom: 15px; border-top: 1px solid #333; border-bottom: 1px solid #333; display: inline; }
.cell { font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-align: center; width: 170px; height: 60px; float: left; margin: auto; padding: 0; display: inline; }
.cell2 { font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-align: center; display: inline; padding: 0; width: 255px; height: 30px; float: left; margin: auto; }

.textwidget span#dig a, .textwidget span#dig a:link, .textwidget span#dig a:visited {font-size: 16px; font-weight: bold; list-style-type: none; color: black; text-align: center; padding: 0; margin: 0; display: block;}

