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

/* TYPOGRAPHY
/* ----------------------------------------------*/
/*Content and Component Headings */
.contentheading {
	font-family:Arial;
	font-size:26px;
}
.componentheading {
	font-family: Arial;
	font-size:40px;
}
.component h2 {
	letter-spacing:-2px;
	text-transform:lowercase;
}

.moduletable h3, .moduletablewrap h3, .moduletablewrap h3 span, .moduletable h3 span{
	font-size:14px;
}
h1 {font-size:30px;}
h2 { font-size:24px;}
h3 { font-size:14px;}
h4 { font-size:14px;}
h5 { font-size:14px;}
h6 { font-size:14px;}
a{
	font-size:14;
	font-family:;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}
.component h1 {display:inline-block;color: #999;line-height: 42px;}
.component h2 { color: #999; line-height: 32px;}
.component h3 { color: #999; line-height: 24px; }
.component h4 { line-height: 1.25; font-weight: bold;color: #999; line-height: 18px; }
.component h5 {  font-weight: bold;color: #999; line-height: 16px;}
.component h6 { color: #999; line-height: 16px;}
.dropcap {float:left;padding:4px 8px 0 0;display:block;color:#999;font:50px/40px Times, serif;}

p {
	font-size:11px;
	line-height:130%;
}

.component h2 {
	letter-spacing:-2px;
	text-transform:lowercase;
}


td {
    font-size:100%;
}
th {
    font-weight:bold;
    padding:5px;
    text-align:left;
}
sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	font-size:80%;
	color:#F06;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}
del {
    text-decoration: line-through;
}
span{

    font-weight:normal;
}
small {
	font-size: 8px;
}
blockquote, q {
     width: 200px;
     margin: 0px;
     padding: 10px;
	 font-weight:bold;
	 font-style:italic;
     quotes: "\201C" "\201D";
} 
blockquote:before, q:before { 
    content: open-quote; 
	font-weight: bold; 
}
blockquote:after, q:after { 
    content: close-quote; 
	font-weight: bold; 
}
pre{
    border-left:3px solid #999999;
    font:1em/1.5 "Courier News",monospace;
    margin:5px 0 15px;
    padding:10px 15px;
	background:#efefef;
}
ol { 
    list-style-type: upper-roman; 
}
hr {
    border-color:#EDEDED;
    border-style:solid;
    border-width:1px 0 0;
    height:1px;
	margin:2px 0;
}
fieldset{ 
    border:0px solid #999;
}

legend {
    padding: 0.2em 0.5em;
    border:1px solid #333;
    color:#aaa;
    font-size:90%;
    text-align:right;
 }
abbr[title] {
    border-bottom:1px dashed #999;
    cursor:help;
}
/*acronym {
    background-color:#FFFFDD;
    border:0.08em solid #AAAAAA;
    padding:0 3px;
    text-decoration:none;
}*/
big{
	font-size:150%;
}
button{
	border:none;
	padding:3px;
	font-size:11px;
	color:#fff;
	background:#333;
}
center{
	text-align: center;
}
em{
	font-style:italic;
}
/* UL LI's */
ul {
    list-style:outside;
}
ul li {
    margin: 0;
    padding-left:0px;
}
ol {
	margin-left:25px;
}
ol li {
    list-style-type:decimal;
}

/* Dropcaps */

.dropcap {
	float: left;
	padding: 4px 8px 0 0;
	display: block;
	color: #999999;
	font: 50px/40px Times, serif;
}

/* Quotes */

quotes {
	padding: 1em 40px 1em 15px;
	font: 16px Arial;
}

quotes span.open {
	background: url(../images/typo/openquote.gif) no-repeat left top;
	padding: 2px 0 2px 25px;
}

quotes span.close {
	background: url(../images/typo/closequote.gif) no-repeat top right;
	padding: 2px 25px 2px 0;
}

/* Large Quotes */

quoteslg {
	padding: 1em 70px 1em 15px;
	font: 28px Arial;
	line-height: 28px;
}

quoteslg span.open {
	background: url(../images/typo/oquote_lg.png) no-repeat left top;
	padding:  12px 25px 2px 25px;
}

quoteslg span.close {
	background: url(../images/typo/equote_lg.png) no-repeat top right;
	padding: 2px 25px 25px 25px;
}

/* Code */

.code {
	background: #F4F4F4;
	font: 1em/1.5 "Tahoma", monospace;
	margin: 5px 0 15px;
	padding: 10px 15px;
	color: #333333;
}


/* Error */

p.error {
	padding-left: 25px;
	color: #f10033;
	background: url(../images/typo/error.gif) no-repeat top left;
}

/* Message */

p.message {
	padding: 0px 0px 5px 25px;
	color: #006699;
	background: url(../images/typo/info.gif) no-repeat top left;
}

/* Ideas */

p.ideas {
	padding-left: 25px;
	color: #EE9600;
	background: url(../images/typo/lightbulb.gif) no-repeat top left;
}

/* Highlight */

.highlight {
	padding: 1px 5px;
	background: #FFFFCC;
	color: #333333;	
}

/* Download */

p.download {
	background: url(../images/typo/download.gif) no-repeat 5px center;
	padding: 0px 0px 0px 35px;
}

/* Astrix */

p.astrix {
	background: url(../images/typo/icon-asterisk_sm.png) no-repeat 5px center;
	padding: 0px 0px 5px 25px;
}

/* Com */

p.com {
	background: url(../images/typo/ext_com.png) no-repeat 5px center;
	padding: 0px 0px 5px 35px;
}

/* Mod */

p.mod {
	background: url(../images/typo/ext_mod.png) no-repeat 5px center;
	padding: 0px 0px 5px 35px;
}

/* Plug */

p.plug {
	background: url(../images/typo/ext_plugin.png) no-repeat 5px center;
	padding: 0px 0px 5px 35px;
}

/* Lang */

p.lang {
	background: url(../images/typo/ext_lang.png) no-repeat 5px center;
	padding: 0px 0px 5px 35px;
}



/* Photolink */

p.photolink {
	background: url(../images/typo/ww_image.png) no-repeat 5px center;
	padding: 0px 0px 0px 40px;
}

/* heart */

p.heart {
	background: url(../images/typo/heart.png) no-repeat 5px center;
	padding: 0px 0px 0px 25px;
}

/* Star */

p.stargrey {
	background: url(../images/typo/star-grey.png) no-repeat 5px center;
	padding: 0px 0px 0px 25px;
}

p.starred {
	background: url(../images/typo/star-red.png) no-repeat 5px center;
	padding: 0px 0px 0px 25px;
}

p.starblue {
	background: url(../images/typo/star-blue.png) no-repeat 5px center;
	padding: 0px 0px 0px 25px;
}

p.stargreen {
	background: url(../images/typo/star-green.png) no-repeat 5px center;
	padding: 0px 0px 0px 25px;
}

p.starorange {
	background: url(../images/typo/star-orange.png) no-repeat 5px center;
	padding: 0px 0px 0px 25px;
}

p.starpurple {
	background: url(../images/typo/star-purple.png) no-repeat 5px center;
	padding: 0px 0px 0px 25px;
}

p.starorange {
	background: url(../images/typo/star-orange.png) no-repeat 5px center;
	padding: 0px 0px 0px 25px;
}


/* Photo */

p.photogrey {
	background: url(../images/typo/camera-grey.png) no-repeat 5px center;
	padding: 0px 0px 0px 40px;
}

p.photoblack {
	background: url(../images/typo/camera-black.png) no-repeat 5px center;
	padding:  0px 0px 0px 40px;
}

p.photored {
	background: url(../images/typo/camera-red.png) no-repeat 5px center;
	padding:  0px 0px 0px 40px;
}

p.photoblue {
	background: url(../images/typo/camera-blue.png) no-repeat 5px center;
	padding:  0px 0px 0px 40px;
}

p.photopink {
	background: url(../images/typo/camera-pink.png) no-repeat 5px center;
	padding: 0px 0px 0px 40px;
}

p.photogreen {
	background: url(../images/typo/camera-green.png) no-repeat 5px center;
	padding: 0px 0px 0px 40px;
}

p.photopurple {
	background: url(../images/typo/camera-purple.png) no-repeat 5px center;
	padding:  0px 0px 0px 40px;
}

p.photoorange {
	background: url(../images/typo/camera-orange.png) no-repeat 5px center;
	padding:  0px 0px 0px 40px;
}



/* X */

p.x {
	background: url(../images/typo/x-red.png) no-repeat 5px center;
	padding: 5px 0px 5px 25px;
}

p.xblack {
	background: url(../images/typo/x-black.png) no-repeat 5px center;
	padding: 5px 0px 5px 25px;
}



/* RSS */

p.rss {
	background: url(../images/typo/rss.png) no-repeat 5px center;
	padding: 0px 0px 0px 25px;
}



/* Check list */
ul.checklist {
	list-style: none;
}

ul.checklist li {
	margin-left: 15px;
	padding: 0 0 5px 30px;
}


/* Article list */
ul.articlelist {
	list-style: none;
}

ul.articlelist li {
	margin-left: 15px;
	padding: 0 0 5px 30px;
}

/* Star list */
ul.starlist {
	list-style: none;
}

ul.starlist li {
	margin-left: 15px;
	padding: 0 0 5px 30px;
}


/* Arrow list */
ul.arrowlist {
	list-style: none;
}

ul.arrowlist li {
	margin-left: 20px;
	padding: 0 0 5px 20px;
}

/* X list */
ul.xlist {
	list-style: none;
}

ul.xlist li {
	margin-left: 15px;
	padding: 0 0 5px 25px;
	background: url(../images/typo/x-red.png) no-repeat 0 3px;
}

/* ast list */
ul.astlist {
	list-style: none;
}

ul.astlist li {
	margin-left: 15px;
	padding: 0 0 5px 20px;
	background: url(../images/typo/icon-asterisk_sm.png) no-repeat 0 3px;
}

/* Movie List */
ul.movielist {
	list-style: none;
}

ul.movielist li {
	margin-left: 20px;
	padding: 0 0 5px 25px;
}

/* Blog List */
ul.bloglist {
	list-style: none;
}

ul.bloglist li {
	margin-right: 15px;
	padding: 0px 0px 5px 30px;
}

/* Photo List */
ul.photolist {
	list-style: none;
}

ul.photolist li {
	margin-left: 25px;
	padding: 0 0 0px 30px;
}

/* Date List */
ul.datelist {
	list-style: none;
}

ul.datelist li {
	margin-left: 15px;
	padding: 0 0 5px 20px;
}

/* Pink Blog Bubble */

.pinkbubble {
	background: url(../images/typo/pinkblog_bottom.gif) no-repeat left bottom;
	font-size: 2em;
	color: #FFFFFF !important;
	padding: 20px 20px 50px 20px;
}

/* Blue Blog Bubble */

.bluebubble {
	background: url(../images/typo/blueblog_bottom.gif) no-repeat left bottom;
	font-size: 2em;
	color: #FFFFFF !important;
	padding: 20px 20px 50px 20px;
}

/* Red Blog Bubble */


.redbubble {
	background: url(../images/typo/redblog_bottom.gif) no-repeat left bottom;
	font-size: 2em;
	color: #FFFFFF !important;
	padding: 20px 20px 50px 20px;
}

/* Green Blog Bubble */

.greenbubble {
	background: url(../images/typo/greenblog_bottom.gif) no-repeat left bottom;
	font-size: 2em;
	color: #FFFFFF !important;
	padding: 20px 20px 50px 20px;
}

/* Yellow Blog Bubble */

.yellowbubble {
	background: url(../images/typo/yellowblog_bottom.gif) no-repeat left bottom;
	font-size: 2em;
	color: #FFFFFF !important;
	padding: 20px 20px 50px 20px;
}

/* Purple Blog Bubble */

.purplebubble {
	background: url(../images/typo/pinkblog_bottom.gif) no-repeat left bottom;
	font-size: 2em;
	color: #FFFFFF !important;
	padding: 20px 20px 50px 20px;
}

/* Orange Blog Bubble */

.orangebubble {
	background: url(../images/typo/orangeblog_bottom.gif) no-repeat left bottom;
	font-size: 2em;
	color: #FFFFFF !important;
	padding: 20px 20px 50px 20px;
}

/* Grey Blog Bubble */

.greybubble {
	background: url(../images/typo/greyblog_bottom.gif) no-repeat left bottom;
	font-size: 2em;
	color: #FFFFFF !important;
	padding: 20px 20px 50px 20px;
}

/* Black Blog Bubble */

.blackbubble {
	background: url(../images/typo/blackblog_bottom.gif) no-repeat left bottom;
	font-size: 2em;
	color: #FFFFFF !important;
	padding: 20px 20px 50px 20px;
}

/* Note */
.note {
	background: url(../images/typo/note.gif) no-repeat right bottom;
	font-size: 1em;
	color: #000000 !important;
	padding: 40px 20px 40px 20px;
}

div#eventlist h2 {background:url(../images/typo/blogbubble-grey.html) no-repeat;color: #ffffff;	height: 34px;}
.eventlistmod li  {background: url(../images/typo/calendar-grey.png) no-repeat left;}
.mostread li   {background: url(../images/typo/article-grey.png) no-repeat left;}
.code {border-left: 5px solid #000000;}
ul.articlelist li {	background: url(../images/typo/article-grey.png) no-repeat 0 3px;}
ul.checklist li {background: url(../images/typo/check-grey.png) no-repeat 0 3px;}
ul.starlist li {background: url(../images/typo/star-grey.png) no-repeat 0 3px;}
ul.arrowlist li {background: url(../images/typo/next-grey.png) no-repeat 0 3px;}
ul.movielist li {background: url(../images/typo/movie-grey.png) no-repeat 0 3px;}
ul.ticklist li {background: url(../images/typo/tick-grey.png) no-repeat 0 3px;}
ul.photolist li {background: url(../images/typo/camera-grey.png) no-repeat 0 3px;}
ul.bloglist li {background: url(../images/typo/blog-grey.png) no-repeat 0 3px;}
ul.datelist li {background: url(../images/typo/calendar-grey.png) no-repeat 0 3px;}