/*

Theme Name: IT AdvanceBlue

Theme URI: http://www.makequick.com

Version: 1.0

Description: 2 Column theme

Author: Make Quick

Author URI: http://www.makequick.com

*/



/**

 * bugfix by Minor

 * In WP 2.6 these classes are used to manage images alignment by TinyMCE

 */

/* Begin Images */

p img {

    padding: 0;

    max-width: 100%;

}



/*    Using 'class="alignright"' on an image will (who would've

    thought?!) align the image to the right. And using 'class="centered',

    will of course center the image. This is much better than using

    align="center", being much more futureproof (and valid) */



img.centered {

    display: block;

    margin-left: auto;

    margin-right: auto;

}



img.alignright {

    padding: 4px;

    margin: 0 0 2px 7px;

    display: inline;

}



img.alignleft {

    padding: 4px;

    margin: 0 7px 2px 0;

    display: inline;

}



.alignright {

    float: right;

}



.alignleft {

    float: left

}

/* End Images */



/* Links */



a:link { text-decoration: none; color: #313959; }



a:visited { text-decoration: none; color: #313959; }



a:hover, a:active { color: #444; }



/* Headings */



h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 20px 0 10px; }



h1 { font-size: 32px; margin-bottom: 0px; margin-top: 10px;}



h2 { font-size: 28px; }



h3 { font-size: 24px; }



h4, h5, h6 { font-size: 20px; }



/* Other Html Elements */

.titles { font-weight: normal; border-bottom-width: 0; font-size: 24px; text-decoration: none;}

.titles a:link, .titles a:visited, .titles a:active {

text-decoration: none;

font-size: 24px;

font-weight: normal;

border-bottom-width: 0;

}







pre, blockquote 

{

    overflow: auto;

    padding: 0 10px;

    margin: 20px 30px;

    line-height: 1.8em;

    background-color: #465757;

    border: 1px solid #314343;

}



pre:hover, blockquote:hover

{

    background-color: #f0f0f0;

    border: 1px solid #d0d0d0;

}



pre { padding-top: 10px; padding-bottom: 10px; }



code { color: #779900; font-family: Consolas, Verdana, "Courier New", Sans-Serif; }



ul, ol { line-height: 2.0em; }



ul { list-style-image: url(images/bullet.gif); }



abbr, acronym { font-style: normal; border-bottom: 1px dotted #333333; cursor: help; }



del { text-decoration: line-through; color: #999999; }



ins { text-decoration: none; color: #009977; }



/* Structure */



body

{

    margin: 0;

    padding: 0;

    color: #222222;

    background-repeat: repeat-x;

    background-color: #8FACDD;

    font: normal 76% "Trebuchet MS", "Lucida Grande", Verdana, Georgia, Sans-Serif;

}



#wrapper2 {

width: 768px;

margin-left: auto;

margin-right: auto;

}

#header

{

    float: left;

    width: 100%;

    padding-bottom: 8px;

    background: #fff url('images/header-bg.gif');

    clear: right;

    height: 59px;

    margin-top: 15px;

}



#navigation

{

    clear: both;

    float: left;

    width: 100%;

    background-image: url(images/header.gif);

    height: 212px;

}



#wrapper

{

    clear: both;

    float: left;

    width: 100%;

    color: #000;

    background: #fff;

}



#content-wrapper

{

    width: 65%;

    float: left;

}



#content

{

    float: left;

    padding: 0 0px 10px 30px;

}



#sidebar-wrapper

{

    width: 35%;

    float: right;

}



#sidebar

{

    float: right;

    padding: 0px 15px 0px 10px;

    width: 213px;

    background-image: url(images/sidebar-bg.gif);;

    margin-right: 15px;

    margin-top: 7px;

}



#footer

{

    clear: both;

    float: left;

    width: 748px;

    text-align: left;

    padding-left: 20px;

    background: #fff;

    background-image: url(images/footer-bg.gif);

    margin-bottom: 15px;

    color: #000;

    height: 36px;

    padding-top: 10px;

}



#footer a:link, #footer a:hover, #footer a:active, #footer a:visited {

color: #fff;

}



#extras

{

    float: left;

    width: 780px;

    color: #444444;

    text-align: left;

    padding: 0 10px 10px;

    margin: 10px 12px 20px;

    background-color: #f5f5f5;

    border-top: 1px solid #e0e0e0;

    border-bottom: 1px solid #e0e0e0;

}



/* Header */



#header h1 { padding-left: 20px; }



#header h1 a:link, #header a:active {

color: #fff;

font-size: 20px;

text-transform: lowercase;

}



#header h1 a:hover {

color: #8EBABA;

font-size: 20px;

text-transform: lowercase;

}



#header h1 a:active {

color: #eee;

font-size: 20px;

text-transform: lowercase;

}



#header h1 a:visited {

color: #8EBABA;

font-size: 20px;

text-transform: lowercase;

}



/* Navigation */



#navigation ul { list-style-type: none; list-style-image: none; float: left; margin-top: 0px; margin-left: 0px; padding-left: 0px;}



#navigation li { float: left; }



#navigation li a:link,

#navigation li a:visited

{

    float: left;

    color: #fff;

    display: block;

    padding: 0px 10px;

    margin-right: 1px;

    height: 23px;

    font-size: 13px;

    margin-top: 0px;

    background-color: #304242;

    background-image: url(images/nav-bg.gif);

    border-left: 1px solid #1E2D2D;

    border-right: 1px solid #1E2D2D;

    

}



#navigation li a:hover,

#navigation li a:active

{

    color: #A5BABA;

    background-repeat: repeat-x;

    font-size: 13px;

    margin-top: 0px;

    background-color: #1B292A;

    background-image: url(images/nav-bg2.gif);

    border-left: 1px solid #1E2D2D;

    border-right: 1px solid #1E2D2D;

}



#navigation li.active a

{

    color: #000;

    background-color: #fff;

}



/* Wrapper */



#wrapper a:link { font-weight: bold; }



#wrapper a:visited { font-weight: bold; }



#wrapper a:hover, #wrapper a:active { }



/* Content */



#content .post-title a { border-bottom-width: 0; }



#content .post p.img { float: left; margin: 0 15px 0 0; }



#content .post p.img img { padding: 8px; border: 1px solid #d0d0d0; background-color: #eeeeee; }



#content .post-footer 

{ 

    font-size: 90%; 

    color: #677F7F;

    margin-bottom: 5px; 

    padding:5px 5px 5px 15px;

    background-color: #8FACDD;

    border: 1px solid #313959;

}



.post {

padding-left: 10px;

padding-right: 10px;

}

.post-wrapper {

background-repeat: no-repeat;

width: 476px;

padding: 10px;

margin-left: -15px;

margin-right: 10px;

}



.post-wrapper2 {

width: 476px;

padding: 10px;

margin-left: -15px;

margin-right: 10px;

}

/* Sidebar */



.sideblock

{

    padding: 5px 10px;

    margin-bottom: 20px;

}



.sideblock ul { }



.sideblock h3 { margin-top: 5px; margin-left: -13px; font-size: 14px; display: block; background-image: url('images/h2-bg.gif'); background-repeat: no-repeat;  width: 210px; padding-left: 10px; line-height: 30px; margin-bottom: 0px; margin-right: 0px; color: #000;  }



#sidebar dt { margin: 0; padding-top: 5px; font-weight: bold; color: #666666; }



#sidebar dd { margin: 0 0 5px; padding-bottom: 5px; line-height: 1.8em; }



#sidebar dd a:link { border-bottom-width: 0; font-weight: normal;  border-bottom: none; text-decoration: none;}



#sidebar dd a:visited { border-bottom-width: 0; font-weight: normal; border-bottom: none; text-decoration: none; }



#sidebar dd a:hover, #sidebar dd a:active { border-bottom: none; text-decoration: none;}



/* Extras */



#extras h6 { font-size: 14px; text-transform: uppercase; color: #000; }



#friends

{

    float: left;

    width: 150px;

    margin-left: 20px;

    margin-right: 10px;

}



#links

{

    float: left;

    width: 275px;

    margin-right: 50px;

}



#about

{

    float: left;

    width: 250px;

    margin-right: 20px;

}



#friends ul { padding-left: 20px; }



#links dl, #links dt, #links dd { margin: 0; padding: 0; }



#links dt { font-weight: bold; padding-top: 5px; }



#links dd { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #999999; }



    /* Comments Styling */

#commentlist li {

margin-bottom: 1.5em;

padding-bottom: 1em;

border-bottom: 1px solid #700000;

}



#commentform {

margin: 1em 0;

background: #fff;

width: 280px;

}



#commentform textarea {

background: #fff;

border: 1px solid #2D3F3F;

width: 280px;

}

#commentform textarea:hover {

background: #324444;

border: 1px solid #2D3F3F;

}

#commentform textarea:focus {

background: #fff;

border: 1px solid #2D3F3F;

}



#commentform #email, #commentform #author, #commentform #url {

font-size: 1.1em;

background: #fff;

border: 1px solid #2D3F3F;

width: 280px;

}

#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {

font-size: 1.1em;

background: #fff;

border: 1px solid #2D3F3F;

width: 280px;

}

#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {

font-size: 1.1em;

background: #fff;

border: 1px solid #2D3F3F;

width: 280px;

}

#commentform input{

margin-bottom: 3px;

}



.date {

    height: 54px;

    margin-bottom: 5px;

    width: 54px;

    text-align: center;

    float: left;

    margin-top: 10px;

    margin-left: 10px;



}

.date .month {

    display: block;

    color: #D9DBDB;

    padding: 2px 0px;

    text-align: center;

    text-transform: uppercase;

    font-size: 10px;

    font-weight: bold;

}

.date .day {

    display: block;

    color: #FFBD0C;

    font: 2.3em Georgia;

    padding-top: 0px;

    text-align: center;

    margin-top: -5px;

}



#left {

    width: 60px;

    float: left;

}



.slogan {

font-size: 13px;

color: #141F1F;

text-transform: lowercase;

margin-left: 20px;

margin-bottom: 2px;

float: left;

}

.icons {

float: right;

margin-right: 30px;

margin-top: -20px;

}



#footer ul li{

display:inline;

float:left;

padding-left:10px;

padding-right:10px;

color:#fff;

border-left:1px solid #fff;

}



#footer ul li a{

color:#fff;

}