style1.css

Joomla content suine

/* @override http://demotemplates.joomlashack.com/optimus/templates/js_optimus/css/style1.css */

/*
----------------------------------------------------
                 MAIN FONT & BG COLOR
----------------------------------------------------
*/

body {
	color: #515151;
	background: #dce9f7 url(../images/style1/body_bg.png) repeat-x 0 top;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 80%;
}


/*
----------------------------------------------------
                 HEADER GRAPHIC
----------------------------------------------------
*/


#header {
	background: #f2f2f2 url(../images/style1/header_main.png) repeat-x 0 top;
}

#logo-graphic h1 a {
	background: url(../images/style1/logo.png) no-repeat;
}

/*
----------------------------------------------------
                 HEADER TEXT
----------------------------------------------------
*/
#logo-text h1 a {
	margin-top: 20px;
	margin-left: 10px;
	color: #222;
	letter-spacing: -2px;
	font-weight: bold;
	font-size: 34px;
}
#logo-text h2 {
	margin-left: 14px;
	font-size: 22px;
	color: #4081b2;
}


/*
----------------------------------------------------
                 PRIMARY LINK COLORS
----------------------------------------------------
*/
a {
	color: #246da5;
	text-decoration: underline;
}
a:hover {
	color: #2b84c8;
	text-decoration: none;
}

/*
----------------------------------------------------
                   READ MORE LINKS
----------------------------------------------------
*/

a.readon {
	text-decoration: none;
	background: url(../images/readon.png) no-repeat 0px 2px;
	font-size: 14px;
	line-height: 18px;
	padding: 0px 0px 0px 17px;
}
a.readon:hover {
	text-decoration: underline;
}


/*
----------------------------------------------------
                   HEADING STYLES
----------------------------------------------------
*/

.componentheading {
	color: #4a4a4a;
	line-height: 1.35em;
	border-bottom: 1px solid #eee;
	font-family: times, Times New Roman, times-roman, georgia, serif;
	font-size: 2.5666em;
	letter-spacing: -2px;
	font-weight: bold;
}

/* CONTENT HEADINGS */
table.blog td.contentheading {
	font-size:1.8666em;
	line-height: 1.1em;
	letter-spacing: -1px;
	color: #444;
	border-bottom: 1px solid #f5f5f5;
}
/* CONTENT HEADINGS */
td.contentheading {
	font-size:2.1em;
	line-height: 1.1em;
	letter-spacing: -2px;
	color: #444;
}
/* CONTENT HEADINGS (LINKED) */
a.contentpagetitle {
	text-decoration: none;
	line-height: 1.1em;
	color: #246da5;
}
a.contentpagetitle:hover {
	color: #121517;
}


/* NEWSFLASH MODULE */

#newsflash td.contentheading,
#newsflash a.contentpagetitle {
	font-size: 1.3em;
	line-height: 1.5em;
	letter-spacing: normal;
}

#newsflash a {
	color: #1e69a3;
}

#newsflash a:hover {
	color: #000;
}

#newsflash p, #newsflash td {
	padding: 0;
	margin: 0px;
	color: #6e6e6e;
}


/* HEADINGS H1-H6 */

h1 {
	color: #3a3a3a;
	font-weight: normal;
	font-style: normal;
	font-size: 2.3em;
	line-height: 1em;
	letter-spacing: -1px;
}

h2 {
	color: #1b5e92;
	font-weight: normal;
	font-style: normal;
	font-size: 2em;
	line-height: 1em;
	letter-spacing: -1px;
}

h3 {
	color: #787878;
	font-weight: normal;
	font-style: normal;
	font-size: 1.7em;
	line-height: 1em;
	letter-spacing: -1px;
}

h4 {
	color: #666;
	font-weight: normal;
	font-style: normal;
	font-size: 1.4em;
	line-height: 1em;
	letter-spacing: -1px;
}


p.info {
    background: #F8FAFC url(../images/info.png) center no-repeat;
    background-position: 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #B5D4FE;
    border-bottom: 2px solid #B5D4FE;
}

p.warn {
    background: #FFF7C0 url(../images/warn.png) center no-repeat;
    background-position: 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #F7D229;
    border-bottom: 2px solid #F7D229;
}

p.alert {
    background: #FBEEF1 url(../images/exc.png) center no-repeat;
    background-position: 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #FEABB9;
    border-bottom: 2px solid #FEABB9;
}

span.arrow {
	background: url(../images/list-arrow.png) no-repeat 0 4px;
	padding-left: 14px;
}



/* CODE  */
pre {
	background: #F6F6F6;
	border: 1px dotted #c4c4c4;
	color: #000;
	display: block;
	padding: 5px;
	white-space: normal;
	font: 1em "Courier New", Courier, monospace;
}



p.quote:first-letter{text-transform: uppercase;}
p.quote {
	color: #424242;
	font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
	letter-spacing:0.1em;
	text-align:center;
	margin: 24px auto;
	text-transform: lowercase;
	line-height: 125%;
	font-size: 1.26666em;
	font-variant: small-caps;
	border-bottom: 4px solid #eee;
	border-top: 4px solid #eee;
	padding:  5px;

}


ul li span.small {
	font-variant: normal;
	font-size: .8em;
	text-transform: none;
	line-height: .5em;
}

/*
----------------------------------------------------
            INNER CONTENT MAIN BG COLOR
----------------------------------------------------
*/


#wrap {
	background: #FFF;
	}
	


/*
----------------------------------------------------
                "S1" MODULE SUFFIX
----------------------------------------------------
*/


/* "S1" TEXT COLOR */
div.moduleS1 {
	color: #51504a;
}



/* "S1" LINK COLOR */
div.moduleS1 a,div.moduleS1 a:hover,
div.moduleS1 a.latestnewsS1,div.moduleS1 a.latestnewsS1:hover,
div.moduleS1 a.mostreadS1,div.moduleS1 a.mostreadS1:hover {
	color: #1e69a3;
}
/* "S1" MODULE HEADING COLOR */
div.moduleS1 h3 {
	color: #fff;
	font-size: 1.2em;
	letter-spacing:normal;
	line-height: .75em;
}


/*
----------------------------------------------------
                 "S2" MODULE SUFFIX
----------------------------------------------------
*/


/* "S2" TEXT COLOR */
div.moduleS2 {
	color: #51504a;
}
/* "S2" LINK COLOR */
div.moduleS2 a,div.moduleS2 a:hover,
div.moduleS2 a.latestnewsS2,div.moduleS2 a.latestnewsS2:hover,
div.moduleS2 a.mostreadS2,div.moduleS2 a.mostreadS2:hover {
	color: #1e69a3;
}
/* "S2" MODULE HEADING COLOR */
div.moduleS2 h3 {
	color: #fdfeff;
	font-size: 1.2em;
	letter-spacing:normal;
	line-height: .75em;
}


/*
----------------------------------------------------
                 "S3" MODULE SUFFIX
----------------------------------------------------
*/


/* "S3" TEXT COLOR */
div.moduleS3 {
	color: #51504a;
}