/*
Theme Name: Vista Consulting Theme
Theme URI: http://www.vista-consulting.com
Version: 1.0
Description: 2 Column theme
Author: Vista Consulting
Author URI: http://www.vista-consulting.com
*/

/* Links */
a {color: #283890; text-decoration: none; font-weight: bold; }
a:hover {color: #9e0b0f; text-decoration: none; font-weight: bold;}
a img {border: none;}

/* highlight styling */
blockquote { border-left:2px solid #9e0b0f; background-color: #edeff5; margin: 10px 30px 10px 30px; padding: 20px 25px 10px 15px; font-weight: bold; color: #192030; }

#quote1 {border-left:2px solid #9e0b0f; background-color:#edeff5; margin:20px 0 20px 0; padding:8px 20px 8px 20px;}

#quote2 {border-left:2px solid #283890; background-color:#edeff5; margin:20px 0 20px 0; padding:8px 20px 8px 20px;}

#quote3 { background-color: #edeff5; width: 200px; float: right; margin: 10px; padding: 10px; border: 1px solid #4d6bad;}

.gbbold { font-weight: bold; color: #4d6bad; }
.dkred { font-weight: bold; color: #9e0b0f; }
.left { float: left; padding-right: 10px; }
.right { float: right; padding-left: 10px; }

/* Home page styling */
#content-home { width: 510px; float: left; padding: 0 0 10px 30px; color: #192030; margin: 0; }

#sidebar-home { float: right; padding: 20px 30px 10px 10px; width: 300px; }

/* Structure */

body { margin: 0; padding: 0; color:#363636; background:#777777 url(images/bg.gif) repeat; font: normal 12px/20px arial, sans-serif; }
#outside { width: 900px; margin:0 auto; }

#header { width: 900px; padding-bottom: 0px; background: #ffffff url(images/header-bg.gif) no-repeat; padding-left: 0px; height: 95px; margin-top: 13px; }

#header h1 { float: left; padding-left: 20px; font: bold 18px arial, san-serif; margin: 20px 0 0 10px; }

#search { float: right; padding-right: 20px; text-align: left; font: bold 10px arial, san-serif; margin-top: 20px; }
 
/* Navigation */

#topnav { margin: 0 auto; width: 900px; }
#topnav ul { border: 0px; width: 100%; padding: 0; margin: 10px 0px 5px 0; _margin: 0 0 5px 0; list-style: none; float: right; }
#topnav ul li { display: inline; float: right; margin-right: 30px; text-align: left; font-weight: bold; font-size: 11px;}
#topnav ul li a { color: #283890; padding: 0px 5px 6px 25px; text-decoration: none; list-style: none; }
#topnav ul li a:hover { text-decoration: none; color: #9e0b0f; }

#topimage {float: left; width: 100%; background: #fdfdfd url(images/header.jpg) no-repeat; height: 197px; border=none; padding: 0; }

#navigation { position: relative; margin: 0 auto; clear: both; width: 100%; background-color: #283890; height: 40px; }
#navigation ul { list-style: none; float: left; padding: 0; margin: 12px 0 0 30px; _margin: 12px 0 0 16px; }
#navigation li { float: left; display: inline; padding-right: 50px; font: bold 12px arial, san-serif; }
#navigation li a:link, #navigation li a:visited { color: #fdfdfd; text-decoration: none; }
#navigation li a:hover, #navigation li a:active { color: #9e0b0f; text-decoration: none; }

/* Content wrapper */

#wrapper { clear: both; float: left; width: 100%; background: #fdfdfd; }

/* Content */

#content { width: 570px; float: left; padding: 0 0 10px 30px; color: #192030; margin: 0; line-height: 20px; }

#content h1, #content-home h1 {font: bold 1.8em arial,sans-serif; color: #283890; margin: 20px 0 10px; }
#content h2, #content-home h2 {font: bold 1.4em arial,sans-serif; margin: 10px 0 10px; color: #4d6bad; }
#content h3, #content-home h3  {font: bold 1.4em arial,sans-serif; margin:10px 0 10px; color: #9e0b0f;}
#content h4, #content-home h4  {font: bold 1.2em arial,sans-serif; margin: 10px 0 10px; color: #9e0b0f; }

#content ul, #content-home ul {list-style: none; margin: 0; padding: 0;}

#content li, #content-home li {background-image: url(images/li.gif); background-repeat: no-repeat; background-position: 0 5px; padding: 0px 0px 5px 15px;}

#content p, #content-home p { margin: 0; padding: 5px 0 5px 0; }
#content .descr { color: #192030; font-weight: bold; font-size: .9em; margin-bottom: 6px; }

#content a:hover { border-bottom: 1px dotted #9e0b0f; color: #9e0b0f; text-decoration: none; font-weight: bold;}
#content img a:hover { border: none; text-decoration: none; }
#content .post-footer { background-color: #edeff5; border-left:2px solid #9e0b0f; color: #192030; font: bold .9em/2em arial, san-serif; margin:10px 0 20px 0px; padding: 5px 5px 5px 10px; }

/* Sidebar */
#sidebar { float: right; padding: 20px 30px 10px 10px; width: 230px; }

#sideblock { padding: 10px; margin-bottom: 20px; background-color: #edeff5; border: 1px solid #d3dcf5; }

#sideblock h2 { margin: 0; padding: 0; font-size: 14px; color: #4d6bad; font-weight: bold; }
#sideblock p { font-size: 11px; line-height: 18px; }
#sideblock ul { list-style: none; margin: 0 0 10px 1px; padding: 0; }
#sideblock li { background-image: url(images/bullet.gif); background-repeat: no-repeat; background-position: 0 8px; padding: 0px 0px 0px 15px; margin-left: 0; font-size: 11px; line-height: 18px; }

/* Footer */

#footer {	clear: both; float: left; width: 900px; text-align: center; padding-left: 20px; font-size: 11px; line-height: 18px; padding-top: 8px; background: url(images/footer.gif) no-repeat; padding-left: 0px; height: 65px; }

#footer a { color: #283890; font-size: 11px; font-weight: bold; text-decoration: none; }
#footer a:hover { font-weight: bold; text-decoration:none; color: #9e0b0f; }


/* Comments Styling */

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

.comment{ color:#363636; margin:0 0 10px 0; padding:8px 0 8px 0;}

.comment .bluebox {background-color:#edeff5; }

.comment .commenticon {line-height:1.6em;font-size:.9em;padding-bottom:20px;}

.comment p {line-height:1.3em; margin:0 0 10px 5px; padding-bottom:5px;}

#commentsection{margin:25px 0 0;}
#commentsection p{margin:0 0 6px;}

#commentform {
margin: 1em 0;
background: #FFFFFF;
width: 450px;
}

#commentform textarea {
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 450px;
}
#commentform textarea:hover {
background: #ffffff;
border: 1px solid #d6d3d3;
}
#commentform textarea:focus {
background: #ffffff;
border: 1px solid #939793;
}

#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 450px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #d6d3d3;
width: 450px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 450px;
}
#commentform input{
margin-bottom: 3px;
}

/*  Must Required CSS CLASS for Wordpress 2.5 onwords check out http://codex.wordpress.org/CSS */

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

.wp-caption {
   border: 1px solid #d3dcf5;
   text-align: center;
   background-color: #edeff5;
   padding-top: 4px; font-weight: bold; color: #9e0b0f;
   margin: 10px; font-size: 10px; line-height: 16px;
 /*   optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

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

.gallery, .wp-caption p.wp-caption-text { padding: 0; margin: 0; text-align: center; font-weight: bold; color: #9e0b0f;}

.gallery a { text-decoration: none; }
.gallery img a:hover { border: none; text-decoration: none; }