/*
custom.css ? custom styles for any WordPress theme that YOU define
------------------------------------------------------------------
This stylesheet will allow you to futureproof your CSS changes
against future releases and upgrades on ANY WordPress theme. I
know you work hard on your modified styles, and I don't want you
to feel like every theme upgrade is a total drag!
Also, if you're a designer who makes use of GPL themes in your
work, you'll find this incredibly handy! You can come up with a
set of core modifications for any WordPress theme, and by
isolating these mods in a separate stylesheet, you'll be better
able to track the changes that you make and their associated
effects. Best of all, when the theme's designer releases a new
version, you won't have to go back through and make all your
changes anew. Plus, this is *definitely* the smartest way to scale
out sites if you find yourself using one or two theme frameworks
consistently.
Instructions:
Modifying existing theme styles to your liking is a breeze with
this handy stylesheet. In order to turn on the CSS styles that you
define here, you'll need to append the tag (usually found
within the header.php file) with a CSS class called "custom".
Thanks to this, you now have the ability to override ANY style
that's declared in the theme's original stylesheet.
In practice, you simply need to copy the CSS for the element that
you want to change (from style.css) and then paste it here. Prefix
the new CSS declaration with .custom, and then make your tweaks as
necessary.
Here's an example:
To change the default color of the tag (let's say you want to
make them a cherry red [#c00]) and to remove the default
underline, this is what you would do:
.custom a { color: #c00; text-decoration: none; }
Oh, but remember, none of these changes will work unless you call
custom.css from wihtin your header file!
Cool? Now get to hackin!
*************** INSTRUCTIONS ***********************
Modify your theme’s header.php file
Open up your desired theme’s header.php file and insert the following code between the tags:
Next, while still inside the header.php file, locate the tag and append it
with a CSS class called custom. Once you’ve done that, your resulting tag
should look something like this:
After that, save the header.php file and upload it to your server.
*/
/*
ORANGE: color:#ff5a00;
h1 { font-size: 3.2em; }
h2 { font-size: 2.8em; }
h4 { font-size: 1.8px; }
h5 { font-size: 1.1em; }
h6 { font-size: 1.1em; }
*/
.post div.col2 {
-webkit-column-count : 2;
-webkit-column-gap : 30px;
-moz-column-count : 2;
-moz-column-gap : 30px;
text-align: left;
}
.post div.col3 {
-webkit-column-count : 3;
-webkit-column-gap : 20px;
-moz-column-count : 3;
-moz-column-gap : 20px;
text-align: left;
}
.clear {
clear: both;
height: 1px;
margin: 0;
padding: 0;
}
h3 { font-size: 18px; }
/* WIDTH Adjusted (+61px) to fit Amazon Ubox movie Previews */
/* LINE 41 */
.Header { width: 930px;}
.Header { background:url(images/usa-flag-logo.jpg) no-repeat 375px 48px;}
.Header .logo { font-family: Helvetica, Arial, san-serif; font-weight: bold; font-size: 38px; letter-spacing: -2px; line-height: 35px; padding: 18px 0px 0px 0px; margin: 0px;}
.Header .logo a { text-decoration: none; color:#cc0000;}
.Header .logo a:visited { text-decoration: none; color:#0066CC;}
.Header .logo a:hover { text-decoration: none; color:#0066CC;}
/* LINE 62 */
.Search { width: 405px; background: url(images/SearchBkg2.png) no-repeat left top; min-height: 100px; position: absolute; top: 0px; right: 0px;}
/* LINE 77 */
.ContainerBG { padding: 0; margin: 0;}
/* LINE 78 */
.Container { width: 930px; }
/* LINE 92 */
/* Central Column - Single Pages */
#SCS { float: left; width: 510px; }
#SCS h1 { font-size: 24px; line-height: 26px; letter-spacing: -1px; font-weight: normal; padding: 7px 0px; margin: 0px 0px 7px 0px; border-bottom: dashed 1px #ccc;}
#SCS h2 { font-size: 20px; line-height: 22px; letter-spacing: -1px; font-weight: normal; padding: 5px 0px; margin: 0px 0px 5px 0px; }
#SCS h3 { font-size: 17px; line-height: 19px; letter-spacing: -1px; font-weight: bold; padding: 5px 0px; margin: 0px 0px 5px 0px; }
#SCS p { font-size: 12px; line-height: 16px;}
#SCS img { padding: 1px; border: solid 1px #f0f0f0; margin: 0px 15px 15px 0px;}
#SCS blockquote {padding: 3px 15px; background: #fffde5; margin: 5px 0px; color:#993300; border: solid 1px #f6f3d3;}
#SCS blockquote p { font-size: 11px; padding: 5px 0px; margin: 5px 0px; line-height: 15px;}
#SCS ul { font-size: 11px; padding-left: 12px; }
/* ///////// UNORDERED LISTS */
#SCS ul, li { /* using a list for menu */
margin: 0;
padding: 0;
}
#SCS ul {
text-align: left;
padding: 15px 8px 8px 0;
margin: 0 0 15px 20px;
}
#SCS ul ul {
text-align: left;
padding: 15px 0 0 0;
margin: 0 0 0 20px;
}
#SCS ul li {
text-align: left;
font-size: 1.2em;
/* line-height: 1.4em;
font-style: italic; */
list-style-image: url(images/icn-greencheck.gif);
margin: 0 0 10px 0px;
}
#SCS ul li.question {
list-style-image: url(images/icn-question.gif);
}
#SCS ul li a:link,
#SCS ul li a:visited {
text-align: left;
line-height: 1.1em;
text-decoration: none;
}
#SCS ul li a:hover {
text-decoration: none;
}
/* Central Column */
#SC { float: left; width: 510px;}
/* ///////// ORDERED LISTS */
#SC ol {
color: #032941;
padding: 0;
margin: 0 0 0 10px;
}
#SC ol p {
margin: 0 0 6px 15px;
}
#SC ol li.section {
font-size: 1.6em;
font-weight: bold;
}
#SC ol li {
font-size: 1.3em;
list-style-type: decimal;
line-height: 1.5em;
margin: 0 0 0.6em 15px;
padding: 0;
}
#SC ol ol {
margin: 0 0 0 20px;
}
#SC ol ol li {
list-style-type: lower-alpha;
}
#SC ol ol ol {
margin: 0 0 0 25px;
}
#SC ol ol ol li {
list-style-type: lower-roman;
}
/* ///////// DEFINITION LISTS */
#SC dl {
padding: 0;
margin: 10px 0 25px 0px;
}
#SC dl dt {
font-size: 1.7em;
line-height: 1.1em;
font-style: normal;
margin: 8px 0 4px 0;
}
#SC dl dd {
color: #333;
font-size: 1.4em;
line-height: 1.1em;
margin: 0 0 20px 20px;
}
/* LINE 121 */
.PostContent { padding: 5px 0px 0px 0px; border-top: solid 1px #ccc; margin-top: 15px;}
.PostContenth2 { font-size: 20px; }
.PostContent h2 span { margin-top: 25px; border-bottom: 1px dotted #EEE; }
.PostContent p { font-size: 13px; line-height: 18px;}
.PostContent ul, li {
margin: 0;
padding: 0;
}
.PostContent ul {
text-align: left;
padding: 0 0 0 0;
margin: 0 0 0 20px;
}
.PostContent ul ul {
text-align: left;
padding: 15px 0 0 0;
margin: 0 0 0 20px;
}
.PostContent ul li {
font-size: 13px;
text-align: left;
list-style-image: url(images/icn-greencheck.gif);
margin: 0 0 10px 0px;
}
.PostContent ul li.question {
list-style-image: url(images/icn-question.png);
}
.PostContent ul li a:link,
.PostContent ul li a:visited {
line-height: 1.1em;
text-decoration: none;
}
.PostContent ul li a:hover {
text-decoration: none;
}
/* NEW SIDEBAR */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Navigation area styles
#navigation {
background: url(images/navi_back_03.png) top left no-repeat;
height: 50px;
overflow: hidden;
}
#navigation ul {
margin: 0 0 0 61px;
padding: 0;
list-style-type: none;
}
#navigation ul li {
float: left;
width: 169px;
height: 50px;
overflow: hidden;
margin: 0;
padding: 0;
}
#navigation ul li a {
display: block;
width: 169px;
height: 50px;
overflow: hidden;
text-indent: -9000px;
}
#navigation ul li a:hover,
#navigation ul li a:active {
background-position: 0px -46px;
}
#articles { background: url(images/navigation/articles.jpg); }
#about { background: url(images/navigation/about.jpg); }
#forums { background: url(images/navigation/forums.jpg); }
#internships { background: url(images/navigation/internships.jpg); }
#contribute { background: url(images/navigation/contribute.jpg); }
#contact { background: url(images/navigation/contact.jpg); }
#navigation ul li a.act { background-position: 0px -92px; }
*/
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SyndicateBG { width: 100%; float: left;}
.Syndicate {
width: 930px;
position: relative;
clear: left;
margin: 10px auto 0 auto;
border-top: solid 1px #717b87;
border-bottom: none;
padding: 12px 0px 0px 0px;
}
/*
.SyndicateList { position: absolute; right: 0px; top: 0px; width: 160px; padding-left: 10px; text-align: left;}
.SyndicateList ul { padding: 0px; margin: 20px 0px;}
.SyndicateList li { padding: 0px; margin: 0px; list-style-type: none; font-size: 10px; font-weight: bold;}
.SyndicateList li a { background: url(images/SyndicateListBkg.png) no-repeat left top; height: 14px; padding: 6px 5px 4px 5px; margin: 0px 0px 5px 0px; display: block;}
.SyndicateList li a { background: url(images/SyndicateListBkg.png) no-repeat left top;}
.SyndicateList li a:hover { background: url(images/SyndicateListBkg.png) no-repeat left bottom; text-decoration: none; }
*/
#navigation {
height: auto;
overflow: hidden;
}
#navigation ul {
margin: 0 0 0 0;
padding: 0;
list-style: none;
overflow: hidden;
}
#navigation ul li {
float: left;
width: 169px;
width: auto;
padding: 0px;
border-right: 1px dotted #fd6300;
margin-right:12px;
line-height: 12px;
}
#navigation ul li.last {
border: none;
margin:0;
}
#navigation ul li a {
display: block;
padding-right: 12px;
color: #333;
text-decoration: none;
font-size: 10px;
}
#navigation ul li.last a {
padding-right: 0;
margin:0;
}
#navigation ul li a strong {
font-weight: bold;
font-size: 12px;
color: #0066CC;
}
#navigation ul li a:hover strong,
#navigation ul li a:focus strong,
#navigation ul li.current a strong {
color: #fd6300;
}
#navigation ul li.current {
}
#navigation ul li.current a {
background: white;
border-color: #e4e2f2;
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.ContainerBG { width: 100%; float: left; padding: 20px 0px;}
/*+++++++ SIDEBAR +++++++*/
#sidebar {
float:right;
width:400px;
margin: 0;
padding: 0;
}
/* .boxes {background:url(images/line.png) bottom repeat-x; padding-bottom:10px; padding-top:10px;} */
.boxes {padding:10px 15px 10px 15px; margin: 0 0 10px 0; background-color: #EEE;}
.ads {margin-right:1px;}
.ads img {border:2px solid #101010;}
.rss {background:url(images/rss.gif) left no-repeat; padding-left:35px;}
.subscribebox {color:#666; border:1px solid #9FC253; background:#FFF; width:130px;padding:2px;}
.subscribebutton {background-color:#72B6CF; border:none; font-size:11px; color:#000; font-weight:bold; padding:2px 3px;}
#sidebar h2 { padding:0; margin: 0 0 5px 0; color:#666;}
#sidebar p { padding-bottom:10px; line-height:140%;}
#sidebar a { color:#333; font-weight:normal; text-decoration: none;}
#sidebar a:hover { color: #ff5a00;}
#sidebar img a { border: none;}
#lsidebar { width:192px; float:left; margin-bottom: 10px;}
#rsidebar { width:192px; float:right; margin-bottom: 10px;}
#sidebar ul { padding: 0; margin: 0; background-color: #EEE;}
/* LISTS IN BOXES */
#sidebar ul li { display:block; background:url(images/bullet.png) no-repeat 0 3px; padding-left:18px; padding-bottom:5px;}
#sidebar ul li a { color: #666; list-style-image: none; margin: 0; padding: 0;}
#sidebar ul li a:hover { color: #ff5a00;}
#sidebar ul ul { padding: 0 0 10px 0;}
#lsidebar ul { padding: 10px;}
#rsidebar ul { padding: 10px;}
/*++++++ TABBER ++++++++*/
#tab { margin: 0 0 10px 0;}
.tabberlive .tabbertabhide { display:none; }
.tabber { }
.tabberlive { }
#sidebar ul.tabbernav { background-color: #FFF; }
#sidebar ul.tabbernav li { display: inline; background-image: none; margin: 0;}
#sidebar ul.tabbernav li a { padding: 6px; height:26px; line-height:26px; margin: 0 5px 0 0; background-color: #EEE; border:none; color:#0066CC; font-weight:bold; }
#sidebar ul.tabbernav li a:link {color:#0066CC;}
#sidebar ul.tabbernav li a:visited {color:#0066CC; }
#sidebar ul.tabbernav li a:hover { color: #ff5a00; background: #F0F0F0; }
#sidebar ul.tabbernav li.tabberactive a { background-color: #EEE; }
#sidebar ul.tabbernav li.tabberactive a:hover { color: #333; background: #EEE; }
/* Main body area of links*/
.tabberlive .tabbertab { padding:20px 10px 10px 10px; border-top:0; background:#EEE; }
#sidebar .tabberlive .tabbertab h2 { display:none; margin: 0;}
#sidebar .tabberlive .tabbertab h3 { display:none; }
#sidebar .tabbertab p { padding-bottom:10px;}
#sidebar .tabbertab ul { }
#sidebar .tabbertab ul li { padding:5px 0 6px 0; }
#sidebar .tabbertab ul li { background:url(images/icon-bullet.gif) no-repeat 0 5px; padding-left:20px; border-bottom:1px solid #fff;}
#sidebar .tabbertab ul li a { border:none;}
/*
#lsidebar h2 {color:#666; padding:0; margin:0; list-style-image: none;}
#sidebar ul ul { margin: 0 0 10px 0; padding: 10px;}
#sidebar ul ul li { display:block; background:url(images/bullet.png) no-repeat 0 3px; padding-left:18px; padding-bottom:5px;}
#sidebar ul ul li a { color: #666; list-style-image: none; margin: 0; padding: 0;}
#sidebar ul ul li a:hover { color: #ff5a00;}
*/
.adspace img {border:2px solid #101010; margin:0 0 10px 20px;}
.utags a {
color: #C00;
}
/* LINE 256 */
.FooterBG { padding: 10px 0px;}
.Footer p { padding: 0; margin: 0; color:#487cb0; border: none;}
/* =POPUP LINKS
------------------------------------ */
.external {
background : transparent url(images/icn-extlink.gif) no-repeat right center;
padding-right: 13px;
}
.popup {
background : transparent url(images/icn-poplink.gif) no-repeat right center;
padding-right: 14px;
}
div.hidden, a.hidden
{
display: none;
margin: 0;
}
hr { display: none; }
div.hr {
height: 1px;
margin: 20px 0;
background-image: url(images/dotted-line-h.gif);
background-position: left top;
background-repeat: repeat-x;
}
/* =REFERENCE
------------------------------------ */
.source {
font-size: 9px;
margin: -15px 0 0 0;}
.source span {
color: #333;
}
.source span a {
color: #333;
text-decoration: none;
}
.source span a:hover {
color: #fd6300;
text-decoration: none;
}
#SCS ul.list-column {
float: left;
width: 145px;
margin-right: 15px;
}
#SCS ul.list-column-small {
float: left;
width: 135px;
margin-right: 20px;
}
#SCS ul.list-column-last {
width: auto;
margin: 0;
}
/* =VIEW MORE PRODUCTS LINK
------------------------------------ */
.view-more {
margin: 0 0 25px 0;
border: 2px solid #dee3e8;
text-align:center;
background-color:#82b4e5;
}
.view-more a {
display: block;
text-align:center;
height: 30px;
line-height:30px;
text-decoration:none;
}
.view-more a:hover {
color: #FFF;
background-color:#0066cc;
text-decoration:none;
}
/*********************************************
Share Links Styles // POST BOTTOM
*********************************************/
#SocialBookMarks {
clear:both;
}
.sharebtm {
position:relative;
border-top:1px solid #ddd;
padding:10px;
margin:15px 0 15px 0;
font-size:12px;
-webkit-text-size-adjust:none;
}
.sharebtm p {
padding:0;
margin:0;
margin:0 0 0 10px;
}
.sharebtm strong {
background-color: #FFF;
}
.sharebtm p.what { /* Whats This Text */
position:absolute;
top:0px;
right:0px;
padding:10px;
font-size:12px;
}
.sharebtm ul {
text-align:left;
list-style:none;
margin:10px 0 0 10px;
padding:0;
}
.sharebtm ul li {
text-align:center;
display:inline;
padding:0 12px 2px 0;
margin-right: 4px;
}
.sharebtm ul li.delicious {
background: url(images/share/delicious.gif) no-repeat 0 0;
}
.sharebtm ul li.digg {
background: url(images/share/digg.png) no-repeat 0 0;
}
.sharebtm ul li.reddit {
padding:0 0 0 2px;
margin-right: 12px;
background: url(images/share/reddit.gif) no-repeat 0 0;
}
.sharebtm ul li.facebook {
background: url(images/share/facebook.gif) no-repeat 0 0;
}
.sharebtm ul li.stumbleupon {
background: url(images/share/stumble.png) no-repeat 0 0;
}
.sharebtm ul li a {
padding:0 0 0 18px;
margin:0 3px 0 0px;
}
/* =POPUP LINKS
------------------------------------ */
.external {
background: transparent url('images/icn-extlink.gif') no-repeat right center;
padding-right: 13px;
}
.popup {
background: transparent url('images/icn-poplink.gif') no-repeat right center;
padding-right: 14px;
}
/* Sample Action Code
This is a popup link ;
This is an external link
*/