/*
Theme Name: EduBLOG
Theme URI: http://tutspress.com/our-themes/edublog-wordpress-theme/
Description: Theme by <a href="http://www.tutspress.com">TutsPress</a>
Version: 1.0
Author: TutsPress
Author URI: http://tutspress.com
*/
@import url('./homepage.css');
@import url('./custom.css');
@import url('./template.css');

* {padding:0; margin:0; border: none; outline:0; }
body { font-size: 90%; color: #2f3133; text-align:center; background: #fff url(images/backs/1.gif) repeat top left; }
a {text-decoration:none; color:#10739d; }
a:hover {text-decoration:none; color: #991818; }

h1, h2, h3, h4, h5, h6 {
}



h1, h2, h3, h4 {
    color: #444;
}
p {margin: 0 0 10px; }
li,p {line-height: 1.6em; }
li {list-style-type: none; }

#wrap {
background-repeat: repeat;
margin: 0 auto; text-align:left; padding: 0px 0 30px; }
#wrap div.shadowTop, #wrap div.shadowBottom {width: 1080px;  margin: 0 auto;
margin-top:-10px;
}
#wrap div.shadowBottom {}
#wrap div.shadowWide {width: 1080px; margin: 0 auto; background: transparent; }
#wrap div.frameWide {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    padding: 0 10px;
    width: 1080px; margin: 0 auto;}
#wrap div.wrap {width: 1042px; margin: 0 auto;}
#wrap div.clear {clear: both; font-size:1px; height: 1px; margin:0; line-height: 1px; }
#wrap div.sep {border-top: dotted 2px #888; font-size:1px; height: 1px; margin:10px 0; line-height: 1px; }

::-moz-selection{background:#333; color:#fff;}
::selection{ background:#333; color:#fff; }

.excerpt{
    font-size:10pt;
}

#header {
   padding-bottom: 10px;
    position: relative;
}

#logo {
    text-align: left;
    display: block;
    margin: 0;
    padding: 0;
    margin-bottom:-10px;

}

#tmenu {
    color: #333333;
    font-size: 9px;
    position: absolute;
    right: 17px;
    text-align: right;
    top: 14px;
}
#tmenu a { color: #10739D;  text-transform: uppercase; }
#tmenu a:hover {text-decoration: none; }
#tmenu p {text-align: center; }
#tmenu ul {display: block; text-align: center; margin-bottom: 5px; }
#tmenu ul li {display: inline; padding: 0 5px; line-height: 16px;}
/* 2. Menu Area */
#menuTop {margin-bottom: 20px; }

#nav {
    background: url(images/menu-back.png) repeat scroll 0 0 #466078;
    border-color: #26384C;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    font-size: 16pt;
    height: 35px;
    margin: 0 -29px;
    padding: 0 20px;
    position: relative;
    z-index: 99;
    width:1080;
    font-weight:bold;

}

#menuhead, #menuhead ul {margin:0; padding:0; position:relative; line-height:18px; z-index:300; width:100%; }
#menuhead {margin-left: 10px; }
#menuhead a {
    border-right: 1px solid #b3b3b3;
    border-left: 1px solid #b3b3b3;
    background: url(images/menu-back.png) repeat scroll 0 0 #466078;
    color: #FFFFFF;
    display:block; 
    padding:0px 15px;
    position: relative;
    height: 35px;
    line-height: 35px;
    width:115px;
    text-align:center;
    text-decoration: none;
    overflow: hidden;    display:block; 
}
#menuhead a:hover, #menuhead .current-menu-item > a {
    color: #FFF;
    text-shadow: none;
    height: 35px;
    width:115px;
    line-height: 35px
    font-weight:bold;
    cursor:pointer;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
    background: #3c5770 url(images/nav-navy.png) repeat;
}  
#menuhead li { background: #fff url(images/menu-back.gif) right top no-repeat; float:left; display: inline; position:relative; line-height: 35px; font-size: 12px;  }
#menuhead li li {line-height: 20px;}  
#menuhead ul {position:absolute; display:none; width:120px; top:35px; left:0;}  
#menuhead ul a {border-left:1px solid #333; border-right: 1px solid #333; background-color: #444; text-shadow: none;}  
#menuhead li ul {width:162px;}  
#menuhead li ul a {width:115px; float:right; display:inline; border-bottom:1px solid #555;}  
#menuhead ul ul {top:auto;}  
#menuhead li ul ul {left:130px; margin:0 0 0 10px;}  
#menuhead li:hover ul ul, #menuhead li:hover ul ul ul, #menuhead li:hover ul ul ul ul {display:none;}  
#menuhead li:hover ul, #menuhead li li:hover ul, #menuhead li li li:hover ul, #menuhead li li li li:hover ul {width:115px;display:block;}

#search-wrap {
    position: absolute;
    top: 150px;
    right: 20px;
    height: 35px;
    z-index: 99;

}
#search {
    width: 160px;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    padding: 0px 30px 0px 5px;
    background: #FFF url(images/input-bg.png) top repeat-x;
    border: 1px solid #d5d4d4;
    outline: none;
    color: #999;
}
#search:focus {
   
}
#searchsubmit1 {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 34px;
	height: 30px;
	background: url(images/search-btn.png) no-repeat;
	outline: none;
	border: none;
	cursor: pointer;
}
#searchsubmit1:hover,
#searchsubmit1:focus{
	background-position: 0px -30px;
}
#searchform label {display: none;}
#s {font-family: Georgia, serif; display:block; background: transparent url(images/backSearch.png) repeat-x top left;	border: solid 1px #999;	height:24px; width:250px; font-size: 14px; padding-left: 5px; margin-bottom: 10px;	}
#searchsubmit {font-size: 10px; text-transform: uppercase; padding: 6px 15px; width: auto; background: none; background-color: #466078; color: #fff; border: none;}
#searchsubmit:hover {background-color: #3c5770; }

/*reset absolute sidebar position for use as a widget*/
#sidebar #search-wrap {
	position: relative;
	top: 0;
	left: 0;
}

/* 3. Content Area */

.teaser {margin-bottom: 24px; padding-bottom: 6px; border-bottom: dotted 2px #b0b0b0; }
.teaser h1 {margin-bottom: 12px; }
#homeGallery {margin-bottom: 50px;}
img.alignleft {
    display: inline;
    margin: 0 7px 2px 0;
    padding: 4px 4px 4px 2px;
}
.alignleft {
    float: left;
}

.column {float: left; display: inline; }
.column p {margin-bottom: 14px;}
.column-narrow {width: 300px; margin-right: 30px; }
.column-wide {width: 600px; margin-right: 30px; }
.column-full {width: 1000px; margin-right: 0; }
.column-last {margin-right: 0;}

.column-narrow .widget {margin-bottom: 40px; }
.column-narrow .widget h2 {
     border-bottom: medium double #EEEEEE;
    margin: 0 0 15px;
    padding-bottom: 5px;
}


.column-narrow .widget p {margin-bottom: 16px;}
.column-narrow ul {margin-bottom: 10px;}

.post{
    width:800px;
    margin-left:130px;  
}
.posts .post h2 { }
.posts .post-title {font-size:16px; font-weight:bold;color:#1B3193;line-height: 16px; margin-bottom: -10px;}            
.posts .post .thumb {float: left; display: inline; margin-right: 20px; }
.posts .post .thumb img {padding: 1px; border: solid 1px #b0b0b0;}
h2 a {color: #333;}
h2 a:hover {color: #991818; }

div.single {
    width:800px;
    margin-left:100px;
}
div.single img {padding:10px;margin-bottom: 20px; }

a{
    text-decoration:underline;
}
.container .postmetadata a{
    color:white;
}
div.single a{
    text-decoration:underline;
}
p.postmetadata {font-size: 11px; text-transform: uppercase; line-height: 18px; color: #666; }

/* 3. Content Area */
div.single .alignleft {float: left; display: inline; margin: 0 15px 10px 0; }
div.single .alignright {float: right; display: inline; margin: 0 0 10px 15px; }

.navigation {width:800px;font-size: 18px; text-align: center;  }

/* Comments */
div.single ol.comments {padding: 1em 0; margin:0; }
div.single ol.comments a {text-decoration: none;}
div.single ol.comments div.comment-body {position: relative; }
div.single ol.comments div.reply {position: absolute; top: 0; right: 0; }
div.single ol.comments li {list-style-type: none; margin: 0 0 1em; padding: 15px 15px 5px; font-size: 11px; line-height: 20px; min-height: 90px; }
div.single ol.comments li ul.children {padding: 10px 0 0; }
div.single ol.comments li ul.children li {clear: left; margin: 0 10px 10px 10px; }


div.single ol.comments {font-family: Helvetica, Arial, Tahoma, sans-serif; }
div.single ol.comments .vcard {}
div.single ol.comments img.avatar { float: left; display: inline; margin: 0 15px 15px 0; border: solid 4px #ccc; }
div.single ol.comments cite {font-size: 10px; line-height: 18px; font-weight: bold; font-style: normal; margin-left: 0; }
div.single ol.comments cite.author {color: #333;}
div.single ol.comments span.says {display: none; }
div.single ol.comments .commentmetadata {line-height: 18px; font-size: 10px; margin-bottom: 5px; text-transform: uppercase; }
div.single ol.comments blockquote {font-size: 10px; line-height: 18px; }
div.single ol.comments p {text-shadow: #fff 1px 1px 1px;}
div.single ol.comments li.comment {background-color: #f9f9f9; }
div.single ol.comments li.bypostauthor { background-color: #f1f1f1; }

.afterpost .navigation .alignleft a, .reply a, .afterpost .navigation .alignright a,.cancel-comment-reply a { background: #10739d; color: #fff; padding: 2px 5px; margin-bottom: 5px; font-weight: normal; text-transform: uppercase; font-size: 10px;  }
.afterpost .navigation .alignleft a:hover, .afterpost .navigation .alignright a:hover, .reply a:hover, .cancel-comment-reply a:hover { background: #336699; text-decoration: none; }
.afterpost .navigation .alignleft a, .afterpost .navigation .alignright a {width:125px; padding:3px 0 0 3px; text-align:center; height:20px;}

#commentform {margin-top: 15px; clear: left; font-family: Helvetica, Arial, Tahoma, sans-serif; }
#commentform code {font-size: 11px; }
#commentform p {margin: 0 0 5px; font-size: 10px;}
#commentform label {float: left; display: inline; font-weight:normal; line-height: 26px; font-size: 11px; text-transform: none; margin-left: 10px; }
#commentform input {clear: left; float: left; display: inline; width: 300px;	padding: 6px 0 2px 5px;	font-size: 12px; margin-bottom: 10px; }
#commentform textarea {	width: 550px; height: 100px;	padding: 2px; margin-bottom: 10px;	}
#commentform input, #commentform textarea {background: #fff url(images/backSearch.png) repeat-x top left;	 border: 1px solid #ccc; color: #333; }
#commentform #submit {font-size: 11px; text-transform: uppercase; padding: 6px 15px; width: auto; background: none; background-color: #336699; color: #fff; border: none; }
#commentform #submit:hover {background-color: #005599; }
#commentform label {text-align: left; font-weight:bold; line-height: 2.0em; font-size: 11px; display: block; text-transform: uppercase; }
#commentform input {width: 40%;	padding: 8px 0 8px 7px;	font-size: 14px; margin-bottom: 10px; }
#commentform textarea {	width: 98%; height: 110px; padding: 4px; margin-bottom: 10px; font-size: 14px; line-height: 20px;	}

div.single p {margin: 0 0 14px; }
div.single ul, div.single ol {margin-left: 20px; }
div.single li {list-style-position: outside;} 
div.single ul li {list-style-type: square;}
div.single ol li {list-style-type: decimal;} 
div.single blockquote {margin-left: 20px; padding-left: 20px; font-style: italic; border-left: dotted 2px #aaa; }
div.single h2, div.single h3, div.single.h4, div.single h5, div.single h6 {margin: 14px 0; }
div.single .content-narrow .widget ul, div.single .content-narrow .widget ol {margin-left: 0;}
div.single .content-narrow .widget li {list-style-type: none; }
/*
div.single h2, .content-narrow .widget h2 {font-size: 16px; }
div.single h3 {font-size: 20px; }
div.single h4 {font-size: 18px; }
div.single h5 {font-size: 16px; }
div.single h6 {font-size: 14px; }
*/

/* 4. Footer Area */
#footer {margin: 30px 0 0; font-size: 11px; }
#footer a {text-decoration: underline; }
#footer a:hover {text-decoration: none; }
#footer p {text-align: center; }
#footer ul {display: block; text-align: center; margin-bottom: 5px; }
#footer ul li {display: inline; padding: 0 5px; line-height: 16px;}
#footer .wrap {padding-bottom: 20px;}
#footer p.copy a {color: #444; text-decoration: none;}
#footer p.copy a:hover { }

/* Captions */
.wp-caption {	float: left; display: inline; text-align: center;	padding: 0 5px 5px 5px;	margin: 0 10px 10px 0;}
.wp-caption p { font-family: Helvetica, Arial, Tahoma, sans-serif;	text-align: center;	font-size: 11px;	text-transform: uppercase;}

.widget ul.gallery li {float: left; display: inline; width: 75px; margin-right: 15px; margin-bottom: 15px; }
.widget ul.gallery li img {padding: 1px; border: solid 1px #aaa;}

div.single .gallery .gallery-item {display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline;	margin:10px; }
div.single .gallery { margin: auto; text-align:center; clear:both; }
div.single .gallery img { border: solid 4px #eee;}
div.single .gallery-caption { margin-left: 0; }
div.single div.gallery img:hover {border: solid 4px #9acdea; }

/* Shortcodes */
.checklist li {padding-left: 20px; background: transparent url(images/icon_tick.png) no-repeat top left; list-style-type: none !important; }
.arrowlist li {padding-left: 20px; background: transparent url(images/icon_arrow.png) no-repeat top left; list-style-type: none !important; }
.deletelist li {padding-left: 20px; background: transparent url(images/icon_delete.png) no-repeat top left; list-style-type: none !important; }
.scBox {padding: 10px; text-shadow: none !important; color: #444; margin: 10px 0; }
.notice {background-color: #f8f0af; }
.warning {background-color: #f8c0c0; }
.update {background-color: #c0e5f8; }
.highlight {padding: 3px 5px; text-shadow: none; background-color: #f8f0af; color: #333; }
.half {float:left;width:47%;margin:10px 0;margin-right:6%;}
.third {float:left;width:30%;margin:10px 0;margin-right:5%; overflow: hidden;}
.last {margin-right:0; }


.sp{
    width:260px;
    float:left;
    margin-left:40px;
}  
.title{
    font-size:12pt;
    padding:6px;
}
.spTitle{
    float:left;
    font-size:13pt;
    font-weight:bold;
    height:40px;
    width:260px;
    margin-bottom:10px;
}
.spIcon {
    float:left;
}
.spIcon img{
    float:left;
    width: 160px;
    height:100px;
  -webkit-box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 0.4);    
    box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 0.4); 
    padding:20px;
}


#filter{
    text-align:center;
    margin-left:130px;
    width:800px;
    font-size:12pt;
    margin-bottom:70px;
    margin-top:20px;
    font-family: Serif;
}
#filter form{
    width:100%;
    float:left;
    text-align:left;
    font-size:12pt;
   border-style:double;
   border-color:#999999;
   border-width:3px;     
   padding:4px;
}
#filter select{
    font-size:12pt;
    font-family: Serif;  
}
#filter button{
    font-size:12pt;
    font-family:Serif;
    width:60px;
    color:white;
    float:right;
    background-color:#466078;
   border-style:none;


}