/* Theme Name: DurableTheme URI: http://cssdev.com/durableDescription: Durable is a wordpress theme by Andy Peatling with a difference, let your readers be in control of colors and settings.
Check for Updates »Version: v0.2Author: Andy PeatlingAuthor URI: http://cssdev.com/ NOTE: Due to the way the color selector works, grouping of user modifiable declarations is not possible. This means some declaration redundancy is inevitable.*//** * Structural Components */* { outline: none;}body { margin: 0; padding: 0 0 10px 0; width: 90%; min-width: 760px; line-height: 135%; color: #666; background: #fff; margin: 0 auto 0 auto; font-family: verdana, tahoma, arial, sans-serif; font-size: 13px;}#header { height: 138px; padding: 10px 0 0 0; background-color: #ff5c00; background-color: #fff; color: #fff; text-align: center; margin: 0 0 10px 0;}body > #header { height: 95px; background-image: url(images/header_tear.png);}#topMenu { height: 20px; padding: 5px; text-align: center; font-family: georgia, times, serif; color: #666; font-size: 16px; margin: 10px 0 0 0;}#overview { background-color: #3fbcec; color: #fff; padding: 0 15px 30px 15px; margin: 10px 0 0 0;}#page > #overview { padding: 15px 15px 30px 15px; }#mainContent { background: #F5F5F5; padding: 0 20px 0 20px; margin: 10px 0 10px 0; color: #666;}#page > #mainContent { padding: 0 20px 20px 20px; margin: 20px 0 15px 0;}.menuSection { border-top: 1px solid #3fbcec; padding: 20px 20px 0 20px; margin: 0 0 20px 0; height: auto; background: #3fbcec; color: #fff;}#sidebar > .menuSection { padding: 20px 20px 0 20px;}#footer { text-align: center;}.column { float: left; width: 55%; margin: 0 2% 0 2%;}.menuSection .column { width: 28%;}.column#postsColumn { width: 35%}#links .column { width: auto; margin-right: 15px;}#sidebar div.holder { float: left; margin: 0 30px 0 0; list-style-type: none;}.navigation { text-align: center; margin: 0 0 15px 0; }.postMeta { float: right; width: 180px; margin: 45px 10px 15px 30px;}.theDate { width: 45px; height: 43px; margin: 0 10px 10px 0; padding: 3px 0 0 0; float: left; text-align: center; font-family: georgia, times, serif; background: #3fbcec; color: #fff;}.theDate .theMonth, .theDate .theDay { display: block; font-size: 14px;}.theDate .theDay { font-size: 25px; margin: -2px 0 0 0;}#overview .date, #search .date, .postMeta { font-size: 11px;}.entry { clear: left; margin: 10px 0 0 0;}.post { margin-right: 220px; text-align: left;}.mini-post { text-align: left; float: left; width: 45%; margin: 30px 4% 0 0;}#commentForm { padding: 0 20px 0 20px; background: #ddd; margin: 30px 0 0 0;}#colourControl { position: absolute; width: 650px; height: 360px; background: url(images/controlmainback.gif) repeat-y top left #fff; border: 3px solid #ddd; overflow: hidden;}#colourControl #headerOptions { background: url(images/controlheader.gif) repeat-x #1676f9; font-weight: bold; cursor: move; height: 26px; color: #fff; padding: 8px 0 0 15px;}#headerOptions span { position: absolute; right: 10px; top: 8px;}.topTear, .bottomTear { height: 22px;}.topTear { margin: -20px -20px 15px -20px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kaiserpenguin.com/wp-content/themes/durable/images/body_tear.png', sizingMethod=crop );}.topTear[class] { filter: none; background: url(images/body_tear.png) repeat-x left top; }.bottomTear { margin: 15px -20px -20px -20px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.kaiserpenguin.com/wp-content/themes/durable/images/header_tear.png', sizingMethod=crop );}.bottomTear[class] { filter: none; background: url(images/header_tear.png) repeat-x; }.align-right { text-align: right;}/** * Headings */h1, h2, h3, h4, h5, h6 { line-height: 110%;}h1 { margin: 0; font-size: 32px; font-family: "Trebuchet MS", arial, verdana, tahoma, sans-serif; font-weight: normal; cursor: pointer;}h2 { margin: 2px 0 0 0; font-family: "Trebuchet MS", arial, verdana, tahoma, sans-serif; font-size: 20px;}.menuSection h2 { color: #fff; margin: 0 0 15px 0;}.menuSection h3 { font-size: 14px; margin: 10px 0 0 0;}#links h2 { margin: 0;}h2.pagetitle { font-family: georgia, times, serif; font-size: 20px; color: #666; text-align: center; margin: 0 0 8px 0;}#mainContent h3, h3#comments { font-family: "Trebuchet MS", arial, verdana, tahoma, sans-serif; color: #3fbcec; /* NEEDS TO BE SELECTABLE */ margin: 15px 0 10px 0; font-size: 18px;}#mainContent h5 { font-family: "Trebuchet MS", arial, verdana, tahoma, sans-serif; color: #3fbcec; /* NEEDS TO BE SELECTABLE */ margin: 15px 0 0 0; font-size: 16px; }#mainContent p.notopmargin { margin-top: 0; }#mainContent p.nomargin { margin: 0; }#overview h2 { color: #fff;}#commentForm h2 { color: #666; margin: 0 0 15px 0;}#colourControl h4 { float: right; font-family: georgia, times, serif; font-size: 18px; width: 50%; text-align: center; margin: 15px 0 0 0; padding: 0 10px 0 0;}#mainContent h4 { font-family: "Trebuchet MS", arial, verdana, tahoma, sans-serif; font-size: 16px; }/** * Anchors */a { color: #ff5c00;}a:visited { color: #ff5c00; }a:hover { background: #ff5c00; color: #F5F5F5;}h1 a { color: #fff; text-decoration: none;}h1 a:visited { color: #fff; text-decoration: none;}h1 a:hover { color: #fff; text-decoration: none; background: none;}#topMenu a { color: #666; padding: 3px 7px 7px 7px; text-decoration: none; font-size: 16px; margin: 0 5px 0 5px;}#topMenu a:hover { background-color: #3fbcec; color: #fff;}#topMenu a.menuSelected { /* Need to duplicate for colormod */ background-color: #3fbcec; color: #fff;}.menuSection a { color: #ffea00;}.menuSection a:visited { color: #ffea00;}.menuSection a:hover { background: #ffea00; color: #3fbcec;}#mainContent a.postHeading { text-decoration: none; color: #ff5c00;}#mainContent a.postHeading:hover { background: none; color: #ff5c00;}.categories { margin-top: 25px !important; } .categories a { font-size: 11px; background: #3fbcec; color: #fff; padding: 2px 5px 2px 5px; text-decoration: none;}.categories a:hover { color: #fff; background: #ff5c00;}.categories a:visited { color: #fff;}.categories#mCats a, .categories#mTags a { font-size: 14px; font-family: georgia, times, serif; margin: 0 5px 5px 0; padding: 2px 6px 2px 6px; display: block; float: left;}.numComments a { color: #666; /* NEED TO MAKE THIS SELECTABLE */ font-size: 16px; font-family: georgia, times, serif; margin: 6px 0 0 0;}.numComments a:visited { color: #666;}.numComments a:hover { background: #666; /* NEED TO MAKE THIS SELECTABLE */ color: white;}.alt a { color: #ff5c00;}.alt a:hover { background: ; color: #fff;}#colourControl dd a:hover, #saveSettings a:hover { color: #fff; background: #555;}#overview a { color: #ffea00;}#overview a:hover { background: #ffea00; color: #3fbcec;}#overview .date, #overview .date a { color: inherit;}#overview .date a, #overview .date a:hover { text-decoration: none; background: none;}#colourControl dt a, #colourControl dt a:visited { color: #f36d21;}#colourControl dt a:hover { color: #fff; background: #f36d21;}#colourControl dd a, #colourControl dd a:visited, #saveSettings a { color: #555;}#colourControl #saveSettings { position: absolute; bottom: 0; left: 0; width: 44%; text-align: right; padding: 3px; font-size: 11px;}/** * Lists */#topMenu ul { list-style-type: none; width: 100%; margin: 0; padding: 0;}#topMenu ul li { display: inline; font-size: 11px;}div.holder ul { margin: 0 0 0 30px; padding: 0;}.cats { margin: 0 0 20px 0;}#overview li, #search li { margin: 0 0 5px 0;}ol.commentlist { list-style-type: none; margin: 0; padding: 0;}ol.commentlist h4 { font-size: 14px; margin: 0 0 5px 0;}ol.commentlist li { padding: 15px;}ol.commentlist li ul li { padding: 5px; } .alt { background: #fff; margin: 0 0 10px 0;}#colourControl dl { position: absolute; top: 40px; left: 6px; width: 50%; padding: 0 0 15px 15px;}#colourControl dt { color: #f36d21; font-size: 14px; margin: 3px 0 3px 0;}#colourControl dd { font-size: 10px; margin: 3px 0 3px 15px;}/** * Paragraphs */#header p { margin: 5px 0 15px 0;}#header > p { margin: 5px 0 5px 0;}.postMeta p { clear: both; margin: 5px 0 5px 0; padding: 0 0 7px 0; border-bottom: 1px solid #ddd;}/** * Tables */.menuSection td { border: 1px dotted #fff; text-align: center; padding: 2px;}.menuSection td.pad, .menuSection tfoot td { border: none;}.menuSection table caption { font-weight: bold; font-family: georgia; font-size: 14px; color: #ffea00;}/** * Images */img { vertical-align: middle; border: none;}.entry img { display: block; margin-left: auto; margin-right: auto;}.entry img.wp-smiley { float: none; margin: 0; vertical-align: absmiddle;}img.float-right { float: right; margin: 0 0 0 20px;}img.no-float { float: none; margin: 15px; display: block;}/** * Forms */label { display: block; font-size: 11px;}input, select, textarea { width: 98%; margin: 0 0 10px 0;}input#submit, input#livesearchButton { width: auto;}#colourControl input { margin: 0;}/** * Misc Elements */hr { clear: both; visibility: hidden; margin: 0;}code { display: block; padding: 0 15px 0 15px; border-left: 5px solid #666;}blockquote { padding: 0 15px 0 15px; border-left: 5px solid #666; text-align: justify; margin-top: 30px;}.source { font-size: .9em; } .emphasis { color: #3fbcec; color: #5f5f5f; font-weight: bold; } p.flush { margin-bottom: 0; margin-top: 0; } .example { padding: 3px 15px; background: #3fbcec;; }.example p { color: #fff; } .imgright { float: right; margin: 0 0 15px 25px !important; }.imgleft { float: left; margin: 0 25px 15px 0 !important; } .clear { clear: both; } .strike { text-decoration: line-through; } h3.holiday { padding-top: 10px; }h3.holiday a { color: #3fbcec; text-decoration: none; }h3.holiday a:hover { color: #3fbcec; text-decoration: underline; background-color: #f5f5f5; } .graylinks a { color: #555; } .graylinks a:hover { background: none; } .adspot_content { border: 1px #ddd solid; background-color: #fff; width: 185px !important; }.adspot_content img { display: block; margin-left: auto; margin-right: auto; margin-top: 5px; margin-bottom: 5px; }.adspot_content a:hover { background-color: #fff; color: #ff5c00; } .adspot_content ul { padding: 0 !important; margin: 0 !important; } .adspot_content ul li { list-style: none; } .adspot_adhead { font-weight: bold; padding: 10px; }.adspot_adtext { display: block; padding: 10px; }.adspot_adurl { display: block; padding: 5px; } img.talesblog { margin: 15px 0 0 17px; }a.talesblog:hover { background-color: transparent; } .bigness { font-weight: bold; font-size: 1.3em; } .cocktaillistcolumn { float: left; width: 350px; } .cabinetcolumn { float: left; width: 350px; }#favorites ul { margin: 0 !important; padding: 0 !important; }#favorites ul li { margin: 0 !important; padding: 0 !important; list-style: none; } #favorites ul li img { margin-left: -7px; } #favorites ul li h4 { color: #ff5c00; margin: 20px 0 0 0 !important; padding: 0 !important; }#favorites ul li a { text-decoration: none; }#favorites h3 { margin-top: 25px; } #favorites ul li p { font-style: italic; border: 0 !important; } #feed { margin-top: -40px; } a.feedlink { font-size: 1.2em; }a img.feedicon { padding-right: 10px; }a.feediconlink:hover { background: none; }
.headersubtext {
font-size: .8em;
color: #666;
}
a:hover.noborder { background: transparent !important; }
.whatsthis { font-size: .8em !important; color: #000; }
.whatsthis a { color: #777; }
.whatsthis a:hover { color: #fff; }
.series { margin: 25px 0; padding: 10px 15px; background: #3fbcec; color: #fff; -moz-border-radius: 1.6em; -webkit-border-radius: 1.6em; }
.series a { color: #fff; }