/*
Theme Name: Diva
Theme URI: http://division-a.district80.org/
Description: WordPress theme for D80 Division A
Version: 1.2
Author: eskay ng
Author URI: http://starising.com./
Tags: cms, web, blog, home, blue, orange, fixed width, two columns, widgets.
*/

/* Do not set margin or padding to page so that fatfooter will rest nicely on full page 
wrapconside controls content and sidebar
*/

*{margin:0; padding:0;}
 
body {font-size: 62.5%; font-family:verdana, arial, Georgia,"Palatino Linotype", Palitino, Sans-Serif; color: #333;background:#fbfdfe url('divabg.gif'); background-repeat: repeat-xy; }

/*STRUCTURE */
#page{ width:940px; margin: 0px auto; text-align:left; background:transparent;}

#header { background-color:#000066; width:100%; height:40px; border-bottom:90px solid #009;min-width:1070px; }
#footer { background: #000066; width:100%; height:210px; clear:left;min-width:1070px;}

#topmenuhom{ width:940px; margin: 0px auto; height:40px; background:#FFDD60 url(images/hmenut.png); background-repeat:repeat-x; }
#botmenuhom { width:940px; margin: 0px auto;height:45px;background:#FFDD60 url(images/hmenub.png); background-repeat:repeat-x;line-height:35px;}
#topmenuweb{ width:1070px; margin: 0px auto; height:40px;background:#FFDD60 url(images/hmenut.png);  }
#botmenuweb { width:100%; height:45px; line-height:35px;background:#FFDD60 url(images/hmenub.png); min-width:1070px;}
#topmenublog{ width:1120px; margin: 0px auto; height:40px;background:#FFDD60 url(images/hmenut.png); background-repeat:repeat-x;}
#botmenublog { width:100%; height:45px;background:#FFDD60 url(images/hmenub.png); background-repeat:repeat-x; }
										/* ------------------------- NARROW  ------------------- */
#wrapcs{padding:20px 30px;  background:#fff; width:880px; position:relative; } 
#content{ position:relative; float:left; }
.narrowcolumn {width: 630px; position:relative; float: left; border-right:1px dotted #006600; padding-right:30px;}
.widecolumn {width: 100%;  background:transparent;}
#sidebar{ float:right; width: 200px; background-color:#fefefe; background:transparent;font-family: Verdana, Arial,'Lucida Grande', Sans-Serif; }
#eof{width:100%; height:10px;background:#fff; clear:both; background:transparent;} /* ends content and sidebar */

/* HEADER */ 
p.blogtitle{ font-family:"Times New Roman", Times, Arial, Helvetica, sans-serif; letter-spacing:2px; font-size:2.2em; font-weight:bold; line-height:2em;}
p.blogtitle a:link, p.blogtitle a:visited, p.blogtitle a:hover, p.blogtitle a:active
{text-decoration:none; color:#e1ecff; font-style:italic; font-weight:bold; }
p.blogtitle a:hover  {text-decoration: none; color: #fc6; }
p.description{  font-family:"Times New Roman", Times, Georgia, "Palatino Linotype",Palitino, serif;color:#fefecc; font-size:2.9em; letter-spacing:1px; font-weight:bold;  text-align:center; line-height:1.5em;margin:0 auto; }
p.description a:link, p.description a:visited { color:#fefecc;text-decoration:none;}
p.description a:hover {color:#fc6;}
.searchbox  {float:right; margin:-5px 10px 0 0;  } 

/* Top horizontal menu */
.cmenu { margin:0 auto; text-align:center; font-family:verdana;  }
.cmenu ul{list-style-type:none; font-size:1.3em; }
.cmenu ul li{display:inline;margin-right:10px; padding:10px; line-height:50px; }
#here{background:#fff;}

/* FONTS */
h1, h2, h3, h4, h5, h6 {font-family: Arial, Georgia, Verdana, 'Lucida Grande','Trebuchet MS',"Palatino Linotype", Sans-Serif; color:#B5123B;margin-bottom:10px;}
#content h1 { font-size:2.3em;text-transform:capitalize;text-align:center; border-bottom:1px dotted #060; margin-bottom:20px;} /* for blog and  page, post only */
h2 { font-size:1.9em; text-transform:capitalize;text-align:left; }
.cen {text-align:center;} 
.cenblac{text-align:center;}
.blac {color:black;}
h3 { font-size:1.7em; }
.reference {border-bottom:1px dotted green; text-align:right; color:#006600; margin-top:20px;}
h4 { font-size:1.5em; height:1.5em;}/* for list title */
h5 { font-size:1.4em;}
h6 { font-size:1.3em; color:white; text-align:center; padding:15px; line-height:1.5em; color:#e1ecff; color:yellow;}

p {margin:0 0 1em 1em; font-size:1.3em; line-height:1.3em; letter-spacing:0.1px;}

#content ul, #content ol {font-size:1.3em; line-height:1.4em;list-style-position:inside; margin:0 0 1em 1em;}

ul, ol{}
li {font-size:12px; list-style-position:inside;  }
ul li{line-height:20px; }
ul li li { }
ul li li li{}

#content ul li,#content ol li  {line-height:20px; margin-left:20px;}


small {font-family: Arial, Helvetica, Sans-Serif; font-size: 0.85em; line-height:1.5em; color:#333;}
code { font-size:1.1em; line-height:1.4em; font-family:'Courier New', Courier,fixed; color:#14568a; background-color:#f5f5c4;padding:8px; width:95%; margin:0 auto;overflow:auto;display:block;}
.bcode {font: 1.1em 'Courier New', Courier, Fixed; color:#14568a; background-color:#f5f5c4;}

.pagetitle {text-align: center; color:#c60; padding:7px 0;border-bottom:1px dotted #600; background-color: #f5f5f5; border: solid 1px #fc6;  line-height:1.5em;} 
/* acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; } */
#footer p { color:#f5f5f5; text-align: center; font-size:1.1em; padding-top:10px;margin-bottom:10px;}
.red {color:#c30;}

h1 a:link, h1 a:visited, h1 a:hover, h1 a:active
{text-decoration:none; color:#e1ecff; font-style:italic; font-weight:bold; }
h1 a:hover  {text-decoration: none; color: #fc6; }

#divcouncil h2 {}

a:link {color:#0000ff;}
a:visited {color:#800080;}
a:hover { color:#ff0000; text-decoration:none;}
a:active {color:#0000ff;}

#sidebar a {text-decoration:none; display:block;}
#sidebar a:link {color:#d08504;}
#sidebar a:visited {color:#b5ab5a;}
#sidebar a:hover {color:#e00053; background-color:#f5f5f5;}
#sidebar a:active {color:#86b324;}

#fatfooter a:link {text-decoration:none; color:blue;  border:none; font-weight: normal; /*display:block;*/}
#fatfooter a:visited {text-decoration:none; color:purple; border:none; /*display:block;*/}
#fatfooter a:hover {text-decoration:none; color:yellow;background:#187FDB; display:block;}
#fatfooter a:active {text-decoration:none; color:#86b324; border:none; font-weight: normal; }

#footer a:link, #footer a:visited, #footer a:active {color:#fc6; }

/* SEARCH */
#searchform { margin: 5px auto; 	padding: 5px 3px 20px;text-align: center; }
.search, .browse{ font-size:13px;background-color: #f5f5f5; border: solid 1px #fc6; padding: 10px;}

.narrowcolumn .postmetadata {text-align:left; font-size:1.1em; margin-top:0;padding-top: 5px;}
.narrowcolumn .posted { text-align:center;}
.tagbox{width:100%; border-top:dotted 1px #600; border-bottom:solid 1px #600;background:#fcfcfc; margin:25px 0 50px;}
.tagbox  p{font-size:11px;}
.go46815 { width:100%; text-align:center;}
.post {	text-align: justify;} /* category  */
.post hr { display: block; }

.authorship { width:100%;  }
.authorship small{font-size:1em; line-height:22px; }
.authorship .avatar {float:left; margin:0 30px 90px -10px;}

/* Begin Comments*/
#respond{font-size:1.6em; line-height:1.5em; border-bottom:dotted 1px #689900; text-align:right; color:#006600; margin:30px 0;}
#comments { margin: 30px 0; border-bottom:solid 1px #689900; text-align:right; color:#006600;} /* headline for number of comments */ 
.commentlist cite, .commentlist cite a {font-weight:normal; font-style:normal; font-size:1.1em; text-decoration:none;}
.commentlist {text-align: justify; background-color:#f5fed8;  }
.commentlist p {	margin: 10px 5px 10px 0; font-size:1em;}
.commentlist li {font:0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; margin:15px 0 3px; padding: 5px 10px 3px;list-style: none;}
.commentlist li .avatar {float: right;border: 1px solid #eee;padding: 2px;	background: #f5fed8;}
.commentmetadata a{display: block; border-bottom:solid 2px #fff; text-decoration:none; line-height:30px;}
.commentmetadata { font-weight: normal; 	display:block;}
.nocomments {text-align: center;	}
.alt {padding: 10px;  background-color: #f8f8f8;	border-top: 1px solid #ddd;	border-bottom: 1px solid #ddd;	}
/* End Comments */

/* WIDE */
.widecolumn .entry p {font-size: 1.05em; 	}
.widecolumn .postmetadata { 	margin: 30px 0; }
.widecolumn .smallattachment { text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px; }
.widecolumn .attachment { text-align: center; margin: 5px 0px; }

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {	cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote cite { margin: 5px 0 0; display: block; }
blockquote {	margin: 15px 30px 0 10px;	padding-left: 20px;	border-left: 5px solid #ddd;	}
.center { text-align: center; }
.hidden { display: none; }
/*  MISC  */

.clearl{clear:left;   }
.clearr {clear:right; }
.clear {	clear: both; }

/* Begin Form Elements */
#commentform input, #commentform textarea {font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;}
#commentform textarea {width: 98%;	padding: 2px;}
#commentform p {	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; margin: 5px 0;}
#commentform #submit {margin: 0 0 10px; float: right;}
#commentform input { 	width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#searchform { margin: 10px auto; padding: 5px 3px; text-align: center; }
#sidebar #searchform #s { width: 108px; padding: 2px; }
#sidebar #searchsubmit {	padding: 1px;}
.entry form { /* This is mainly for password protected posts, makes them look better. */ 	text-align:center; }
select { 	width: 130px; }
/* End Form Elements */
		
	/* Begin Images */
a img {border:none;}
p img { padding: 0; max-width: 100%; 	}
img.centered {display: block; margin-left: auto; margin-right: auto;	}
img.alignright { padding: 10px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 10px; margin: 0 7px 2px 0; display: inline; }
.imgright {float:right; margin:10px 0px 10px 20px;}
.imgleft {float:left; margin:15px 15px 15px 0 ;}
/* End Images */

/* Captions */
.aligncenter, div.aligncenter {	display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius:3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img {	margin: 0; 	padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
/* End captions */


	/* ----------------- Begin Sidebar --------------------- */
#sidebar h5{font-size:1.2em; text-align:right; color:#689900; border-bottom:1px solid #600; padding-top:0.8em; margin-bottom:0;} 

#sidebar ul{list-style-type:none; font-size:12px; line-height:25px; /*using em will cause some children to become bigger  */   }
#sidebar ul li  {color:#999632; } 
#sidebar li a { border-bottom:dotted 1px #dadada ; }
#sidebar ul ul  {margin-left:0px; padding-bottom:0px;line-height:25px; }
#sidebar ul ul ul ul{margin-left:10px; }
#sidebar ul p, #sidebar ul select { margin: 5px 0 8px;  }

.author { float:left; background:transparent url('images/ngsk1.png'); background-repeat: no-repeat; padding-left:48px; color:green; font-size:1.1em; }

/* --------------------- FATFOOTER ------------ */
#fatfooter{width:920px; background:#fff; padding:0 10px 20px; font-family: arial, sans-serif; } 
.ffheadline {width:100%; height:2em; margin-bottom:15px;  }
.ffheadline h3{text-align:left; font-size:1.6em; color:#006600; line-height:2em; padding-left:10px;   color:yellow;  background:#7F6AD9; margin-bottom:0;}

#fatfooter h4{font-size:1.3em; color:#cc3300; text-align:center; /*width:280px; */  border-bottom:1px solid #060; margin:15px 0 0 ; }
#dcp {float:right; text-align:right;}
#dcp p {font-size:1.1em; line-height:2em;padding:5px 5px; 0 0 ;} 
#dcp a:link, #dcp a:visited, #dcp a:active {color:#fc6; text-decoration:underline; }
.sfco1, .sfco2, .sfco3{float:left; width:280px;   margin:12px ;  clear:right;}
 
#fatfooter ul {list-style-type:none;}
#fatfooter li {list-style-position:outside;}
#fatfooter li li{list-style-type:none;font-size:13px; line-height:23px; color:#999632;/*display:block;*/ border-bottom:1px solid #eee; margin-left:0;}
#fatfooter abbr {font-size:12px; font-family: arial, sans-serif;}
 

 /* for tag archive - not used 
.tagarc{width:100%; background-color:#ccc;}
.tararc a:{display:inline;}
.tararc ul {display:inline;}
.tararc ul li {display:inline;}
*/

.iconb {width:32px; height:32px; margin:10px auto -10px; background:#006 url('images/divalogo.gif'); background-repeat:no-repeat; position:relative;}

/* TABLES */
table.cot, table.divcal{
	
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	width:100%;
	border:0;
	line-height:35px;
	border-collapse: collapse;
}
.cot th {text-align:left; }
.c1 { text-align: center; width:10%;  }
.c2 { text-align: left; width:25%;   }
.c3 { text-align: left; width:25%;   }
.c4 { text-align: left; width:40%;   }

.dc1 { text-align: left; width:30%;padding-left:10px;  }
.dc2 { text-align: left; width:18%;   }
.dc3 { text-align: left; width:17%;   }
.dc4 { text-align: left; width:35%;   }

tr.colour {background-color:#ccc;} 
td { padding-left:5px;}

.divacolor {color:yellow;background:#187FDB;}
.nextevent {border:1px solid red;}

table.clubs{ 	
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	width:100%;
	border:1px;
	line-height:20px;
	border-collapse: collapse;
	margin-bottom:20px;
}
.officers {margin-top:5px;}
/*.clubs tr {border-bottom:1px dotted black;}     for lines to every row */
/* -------------sitemap ============================== */
#divcal {width:940px;}
#evcal {background-color:white;}
#sitemap h1, #divcal h1{background-color:white; width:890px; text-align:center; height:30px; margin:0 auto 20px;}
 
#sitemap h3, #sitemap h4, #sitemap h5 {width:150px; height:30px; font-size:1.5em;  line-height:2em; padding:5px 0; border-top:1px dotted #600;border-bottom:1px dotted #600; }

#sitemaplef, #sitemapcen, #sitemaprig {float:left; width:300px;padding-right:10px; }
#sitemap ul {list-style-position:inside; list-style:none; margin-left:0;} 
#sitemap ul li{margin-left:0;}
#sitemap ul li li {margin-left:0;} 
#sitemap ul li li li {margin-left:0;} 
#sitemap ul li li li li{margin-left:0;} 

ol.lowroman  {list-style-type: lower-roman;}
ol.upproman  {list-style-type: upper-roman;}
ol.uppalpha  {list-style-type: upper-alpha;}

code { font-size:1.1em; line-height:1.4em; font-family:'Courier New', Courier,fixed; color:#14568a; background-color:#f5f5c4;padding:8px; width:95%; margin:0 auto;overflow:auto;display:block;}
.bcode {font: 1.1em 'Courier New', Courier, Fixed; color:#14568a; background-color:#f5f5c4;}
.admincode {font-size:1em; background-color:#f5f5c4;padding:8px; width:95%;margin:0 auto 10px;overflow:auto;}

ul.oktick {list-style-image: url(images/okbox.gif);	}
ul.arrow {list-style-image: url(images/arrow.gif); 	}
ul.ti-list {	list-style-image: url(images/ti-list.gif);	}

#related {margin:40px 0;}
#related h4 {color:#689900;text-align:right; border-bottom: 1px dotted #060;}

hr {margin:20px;}