/* 

Theme Name: introprogramming 

Theme URI: http://introprogramming.info 

Description: Added English version on C# book version: 2.1  

*/ 



/*************************************************************	

Reset  																						

************************************************************/ 



html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td, article, aside, footer, header, hgroup, nav, section , map

{

    border: 0;

    font-size: 100%;

    font: inherit;

    background: transparent;

    margin: 0;

    padding: 0;
	

}



table

{

    border-collapse: collapse;

    border-spacing: 0;

}



ol, ul

{

    list-style: none;

}



img

{

    border: none;

}



a

{

    color: #666;

    text-decoration: none;

}



    a:hover

    {

        text-decoration: none;

    }

	

/*************************************************************	

Globals  																						

************************************************************/



body

{

    background: #F9F9F7 url(images/a1.gif) repeat-x top left;

    font: normal normal 62.5% "trebuchet ms", helvetica, sans-serif;

    line-height: 1.3;

    color: #666;

}



#wrapper-site

{

    position: relative;

    margin: 0 auto 10px auto;

    width: 988px;

    background: #fff;

    border: 1px solid #DCDCD0;

    -moz-box-shadow: 0px 1px 1.4em #DEDEDE;

    -webkit-box-shadow: 0px 1px 1.4em #DEDEDE;

    box-shadow: 0px 1px 1.4em #DEDEDE;

}



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;

}



input, select {
      background: #EEEDEA;
      color: #656551;
      border: 1px solid #b2b299;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      outline: none;
}



input[type=text], input[type=password], select {
    margin:0 5px 10px 0;
    padding: 7px;
}


textarea{
    width:100%;
    margin: 10px 0 10px 0;
    padding: 10px;
    background: #EEEDEA;
    color: #656551;
    border: 1px solid #b2b299;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    outline: none;
}

input[type=text]:focus, textarea:focus {
    box-shadow: 0 0 5px rgb(255, 120, 0);
    border: 1px solid rgb(255, 120, 0);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

input[type=submit], #cancel-comment-reply {
    width: auto;
    padding: 2px 10px;
    background: #EEEDEA;
    color : #000000;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #b2b299;
    font-family: 'Arial';
    font-size: 13px;
    line-height: 16px;
}

#cancel-comment-reply {
	float: right;
	padding: 0px;
}

#cancel-comment-reply a {
	color: black;
	border: 0px solid !important;
}

input[type=submit]:hover{
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  box-shadow: 0 0 5px rgb(255, 120, 0);
  border: 1px solid rgb(255, 120, 0);
  cursor: pointer;
}

/*************************************************************	

Custom  																						

************************************************************/



.clear:after

{

    content: "";

    display: block;

    height: 0;

    clear: both;

}



/*************************************************************	

Front page styles  																				

************************************************************/



.front-page-header

{

    height: 53px;

    background: #405F60 url(images/header_background.gif) repeat-x;

}



    .front-page-header h1

    {

        padding-top: 14px;

        text-align: center;

        color: #fff;

        font-size: 2.0em;

        font-weight: bold;

    }



    .front-page-header a

    {

        color: #fff;

    }



.front-page-intro

{

    position: relative;

    height: 470px;

    background: #F9F9F7 url(images/intro-book-background.png) no-repeat top left;


    border-bottom: 1px solid #294E4F;

    overflow: hidden;
    text-align:center; 
}

    .front-page-intro img

    {

        margin: 25px 0 0 0;
      

        /*float: left;

        cursor: hand;*/

        cursor: pointer;

    }












.front-page-content

{
    
    text-align:center;
    /*margin: 0 0 0 20px;*/
    margin: 0 0 0 0;

}



.intro-text

{
    display:inline-block;
    width: 580px;

    margin: 20px 0 0 0;

    padding: 0 15px;

    /*float: left;*/

    text-align: justify;

}



    .intro-text.middle

    {

        border-left: 1px dotted #8C8C73;

        border-right: 1px dotted #8C8C73;

    }



    .intro-text p

    {

        padding: 10px 0;

        font-size: 1.5em;

        color: #8C8C73;

    }



    .intro-text h2

    {

        font-size: 1.85em;

        font-weight: bold;

        text-align: center;

        color: #FF7800;

    }



    .intro-text h2 a

    {

        color: #FF7800;

    }

	

/*************************************************************	

header        																						

************************************************************/



.main-header

{



}



/*--------------------------------------*/

/* header menu								*/



#header-menu {

	padding-top: 1px;

	background: #043132;

}



.header-books {

	position: absolute;

	top: 20px;

	left: 15px;

	width: 76px;

	height: 55px;

	background: url(images/books_header.png) no-repeat;

	display: block;

}



#header-menu li {

	position: relative;

	width: 247px;

	float: left;

	background: #043132 url(images/btn_header.png) no-repeat;

	background-position: 0 -5px;

}



#header-menu li.selected {

	background: #043132 url(images/btn_header_hover.png) no-repeat;

	background-position: 0 -5px;

}


#header-menu li:hover {

	background: #043132 url(images/btn_header_hover.png) no-repeat;

	background-position: 0 -5px;

}



#header-menu li .flag-header {

	position: absolute;

	top: 8px;

	left: 10px;

	width: 24px;

	height: 14px;

	background: url(images/flag_en_header.png) no-repeat;

	display: block;

}



#header-menu li .flag-header.bg-flag {

	background: url(images/flag_bg_header.png) no-repeat;

}



#header-menu li a {

	height: 85px;

	font-size: 1.3em;

	font-weight: bold;

	color: #fff;

	display: block;

	text-align: center;

}



#header-menu li a span {

	padding: 24px 20px;

	display: block;

}



#header-menu li a span.first {

	padding: 34px 0 0 48px;

}




/*************************************************************	

menu  																				

************************************************************/




    .menu-drop-down ul li, .menu-drop-down ul li

    {

        display: block;

        padding: 0 3px;

    }






     .menu-drop-down ul li a:hover

        {

            background: #FFFFFF url(images/a18.gif) repeat-x scroll center top;

            color: #4A4A24;

            text-decoration: none;

		}







/*--------------------------------------*/

/* Second navigation  drop down 		*/



.menu-drop-down li

{

     float: left;

	line-height: 52px;

}



.menu-drop-down a

{

     color: #fff;

}



.menu-drop-down .sub-menu a

{

     color: #4A4A24;

}



.menu-drop-down li {

	position: relative;

}



.menu-drop-down li .sub-menu {

	position: absolute;

	top: 50px;

	left: 0;

	width: 250px;

	margin: 0;

	padding: 3px 0 0 0;

	display: none;

	-moz-box-shadow: 7px 6px 10px #999;

	-webkit-box-shadow: 7px 6px 10px #999;

	box-shadow: 7px 6px 10px #999;

}



.menu-drop-down li .sub-menu li {

	position: relative;	

	margin: 0;

	padding: 0;

	background: none;

	float: none;

	line-height: 0px;

}



.menu-drop-down li .sub-menu li a, .menu-drop-down li .sub-menu li a:link, .menu-drop-down li .sub-menu li a:visited  {

	margin: 0;

	width: 235px;

	float: none;

	display: block;

	border-right: 1px solid #B6C2C2;

	border-left: 1px solid #B6C2C2;

	border-bottom: 1px solid #B6C2C2;

	line-height: 20px;

	padding: 5px 10px;

	background: url(images/drop-down-pattern-hover.png) repeat-y;

}




.menu-drop-down li .sub-menu li a:hover {

	color: #fff;

	background: url(images/drop-down-pattern.png) repeat-y;

}



.menu-drop-down li .sub-menu li .sub-menu {

	margin-top: 0;

	position: absolute;

	top: 5px;

	left: 252px;

}



/*************************************************************	

Content        																						

************************************************************/



#wrapper-content

{

    width: 986px;

}



/*************************************************************	

Buttons download  																				*/



#book_download {

	margin: 15px 0 30px 100px;

}      	




#book_download .fancy-button {

	color: #fff;

}



.fancy-button {

    width: 136px;

	margin: 10px 20px 0 20px;

	padding: 10px 25px 10px 60px;

	border-radius: 10px;

	/*moz-border-radius: 10px;

	webkit-border-radius: 10px;*/

	background: #25494A url(images/fancy-button-tile.png) 0 0 repeat-x;

	font: 1.0em "Trebuchet MS", Helvetica, Arial, sans-serif;

	text-decoration: none;

	float: left;

	vertical-align: middle;

	text-align: left;

	_zoom: 1;

}



#book_download .fancy-button:hover { 

	box-shadow: 0 0 15px rgb(255, 120, 0);

}



.fancy-button  span {

	margin-top: 7px;

	display: block;

}



.fancy-button .icon {

	border-radius: 10px;

	margin-top: 2px;

	margin-left: -48px;

	border: 0;

	float: left;

}



#content

{

	width: 720px;

    margin: 0 20px;

    padding: 10px;

    font-size: 1.3em;

    color: #8C8C73;

    line-height: 1.4;

    float: left;

}

#content_mind_maps

{

    padding: 10px;

    font-size: 1.3em;

    color: #8C8C73;

    line-height: 1.4;

}

#content_mind_maps ul {

        list-style-type: disc;

    }

    

    #content_mind_maps ul li {

        line-height: 24px;

        margin-left: 40px;

    }



    #content_mind_maps a

    {

        color: #FF7800;

    }



    #content_mind_maps img

    {

    }



    #content_mind_maps h1

    {

        padding: 0 0 10px 0;

        margin: 0 0 20px 0;

        font-size: 1.8em;

        line-height: 25px;

        color: #656551;

        border-bottom: 1px dotted #8C8C73;

    }

    #content_mind_maps h2, #content_mind_maps h3

    {

        margin: 15px 0 15px 0;

        padding: 10px 0 10px 0;

        font-size: 1.4em;

        font-weight: bold;

        line-height: 25px;

        color: #656551;

        border-bottom: 1px dotted #8C8C73;

    }


    #content ul {

        list-style-type: disc;

    }

    

    #content ul li {

        line-height: 24px;

        margin-left: 40px;

    }



    #content a

    {

        color: #FF7800;

    }



    #content img

    {

    }



    #content h1

    {

        padding: 0 0 10px 0;

        margin: 0 0 20px 0;

        font-size: 1.8em;

        line-height: 25px;

        color: #656551;

        border-bottom: 1px dotted #8C8C73;

    }



    #content h2, #content h3

    {

        margin: 15px 0 15px 0;

        padding: 10px 0 10px 0;

        font-size: 1.4em;

        font-weight: bold;

        line-height: 25px;

        color: #656551;

        border-bottom: 1px dotted #8C8C73;

    }

	

    #book_chapter, #book_chapter h2, #book_chapter h3, #book_chapter h4, #book_chapter h5 {

        color: black;

        padding-left: 0;

    }



.content p, .entry-content {

	text-align: justify;

}



/*************************************************************	

custom in content        																			*/



.download-container {

	float:left;

	width:200px;

	height:186px;

	margin:10px;

	margin-top:0;

	margin-bottom:0;

	text-align:center;

}



.breadcrumb {

	margin: 25px 15px -25px 0;

	padding: 8px 0;

}



/*************************************************************	

sidebar        																						

************************************************************/



#sidebar

{

    width: 180px;

    float: left;

}



.sidebar-title h3

{

    margin: 0 0 10px 0;

    padding: 10px 0;

    font-size: 1.5em;

    color: #656551;

    border-bottom: 1px dotted #8C8C73;

}



.sidebar-content

{
    font-size: 1.2em;
}

    .sidebar-content a
    {
        color: #FF7800;
    }

    .sidebar-content .textwidget a
    {
        display: block;
        margin-top: 6px;
        padding: 0;
        line-height: 14px;
    }

.sidebar-content img:hover

    {

   -webkit-transform:rotate(3deg);
   -moz-transform:rotate(3deg);
   -o-transform:rotate(3deg);
   transform:rotate(3deg);

    }


/************************************************************

*	Calendar widget style																		*/



#wp-calendar {

	width: 100%;

	background: #B3B2AB;

	border: 1px solid #EEEDEA;

}



#wp-calendar td, #wp-calendar th {

	padding: 5px;

	text-align:center;

	border: 1px solid #F1F0ED;

	background-color: #EEEDEA;

}



#wp-calendar td a {



}



#wp-calendar td:nth-child(2n+2) {

	background-color: #fff;

}



#wp-calendar tfoot td{

	background-color: #fff!important;

}

/*************************************************************	

Footer        																						

************************************************************/



#footer

{

    margin: 15px 0 0 0;

    background: #F6F6F2;

    border-top: 1px solid #0A0B0C;

    background: url(images/footer-pattern.png) repeat-y;

}



 
.footer-groups

{

    /*width: 222px;*/

    margin: 10px 20px 10px 20px;

    /*float: left;*/

}



.footer-nav

{

    margin: 10px 0;

}



    .footer-nav li

    {

        margin: 6px 0;

    }



#footer a

{

    color: #DAE6E6;

}



    #footer a:hover

    {

        color: #FF912D;

    }



.footer-nav .title

{

    font-size: 1.2em;

    font-weight: bold;

}

.footer-nav nav li {
    margin-left:160px;
    display:inline-block;
}

.footer-nav nav li:first-of-type {
    margin:0px;
}





.footer-nav .description

{

    display: block;

    font-size: 1.1em;

}



.footer-groups h3

{

    padding-bottom: 5px;

    font-size: 1.3em;

    font-weight: bold;

    color: #fff;

    border-bottom: 1px dotted #FF912D;

}



.footer-end

{

    padding: 10px;

    font-size: 1.2em;

    text-align: center;

    background-color: #0A0B0C;

    color: #fff;

}



/* Authors page style from default.css */



.author {

    text-align:left;

    padding-top:5px;

    padding-bottom:5px;

    border:1px dotted #777777;

    border-spacing:10px;

}



.author-image {

    border:0 none;

    margin:5px;

}



#authors:after {

    clear:both;

    content:"";
	
    display:block;

}



#authors {

    display:block;

}



#authors .box {

    float:left;

    width:330px;

    border:1px solid #ccc;

    background:#fff;

    padding:1px;

    margin:0 22px 22px 0;

}



#authors .box:hover {

    -moz-box-shadow:0 0 5px rgb(255, 120, 0);

    -webkit-box-shadow:0 0 5px rgb(255, 120, 0);

    box-shadow:0 0 5px rgb(255, 120, 0);

}

#authors .box.right {

    float:right;

    margin:0 0 22px;

}



#authors .box .inner {

    padding:10px 0 10px 10px;

    background:#f0f0f0;

    overflow:hidden;

}



#authors .box .inner img {

    float:left;

    border:1px solid #ccc;

    background:#fff;

    padding:1px;

    margin:0 10px 0 0;

}



#authors .box .inner div {

    float:left;

    width:206px;

    height:133px;

    position:relative;

}

#authors .box .inner h3 {

    margin:0 0 4px;

    padding:0;

    font:400 16px/18px Arial;

    color:#3d5f5e;

    border:none;

    background:none;

}



#authors .box .inner p {

    margin:0;

    padding:0;

    font:400 11px/14px Arial;

    text-align:left;

}



#authors .box .inner ul {

    list-style:none;

    margin:0;

    padding:0;

    font:400 11px Arial;

    position:absolute;

    bottom:0;

    height:32px;

    left:-40px;

}



#authors .box .inner li {

    height:16px;

    line-height:16px;

    background:url(images/icons.gif) no-repeat 0 0;

    padding:0 0 0 20px;

}

#authors .box .inner li.mail {
    background-position: 0px -16px;
}

#content > article {
    margin-top: 25px;
}

#content > article > h2 {
    padding-top: 0;
}

#content > article:first-child {
    margin-top: 0;
}

#nav-below {
    margin-top: 15px;
}

.comment {
    margin-top: 20px;
    background: #f8f4f1;
    border: 1px solid #f5eee8;
    padding: 10px 10px 15px 10px;
    border-radius: 4px;
}

.comment-author > img {
    float: left;
    margin-right: 10px;
    margin-top: 2px;
}

.comment-author .says {
    display: none;
}

.comment-body {
    margin-left: 1px;
}

.comment-body > p {
    margin-top: 7px;
    margin-bottom: 12px;
    word-wrap: break-word;
    line-height: 18px;
}

ul.children {
    list-style-type: none !important;
}

ul.children li {
    line-height: 18px !important;
}

.reply a, #cancel-comment-reply a {
    background: none repeat scroll 0 0 #EEEDEA;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #b2b299;
    color: #000000 !important;
    padding: 2px 10px;
    width: auto;
}

.reply a:hover, #cancel-comment-reply a:hover {
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    box-shadow: 0 0 5px rgb(255, 120, 0);
    border: 1px solid rgb(255, 120, 0);
    /*cursor: hand;*/
    cursor: pointer;
}

#respond {
    font-family: 'Arial';
    font-size: 13px;
    line-height: 16px;
}

#respond textarea {
    width: 698px;
}

#cancel-comment-reply {
    float: right;
}

#cancel-comment-reply a {
    display: inline-block;
    height: 18px;
}

#respond input[type='submit'] {
    display: inline-block;
    height: 24px;
}

.book-info {
    color: #8C8C73;
    text-align:center;
    font-size: 1.1em;
}

.a2a_dd.addtoany_share_save {
    line-height: 0px;
    padding-top: 5px;
}