/*
Theme Name: Crohoster tema
Theme URI: http://www.crohoster.info/
Description: LAG tema v1.0, FF, IE6, IE7
Version: 1.1
Author: Marko
Author URI: http://www.crohoster.info/

*/

body{
        background-color: #cccccc;
        color: #414040;
        margin: 0px;
        padding: 0px;
        
        font-family: Trebuchet MS, Arial, Tahoma, sans-serif;
}

#first{
       background-color: #fff;
       color: #000;
       width: 740px;

       margin: auto;
       margin-bottom: 0px;
       padding: 0px;
       padding-left: 15px;
       padding-right: 15px;
       border-bottom: 1px #FFF solid

}

#head {
       width: 740px;
       height: 60px;
       background: url('../../../pics/head_logo.png') no-repeat;

}
#head a{
        font-family: Verdana, Tahoma, Arial, sans-serif;
        font-size: 12px;
        text-decoration: none;

}

#head a:hover{

        text-decoration: underline
}

#head ul{
      margin: 0px;
      padding-top: 17px;
      padding-right: 0px;
      text-align: right;


}

#head li{
      display: inline;
      padding: 6px;

}


#top21{
      position: absolute;
      margin: 0px;
      padding: 0px;
      width: 176px;
      height: 200px;
      background: url('../../../pics/head_head1.jpg') no-repeat;
}

#top21 ul{

      padding: 0px;
      margin: 0px;
      margin-bottom: 10px;
      list-style: none;
}

#top21 li {
       margin-left: 25px;

       list-style-image: url(../../../pics/bullet1.gif)
}

li.page_item, li.language_item, li.language_item current_language_item{
       padding: 0px;
}

#gaming ul{

          padding: 0px;
          margin: 0px
}
#gaming li {
          padding: 0px;
          margin: 0px;
          list-style: none
}

#gaming table {
        margin-left: 3px;

}

.ordergaming {
        text-align: center;
}



#top21 a{
        font-family: Verdana, Tahoma, Arial, sans-serif;
        padding-bottom: 5px;
        color: #fff;
        text-transform: lowercase;
        font-size: 12px;
        text-decoration: none

}

#top21 a:hover{

        margin-left: 2px;
        text-decoration: underline


}

#top22{
       position: absolute;
       margin-left: 176px;
       width: 564px;
       height: 200px;
       background: url('../../../pics/head_head2.jpg') no-repeat;
}

#hp{
     position: relative;
     margin-top: 210px;


}



/* quick compare tablice */
#hp table{
  width: 740px;
  border: none


}

#hp td{
        margin-left: 5px;

        background-color: #D7E1EC;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
        margin-bottom: 0px;
        line-height: 160%;
        padding-left: 5px;
        border-bottom: 5px solid #ccc;
}

#hp strong{
        font-size: 12px;


}

#hosting_plans_page table{
  width: 450px;
  border: none;

}

#hosting_plans_page td{


        background-color: #D7E1EC;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #000000;
        margin-bottom: 0px;
        line-height: 180%;
        padding: 2px;
        border-bottom: 5px solid #ccc;
}
#hosting_plans_page strong{
        font-size: 12px;
        padding: 4px;

}


#news{

  	float: left;
	width: 480px;
}

#news ul {


}

#news  li {
       color: #414040;
	font-size: 12px;
	margin: 5px
}

#sidebar{

     	margin: 0;
	float: right;
	width: 250px;
	height: 1% /* Holly hack for Peekaboo Bug */

}

#sidebar p{
         font-size: 12px;
         color: #434343
}


#footer {

	padding: 0 0 0 1px;

	width: 740px;
	clear: both;

	}

/* quick compare tablice */
#footer table{
  width: 740px;
  border: none;

}

#footer td{
        background-color: #D7E1EC;
}


#footer p{
        font-size: 13px;
}



#footer p.footer-small{
	text-align: center;
        font-size: 12px;
        color: #434343
}

/* WordPress related */

.post a {text-decoration: underline}

#news div.post{
        margin: 10px
}

#news h2.post_subject{
        margin: 0px;
        margin-top: 5px
}

#news a.post_subject{
        margin: 0px;

	color: #224668;
	text-decoration: none;
	font-size: 21px;
	font-weight: normal;

}
#news a.post_subject:hover {text-decoration: underline; color: black}

#news div.entry{

        border-left: 5px solid #ccc;
        margin-bottom: 20px;
}

#news small {

	font-size: 11px;
	color: #414040;
}

#news p  {

	font-size: 13px;
	color: #414040;
        text-align: justify;
	font-weight: normal;
        line-height: 150%;

        margin: 10px;
        margin-top: 15px;
        margin-bottom: 15px
}

p.centered {
          text-align: center;
}

.footer  {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #414040;
	padding: 0.2em;
        padding-bottom: 0px;
	text-align: center;
	font-weight: normal;

}

	
.latest  { font-family: Verdana, Tahoma, Arial, sans-serif; 
	font-size: 10px; 
	color: #000000;
	margin: 5px 15px 0px 15px; 
	font-weight: normal; }
	
a  {

	color: #224668;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold; }



a:hover {
	color: #FF0000;
	font-weight: bold;
	text-decoration: underline;
        }
        

h1 {
	margin: 5px;

	color: #224668;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold; }
	
h2 {
	margin: 5px 0px 0px 0px;

	color: #224668;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold; }
	
h3 {
	margin: 0px 7px 0px 7px;

	color: #000000;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal; }

	
div.dedi {
           margin: 5px;
           margin-bottom: 15px;
           color: #333;
           padding-left: 10px;
           font-family: Arial, Verdana, sans-serif;
           font-size: 11px;
           font-weight: normal;
           width: 90%;
           border-left: 5px solid #F84F4F
}

strong.cpu{
          font-weight: bold;
          color: #224668
}

strong.spec{
          font-weight: normal;
          color: #333
}

strong.traffic{
         font-weight: normal;
         color: #333
}

strong.price{
        font-weight: normal;
        font-size: 11px;
        color: #333
}


.reference {
		   border: 1px solid #224668;	
           margin-bottom: 25px  
}


#navigation {
		margin-top: 10px;
		margin-left: 2px;
        font-weight: bold;
        font-size: 15px;	
}



#navigation a {
        font-weight: bold;
        font-size: 15px;


}

#navigation a:hover {
		text-decoration: underline

}



div.dedi-blog {
           margin: 5px;
           padding-left: 5px;
           background-color: #D7E1EC;
           font-size: 10pt;
           font-weight: normal;
           font-family: Arial, Tahoma, Helvetica, sans-serif;
           border: 1px solid #224668;
           float: left;
           width: 95%;

}