/*   
Theme Name: AvalonLink
Theme URL: http://avalonlink.com
Author: Chris Herrick
*/

/* COLORS

color scheme and notes (can be found on kuler here: http://kuler.adobe.com/#themeID/880354):

body #fff (white, helvetica, used in blog and static pages)

h1 #fff (white, myriad pro via font replacement plugin, used in blog as post titles and static pages) 

h2 #6aaef3 (light blue column header, used in static pages)

h3 #fff (white, italic, used in static pages)

h4 #666 (dark gray, used in blog in sidebar and footer columns)

h5 #fff (white, used in static pages as column header)

a #6aaef3 (light blue, all links)

a:hover #ccc (light gray, all links on hover)

*/


/* BASIC TAGS */


* {margin:0; padding:0;}

body {font:normal 14px Helvetica; color:#fff; background:#1D6FA1;}

h1 {font-size: 24px; color: #fff !important;}

h2 {font-size: 18px; color: #7dd9ff; margin: 0 0 5px 0;}

h3 {font-size: 18px; color: #fff; font-style: italic;}

h4 {font-size: 18px; color: #666;}

h5 {font-size: 12px; color: #fff;}

p {font-size: 14px; margin:0px 0px 20px 0px; line-height: 1.5}

a {outline:none; text-decoration:none; color:#7dd9ff;}

a:hover {color:#ccc !important;}

.widget a {color: #666;}

a img {border:none;}

li {list-style-image: url(images/bullet.png);}

ul {margin:10px 10px 10px 30px;}



/* BASIC LAYOUT */



div#outline {width:980px; margin:0 auto; background:url(images/background.png) top center no-repeat;}



div#content {clear:both; z-index:1; width:880px; padding:20px 40px 0 40px;}



div#left {width:560px; line-height:1.5; float:left; padding:0 20px 10px 0;}

div#right {width:240px; float:right; padding:0 0 10px 20px;}



div#static_page_full_width {padding:0 15px 0 15px;}



p#toggle-all {float:right; width:100px; margin: 2px 0 0 0;}

p#sidebar_hide {float:right; width:100px; font:14px bold Verdana, sans-serif; margin: 4px 0 0 0;}

p#sidebar_show {float:right; font:14px bold Verdana, sans-serif; margin: 4px 0 0 0;}



div.headline {margin:5px 0 0 20px;}

div.excerpt {padding:0 0 10px 0; border-bottom:dotted 1px #ccc; margin:0 0 20px 20px;}

div.post-single {margin:0 0 20px 0;}



div.preview {float:right; background:url(images/preview.png) no-repeat; margin:15px 0 0 0;}

div.preview a {display:block; width:20px; height:20px; color:#ccc !important; font:normal 14px Verdana, serif;}



div.date {position:absolute; width:60px; height:60px; padding:10px 0; margin:0 0 0 -80px; background:#fff; -moz-border-radius:5px;-webkit-border-radius: 5px;}



div.single_content {clear:both; margin:0 0 50px 0px; padding: 0 0 0 20px;}



div#appendix {clear:both; width:930px; padding:30px 30px 30px 0px; margin:0 0 50px 0;}

div.app_widget {float:left; width:280px; padding:0px 0px 0px 30px;}

div#appendix div.widget {padding:20px 0 0 0;}



/* NAVIGATION */



ul#mail_rss a {text-decoration:underline !important;}



/* WIDGETS */



.widget {border:1px solid #ccc; padding:25px 15px !important; margin:10px 0; -moz-border-radius:5px;-webkit-border-radius: 5px; background:url(images/bg-form-text.gif) repeat-x left top #ebebeb;}

div.widget h4 {border-bottom:1px dotted #ccc; margin:10px 0 0 0; padding:0 0 3px 0;}

div#right ul, div#appendix ul {list-style:none; padding:0; margin:0 0 0 5px;}

div.widget a {display: block; padding: 5px 0px;}

div.widget li {padding:0 0 0 5px; margin:0; border-bottom:1px dotted #ccc; list-style-image:none;}

div.widget li li {padding:0 0 0 20px; margin:0; background:none; border-top:none; border-bottom:none;}



div#tag_cloud a {display:inline;}

div#tag_cloud {min-height:130px;}

div#archives {min-height:130px;}



.textwidget p {margin: 0; padding: 0;}



/* CALENDAR */

table#wp-calendar {margin:0 0 10px 0; border-collapse:collapse; text-align:center; font-size:14px;}

table#wp-calendar a {font:normal 14px Verdana;}

table#wp-calendar caption {padding:0 0 5px 0;}

table#wp-calendar th {font:bold 14px Verdana;}

table#wp-calendar th, td {width:30px; height:30px;}



/* TEXT */



div#blog-line h1 a {font:normal 60px Georgia, serif; color:#fff;}

div#blog-line h1 {font:40px Georgia, serif; padding:20px 0; margin:0; color:#fff; letter-spacing:-2px;}


div#left h1 {float:left; width:450px;}



div.date {font:normal 14px Georgia; text-align:center; color:#666;}

p.date-month {margin:2px 0 15px 0; color:#999; font:normal 32px Georgia;}



p.post_info_slide {font-size:14px;}

p.tag_info {margin:0 0 10px 0; font: italic 100%  ;}

p.offset {margin:5px 0;}



p.wp-bookmark {margin:0;}

.wp-logo {float:left;}

a#totop {float:right;}

 

.clear {clear:both;}



code {font:normal 120% Courier, serif;}



/* COMMENTS */



div#comments_box {margin: 0 0 20px 0; border-top: 1px solid #ccc;border-left: 1px solid #ccc;border-right: 1px solid #ccc;}

div#comments_box ul {margin:0 !important;}

div#respond {padding:10px 20px; border-bottom:1px solid #ccc;}

ul.children {margin:0 !important;}

li.comment, li.pingback {padding:20px; border-bottom:1px solid #ccc; list-style: none;}

li.depth-2, li-depth-3 {margin: 0 0 10px 0;}

ul.children li.comment {border: 1px solid #ccc;}

.comment-details {font:normal 130% Georgia, serif;}

.avatar {float:left; margin:0 20px 0 0; border:5px solid #f1f1f1;}

.comment-text {margin:50px 0 0 0;}

.comment-author-admin {background: #f9fbc1; padding: 10px !important;}

.bypostauthor {background: #dfe3f3; padding: 10px !important;}

.comment-reply {text-align:right; margin:0 5px 10px 0; font: italic 100% Georgia, serif;}



h2#comment-header {margin:40px 0 10px 0 !important; padding:0 0 5px 0;}



/* FORMS */


label {display:block; margin:0 0 5px 0;}

.text {width:350px; margin:0 0 10px 0; padding:5px; background:url(images/bg-form-text.gif) repeat-x left top #fff; border:1px solid #ccc;}

textarea {width:450px; height:150px; margin:0; padding:5px; background:url(images/bg-form-text.gif) repeat-x left top #fff; border:1px solid #ccc; -moz-border-radius:5px;}

.submit {width:auto; padding:5px 20px; margin:5px 0; color:#fff; background:#333; border:1px solid #333; -moz-border-radius:5px;-webkit-border-radius: 5px;}

input {-moz-border-radius:5px;-webkit-border-radius: 5px; margin:0 5px 0 0;}



/* SEARCHFORM */



input#search {width:150px; padding:5px; background:url(images/bg-form-text.gif) repeat-x left top; border:1px solid #ccc;}

#search-submit {padding:5px; color:#fff; background:#333; border:none;}

div#left div#searchform {padding: 0 0 0 20px;}

p.not-found {padding: 0 0 0 20px; margin:0;}



/* WORDPRESS CSS */


img.alignright {float:right; margin:0 0 10px 10px;}

img.alignleft {float:left; margin:0 10px 10px 0;}

img.aligncenter {display:block; margin-left:auto; margin-right:auto;}

a img.alignright {float:right; margin:0 0 10px 10px;}

a img.alignleft {float:left; margin:0 10px 10px 0;}

a img.aligncenter {display:block; margin-left:auto; margin-right:auto;}

/*

img.alignright {float:right; margin:0 0 30px 30px;}

img.alignleft {float:left; margin:0 50px 30px 0;}

img.aligncenter {display:block; margin-left:auto; margin-right:auto;}

a img.alignright {float:right; margin:0 0 30px 30px;}

a img.alignleft {float:left; margin:0 50px 30px 0;}

a img.aligncenter {display:block; margin-left:auto; margin-right:auto;}

*/


.aligncenter, div.aligncenter {display:block; margin-left:auto; margin-right:auto;}

.alignleft {float:left;}

.alignright {float:right;}



.wp-caption {border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding:4px 0 0 0; margin:0 0 10px 10px;}

.wp-caption img {margin:0;padding:0;border:0 none;}

.wp-caption p.wp-caption-text {color:#666; font-size:100%; line-height:17px; padding:5px 4px 5px; margin:0;}



/* CLEARFIX */

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

.clearfix {display:inline-block;}

html[xmlns] .clearfix {display:block;}

* html .clearfix {height:1%;}

.clear {clear:both;}



/* START AVALONLINK STYLESHEET */


.tail {

	position: absolute;

	width: 100%;

	vertical-align: top;

	z-index: -1;

}



.tail_left {

	width: 49%;

	height: 830px;

	float: left;

	background-image: url(images/tail_left.png);

}

.tail_right {

	float: right;

	height: 830px;

	width: 51%;

	background-image: url(images/tail_right.png);

}

#headerFlash {

        position:absolute;

        top:100px;

        padding:0 0 0 100px;

        z-index: 1;

}

.slogan {

	width:713px;

	height:109px;

	background:no-repeat;

	clear:both;

        position:relative;

        top:-20px;

}

#slogan01 {

	background-image:url(images/slogans/slogan_01.png);

}

#slogan02 {

	background-image:url(images/slogans/slogan_02.png);

}

#slogan03 {

	background-image:url(images/slogans/slogan_03.png);

}

#slogan04 {

	background-image:url(images/slogans/slogan_04.png);

}

#slogan05 {

	background-image:url(images/slogans/slogan_05.png);

}

#slogan06 {

	background-image:url(images/slogans/slogan_06.png);

}

#slogan07 {

	background-image:url(images/slogan_07.png);

}

#slogan08 {

	background-image:url(images/slogan_08.png);

}

#slogan09 {

	background-image:url(images/slogans/slogan_09.png);

}

#slogan10 {

	background-image:url(images/slogans/slogan_10.png);

}

#slogan11 {

	background-image:url(images/slogans/slogan_11.png);

}

#slogan12 {

	background-image:url(images/slogans/slogan_12.png);

}

#slogan13 {

	background-image:url(images/slogans/slogan_13.png);

}

#slogan14 {

	background-image:url(images/slogans/slogan_14.png);

}

.column {

	width:184px;

	margin:-30px 10px 0 10px;

	float:left;

}

.column p {

	padding:0 5px 0 0;

}

.column li {

	padding:5px 5px 0 0;

}

.column img {

	margin:5px 0 5px 0;

}

#columnSolutions {

	width:470px;

	float:left;

	margin:0 18px 0 18px;

}

#columnSolutions h1 {

	margin:-20px 0 0 0;

}

#columnSolutions div {

	width:220px;

	padding:0 15px 15px 0;

	float:left;

}

#columnSolutions img {

	margin:0 0 5px 0;

}

#columnSolutions div img {

	margin:0 10px 10px 0;

	float:left;

}

#columnSolutions div h1 {

	margin:0;

}

#columnCommitment {

	width:284px;

	float:right;

	margin:0 18px 0 18px;

}

#columnCommitment img {

        margin:0 0 5px 0;

}

.columnAbout {

	margin:0 18px 0 18px;

        padding:10px 0 0 0;

	border-top:dotted 1px white;

}

.columnTop {

	margin:0 18px 0 18px;

}

.columnContact {

	float:left;

	width:380px;

	margin:-30px 18px 0 18px;

}

.columnContact img {

	margin:5px 0 10px 0;

}

.floatRight {

	float:right;

}

.floatLeft {

	float:left;

	clear:both;

}

.imageCaption {

	float:right;

	clear:both;

	margin:0 0 15px 15px;

}

.imageCaption p {

	text-align:center;

	font-style:italic;

	font-weight:bold;

	margin:5px 0 0 0;

}

.imageCaption img {

}

.icon {

	float:left;

	margin:0 8px 0 0;

}

#footer {


        margin:0 auto;

	border-top:solid 1px white;

	width:820px;

	height:50px;

	padding:15px 0 0 0;

	clear:both;

	position:relative;

	bottom:0px;

	z-index: 10;

}



/* begin top navigation */

#topNav ul {

        margin:0;

        padding:0;

}

#topNav {

        height:34px;

        padding:259px 0 0 56px;

        z-index:5;

}

#topNav a {


        color:#fff;

	text-decoration:none;

}

#topNav ul li {

	float:left;

	width:100px;

	height:34px;

	text-align:center;

	line-height:34px;

	margin:0 36px 0 36px;

	list-style-image:none;

        list-style-type:none;

}

#topNav ul li:hover {

	background-image:url(images/topNav-button.png);

	}

#topNav li ul {

	background-image: url(images/topNav-bg.png);

	display:none;

	z-index:3;

}

#topNav li:hover ul, li.over ul { 

	display: block;

	position:absolute;

	top:293px;

	width:140px;

	z-index:3;

}

#topNav ul li ul li {



	text-align: left;

	margin:0 0 0 15px;

	z-index:3;

}

#topNav ul li ul li a {

	display:hidden;

	color:#CCC;

        z-index:5;

}

#topNav ul li ul li a:hover {

	color:white;

}

#topNav ul li ul li:hover {

	background-image:none;

	color:white;

}

#topNav img {

	margin:0 5px 0 0;

	vertical-align:sub;

}