/* 
	Theme Name: SOPN Theme
	Description: Custom Wordpress theme.
	Author: Wordpress4Biz
	Author URI: http://www.wordpress4biz.com
	Version: 3.1
		
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
*/

body {
	background: #ffffff url(http://www.schoolandofficenetwork.org/wp-content/themes/sopn/images/bg.jpg) top center repeat-x; /** site background color **/
	color: #333333;
	font-size: 13px;
	font-family: Verdana;
	margin: 0px auto 0px;
	padding: 0px;
	}
	
#site {
    width: 975px;
	margin: 0px auto;
	padding: 0px;
	}
	
small {
    font-size: 0.88em;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 10px 0px;
	}

hr {
      border: 0;
      width: 100%;
      color: #999999;
      background-color: #999999;
      height: 1px;
      margin-top: 15px;
	  margin-bottom: 15px;
      }
	
/************************************************
*	Hyperlinks									*
************************************************/

a {
	color: #077db0; /** general link color **/
	text-decoration: underline;
	}
	
a:hover {
	color: #555555; /** general link hover color **/
	text-decoration: underline;
	}
	
a:visited {
	color: #555555; /** general link visited color **/
	text-decoration: underline;
	}
	
/************************************************
*	Header  									*
************************************************/

#header {
	width: 975px;
	margin: 0px auto 0px;
	padding: 0px;
    list-style-type: none;
	margin-bottom: 15px;
	}
	
#header img {
        border: none;
	}
	
.brand {
    float: left;
	width: 225px;
	margin: 0px;
	padding: 5px 0px 0px 10px;
	}
	
.description {
     float: right;
	 margin:  0px;
	 padding: 45px 0px 0px 0px;
     width: 700px;
	 text-align: left;
	 color: #11487d;
	 font-size: 17px;
	 }
	
/************************************************
*	Navbar      								*
************************************************/

#navbar {
    float: left;
	width: 740px;
	margin: 0px auto 0px;
	padding: 10px 5px 5px 0px;
	text-align: left;
	margin-bottom: 15px;
	}
	
#navbar li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
		
#navbar ul {
	margin: 0px;
	padding: 0px;
	}
	
#navbar ul li {
	margin: 0px;
	padding: 0px;
	}
	
#navbar ul li a, #navbar ul li a:visited {
	font-size: 1em;
	font-weight: normal;
	color: #3a3a3a;  /** navbar link text color **/
	padding: 5px 45px 5px 0px;
	margin: 0px;
	text-decoration: none;
	}

#navbar ul li a:hover, #navbar ul li.current_page_item a, #home .on {
	color: #077db0;
	}
	
/************************************************
*	Sidebar      							*
************************************************/

#sidebar {
	float: right;
	width: 240px;
	margin: 0px auto 0px;
	padding: 15px 3px 0px 0px;
	}
	
#sidebar h2 {
	color: #555554;
	font-size: 1.2em;
	font-family: Verdana;
	font-weight: normal;
	padding: 0px 0px 5px 5px;
	margin: 0px 5px 15px 0px;
	border-bottom: 1px dotted #c0c0c0;
	}
	
#sidebar ul {
	list-style: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 5px 0px 5px;
	}
	
#sidebar ul ul {
	list-style-type: none;
	margin: 0px 0px 25px 0px;
	padding: 0px;
	}
	
#sidebar li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#sidebar ul li {
	margin: 0px;
	padding: 0px;
	}
	
#sidebar ul li a {
	display: block;
	color: #555555;
	text-decoration: none;
	padding: 4px 0px 4px 0px;
	margin: 0px 5px 0px 0px;
	}

#sidebar ul li a:hover {
	color: #077db0;
	text-decoration: none;
	}
	
#sidebar p {
	margin: 0px;
	padding: 5px 10px 10px 10px;
	}
	
#social {
	margin: 0px auto;
	padding: 0px;
	}
	
#social img {
    border: none;
	display: inline;
    padding: 25px 10px 25px 0px;
	}
	
/************************************************
*	Content 					     		    * 
************************************************/

#page {
    float: left;
	background: url(/pics/website/186209/wrap.jpg) top center repeat-y;
	width: 975px;
	margin: 0px auto 0px;
	padding: 0px;
	}
	
#hmcont {
	float: left;
	width: 700px;
	margin: 0px;
	padding: 0px;
	}
	
#show {
	float: left;
	width: 700px;
	margin: 0px 5px 10px 5px;
	padding: 0px;
	text-align: center;
	}
	
#content {
	float: left;
	background: #ffffff url(/pics/website/186209/contentbg.jpg) top center no-repeat;
	margin: 0px 5px 10px 5px;
	padding: 10px 10px 0px 10px;
	}
	
.author {
    font-size: 11px;
	padding: 0px 0px 12px 0px;
	}
	
#autphoto {
    float: right;
	margin: 0px 0px 15px 15px;
	padding: 0px;
	width: inherit;
	}

#content p {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	text-align: justify;
     }
	
#content ul{
	list-style-type: square;
	margin: 0px 0px 0px 30px;
	padding: 0px 0px 15px 0px;
	}
	
#content ul li{
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	}
	
#content ol{
	margin: 0px 0px 0px 30px;
	padding: 10px 0px 15px 0px;
	}
	
#content ol li{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
	}
	
blockquote{
	margin: 0px 0px 0px 25px;
	padding: 0px 25px 0px 10px;
	}
	
#content blockquote p{
	margin: 0px 0px 20px 0px;
	padding: 0px;
	}
	
#content ul li {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	}
	
#content ul li a {
	color: #d47e22;
	text-decoration: none;
	}

#content ul li a:hover {
	color: #4b5a1d;
	text-decoration: underline;
	}
	
#hometext {
    margin: 0px 10px 10px 10px;
	text-align: justify;
	}
	
.entry {
    padding: 12px 5px 0px 0px;
	}
	
.postinfo {
	width: 625px;
	font-size: 11px;
	color: #333333;
	margin: 15px 0px 40px 0px;
	padding: 10px 5px 10px 5px;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	}

#content ul.wplc_event_list li {
        list-style-type: none;
padding: 0px;
margin: 0px;
        }
	
/************************************************
*	Headers   					     		    * 
************************************************/
	
h1 {
	color: #8fb021;
	font-size: 2.1em;
	font-weight: normal;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 10px 0px;
	}
	
h1 a, h1 a:visited  {
	color: #8fb021;
	text-decoration: none;
	}

h1 a:hover {
	color: #3a3a3a;
	text-decoration: none;
	}
	
h2 {
    color: #8fb021;
	font-size: 1.5em;
	font-weight: normal;
	padding: 5px 0px 5px 0px;
	margin: 0px;
	}
	
h2 a, h2 a:visited  {
	color: #8fb021;
	text-decoration: none;
	}

h2 a:hover {
	color: #555554;
	text-decoration: none;
	}
	
h3 {
    color: #3a3a3a;
	font-size: 1.3em;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 10px 0px;
	}
	
h3 a  {
	color: #3a3a3a;
	text-decoration: none;
	}
	
h3 a:hover  {
	color: #8fb021;
	text-decoration: underline;
	}
	
h4 {
    color: #555555;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	text-transform: uppercase;
	}
	

	
#blogtitle {
	color: #2386b0;
	font-size: 1.7em;
	font-weight: bold;
	padding: 0px 0px 10px 5px;
	margin: 0px 0px 20px 0px;
	border-bottom: 1px solid #2386b0;
	}
	
#crumbs {
    font-size: 0.75em;
	text-align: right;
	padding: 0px 5px 15px 0px;
	}
	
#crumbs a {
    font-size:1em;
	}
	
#content p img {
	padding: 5px 10px 5px 10px;
	border: none;
	} 

.alignright {
    float: right;
	margin: 5px 10px 5px 10px;
	border: none;
	width: inherit;
	} 
          
.alignleft {
    float: left;
	margin: 5px 10px 5px 10px;
	border: none;
	width: inherit;
	} 
	
#highlights {
    float: left;
	background: #ffffff;
	width: 100%;
	margin: 5px 0px 0px 0px;
    padding: 0px 0px 8px 0px;
	text-align: justify;
	border-bottom: 1px solid #c0c0c0;
    }
	
#highlights img {
    float: right;
	margin: 10px 5px 10px 10px;
	border: none;
	width: inherit;
	}
	
.left {
    float: left;
	width: 305px;
	padding: 5px 25px 5px 0px;
	border-right: 1px solid #c0c0c0;
	margin: 0px;
	}
	
.right {
    float: right;
	width: 320px;
	padding: 5px 10px 5px 0px;
	margin: 0px;
	}	
	
.categ {
	font: 1.3em Verdana;
	margin: 5px 0px 5px 5px;
    padding: 0px 0px 3px 0px;
	font-weight: bold;
	color: #8fb021;
	border-bottom: 1px dotted #c0c0c0;
	}

.catttl {
	font: 1em Verdana;
	margin: 0px;
	padding: 5px 5px 5px 5px;
	font-weight: bold;
	color:#555555;
	}

.catttl a, .catttl a:visited {
	color:#555555;
	text-decoration: none;
	}

.catttl a:hover {
	color:#2a64cf;
	text-decoration: none;
	}
	
.excerpt {
	margin: 0px;
	padding: 5px;
	}
	
#buttons {
    float: none;
	width: 650px;
	margin: 0px auto;
	padding: 0px 25px 0px 25px;
	text-align: center;
	}
	
#buttons img {
    display: inline;
	border: none;
	margin: 35px 30px 25px 30px;
	padding: 0px;
	}
	
.post {
	border-bottom: 1px dotted #c0c0c0;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 10px 0px;
	}

#post-date {
    float: left;
	width: 52px;
	margin: 0px 15px 10px 0px;
	padding: 1px;
    text-align: center;
	}
	
.month {
    background: url(http://www.schoolandofficenetwork.org/wp-content/themes/sopn/images/month-bg.png) top center no-repeat;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	padding: 3px 0px 5px 0px;
	}
	
.day {
    background: url(http://www.schoolandofficenetwork.org/wp-content/themes/sopn/images/date-bg.png) top center no-repeat;
	color: #666666;
	font-size: 12px;
	font-weight: normal;
	padding: 8px 0px 12px 0px;
	}

	
/************************************************
*	Footer      								*
************************************************/

#footer {
    float: right;
    font-size: 0.88em;
	background: #14386b;
	width: 100%;
	color: #FFFFFF;
	margin: 5px 0px 0px 0px;
	padding: 10px 0px 20px 0px;
	text-align: left;
	list-style-type: none;
	}
	
#footer img  {
    margin: 5px 0px 0px 3px;
	border: none;
	}
	
#credits {
    width: 950px;
	margin: 0px auto;
	padding: 0px;
	}
	
#footer ul {
    float: left;
	width: 700px;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}

#footer ul li {
	display: inline;
	padding: 0px;
	margin: 0px;
	}
	
#footer ul li a {
	display: inline;
	color: #ffffff;
	text-decoration: none;
	margin: 10px 10px 10px 0px;
	padding: 0px;
	}

#footer ul li a:hover, #footer ul li a:visited {
    color: #ffffff;
	text-decoration: underline;
	}
	
#copy {
    float: right;
	width:250px;
	padding:10px 0px 10px 0px;
	color:#ffffff;
	text-align: right;
	font-size: 0.83em;
	}
	
#copy a, #copy a:visited {
	color: #ffffff;
	display: inline;
	text-decoration: none;
	}
	
#copy a:hover {
	color: #ffffff;
	text-decoration: underline;
	}

/************************************************
*	Search Form									*
************************************************/
	
#searchform {
    float: right;
    width: 220px;
	padding: 8px 0px 0px 0px;
	margin: 0px auto 0px;
	}

#searchbox {
	background: #ffffff !important;
	width: 135px;
	color: #888888;
	font-size: 11px;
	font-family: Verdana;
	font-weight: normal;
	margin: 0px 3px 0px 14px;
	padding: 3px 0px 2px 5px;
	border: 1px solid #777777;
	display: inline;
	}

.button {
	padding: 1px 2px 2px 2px;
	background:#14386b;   /** search button color **/
	color:#ffffff;
	border:none;
	font-size:0.9em;
    font-weight:bold;
	}

.button:hover {
	background:#8fb021;   /** search button hover color **/
	text-decoration:none;
	}

/************************************************
*	Comments									*
************************************************/
	
#commentblock {
	width: 675px;
	background: #f4f4f4;
	color: #333333;
	float: left;
	padding: 5px 20px 5px 20px;
	margin: 10px 0px 10px 0px;
	border: 1px solid #C0C0C0;
	}
	
ol#commentlist {
	padding: 5px 0px 5px 0px;
	margin: 0px;
	list-style-type: none;
	}
	
.commentdate {
	font-size: 12px;
	padding-left: 0px;
	}
	
#commentlist li p{
	margin-bottom: 8px;
	line-height: 20px;
	padding: 0px 15px 0px 0px;
	}

.commentname {
	color: #333333;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	}

.commentinfo{
	clear: both;
	}

.commenttext {
	clear: both;
	margin: 5px 0px 20px 0px;
	padding: 5px 10px 5px 0px;
	width: 550px;
	}

.commenttext-admin {
	clear: both;
	margin: 5px 0px 20px 0px;
	padding: 5px 10px 5px 10px;
	width: 590px;
	}

#commentsformheader{
	padding-left: 0px;
	}

#commentsform{
	text-align: left;
	margin: 0px;
	padding: 0px;
	}

#commentsform form{
	text-align: left;
	margin: 0px;
	}

#commentsform p{
	margin: 0px;
	}

#commentsform form textarea{
	width: 99%;
	}
	
p.comments_link  img{
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
	
.avatar-default {
    float: left;
	margin: 0px 10px 5px 0px;
	}
	
/************************************************
*	Floats  									*
************************************************/


.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}
	
.clearfloat {
	display:inline-block
	}

.clearfloat {
	display:block
	}