 /*
Site Name: outofcontxt.com
Site URI: http://www.outofcontxt.com/
Author: M2 Web Studios - Mel
Author URI: http://www.m2webstudios.com/
*/

body {
color: #000000;
background-color: #ffffff;
margin: 0px 0px; 
padding: 0px;
      }

/* HEADER CSS */

#nav{
position: relative;  /* Needed for Safari */
width: 1024px;
height: 30px;
margin: 0px;
border-bottom: 1px solid #000000;
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
margin-left: auto; 	
 }

#nav a {color:#000000; font-weight:bold; text-decoration:none;}
#nav a:link {color:#000000; font-weight:bold; text-decoration:none;}
#nav a:visited {color:#000000; font-weight:bold; text-decoration:none;}
#nav a:hover {color:#000000; font-weight:bold; text-decoration:none;}

.leftnav{
float: left;
   }

.midnav{
float: left;
padding-right:5px;
font:9pt trebuchet MS, helvetica, arial, sans serif;
color: #000000;
text-align: center;
padding-top: 9px;
letter-spacing:2px;
   }

.rightnav{
float: right;
padding-right:5px;
font:9pt trebuchet MS, helvetica, arial, sans serif;
color: #000000;
padding-top: 9px;
letter-spacing:2px;
   }

/* CONTENT CSS */

#content{
width: 1024px; 
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
margin-left: auto; 	
background-color: #ffffff;
}

/* FOOTER CSS */

#footer {
position: relative;  /* Needed for Safari */
width: 1024px;
margin: 0px;
border-top: 1px solid #000000;
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
margin-left: auto; 	
}

.footercontent{
color: #807F7F;
text-align: center;
font:9pt trebuchet MS, helvetica, arial, sans serif;
letter-spacing:3px;
font-weight: bold;
padding-top: 10px;
}

/* BLOG CSS */

#blog {
width: 1024px;
margin-top: 40px;
}

.blogbody {
margin-left:162px;
margin-right: 162px;
}

.imagebody {
text-align: center;
}

.entrytitle{ 
float: left;
font:12pt trebuchet MS bold, helvetica, arial, sans serif;
padding-top: 5px;
text-align: left;
color: #000000;
font-weight: bold;
}	

.entrydate{ 
float: right;
font:12pt trebuchet MS bold, helvetica, arial, sans serif;
padding-top: 5px;
text-align: right;
color: #000000;
font-weight: bold;
}	

.entry{
}

.entrytext{
text-align: left;
color: #444242;
padding-top: 4px;
padding-bottom: 2px;
font:10pt trebuchet MS bold, helvetica, arial, sans serif; 
}

.entryposted{
font:10pt trebuchet MS bold, helvetica, arial, sans serif;
color: #231F20;
text-align: center;
padding-top: 7px;
padding-bottom: 10px;
}

.pagination{
padding-top:40px;
padding-left: 5px;
color: #374F11;
font:10pt trebuchet MS bold, helvetica, arial, sans serif;
}

/* ABOUT CSS */

#about_body {
width: 1024px;
margin-left:92px;
margin-right: 62px;
text-align: left;
color: #000000;
font:12pt trebuchet MS bold, helvetica, arial, sans serif;
font-weight: bold;
}

#about_col1{
float: left;
width: 240px;
margin-left: 20px;
}

#about_col2{
float: left;
width: 500px;
padding-left: 20px;
padding-bottom: 20px;
}

.about_title{
text-align: left;
color: #939598;
padding-bottom: 2px;
font:24pt trebuchet MS bold, helvetica, arial, sans serif; 
font-weight: bold;
}

.about_text{
text-align: left;
color:#807F7F;
padding-top: 4px;
padding-bottom: 2px;
font:12pt trebuchet MS bold, helvetica, arial, sans serif; 
font-weight: bold;
}

.about_list {
margin-left:30px;
padding: 0;
list-style-type: none;
}

/* ARCHIVE CSS */

#archives_body {
width: 1024px;
margin-top: 40px;
text-align: left;
color: #000000;
font:12pt trebuchet MS bold, helvetica, arial, sans serif;
font-weight: bold;
}

#archives_headings{
text-align: left;
color: #939598;
font:24pt trebuchet MS bold, helvetica, arial, sans serif; 
font-weight: bold;
display: inline;
text-transform: lowercase;
}

.archives_title{
text-align: left;
color: #939598;
font:24pt trebuchet MS bold, helvetica, arial, sans serif; 
font-weight: bold;
display: inline;
}

.archives_title_latest{
text-align: left;
color: #939598;
padding-left: 122px;
font:24pt trebuchet MS bold, helvetica, arial, sans serif; 
font-weight: bold;
display: inline;
}

#archives_col1{
float: left;
width: 75px;
padding-left: 5px;
}

#archives_list_month{
width: 70px;
float: left;
}

.archives_subtitle{
text-align: left;
color: #000000;
font:12pt trebuchet MS bold, helvetica, arial, sans serif; 
font-weight: bold;
padding-bottom: 16px;
}

#archives_col2{
float: left;
width: 140px;
}
 
#archives_list_cat{
float: left;
width: 140px;
margin-top: -14px;
}

#nav_cat_archive ul{
list-style: none;
margin-left: 0;
padding-left: 2em;
text-indent: -1.5em;
}

#nav_cat_archive li{
list-style: none;
color: #000000;
font:12pt trebuchet MS bold, helvetica, arial, sans serif; 
font-weight: bold;
}

#nav_cat_archive li li{
color: #000000;
font:9pt trebuchet MS bold, helvetica, arial, sans serif; 
font-weight: bold;
}

.archives_text{
text-align: left;
color: #6F6D6E;
font:9pt trebuchet MS bold, helvetica, arial, sans serif; 
font-weight: bold;
margin-bottom: 20px;
}

#archives_col3{
width: 790px;
float: right;
margin-bottom:60px;
}

.archives_col3_bg{
float: left;
width: 780px;
margin-top: -10px;
background-repeat: repeat-y;
background-image: url(http://www.outofcontxt.com/design/archivesbg.jpg);
}

.archives_col3_body{
width: 750px;
padding-left: 20px;
}

.arc_thumb{
float: left;
padding-left: 2px;
padding-right: 2px;
padding-top: 9px;
padding-bottom: 35px;
}

/* THUMBS PAGE CSS */

#thumbs_body {
width: 1024px;
text-align: left;
margin-left: 140px; 	
color: #000000;
font:12pt trebuchet MS bold, helvetica, arial, sans serif;
font-weight: bold;
}

.thumbs_title{
text-align: left;
color: #939598;
padding-bottom: 18px;
font:24pt trebuchet MS bold, helvetica, arial, sans serif; 
font-weight: bold;
}

/* LINKS CSS */

#links_body{
width: 1024px;
margin-top: 40px;
padding: 0px 50px 0px 50px;
text-align: left;
color: #000000;
font:12pt trebuchet MS bold, helvetica, arial, sans serif;
font-weight: bold;
}

.links_title{
text-align: left;
color: #939598;
padding-bottom: 2px;
font:24pt trebuchet MS bold, helvetica, arial, sans serif; 
font-weight: bold;
}

.links_body{
text-align: left;
color: #908E8F;
}

.blogrollmain ul{
float: left;
list-style: none;
padding-left: 5px;
}

.blogrollmain li { 
list-style: none;
width: 300px;
float: left; 
border-left: 1px solid #222;
overflow: hidden;
padding-left: 5px;
padding-right: 10px;
font:10pt trebuchet MS bold, helvetica, arial, sans serif;
font-weight: bold;
}

.blogrollmain{
font:10pt trebuchet MS bold, helvetica, arial, sans serif;
font-weight: bold;
}

.blogrollmain br{
display:none;
}

/* TOOLS CSS */

#tools_body {
width: 1024px;
margin-top: 30px;
}

.tools_body{
margin-left:242px;
padding-bottom: 10px;
text-align: left;
color: #908E8F;
font:10pt trebuchet MS bold, helvetica, arial, sans serif;
font-weight: bold;
}


.tools_header{
text-align: left;
color: #939598;
padding-bottom: 2px;
font:24pt trebuchet MS bold, helvetica, arial, sans serif; 
font-weight: bold;
}


#tools_col1{
float: left;
}

.tools_col1{
float: left;
width: 200px;
margin-left: 20px;
margin-bottom:40px;
}


#tools_col2{
float: left;
}

.tools_col2{
float: left;
width: 350px;
padding-left: 20px;
margin-bottom: 40px;
}

.tools_title{
text-align: left;
color: #939598;
padding-bottom: 2px;
font:24pt trebuchet MS bold, helvetica, arial, sans serif; 
font-weight: bold;
}

.tools_subtitle{
text-align: left;
color: #000000;
padding-bottom: 2px;
text-decoration: underline;
font:16pt trebuchet MS bold, helvetica, arial, sans serif; 
font-weight: bold;
}

.tools_text{
text-align: left;
color: #6F6D6E;
font:12pt trebuchet MS bold, helvetica, arial, sans serif; 
font-weight: bold;
margin-bottom: 20px;
}

/* CONTACT CSS */

.contact_body{
padding-left:382px;
padding-bottom: 10px;
text-align: left;
color: #908E8F;
font:10pt trebuchet MS bold, helvetica, arial, sans serif;
font-weight: bold;
}

.contact_title{
text-align: left;
padding-left:362px;
color: #939598;
padding-bottom: 2px;
font:24pt trebuchet MS bold, helvetica, arial, sans serif; 
font-weight: bold;
}


/* COMMENTS CSS */

.comments_popup {
color: #000000;
background-color: #ffffff;
margin: 10px; 
padding: 0px;
      }


#nav_comments{
position: relative;  /* Needed for Safari */
width: 400px;
height: 20px;
margin-bottom: 10px;
border-bottom: 1px solid #000000;
}

.comments_leftnav{
float: left;
}

.comments_rightnav{
float: right;
font:10pt trebuchet MS bold, helvetica, arial, sans serif;
color: #000000;
letter-spacing:2px;
}

#comments{
width: 400px;
float: left;
font:10pt trebuchet MS bold, helvetica, arial, sans serif;
font-weight: bold;
 }

.comments_col1{
float: left;
width: 180px;
}

.comments_title{
font:16pt trebuchet MS bold, helvetica, arial, sans serif;
font-weight: bold;
color: #636466;
}

.comments_text{
font:10pt trebuchet MS bold, helvetica, arial, sans serif;
font-weight: bold;
}

.comments_col2{
float: right;
width: 200px;
}

.comments_thumb img{
float: right;
}

h1{
font:16pt trebuchet MS bold, helvetica, arial, sans serif;
text-align: left;
padding-bottom: 5px;
padding-top: 10px;
}

h2{
font:14pt trebuchet MS bold, helvetica, arial, sans serif;
text-align: left;
padding-bottom: 5px;
padding-top: 10px;
}

.trackbacks {
font:9pt trebuchet MS bold, helvetica, arial, sans serif;
color: #000000;
text-align: left;
border-bottom: 1pt dotted #000000;
margin-top: 35px;
font-weight: bold;
}

.trackbackbody {
font:10pt trebuchet MS bold, helvetica, arial, sans serif;
color: #636466;
text-align: left;
padding: 5px;
}
.comments_body{
font:12px verdana, arial, sans serif;
color: #000000;
text-align: left;
padding-left: 5px;
padding-right: 5px;
}

.comments_posted{
font:8pt verdana, helvetica, arial, sans serif;
color: #636466;;
text-align: right;
padding: 5px;
border-bottom: 1pt dotted #000000;
font-weight: bold;
}

/* EXTRA CSS */

input, select, checkbox {
border-left: 2px solid #BBBABA; 
font:10pt trebuchet MS bold, helvetica, arial, sans serif;
margin: 1px;
color: #000000; 
background: #ffffff;
text-align: left;
padding: 2px;
}

textarea {
border-left: 2px solid #BBBABA;
background: #ffffff; 
font:10pt trebuchet MS bold, helvetica, arial, sans serif;
color: #000000; 
text-align: left;
padding: 2px;
}

label {
text-align: left;
font: 10px verdana; 
color: #000000;
}

.multiselect {
 border-top:1px solid #999999;
 border-left:1px solid #999999;
 background-color: #ffffff;
 color:#000;
 font-family:Trebuchet MS, Arial, Sans-serif;
 font-size: 11px;
 margin-top: 3px;
 margin-bottom: 3px;
} 

.radio {
 color: #000;
 margin-top: 7px;
 margin-bottom: 4px;
 padding: 0;
 border:0;
 background-color:  transparent;
}

.submit {
 background-color:  #fff;
 font-family: verdana, sans-serif;
 font-size: 11px;
 font-weight: normal;
 letter-spacing: .1em;
 padding: 1px 3px 1px 3px;
 margin-top: 6px;
 margin-bottom: 4px;
 text-transform: uppercase;
 color: #000;
}

a {color:#444242; font-weight:bold; text-decoration:none;}
a:link {color:#444242; font-weight:bold; text-decoration:none;}
a:visited {color:#444242; font-weight:bold; text-decoration:none;}
a:hover {color:#444242; font-weight:bold; text-decoration:none;}


ul {
    margin: 0px;
    padding: 15px 0px;
    list-style-position: inside;
    list-style-type: square;
}
 
li {
  margin: 0;
  padding: 0;
}

/*SEARCH CSS*/

#search{
width: 1024px;
margin: 0px;
}

.header h1 {
text-align: left;
color: #939598;
padding-bottom: 2px;
font:24pt trebuchet MS bold, helvetica, arial, sans serif; 
margin-left: 50px;
font-weight: bold;
}

legend{
text-align: left;
font: 12px trebuchet MS bold, helvetica, arial, sans serif;  
color: #000000;
}

.searchSubmit {
font-family: Trebuchet MS, Arial, sans-serif;
font-size:13px;
font-weight: bold;
color:#000000;
text-align: center;
}

.fieldset {
 border:  1px solid #999;
 padding: 10px;
}

.breadcrumb {
 margin:0 0 10px 0;
 background-color:transparent;   
 font-family:verdana, Trebuchet MS, Arial, Sans-serif;
 font-size:10px; 
}

.default, .defaultBold {
 font-family: trebuchet MS bold, helvetica, arial, sans serif; ;
 font-size:11px;
 color:	#000;
 padding:3px 0 3px 0;
 background-color:transparent;  
}

.defaultBold {
 font-weight:bold;
}

.pagecount {
 font-family:Verdana, Trebuchet MS, Arial, Sans-serif;
 font-size:10px;
 color:#666;
 font-weight:normal;
 background-color: transparent;  
}

.tablePad {
 padding:3px 13px 5px 13px;
border: 3px solid #000000;
}

.resultRowOne {
 font-family:Verdana, Trebuchet MS, Arial, Sans-serif;
 font-size:11px;
 color:	#000;
 padding:6px 6px 6px 8px;
 background-color:#888787;  
}

.resultRowTwo {
 font-family: verdana, Trebuchet MS, Arial, Sans-serif;
 font-size: 11px;
 color: #000;
 padding: 6px 6px 6px 8px;
 background-color:  #eee;  
}

.resultHead {
 font-family: Trebuchet MS, Arial, Sans-serif;
 font-size: 15px;
 font-weight:bold;
 color:#000;
 padding: 8px 0 5px 8px;
 border-bottom:	1px solid #999;
 background-color:transparent;  
}

form {
 margin: 0;
}

.hidden {
 margin:  0;
 padding:0;
 border: 0;
}
