style.css

/*Theme Name: MyGraphene

Theme URI: Your URL

Description: My own Graphene copy

Author: Your name

Template: graphene

*/

@import url('../graphene/style.css');
#container {
-webkit-box-shadow: none;
box-shadow: none;
border: solid 1px #000;
}
#content {
padding-bottom: 0px;
}
#header {
background-position: center top;
background-color: #FFF;
background-repeat: no-repeat;
height: 138px;
width: 100%;
position: relative;
}
.header-img {
position: absolute;
top: 0;
left: 50%;
margin-left: -480px;
}
#header_img_link {
display: block;
position: absolute;
text-decoration: none;
width: 100%;
height: 138px;
}
.header_title {
font: bold 32px "Arial";
position: relative;
top: 30px;
}
.post {
margin-bottom: 0px;
}
.textwidget {
position: relative;
font: bold 16px "Arial";
color: white;
margin-top: 8px;
left: 30px;
width: 400px;
}
#graphene-dynamic-widget-graphene_footer .textwidget ( font: normal 12px "Arial";
) .menu-bottom-shadow {
background: url(images/sprite_h.png) left top repeat-x #1e557e;
height: 2px;
width: 100%;
}
/* =Footer

-------------------------------------------------------------- */

#footer {
background: url(images/sprite_h.png) left -1352px repeat-x #900;
padding-top: 0px;
margin-top: -10px;
margin-bottom: 0px;
min-height: 10px;
position: relative;
color: #FFF;
clear: both;
}
#footer .textwidget {
font-size: 12px;
font-weight: normal;
padding-bottom: 5px;
}
#top-bar {
background: url(images/sprite_h.png) left -596px repeat-x #990000;
border-bottom: none;
height: 54px;
position: relative;
z-index: 10;
}
/* Top level header menu, default state */

#header-menu-wrap {
position: relative;
background: url(images/sprite_h.png) left -3px repeat-x #900;
z-index: 15;
}
/* Top level header menu, hover and current state */

#header-menu > li:hover, #header-menu > li.current-menu-ancestor {
background: url(images/sprite_h.png) left -300px repeat-x #FFF;
}
#header-menu > li.current-menu-item {
background: url(images/sprite_h.png) left -300px repeat-x #FFF;
}
#header-menu > li:hover > a, #header-menu > li.current-menu-item > a, #header-menu > li.current-menu-ancestor > a {
color: #900;
}
#header-menu > li.menu-item-ancestor:hover > a {
color: #900;
}
#header-menu > li:hover > a > span, #header-menu > li.current-menu-item > a > span, #header-menu > li.current-menu-ancestor > a > span {
color: #FFF;
}
#header-menu > li.menu-item-ancestor:hover > a, #header-menu > li.current-menu-item > a, #header-menu > li.current-menu-ancestor > a {
background-position: -877px -192px;
}
/* Sub level header menu, default state */

#header-menu ul li a {
color: #FFF;
font-weight: bold;
padding: 10px;
width: 180px;
}
#header-menu ul li {
background: url(images/sprite_h.png) left -777px repeat-x #900;
}
#header-menu ul li.menu-item-ancestor > a {
background: url(images/sprite_master.png) -652px -194px no-repeat transparent;
padding-right: 25px;
width: 165px;
}
/* Sub level header menu, hover and current state */

#header-menu ul li:hover, #header-menu ul li.current-menu-item, #header-menu ul li.current-menu-ancestor {
background-position: left -856px;
background-color: #FFF;
}
#header-menu ul li:hover > a, #header-menu ul li.current-menu-item > a, #header-menu ul li.current-menu-ancestor > a {
color: #900;
}
#developer {
text-align: right;
clear: right;
padding: 5px 0;
float: right;
}
.widget_nav_menu {
border: 1px solid #990000;
}
.parent-return {
display: none;
}
/* Graphene internal stylesheet */

#content, .menu-bottom-shadow, #sidebar_bottom {
background-color: #ffffff;
}
.post {
background-color: #ffffff;
}
.post-title, .post-title a, .post-title a:visited, .entry-footer {
border-color: #ffffff;
}
.post {
border-top-color: #FFFFFF;
}
.post {
border-bottom-color: #FFFFFF;
}
.post {
border-bottom-color: #FFFFFF;
}
.sidebar div.sidebar-wrap {
-moz-box-shadow: 0 0 5px #ffffff;
-webkit-box-shadow: 0 0 5px #ffffff;
box-shadow: 0 0 5px #ffffff;
}
.sidebar ul li {
border-color: #990000;
}
.sidebar h3 {
border-color: #990000;
}
.sidebar h3 {
background: #990000;
background: -moz-linear-gradient( #990000, #990000 );
background: -webkit-linear-gradient(top, #990000, #990000 );
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#990000', EndColorStr='#990000')";
background: linear-gradient( #990000, #990000 );
}
#comments ol li.comment, #comments ol li.pingback, #comments ol li.trackback {
background-color: #FFFFFF;
}
#comments ol.children li.comment {
border-color: #FFFFFF;
}
#comments ol.children li.bypostauthor, #comments li.bypostauthor.comment {
border-color: #FFFFFF;
}
#comments ol.children li.bypostauthor, #comments li.bypostauthor.comment {
border-color: #FFFFFF;
}
#commentform {
background-color: #FFFFFF;
}
body {
background-image: none;
}
.header_title, .header_title a, .header_title a:hover, .header_desc {
color: #blank;
}
#sidebar_bottom .sidebar-wrap {
width: 760px
}
.entry-content, .sidebar, .comment-entry {
color: #000000;
}
.entry-content img, .wp-caption {
width: auto;
}
.entry-content img, .child-page img {
border: 1px solid #000000;
margin: 5px;
}
.post-title, .post-title a {
color: #990000;
}
#header_img_link {
width: 705px;
height: 138px;
}
a, .post-title, .post-title a, #comments > h4.current a {
color: #990000;
}
a:visited, .post-title a:visited {
color: #990000;
}
a:hover, .post-title a:hover {
color: #000000;
}
.one-column .comment-form-author, .one-column .comment-form-email, .one-column .comment-form-url {
width: 240px
}
.one-column .graphene-form-field {
width: 232px
}
.one-column #commentform textarea {
width: 752px
}
#content-main .grid_11, .container_16 .slider_post, #comments #respond {
width: 530px
}
#sidebar1, #sidebar2 {
width: 200px
}
.comment-form-author, .comment-form-email, .comment-form-url {
width: 180px
}
.graphene-form-field {
width: 172px
}
#commentform textarea {
width: 572px
}
body {
background-color: #FFFFFF;
font: normal 13px arial;
background-image: none;
}
.bg-gradient {
background: none;
}
.header_title, .header_title a, .header_title a:hover, .header_desc {
color: #blank;
}
table td, table th, table tr {
border: 1px none #ccc;
font-family: arial;
padding: 2px;
margin: 2px;
}
table th {
background: #FFFFFF;
border-bottom-width: 2px;
}
table tr {
background: #FFFFFF;
}
table tr.alternate {
background: #fff;
}
.entry-content h2 {
color: #990000;
}
.entry-content h2, .comment-entry h2 {
font-size: 16px;
font-weight: bold;
}
.entry-content h3 {
color: #990000;
}
.entry-content ul li {
list-style-image: none;
}
.entry-content h3, .comment-entry h3 {
font-size: 14px;
font-weight: bold;
}
.comment-entry h4 {
font-size: 12px;
font-weight: bold;
}
.entry-content a {
font-weight: bold;
text-decoration: underline;
}
.container_16 .grid_11 {
width: 700px
}
#nav .menu li a, #nav .menu li a:visited {
width: 120px;
}
#nav .menu li li a, #nav .menu li li a:visited {
width: 200px;
}
#nav .sub-menu li {
border-bottom: 1px solid #FFFFFF;
}
#nav .sub-menu {
width: 220px;
}
.sidebar ul li {
font-weight: bold;
}
.sidebar ul li:hover {
background-color: #EEEEEE;
}
#header .header_title {
font: normal 32px arial, sans-serif;
}
.header_desc {
font: normal 22px arial, sans-serif;
}
.post-title a {
font: 24px sans-serif;
}
.comment-entry h6 {
font: normal 18px arial, sans-serif;
}
h3.author-post-list {
font: normal 20px arial, sans-serif;
}
.sidebar h3 {
font: 18px/20px arial, sans-serif;
}
.homepage_pane .post-title a, .homepage_pane .post-title a:visited {
font: normal 20px arial, sans-serif;
}
.pullquote {
font: normal 22px arial, sans-serif;
}
#content .default_product_display h2.prodtitle {
font: bold 18px arial, sans-serif;
}