/*  
Theme Name: WordPress theme 422
Theme URI: http://wordpress.org/
Description: A theme from Template-Help.com Collection 
Version: 2.2
Author: Template_Help.com 
Author URI: http://www.Template-Help.com/ 
*/

/* CSS Document */
body{
	padding:0; 
	margin:0;
	background:#B8DFFA url(images/bg_top.jpg) top right repeat-x;	  
	width:100%;
	min-width:766px;
	vertical-align:top;
	font-family: arial;
	color:#878889; line-height:16px; font-size:11px;
}

.col {
	float:left;
}

form, div, input, textarea { margin:0; padding:0;}

input, textarea {font-size:1.01em;}

input {vertical-align:top;}


.postmetadataalt {
	font-size:0.81em; 
}
.pagetitle {padding:0px 35px 15px; color:#1546A5; font-size:1.31em;}

a {color:#439EE4;}
a:hover {text-decoration:none;}

#respond {
	font-size:1.31em;
	font-weight:normal;
	line-height:29px;
	color:#C4D6EE;
}

#links_with_style  {
	vertical-align:top;
}
#archives  {
	vertical-align:top;
}
#meta  {
	vertical-align:top;
}
#recent-comments  {
	vertical-align:top;
}
#recent-posts  {
	vertical-align:top;
}
#categories  {
	vertical-align:top;
}
#calendar_wrap {
	vertical-align:top;
	font-size:1.01em;
	padding:10px 0px 0px 10px;
}
#calendar {
	vertical-align:top;
}
#calendar_wrap a {
	text-decoration:underline;
	font-weight:bold;
}
#calendar_wrap a:hover {
	text-decoration:none;
	font-weight:bold;
}
#google-search  {
	vertical-align:top;
}
#gsearch {
	text-align:left;
}
#pages  {
	vertical-align:top;
}
#text-1 {
	vertical-align:top;
}
.textwidget {
	text-align:left;
	padding:10px 0px 0px 0px;
	font-size:1.01em;
}
#delicious {
	vertical-align:top;
}
#delicious-box {
	text-align:left;
}

.spacer {font-size:0px; line-height:0px;}
.clear {clear:both;}


.navigation {padding:10px 0px 10px 0px; display:table; width:100%;}

.alignright {width:40%; float:right; text-align:right; color:#1546A5; padding-right:35px;}
.alignleft {padding-left:35px;}
.alignleft a {color:#1546A5; font-size:1.01em; font-weight:bold;}
.alignright a {color:#1546A5; font-size:1.01em; font-weight:bold;}


.side {color:#0A1C3B;}
.side a {color:#0A1C3B;}

.statusbar p {padding:7px 0px 0px 10px; font-weight:normal;}



h1, h2, h3 {margin:0px; padding:0px;}

h3 {background:#EAF5FD; padding:13px 35px 13px 96px; color:#1546A5; font-size:1.31em;}



h1 {font-size:3.21em; font-family:arial; line-height:normal; font-weight:bold; letter-spacing:0px; padding:21px 0px 0px 35px;}
h1 a{color:#FFFFFF; text-decoration:none;}

.slogan {color:#FFFFFF; font-size:1.31em; font-weight:bold; padding-left:35px; letter-spacing:4.5px;}


.main {width:100%;}




.head {height:155px;}



.t_search {float:right; padding:35px 28px 0px 0px;}
.t_search .input {width:144px; margin-right:9px;}
.t_search .text {color:#FFFFFF; font-weight:bold; padding:3px 7px 0px 0px;}

.w_search {padding:10px 0px 0px 0px;}
.w_search .input {width:134px; margin-bottom:4px;}

.search {padding:10px 0px 0px 0px;}
.search .input {width:334px; padding:1px 0px 1px 0px; margin-right:9px;}



.menu {background:#5CBCEC url(images/bg_menu.gif) bottom repeat-x; padding-bottom:28px; width:100%;}
.menu ul {margin:0; padding:0; list-style:none; font-size:1.31em;}
.menu ul li {float:left; padding:8px 30px;}
.menu ul li a {color:#FFFFFF; text-decoration:none;}
.menu ul li a:hover {text-decoration:underline;}

.content {padding-bottom:30px;}
.content h2 {background:#EAF5FD; padding:13px 35px 13px 35px; color:#1546A5; font-size:1.31em;}
.content h2 a {color:#1546A5; text-decoration:none;}
.content h2 a:hover {text-decoration:underline;}
.content .text {padding:10px 35px 0px 35px; font-size:1.11em; text-align:justify;}
.content .info {color:#1546A5; padding-top:10px;}
.content .info a {color:#1546A5; text-decoration:none;}
.content .info a:hover {text-decoration:underline;}

.content .ul {margin:0; padding:0; list-style:none; font-weight:bold; font-size:0.91em;}
.content .ul li {float:left; width:224px; padding:1px 0px 1px 0px;}
.content .ul li a {padding-left:10px; background:url(images/arrow_1.gif) top left no-repeat; text-decoration:none;}
.content .ul li a:hover {text-decoration:underline;}


.widget {padding-bottom:18px;}
.widget h2 {font-size:1.31em; color:#FFFFFF; font-weight:bold;}
.widget ul {padding:0; margin:10px 0px 0px 0px; list-style:none; font-size:1.11em;}
.widget ul li {padding:1px 0px 1px 0px;}
.widget ul li a {text-decoration:none;}
.widget ul li a:hover {text-decoration:underline;}

ul.children {font-size:1.01em; padding:5px 0px 5px 5px; margin:0;}


#links_with_style ul {padding:0; margin:0px; list-style:none; font-size:1.01em;}
#links_with_style ul li {padding:1px 0px 1px 0px;}
#links_with_style ul li ul {padding:0; margin:10px 0px 0px 0px; list-style:none; font-size:1.11em;}
#links_with_style ul li ul li {padding:1px 0px 1px 0px;}


.footer {padding:15px 35px 20px 35px;}

.blog {color:#3C3C3C;}
.blog a {color:#3C3C3C;}

.attachment-single-post-thumbnail {float:left; margin:0 1em 1em 0}
.attachment-post-thumbnail {float:left; margin:0 1em 1em 0; padding:0px 35px 13px 35px;}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;			/* This chops off any overhanging divs */
}

/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}

.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;		/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}

.colmid {
	right:15%;				/* width of the right column */
}
.colleft {
	right:15%;				/* width of the middle column */
}
.col1 {
	width:66%;				/* width of center column content (column width minus padding on either side) */
	left:32%;				/* 100% plus left padding of center column */
}
.col2 {
	width:160px;				/* Width of left column content (column width minus padding on either side) */
	left:33%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.col3 {
	width:18%;				/* Width of right column content (column width minus padding on either side) */
	left:34%;				/* Please make note of the brackets here:
							(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

.col1 .bg_b {background:#FFFFFF url(images/bg_left_bot.gif) bottom right no-repeat; width:100%;}
.col1 .bg_t {background:url(images/bg_left_top.gif) top right no-repeat; padding-top:28px; width:100%;}

.col3 .bg_b {background:#439EE4 url(images/bg_right_bot.gif) bottom left no-repeat; width:100%;}
.col3 .bg_t {background:url(images/bg_right_top.gif) top left no-repeat; padding:30px 30px 20px 29px;}
