/*
Theme Name: complexity
Theme URI: http://www.themelayouts.com/
Description: Designed by <a href="http://www.themelayouts.com">ThemeLayouts</a>.<br> This work is licensed <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License.</a> This means you may use it and make any changes you like. However, credit links must remain on footer for legal use.
Version: 1
Author: ThemeLayouts/DreamTemplate
Author URI: http://www.dreamtemplate.com/
*/

body { background:#75afc5 url(images/main_bg.gif) top repeat-x; font-family:"Trebuchet MS", Arial; font-size:14px; padding:0; margin:0; color:#373737;}

html { padding:0; margin:0;}

a { text-decoration:underline; color:#000000; border:0;}
a:hover { text-decoration:underline; color:#000000; border:0;} 
a:focus { outline:none;}

.clr { clear:both;}

h1, h2, h3, h4 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

img { padding:0; margin:0; border:none; text-align:center;}
hr1 { border-left:0 solid #000000; border-right:0 solid #000000; border-top:0 dotted #000000; border-bottom:1px solid #000000; height:1px;}
hr { border-left:0 solid #7f262e; border-right:0 solid #7f262e; border-top:0 dotted #7f262e; border-bottom:1px solid #7f262e; height:1px;}

form { padding:0; margin:0;}
input { font-family:'Verdana'; color:#282b31; font-size:11px;}
textarea { font-family:'Verdana'; color:#282b31; font-size:11px;}
select { font-family:'Verdana'; color:#282b31; font-size:11px;}

/* Header +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#bgcontainer { width:1400px; margin:0 auto; padding:0;}

/**/ * html .Header { height:197px; } /* */ 
.Header { width:1424px; margin:0; height:197px;}

.Logo { padding: 40px; height:140px; width:500px; position:absolute; left:-200px; margin:0; background:url(images/lab.jpg) top no-repeat; z-index:1;} 
.Logo2 { height:140px; width:1138px; position:absolute; left:110px; margin:0;}
.Logo3 { height:140px; width:703px; top:-60px; position:relative; left:200px; margin:0; top no-repeat; display: block;}


/* Syndicate +++++++++++++++++++++++*/
.Syn { width:74px; position:relative; top: 35px; right:-1110px; height:96px; background:url(images/heronacademy.jpg) left no-repeat}


/* Menu +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Menu0 { padding:12px 0 0 1px; margin:0; top:-85px; height:36px; position:relative; float:left; z-index:1;}

.Menu1 { padding:12px 0 0 1px; margin:0; top:-85px; height:36px; position:relative; float:left; z-index:2;}

.Menu2 { padding:12px 0 0 1px; margin:0; top:-85px; height:36px; position:relative; float:left; z-index:3;}

.Menu3 { padding:12px 0 0 1px; margin:0; top:-85px; height:36px; position:relative; float:left; z-index:4;}

.Menu4 { padding:12px 0 0 1px; margin:0; top:-85px; height:36px; position:relative; float:left; z-index:5;}

.Menu5 { padding:12px 0 0 1px; margin:0; top:-85px; height:36px; position:relative; float:left; z-index:6;}

.Menu6 { padding:12px 0 0 1px; margin:0; top:-85px; height:36px; position:relative; float:left; z-index:7;}

.Menu7 { padding:12px 0 0 1px; margin:0; top:-85px; height:36px; position:relative; float:left; z-index:8;}

.Menu8 { padding:12px 0 0 1px; margin:0; top:-85px; height:36px; position:relative; float:left; z-index:9;}



.Menu0 a { padding:11px 20px; margin:0; background:none; font:normal 13px Georgia, "Times New Roman", Times, serif; color:#fff; background: #8e1d1d;}
.Menu1 a { padding:11px 20px; margin:0; background:none; font:normal 13px Georgia, "Times New Roman", Times, serif; color:#fff; background: #D12929;}
.Menu2 a { padding:11px 20px; margin:0; background:none; font:normal 13px Georgia, "Times New Roman", Times, serif; color:#fff; background: #D99D28;}
.Menu3 a { padding:11px 20px; margin:0; background:none; font:normal 13px Georgia, "Times New Roman", Times, serif; color:#fff; background: #1BAD1E;}
.Menu4 a { padding:11px 20px; margin:0; background:none; font:normal 13px Georgia, "Times New Roman", Times, serif; color:#fff; background: #1EA882;}
.Menu5 a { padding:11px 20px; margin:0; background:none; font:normal 13px Georgia, "Times New Roman", Times, serif; color:#fff; background: #5324CA;}
.Menu6 a { padding:11px 20px; margin:0; background:none; font:normal 13px Georgia, "Times New Roman", Times, serif; color:#fff; background: #571BB1;}
.Menu7 a { padding:11px 20px; margin:0; background:none; font:normal 13px Georgia, "Times New Roman", Times, serif; color:#fff; background: #8E1BA7;}
.Menu8 a { padding:11px 20px; margin:0; background:none; font:normal 13px Georgia, "Times New Roman", Times, serif; color:#fff; background: #B31D92;}
.Menu0 a:hover { font:normal 13px Georgia, "Times New Roman", Times, serif; color:#fff; background: #b02424;}
.Menu1 a:hover { font:normal 13px Georgia, "Times New Roman", Times, serif; color:#fff; background: #FF2E2E;}
.Menu2 a:hover { font:normal 13px Georgia, "Times New Roman", Times, serif; color:#fff; background: #FFB82E;}
.Menu3 a:hover { font:normal 13px Georgia, "Times New Roman", Times, serif; color:#fff; background: #20D024;}
.Menu4 a:hover { font:normal 13px Georgia, "Times New Roman", Times, serif; color:#fff; background: #20D0A0;}
.Menu5 a:hover { font:normal 13px Georgia, "Times New Roman", Times, serif; color:#fff; background: #692EFF;}
.Menu6 a:hover { font:normal 13px Georgia, "Times New Roman", Times, serif; color:#fff; background: #782CEA;}
.Menu7 a:hover { font:normal 13px Georgia, "Times New Roman", Times, serif; color:#fff; background: #B924DA;}
.Menu8 a:hover { font:normal 13px Georgia, "Times New Roman", Times, serif; color:#fff; background: #D824B1;}

/* Container +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.CON { width:1250px; #width:1270px; padding:0; margin:0; border:1px solid #dfdfdf; background:#f8f8f8;}



/* Side Central +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SC { width:800px; padding:0 10px; margin:0; float:left;}

/* Post +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Post { padding:0 10px; margin:10px 0; border:1px solid #cdcdcd; background:#F4F4F4;}
.boxed {
  border: 2px solid #525252; padding: 5px; background: #ffffff;
}

.PostHead { padding:0; margin:10px 0 0 0;}
.PostHead h2 { color:#2e2e2e; font:bold 20px Georgia, "Times New Roman", Times, serif; margin:0; padding:5px; border-bottom:1px solid #b4b4b4;}
.PostHead h2 a { color:#2e2e2e; text-decoration:none;}
.PostHead h2 a:hover { color:#2e2e2e; text-decoration:underline;}

/**/ * html .PostTime { } /**/ 
.PostTime { padding:5px 10px; margin:0; color:#6d6d6d; border-top:1px solid #FFF; background:#dadada; font-size:11px;}
.PostTime strong { font-weight:normal;}
.PostTime .day {}
.PostTime .month {}
.PostTime .year {;}
.PostHead small { font-size:11px;}
.PostAuthor { color:#6d6d6d;}
.PostTime a { text-decoration:underline;}
.PostTime a:hover { text-decoration:none;}

.PostContent { padding:10px 0; color:#6b6b6b; font:normal 11px Arial, Helvetica, sans-serif;}
.PostContent p { font-size:11px; color:#6b6b6b; padding:0; margin:0;}
.PostContent p strong { color:#6b6b6b;}
.PostContent img { margin:0; padding:5px 5px 5px 5px;}
.PostContent ol { padding:10px 0 10px 25px; margin:0;}
.PostContent ol li { padding:2px 0 2px 0; font-size:12px; line-height:15px; color:#6b6b6b;}
.PostContent ul { padding:5px 0; margin:0;}
.PostContent ul li { padding:2px 0 2px 15px; list-style-type:none; font-size:11px; line-height:15px; color:#6b6b6b;}
.PostContent blockquote { padding:10px; margin:0; color:#6b6b6b; background:#000;}
.PostContent blockquote p { font-size:12px; padding:0; margin:0; line-height:15px;}
.PostContent blockquote li { padding:2px 0 2px 15px; list-style-type:none; font-size:12px; line-height:15px;}

/**/ * html .PostContent p img { } /* */ 
.PostContent p img { max-width:400px;}
.PostContent img { margin:0 10px 10px 0; float:left;}

.PostCom { padding:0;}
.PostCom ul { padding:0; margin:0;}
.PostCom li { padding:5px 0; margin:0 5px 0 15px; list-style-type:none; color:#a7a7a7; font-size:14px; float:left;} 
.PostCom li a { font-weight:normal; text-decoration:underline; color:#a7a7a7;} 
.PostCom li a:hover { text-decoration:none; color:#a7a7a7;}

.PostCom .Com { background:url(images/Post_com_bg.gif) no-repeat left; padding:5px 0 5px 25px;}
.PostCom .Tags { }

div.toc {
	border: 1px solid #ccc;
	font-size: 1em;
}
div.toc.toc-left {
	max-width: 22em;
	float: left;
	margin: 5px 5px 5px 0;
}
div.toc.toc-right {
	max-width: 22em;
	float: right;
	margin: 5px 0 5px 5px;
}

div.toc a.toc-header {
	display: block;
	background-color: #f8f8ec;
	border-top: 1px solid #fcfcfc;
	border-left: 1px solid #fcfcfc;
	border-bottom: 1px solid #f0f0e0;
	border-right: 1px solid #f0f0e0;
	color: #000;
/** Styling regarding TOC title: **/
	padding: 1px 2px;
	text-align: left;
	font-size: 1.25em;
	font-weight: bold;
}

div.toc a.toc-header:hover {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #fcfcfc;
	border-right: 1px solid #fcfcfc;
}
div.toc ul {
	list-style: none;
	
	margin: 0;
	padding: 5px;
	background-color: #fcfcfc;
	overflow: hidden;
	white-space: nowrap;
}
div.toc.auto-collapse ul {
	display: none;
}

div.toc li a {
	text-decoration: none;
	border: 0 none;
	color: #000;
}
div.toc li.toc-level-1 {
	font-weight: bold;
}
div.toc li.toc-level-2 {
	font-weight: bold;
	padding-left: .25em;
}
div.toc li.toc-level-3 {
	padding-left: .5em;
}
div.toc li.toc-level-4 {
	padding-left: .75em;
}
/* Note ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.Note { padding:0; margin:0;}
.Note li { padding:3px 0 3px 15px; margin:0; list-style-type:none; font-size:12px;}

/* TrackbackList ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.TrackList { background:#f4ebef; padding:15px; margin-top:20px; position:relative;}
.TrackListTop { background:#f4ebef; position:absolute; top:0; left:0; width:455px; height:10px;}
.TrackList h3 { font-size:14px; font-weight:bold; margin:0 0 5px 0; padding:0 0 5px 0; color:#333366; letter-spacing:-1px; border-bottom:dashed 1px #beb4c1;}
.TrackList ul { padding:0; margin:0;}
.TrackList li { padding:0 0 0 10px; margin:0; list-style-type:none; font-size:11px;}
.TrackList li a { color:#cc3366;}

/* Navigation - PlugIn +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Nav { font-size:11px; padding:10px 0; color:#666; font-family:'Verdana';}
.Nav a { padding:1px 6px 1px 4px; border-right:solid 1px #666; font-size:11px;}
.Nav a:visited { padding:1px 6px 1px 4px; border-right:solid 1px #666;}
.Nav a:hover { padding:1px 6px 1px 4px; border-right:solid 1px #666; text-decoration:none;}
.Nav span { padding:1px 6px 1px 4px; color:#666; border-right:solid 1px #666;}
.Nav .on { padding:1px 6px 1px 4px; border-right:solid 1px #666; font-size:11px; color:#003366;}

/* Comments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Comments { margin:20px 0 0 0; position:relative;}
.Comments h3 { font-size:16px; letter-spacing:-1px; margin:0 0 5px 0; padding:10px 0; color:#660000; border-bottom:solid 2px #660000;}

/* Comments List  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.List ol { padding:0; margin:0;}
.List li { position:relative; padding:5px 0; margin:10px 0; list-style-type:none;}

/**/ * html .List .LGrav { right:30px;} /* */ 
.List .LGrav { position:absolute; right:0; top:10px;}
.List .LGrav img { border:solid 1px #ccc; padding:2px; background:#fff;}

.List .LUsr { margin:0; padding:0; font-size:11px; line-height:12px; color:#999;}
.List .LUsr a { color:#999; text-decoration:none;}
.List .LUsr strong { font:bold 16px "Trebuchet MS", sans-serif; letter-spacing:-1px; color:#666;}
.List .LUsr strong a { color:#cc0000; text-decoration:none;}

.List .LCon { margin:10px 0 0 0; padding:0; font-size:12px; line-height:16px; border-top:solid 1px #ccc;}
.List .LCon p { margin:0; padding:5px 0; font-size:12px; line-height:16px;}

.List .Author { background:#fff;}

/* Comments Form ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Form .Email { }

.Form {  padding:0 0 10px 0; position:relative; margin:0; font-family:'Verdana';}
.Form form { margin:0; padding:0;}
.Form a { text-decoration:underline;}
.Form p { padding:0 0 2px 0; margin:0; color:#666;}
.Form p small strong { font-weight:bold; color:#FF3300;}
.Form p small { font-size:11px; display:block; padding:6px 0; color:#000;}
.Form .TextField { color:#003366; background:#e9f8ff; border:solid 1px #d5e7f0; padding:6px 6px 6px 30px; font-size:12px; display:block;}
.Form .TextArea { color:#003366; background:#e9f8ff; border:solid 1px #d5e7f0; padding:6px; font-size:12px;}

/* Side Right +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SR { width:400px; float:right; padding:0 10px 0 0; margin:0;}

/* Search ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/**/ * html .Search  { } /**/ 
.Search { width:340px; padding:20px 20px !important; padding:20px 20px 0 20px; margin:10px auto; background:#B91F7D; border:1px solid #B91F7D;}
.Search form { margin:0; padding:0; list-style:none;}
.Search input { color:#330033;}
.Search input.keyword { width:170px; height:15px; padding:10px 9px; margin:0; float:left; color:#7e7e7e; background:#FFFFFF; border:0;} 
.Search input.search { width:35px; height:35px; margin:0 0 0 20px; padding:0; background:url(images/searth_bg.gif) no-repeat; border:0; float:left;}

/* Banners ADs ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.banner { width:377px; padding:0; margin:10px auto; background:#d8d8d8; border:1px solid #bfbfbf;}
.banner h2 { color:#999999; font:bold 20px Arial, Helvetica, sans-serif; padding:10px 5px 5px 20px; margin:0;}
.banner ul { margin:0; padding:5px 20px 10px 20px; list-style:none;}
.banner li { margin:0; padding:10px 20px; float:left;}

/* Comment ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Comment { width:377px; padding:0; margin:10px auto; background:#d8d8d8; border:1px solid #bfbfbf;}
.Comment h2 { color:#999999; font:bold 20px Arial, Helvetica, sans-serif; padding:10px 5px 5px 20px; margin:0;}
.Comment ul { margin:0; padding:5px; list-style-type:none;}
.Comment li { margin:0; padding:5px 10px 5px 25px; border-bottom:1px dotted #373737; color:#798187; font:bold 11px Georgia, "Times New Roman", Times, serif; background:url(images/Popular_bg_li.gif) no-repeat 10px center;}
.Comment li a { color:#5f5f5f; text-decoration:underline; font-weight:normal; color:#303030; text-transform:uppercase;}
.Comment li a:hover { text-decoration:none;}

/* Side Right Right +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SRR { width:400px; padding:0; margin:10px auto;}
.SRR h2 { margin:0; padding:0 0 0 20px; font:bold 12px Arial, Helvetica, sans-serif; color: #000000; text-transform:uppercase;}
.SRR ul { list-style:none; margin:0; padding:0;}
.SRR ul li { padding:0 0 0 20px; margin:5px 10px; border-bottom:1px;}
.SRR ul li a { padding:0; margin:0; font:bold 13px Arial, Helvetica, sans-serif; color:#000000;}
.SRR ul li a:hover { color:#21C4C2; text-decoration: underline;}

/* Flickrrss ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.widget_flickrrss { width:377px; padding:0; margin:10px auto;}
.widget_flickrrss h2 { margin:0; padding:0 0 0 20px; font:bold 12px Arial, Helvetica, sans-serif; color: #6b6b6b; text-transform:uppercase;}
.widget_flickrrss ul { margin:5px 0 0 0; padding:10px 0 0 15px; text-align:center;}
.widget_flickrrss li { float:left; list-style:none; padding:5px; margin:0px;}
.widget_flickrrss li a img { background:#c5c5c5; padding:0; margin:0; width:65px;}

/* Footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.FBG { margin:0; padding:0;}

.Footer { width:1024px; padding:20px 0; margin:0 auto; text-align:center;}
.Footer p { padding:0; margin:0; font:normal 10px Georgia, "Times New Roman", Times, serif; color:#000000;}
.Footer a { color:#000000; text-decoration:underline;}