/*  
Theme Name: Web 2.0 Simplified
Theme URI: http://theme.clarktech.no-ip.com
Description: Simple, web 2.0, widget-ready, 3 column theme.  Released under GPL
Version: 1.1.1
Author: Jeremy Clark
Author URI: http://clarktech.no-ip.com/
Tags: web-2.0, simple, blue, green, 3-column, fluid-width, widgetized
*/
body, optgroup, textarea, input, select {margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
img {border:none;}
ul, ol {margin:0; padding:0;}
a {text-decoration:none; outline:none;}
a:hover {text-decoration:underline;}
h2, h3, h4, .h, #nav a, .side-nav .main a, .side-links .h, .tabs > ul > li > a, .side-links .special a, .services-row .more, li span.plain {font-family:Arial, Helvetica, sans-serif; color:#02355B;}
h1 {font-family:Arial, Helvetica, sans-serif; color:#02355B; font-weight:normal;}
h1 {margin:0; font-size:20px; }
h2 {margin:35px 0 20px 0; font-size:16px;}
h3 {margin:35px 0 16px 0; font-size:14px;}
h4 {margin:24px 0 16px 0; font-size:12px;}
form {margin:0; padding:0;}
label, .lab {font-weight:bold;}
optgroup {font-style:normal;}
td {margin:0; padding:0; vertical-align:top;}
a, a:hover {color:#007BEA;}




body {margin:0; padding:0; background-color:#FFF; color:#000;}
img {border:0 !important;}

#head {height:100px; background:url(images/header_bg_gradient.gif) left repeat-x; margin-bottom:0px; }
#inner-head {width:880px; height:100px; margin:0 auto; padding:0; background:url(images/inner_head_bg.gif) left no-repeat;}

#nav {margin-top:25px; font-size:11px; font-weight:normal; float:right; width:670px; text-align:right; border-color:#FFF; color:#FFF;}
#nav a {margin-left:25px; text-align:right; font-size:11px; font-weight:bold; text-transform:uppercase; color:#CCC;}
#nav a:hover {
text-decoration:none}

#nav a.button {color:#000; margin-left:25px; text-align:center; padding:5px 10px 5px 10px; font-size:12px; font-weight:bold; text-transform:uppercase; background:url(images/order_button.gif) no-repeat;}
#nav a:hover.button {text-decoration:none;}
#nav a.active  {color:#9CF;}

#topnav {margin:15px 0 0 0; float:right; font-weight:normal; color:#FFF;}
#topnav li {float:left; list-style:none; color:#FFF;}
#topnav a {display:block; width:86px; padding:5px 0 0 0; text-align:center; font-size:11px; color:#CCC;}
#topnav a:hover {text-decoration:none; color:#FFF}

#topnav li.active a {color:#9CF;}

#logo { margin-top:20px; float:left;}
#site-search {float:right; margin-top:15px;}
#search {width:150px; margin:0;}
#submit-search {padding:2px 0px 2px 2px; border:none; font-size:12px; font-weight:bold;color:#FFF;background-color:transparent;}


#footer {width:1000px; clear:both; margin:20px 0 10px 0; padding:12px 0 0 0; border-top:2px solid #999; text-align:center; font-size:11px;}
#footer #copy {font-size:9px; margin:0 0 8px 0;}


#r_sidebar {float:right; width:180px; margin-right:20px;}
#l_sidebar {float:left; width:180px; margin-right:20px; margin-left:20px;}
#featured li{font-size:15px; margin-bottom:15px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#featured li img{margin-top:-4px;padding-bottom:5px;}

#searchsubmit {background:none repeat scroll 0 0 #007BEA; border:1px solid #888; color:#FFFFFF;padding:2px 4px;}

#wrapper {width:916px; background:#FFFFFF url(images/wrapper_back_main.png) no-repeat scroll 0 0; padding:0 19px; z-index:1; margin:0 auto; overflow:hidden; position:relative;}
#wrapper-top {width:916px; background:#FFFFFF url(images/wrapper_back_top.png) no-repeat scroll 0 0; padding:0 19px; z-index:1; margin:0 auto; overflow:hidden; position:relative;}
#wrapper-full {width:916px; background:#FFFFFF url(images/wrapper_back.png) no-repeat scroll 0 0; padding:0 19px; z-index:1; margin:0 auto; overflow:hidden; position:relative; min-height:650px;}


#page {overflow:visible; position:relative; bottom:8px; clear:both; width:880px; margin:0 auto; border-width:10px 0 0 0; border-style:solid; border-color:#FFF; text-align:left;}
.narrowcolumn {position:relative; bottom:10px; float:left; width:470px;}
.widecolumn {padding:10px 0 20px; margin:5px auto 0; width:75%;}
#page-top {margin:0 0 10px 0; padding:130px 0 0 10px; background:#000A19 url(images/top-images.jpg) no-repeat; font-size:32px; font-family:Georgia, "Times New Roman", Times, serif; color:#FFF; text-align:left;}
#page-top p {margin:0;padding:20px 0 5px;}




.top-heading {margin:9px 0 20px 0; padding:20px 0 0 0; border-top:2px solid #02355B;}
.intro h2 {background-color:#92C5FF; clear:both; color:#FFFFFF; font-size:12px; margin:10px 0 12px; padding:2px;}



.post {clear:both; margin-bottom:30px; margin-top:10px; border-top:2px solid #02355B; font-family:Arial,Helvetica,sans-serif; text-align:left; line-height:20px; font-size:14px;}
.post p {margin:15px 0;}
.post h2 {background:transparent; padding:3px 2px;}
.heading {margin:8px 0 8px 0; padding:0 0 6px 0; border-bottom:1px dotted #999; font-family:Verdana, Geneva, sans-serif;}
.heading h2 {font-family:Arial,Helvetica,sans-serif; color:#FFF; font-weight:normal; text-align:left; font-size:20px; background:#FFF}
.heading p {margin:7px 0 0 0; font-size:10px; color:#333;}
.post_date {float:left;clear:left; width:40px; height:40px; margin-right:10px; color:#FFF;}
.date_post {border-bottom:1px dotted; clear:left; float:left; font-size:14px; padding-top:2px; text-align:center; width:40px; background:#2B95FF;}
.month_post {float:left; clear:left; width:40px; font-size:12px; text-align:center; padding:2px 0 3px; background:#00468C;}




.sidebar {position:relative; bottom:21px; font-family:Arial, Helvetica, sans-serif;}
.sidebar h2 {clear:both; margin:20px 0 12px 0; padding:6px 0; border-top:2px solid #02355B; border-bottom:1px dotted #999; font-size:12px;color:#333;}
.sidebar #rss {float:right;}




.widecolumn .heading{border-bottom:1px dotted #999;margin-top:-15px; font-family:Verdana, Geneva, sans-serif;}
.widecolumn .navigation{border-bottom:2px solid #02355B;display:block;overflow:auto;padding-bottom:5px;}
.widecolumn .post_date {float:left;clear:left; width:40px; height:40px; margin-right:10px; color:#FFF;}
.widecolumn .date_post {padding-top:3px;}
.widecolumn .month_post {padding:4px 0 5px;}
.widecolumn .entrytext{font-family:Georgia, "Times New Roman", Times, serif;line-height:20px;}




.navigation {display:block; width:100%; height:20px;}


.related ul li {
list-style-image:none;
list-style-type:none;
margin-bottom:8px;
}

.FBConnectButton_Text {
margin-left:12px !important;
padding:2px 3px 3px !important;
}

.FBConnectButton_Small  {
background-position:-5px -232px !important;
border-left:1px solid #1A356E;
}

/* Begin Typography & Colors








sub,sup {
font-family:serif, Georgia;
font-size:1.1em;
color:#606e79;
}




.squarebox {
padding:8px;
width:450px;
background-color:#a4acb3;
border:1px solid #6f7d88;
}




.squarebox_bright {
padding:8px;
width:450px;
background-color:#bec4c8;
border:1px solid #6f7d88;
}








.widecolumn .entry p {
font-size:.9em;
}








.widecolumn {
line-height:1.6em;
}




.narrowcolumn .postmetadata {
text-align:center;
}




.alt {
background-color:#eee;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
}
small {
font-family:Arial, Helvetica, Sans-Serif;
font-size:.9em;
line-height:1.5em;
padding-left:10px;
}




h1,h2,h3 {
font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight:700;
}




h1 {
font-size:4em;
text-align:center;
}




.description {
font-size:1.2em;
text-align:left;
margin:0 15px;
color:#54544D;
background-color:#f7f7f7;	
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity:.7;
padding:3px; 
-moz-border-radius:3px;
border: 1px solid #444;
}




h2 {
font-size:1.6em;
}




h2.pagetitle {
font-size:1.6em;
}




.sidebar h2 {
font-family:'Lucida Grande', Verdana, Sans-Serif;
}




h3 {
font-size:1.3em;
padding-left:20px;
}




h1,h1 a,h1 a:hover,h1 a:visited {
text-decoration:none;
color:#FFF;
}




h2,h2 a,h2 a:visited,h3,h3 a,h3 a:visited {
color:#343333;
}




h2,h2 a,h2 a:hover,h2 a:visited,h3,h3 a,h3 a:hover,h3 a:visited,.sidebar h2,#wp-calendar caption,cite {
text-decoration:none;
}




.entry p a:visited {
color:#344451;
text-decoration:underline;
}




.commentlist li,.trackback li,#commentform input,#commentform textarea {
font:.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}




.commentlist li,.trackback li {
font-weight:700;
}




.commentlist cite,.commentlist cite a {
font-weight:700;
font-style:normal;
font-size:1.1em;
}




.commentlist p {
font-weight:400;
line-height:1.5em;
text-transform:none;
}




.author {
background: #bbb;
border-top:1px #000 dotted;
color:#4682B4;
}




#commentform p {
font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
}




.commentmetadata {
font-weight:400;
}




.sidebar {
font:.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}




small,.sidebar ul ul li,.sidebar ul ol li,.nocomments,.postmetadata,blockquote,strike {
color:#777;
}




code {
font:1.1em 'Courier New', Courier, Fixed;
}




acronym,abbr,span.caps {
font-size:.9em;
letter-spacing:.07em;
}




a,h2 a:hover,h3 a:hover {
color:#B54444;
text-decoration:none;
}




a:hover {
color:#4C4C4C;
text-decoration:underline;
}




#wp-calendar #prev a {
font-size:9pt;
}




#wp-calendar a {
text-decoration:none;
}




#wp-calendar caption {
font:bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-align:center;
}




#wp-calendar th {
font-style:normal;
text-transform:capitalize;
}




h2.widgettitle {
text-transform:lowercase;
font-size:1.4em;




}




*/




.underline {
border-bottom: 2px solid #b54444;
}








.widecolumn .post {
margin:0;
}








.narrowcolumn .postmetadata {
padding-top:5px;
}




.widecolumn .postmetadata {
margin:30px 0;
}




.widecolumn .smallattachment {
text-align:center;
float:left;
width:128px;
margin:5px 5px 5px 0;
}




.widecolumn .attachment {
text-align:center;
margin:5px 0;
}




.postmetadata {
clear:left;
}








/* End Structure */
/*	Begin Headers */
#headerimg h1 a:hover {
color:#343333;
text-decoration:none;
}


p.headline {font-size:14px; color:#666; padding-left:30px; margin:0 0 5px;}


h2 {
margin:0;
}



h2.pagetitle {clear:both; color:#333; font-size:12px; margin:10px 0 12px; padding:2px;}



h3 {
padding:0;
margin:30px 0 0;
}




h3.comments {
padding:0;
margin:40px auto 20px;
}




#headerimg h1 {
text-align:left;
margin:0 0 10px 15px;
}




#headerimg h1 a {
color:#54544D;
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity:.7;
padding:3px;
-moz-border-radius:3px;
border: 1px solid #444;
}




/* End Headers */
/* Begin Images */
p img {
padding:2px;
max-width:100%;
}




.wp-caption {
padding:3px; 
-moz-border-radius:3px;
border: 1px solid #444;
text-align:center;
}
.wp-caption-text {
text-align:center;
line-height: 1.1em;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}




.alignleft {
	float: left;
}




.alignright {
	float: right;
}




.entry img {
border:1px solid #ccc;
padding: 3px;
}




.entrytext img {
padding:3px;
border:1px solid #ccc;
}




/* End Images */
/* Begin Avatar */
.avatar_cont {
float:left;
border:2px solid #ccc;
margin: 0 5px 0 0;
}
/* Begin Lists




	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */
html>body .entry ul {
margin-left:0;
padding:0 0 0 30px;
list-style:none;
padding-left:10px;
text-indent:-10px;
}




html>body .entry li {
margin:7px 0 8px 10px;
}




.entry ul li:before,.sidebar ul ul li:before {
content:"\00BB \0020";
}




.entry ol {
padding:0 0 0 35px;
margin:0;
}




.entry ol li {
margin:0;
padding:0;
}




.postmetadata ul,.postmetadata li {
display:inline;
list-style-type:none;
list-style-image:none;
}




.sidebar ul,.sidebar ul ol {
margin:0;
padding:0;
}




.sidebar ul li {
list-style-type:none;
list-style-image:none;
margin-bottom:5px;
}




.sidebar ul p,.sidebar ul select {
margin:5px 0 8px;
-moz-border-radius: 3px;
}




.sidebar ul ul,.sidebar ul ol {
margin:5px 0 0 10px;
}








.sidebar ul ul ul,.sidebar ul ol {
margin:0 0 0 10px;
}
















ol li,.sidebar ul ol li {
list-style:decimal outside;
}




.sidebar ul ul li,.sidebar ul ol li {
margin:3px 0 0;
padding:0;
}




.sidebar_icon {
text-align:right;
padding-right:5px;
}




/* End Entry Lists */
/* Begin Form Elements */




#loginform{
float:right;




padding-right:3px;
font-size:.9em;
}
#user_login,#user_pass{
width: 75px;
}
input.text{
font-size:1.2em;
}




#searchform {
margin:5px 5px 0 0;
text-align:left;
-moz-border-radius: 3px;
}




#searchfor #s{
width:110px;
padding:3px;
margin-bottom:6px;
}








.entry form {
/* This is mainly for password protected posts, makes them look better. */
text-align:center;
}




select {
width:75%;
-moz-border-radius: 3px;
}




.postform {
background:#54544D ;
color:#f7f7f7;
border:1px #999 solid;
border-left-color:#ccc;
border-top-color:#ccc;
}




#commentform input {
width:170px;
padding:2px;
margin:5px 5px 1px 0;
}




#commentform textarea {
width:100%;
padding:2px;
}




#commentform #submit {
margin:0;
float:right;
border:2px #999 solid;
border-left-color:#ccc;
border-top-color:#ccc;
}




#commentform #submit:hover {
margin:0;
float:right;
border:2px #ccc solid;
border-left-color:#999;
border-top-color:#999;
}




/* End Form Elements */
/* Begin Comments*/
.alt {
margin:0;
padding:10px;
}




.commentlist,.trackback {
padding:0;
text-align:justify;
}




.trackback li {
margin: 2px 0;
list-style: none;
padding: 2px 10px 2px;
border-bottom: 1px solid #ddd;
}




.commentlist li {
margin:15px 0 3px;
padding:5px 10px 3px;
list-style:none;
}




.commentlist p {
margin:10px 5px 10px 0;
}




#commentform p {
margin:5px 0;
}




.nocomments {
text-align:center;
margin:0;
padding:0;
}




.commentmetadata {
margin:0;
display:block;
}




/* End Comments */




.sidebar form {
margin:0;
}




#web-20-rss,#rss {
background:url(images/syndicatebg.jpg) no-repeat top left;
height:60px;
}




/* End Sidebar */
/* Begin Calendar */
#wp-calendar {
empty-cells:show;
margin:10px auto 0;
width:155px;
}




#wp-calendar #next a {
padding-right:10px;
text-align:right;
}




#wp-calendar #prev a {
padding-left:10px;
text-align:left;
}




#wp-calendar a {
display:block;
}




#wp-calendar caption {
text-align:center;
width:100%;
}




#wp-calendar td {
padding:3px 0;
text-align:center;
}




#wp-calendar td.pad:hover {
/* Doesn't work in IE */
background-color:#fff;
}




/* End Calendar */
/* Begin Various Tags & Classes */
acronym,abbr,span.caps {
cursor:help;
}




blockquote {
margin:15px 30px 0 10px;
padding-left:20px;
border-left:5px solid #ddd;
}




blockquote cite {
margin:5px 0 0;
display:block;
}




.center {
text-align:center;
}




hr {
display:none;
}




a img {
border:none;
}




.navigation {
text-align:center;
margin-top:10px;
margin-bottom:30px;
}




.entry_spacer {
width:400px;








height:0;
border-bottom:1px solid #a4acb3;
border-top:1px solid #eaeaea;
margin:auto;
}




#sk2-footer a {
color:#eee;
}




#sk2-footer a:hover {
color:#ddd;
}




/* End Various Tags & Classes*/




.top {margin-bottom:10px; margin-top:0px; background:url(images/top-resources.jpg) no-repeat 0px; height:250px;} 




.toppost {
float:right;
margin-top:-15px;
}




#ibook {
position:absolute;
left:0;
top:0;




overflow:visible;
height:200px;
width:200px;
margin:0;
z-index:1000000000;
border:none;
float:none;
}








/* Now to get background and stuff working */








/* And Spam Karma II */
#sk2-footer {
background-color:#5b6974;
height:1.2em;
color:#f3f3f3;
border-top:#f3f3f3;
margin-top:10px;
padding-bottom:1px;
padding-top:1px;
text-align:center;




}

#feedburner {font-size:14px;margin-left:30px;}
#feedburner a {bottom:5px;color:#333;margin:0 10px 0 4px;position:relative;}

/* This is for Brian's Threaded Comments */
small.comments_disclaimer {
color:#5d5d5d;
font-size:1em;
}