/*FONT FAMILY===========================================================================================*/ body, td, th { font-family: Georgia,Verdana,Times New Roman,Times; /*Arial & Helvetica are almost undistinguishable*/ } /*-------uncomment and ustomize if you want to use different fonts for different page elements h2 { font-family: Times } h3 { font-family: Courier } h4 { font-family: Trebuchet } p { font-family: Helvetica } ---------*/ /*FONT SIZE=============================================================================================*/ h1 { font-family: Arial, Helvetica, sans-serif; font-size: 140%; font-weight: normal; } /* - header or special effects */ h2 { font-size: 190%; } /* content headings */ h3 { font-size: 150%; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; color:#FF9900;} /* content headings */ h4 { font-size: 100%; } /* list headings, same size as (p) */ h5 { font-size: 100%; } /* list headings 2, same size as (p) */ p, ul, ol, td { font-size: 100%; } ul ul { font-size: 100%; } /*- actually only necessary if the ul size is not 100% */ td p { font-size: 100%; padding-left:5px;} /*WIDGETBOX=============================================================================================*/ #widgetbox {margin-left:-20px; margin-right:0px; height: 110px; width: 140px; padding:5px} #widgetbox p {margin: 0px 0px 0px 0px;} #widgetbox ul {list-style: none; margin: 0 ;padding: 0 ;} #widgetbox ul li {padding: 0px ; border: solid #0066cc 0px; margin-top:0px;} #widgetbox ul li ul li {padding-left: 0px ; border:none; padding:0px; margin:0px} #widgetbox li {margin-bottom:20px} #widgetbox h2 {margin: 0 0 20px 0px;} #widgetbox h2 {font-size: 130%;} #widgetbox1 {margin-left:-10px; margin-right:0px; width: 250px; padding:5px; font-size: 12px; font-family: Arial, Helvetica, sans-serif;} #widgetbox1 p {margin: 0px 0px 0px 0px;} #widgetbox1 ul {list-style: url(images/arrow2.jpg); margin: 0; padding: 0;} #widgetbox1 ul li {padding: 0px ; border: solid #0066cc 0px; margin-top:0px;} #widgetbox1 ul li ul li /*{padding-left: 0px ; border:none; padding:0px; margin:0px}*/{border:medium none; list-style-position:outside; list-style-type:lower-roman; margin:0 0 0 18px; padding-left:0;} #widgetbox1 li {margin-bottom:10px; margin-left: 20px;} #widgetbox1 h2 {margin: 0 0 20px 0px;} #widgetbox1 h2 {font-size: 150%; font-weight:normal;} /*FONT COLORS=============================================================================================*/ /*-------------------- below is the color scheme used - it's for info only, if you want to change you need to change below (after the body tag) lead color: #0066cc blue h1, h2, h3 second color: #88bb22 green seperaton lines, some links highlight 1: #9966cc purple not used but matching color - if you want to highlight something highlight 2: #990000 red not used but matching color - if you want to highlight something background 1: #eeeeff light lead elements background 2: #f7f7ff light lightest bg box underline: #cccccc light grey ---------------------*/ body {color: black} a:active {color: red} h6 { font-size: 13pt; font-weight: bold; COLOR: #83c3e1; FONT-FAMILY: Arial; margin-top:0px; margin-bottom:0px;} h1, h2, h3, h1 a:link, h2 a:link, h3 a:link, h1 a:visited, h2 a:visited, h3 a:visited {color: #333333} h3 a:link, h3 a:visited {color: #333333;} ul li a:link, ul li a:visited {color: #000000} p a:link, p a:visited {color: #000000} a:link, a:visited {color: #000000} p.postmetadata {font-size:14px;} p.postmetadata a:link, p.postmetadata a:visited {color: #88bb22} .comments {font-size:20px;} #footer p a:link, #footer p a:visited {color: #ffffff} /*-------uncomment and customize below example if you want to add colors h2, h2 a:link, h2 a:visited { #990000 } h3, h3 a:link, h3 a:visited { #9966cc } ---------*/ /*LINK STYLE other than color=============================================================================*/ a:link, a:visited {text-decoration:none } p a:link, p a:visited {text-decoration:underline } /* orphan text remains undecorated */ a:hover {text-decoration:underline } h1 a:hover {text-decoration:none } #footer p a:link, #footer p a:visited {text-decoration: none} #footer p a:hover {text-decoration: underline} /*MARGINS, BORDERS AND PADDING for elements (not for containers)===========================================*/ body {margin:0px; padding: 0px;} ul, ol {list-style: outside} #sidebar ul, #sidebar ol {margin-left: 0; padding-left: 0; list-style-type: none; padding-right:7px; } h1, h1 a:link, h1 a:visited, h1 a:hover {margin-top:0} h4, h4 a:link, h4 a:visited, h4 a:hover {margin-top:0} h2 {margin-top:0px; margin-bottom:0px; font-family: Georgia, "Times New Roman", Times, serif;} h3 {margin-top:0px; margin-bottom:5px; } a img {border: 0px solid #0066cc} /*MULTI-USE TAGS==========================================================================================*/ .center {text-align: center;} .alignleft {text-align: left; float: left;} .alignright {text-align: right; float:right;} .left {float:left;} .bg1 {background-image: #eeeeff} .bg2 {background: #f7f7ff} .border1 {border: solid 1px #0066cc;} /*IMAGE TAGS==========================================================================================*/ /*the below will make images float left if they have no other tags (like 'right')*/ img {float: left; margin:0px 5px 0px 0px} /*the below will make images float right but you have to add 'class="right" inside the image tag)*/ img.right {float: right; margin: 0px 0px 0px 5px} #header img {border: none} /*========================================================================================= =========================================================================================== =========================================================================================== */ /* DIV FRAMING ============================================================= un-comment the next few lines and you will see colored borders around the main elements on your site - this helps you to identify which DIV you need to change if you want to change the layount (e.g. make the page or the sidebar wider)==========================================================================*/ /* #page {border: 3px solid green;} #header {border: 3px solid red;} #content {border: 3px solid brown;} #sidebar{border: 3px solid aqua;} .post {border: 3px solid #0066cc;} #comments {border: 3px solid black;} .commentlist {border: 3px solid yellow;} */ /* change the color or the width of the line below the header and left of the sidebar*/ #header {border-bottom: 0px solid #88bb22;} #sidebar {border-left: 0px solid #88bb22;} /* not much in the boddy tag================================================ ==========================================================================*/ body { text-align:center; background-color:#d3b92a; } /* BEGIN DIVS and other layout stuff======================================== this is the tricky bit - here you change your layout - make sure you back-up before changing ==========================================================================*/ #page {margin:auto; margin-top:0px; width: 984px; text-align:left; background-image: url(images/pageback.jpg);} #header {position:relative; width: 984px; margin-top:10px; margin:auto;} #container { width: 986px; margin: 0px auto; } #subcontainer { width: 986px; margin: 0px auto; height: 100%; } #top{position:relative; width: 986px; height: 304px; background:url(images/top.jpg);} #headline {float:left; text-align: left; font-size: 12px; width: 400px; height: 150px; margin-left: 50px; margin-top: 98px; font-family: Georgia,Verdana,Times New Roman,Times;} #bio {float:left; width: 44px; height: 17px; font-family: Georgia,Verdana,Times New Roman,Times; margin-left: 305px; margin-top: 11px;} #speaking {float:left; width: 56px; height: 17px; font-family: Georgia,Verdana,Times New Roman,Times; margin-top: 11px; margin-left:0px;} #twitter {float:right; width: 150px; height: 120px; margin-top: 50px; margin-right: 20px; font-family: Georgia,Verdana,Times New Roman,Times;} #middle {position:relative; width: 986px; height: 264px; background:url(images/middle.jpg);} #seemyschedule {float:left; width: 116px; height: 27px; font-family: Georgia,Verdana,Times New Roman,Times; margin-top:233px; margin-left: 102px;} #readmyblog {float:left; width: 116px; height: 27px; font-family: Georgia,Verdana,Times New Roman,Times; margin-top:233px; margin-left: 112px;} #emaillist {text-align: left; float:left; width: 116px; height: 27px; font-family: Georgia,Verdana,Times New Roman,Times; margin-top:233px; margin-left:100px;} #amazon {float:left; width: 47px; height: 27px; font-family: Georgia,Verdana,Times New Roman,Times; margin-top:229px; margin-left: 180px;text-align: right;} #bottomtop {float:left; width: 986px; height: 17px; background:url(images/bottomtop.jpg);} #bottom {float:left; width: 986px; background:url(images/bottom.jpg);} #bottomleft {float:left; text-align: left; width: 490px; font-family: Georgia,Verdana,Times New Roman,Times; margin-left: 40px;} #bottomright {float:left; vertical-align:top; text-align: left; width: 4050px; font-family: Georgia,Verdana,Times New Roman,Times; margin-left: 0px;} #bottomend {float: left; width: 986px; height: 15px; background:url(images/bottomend.jpg);} .widgetbar{float: left; width: 250px; height: 2px; background-color: #9d9c9c; overflow: hidden;} #sidebarcontent{float: left; width: 250px; margin-left: -20px;} #sidebarcontent ul{list-style-type:none;} #sidebarcontent li{list-style-type:none;} .logolink{float: left; width: 124px; height: 90px; margin-left: 27px; margin-top: 50px;} /* menu bar in header section*/ #nav{position:relative; display:block; width: 986px; height:51px; font-size:11px; font-weight:bold; background-image: url(images/navback.jpg); background-color: #eee7d3; background-repeat: no-repeat; font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px;} #nav ul{margin-left:374px; width:575px; padding:0; list-style-type:none; width:auto;} #nav ul li{display:block; float:left; margin-top: 27px;} #nav ul li a{display:block; float:left;color:#5c5c5c; text-decoration:none; padding:3px 6px 0 6px;} #nav ul li a:hover,#nav ul li a.current{color:#000000; background-color: #ffffff;} #navsub{position:relative; display:block; width: 986px; height:52px; font-size:11px; font-weight:bold; background-color: #eee7d3; background-repeat: no-repeat; font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px;} #navsub ul{margin-left:440px; width:575px; padding:0; list-style-type:none; width:auto;} #navsub ul li{display:block; float:left; margin-top: 27px;} #navsub ul li a{display:block; float:left;color:#5c5c5c; text-decoration:none; padding:3px 6px 0 6px;} #navsub ul li a:hover,#nav ul li a.current{color:#000000; background-color: #ffffff;} #subnav{position:relative; display:block; width: 986px; height:159px; font-size:11px; font-weight:bold; background-image: url(images/subtop.jpg); background-color: #eee7d3; background-repeat: no-repeat; font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px;} #subnav ul{margin-left:375px; width:575px; padding:0; list-style-type:none; width:auto;} #subnav ul li{display:block; float:left; margin-top: 27px;} #subnav ul li a{display:block; float:left;color:#5c5c5c; text-decoration:none; padding:3px 6px 0 6px;} #subnav ul li a:hover,#nav ul li a.current{color:#000000; background-color: #ffffff;} #content {padding-left: 0px; padding-right: 0px; margin-top: 0px; font-family: Arial, Verdana, Helvetica, Sans-Serif; font-size: 12px;} #content a:link {color: #818181; text-decoration:none; font-weight: bold;} #content a:hover {color:#818181; text-decoration:underline; font-weight: bold;} .parent a:link {color: #FF9900; text-decoration:none;} .parent a:hover {color:#FF9900; text-decoration:underline;} .narrowcolumn1 {float: left; padding: 0 0px 0px 0px; margin: 0px 0 0; width: 645px;} .narrowcolumn .postmetadata {text-align: right;} .narrowcolumn {float: left; padding: 0 0px 0px 0px; margin: 0px 0 0; width: 606px; margin-left: 200px;} .narrowcolumn .postmetadata {text-align: right;} .subcolumn {float: left; padding: 0px 0px 0px 0px; width: 606px;} #subcolumntext {float: left; padding: 0px 0px 0px 0px; width: 60 6px;} #subbottom {float: left; padding: 0 0px 0px 0px; margin: 0px 0 0; width: 986px; height: 30px; background-image: url(images/subbottom.jpg);} .widecolumn {float: left; padding: 0 0px 20px 45px; margin: 0px 0 0; width: 986px;} /* navigation here refers to the link to the next on previous post (not needed if you do pages only)*/ .navigation {display: block; text-align: center; margin-top: 10px; margin-bottom: 10px;} /* sidebar refers to the main element on the right hand side of the page which contains all navigation links*/ #sidebar{position:relative; float:right; padding: 0px 0 0px 0; height: 110px; width: 140px; margin-top: -635px;} #sidebar form {margin: 0;} #sidebar #searchform #s {width: 108px; padding: 5px;} #sidebar #searchsubmit {padding: 0px;} #sidebar1{position:relative; float:left; padding: 0px 0 0px 0; margin-left: 50px; height: 100%; width: 270px; margin-top: 0px; background-color: #FFFFFF;} #sidebar form {margin: 0;} #sidebar #searchform #s {width: 108px; padding: 5px;} #sidebar #searchsubmit {padding: 0px;} /* style of the headers within the sidebar*/ .sb_header {background: #eeeeff; margin: 0 0 20px 20px; padding-top: 5px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;} .sb_header h2 {margin: 0 0 2px 0px; } .post {margin: 0 0 40px 0; text-align: left; display:block; clear:both;} .postmetadata ul, .postmetadata li {display: inline; list-style-type: none; list-style-image: none;} .blockquote {margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd;} .blockquote cite {margin: 5px 0 0; display: block;} #footer {padding: 0; background-color:#d3b92a; margin: 0px 0 0 0; clear:both; width: 986x; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px;} #footer p {margin: 0; padding: 5px 10px; text-align: center;} #comments { clear:left;} .commentlist {padding: 0; text-align: left; margin-left: 0;} .commentlist li {margin: 15px 0 5px; padding: 5px 10px 5px; list-style: none;} .commentlist p {margin: 10px 5px 10px 0;} .commentlist p {text-transform: none;} #commentform p {margin: 5px 0;} #commentform input {width: 170px; padding: 5px; margin: 5px 5px 0px 0;} #commentform textarea {width: 500px; padding: 0px;} #commentform #submit {margin: 0; float: right;} .commentmetadata {margin: 0; display: block;} .nocomments {text-align: center; margin: 0; padding: 0;} #searchform {margin: 10px auto; padding: 5px 3px; text-align: center;} .entry form { text-align:center;} select {width: 130px;} .alt {background-color: #f8f8f8; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 0; padding: 10px;} .prod-box { background: url("images/prod-bg.gif") no-repeat scroll 0 0 transparent; float: left; height: 270px; margin-left: 0; margin-top: 7px; position: relative; width: 320px; } .box2-inner { padding: 25px 0 15px 25px; width: 280px; } .prod-box h2, .prod-box h2 a { color:#000!important; font-size: 16px; font-weight: bold; height: 45px; line-height: 20px; margin-top: -3px; overflow: hidden; } .prod-box p { float: left; font-size: 13px; line-height: 15px; margin: 5px 0 0; padding: 0; width: 150px; } .prod-box p a{ color:#FC9A3F!important; } .prod-box img { float: left; padding-left: 5px; padding-top: 7px; max-width: 109px; max-height: 139px; } #add-to-cart { float: none; left: 35px; padding-top: 0; position: absolute; top: 215px; } #price { left: 200px; position: absolute; top: 223px; } #single-sidebar { float:right; width:291px; } #cork { background: url("images/cork.jpg") no-repeat scroll 0 0 transparent; float: right; font-family: wordy-diva,caflisch-script-pro,sans-serif; font-size: 15px; line-height: 18px; margin-top:-10px; width: 290px; } #cork-top { background-color: #000000; float: right; margin-right: 27px; margin-top: 26px; width: 237px; } #cork-middle { background-color: #000000; float: right; margin-right: 27px; width: 237px; } #cork-bottom { background-color: #000000; float: right; margin-right: 27px; width: 237px; } #cork-bot { background: url("images/cork.jpg") no-repeat scroll 0 bottom transparent; float: right; height: 30px; margin-top: -1px; width: 290px; } #cork-top-text { background-color: transparent; float: right; height: 105px; margin-top: -125px; overflow: hidden; padding-right: 20px; text-align: center; width: 75px; } #cork-middle-text { background-color: transparent; float: left; height: 105px; margin-top: -113px; padding-left: 13px; text-align: center; width: 90px; } #cork-bottom-text { background-color: transparent; float: right; height: 105px; margin-top: -110px; overflow: hidden; padding-right: 15px; text-align: center; width: 80px; } a.cork { color:#000000!important; font-weight:normal!important; } #single-add-to-cart { float: right; padding-bottom: 10px; padding-left: 10px; padding-right: 50px; } /* Theme Name: MTAM Theme URI: http://www.morethanaminute.com/ Description: More Than A Minute Wordpress Theme. Version: 2.0 Author: Chris Ruby Author URI: http://www.zerogcreative.com/ */