/*
Theme Name: GrafiQa Blog
Theme URI: http://www.blog.grafiqa.ro
Description: Web Design Blog
Author: GrafiQa
Author URI: http://www.grafiqa.ro
version: 1.0
Tags: two-column, widget-ready
*/




/* basics */

*{margin:0; padding:0;}

a:focus { 
    outline: none; 
}

body {
	font: 100% Arial;
	background: #c0c0c0 url(images/bkg_repeat.png) repeat-x;
	margin: 0;
	padding: 0;
	text-align: center; 
	color: #000000;
	}
#container { 
	width: 959px; 
	background: #ffffff !important;
	margin: 0 auto;
	text-align: left; 
	clear: both;
} 	

#twitter {
           padding-top: 290px !important;
		   float: right;
           position: relative;
}

#twitter a { border: none; }

#tit {
	float: left;
}

#ord {

	width: 238px; 
	height: 93px; 
	margin-top: 180px; 
	margin-left: 15px; 
	float: left;
}

.srv {
	width: 193px;
	float: left;
	font-size: 13px;
	margin-right: 10px;
	background-color: #e4e4e4;
	padding: 5px;
}

.srv img {
	margin-top: -3px;
	float: left;
}

.srv p { 
   padding-top: 0px;
   font-size: 13px;

}
.srv h3 {
	color: #ff3000;
	font-size: 13px;
	text-align: center;
	background-color: #d2d2d2;
}

.srv ul {margin-left: 40px;font-size: 13px; margin-bottom: 10px;}

.srv li {color: #747474; list-style-type : square; font-size: 11px; margin-left: -20px;}

ul {font-size: 13px;}
img.left{ float: left; border: none; padding: 6px 0 0 0; }
img.right{ float: right; border: none; padding: 0 0 0 6px; }

blockquote{
	border-left:1px solid #A5ABAB;
	margin:15px;
	padding:0 12px 0 12px;
	}

code{
	font-family:"Courier New", Courier, monospace;
	}
	
#col_portfolio { 
       width: 930px;
	   float:left;
	   display:block;
	   padding: 0 14px;
}

#col_portfolio h2 {
                margin-top: 23px;
				 font-size: 22px;
				 border-bottom: 2px dotted #cccccc;
				 padding-bottom: 8px;
}

#port { 
       width: 926px;
	   float:left;
	   display:block;
	  
	   padding: 0 14px;
}

#port h2 {
                margin-top: 23px;
				 font-size: 22px;
				 border-bottom: 2px dotted #cccccc;
				 padding-bottom: 8px;
}
	
#col1 { 
       width: 290px;
	   float:left;
	   display:block;
	  
	   padding: 0 14px;
}

#col1 h2 {
                margin-top: 23px;
				 font-size: 22px;
				 border-bottom: 2px dotted #cccccc;
				 padding-bottom: 8px;
}

#col2 { 
        width: 290px;
	   float:left;
	   display:block;
	   
	   padding: 0 14px;
           
}

#col2 h2 {
               margin-top: 23px;
				 font-size: 22px;
				 border-bottom: 2px dotted #cccccc;
				 padding-bottom: 8px;
}

#col3 { 
       width: 290px;
	   float:left;
	   display:block;
	   padding: 0 14px;
}

#col3 h2 {
                 margin-top: 23px;
				 font-size: 22px;
				 border-bottom: 2px dotted #cccccc;
				 padding-bottom: 8px;
}

.price {
        width: 500px;
		background-color: #e1e1e1;
		border: 2px dotted #cccccc;
		margin: 0 auto;
		margin-bottom: 20px;
		margin-top: 20px;
}
/*
.price p {
          padding-left: 10px;
		  padding-right: 10px;
		  margin: 0;
		  color: #434343;
		  
}

.price ul {
          padding-left: 50px;
		  padding-right: 10px;
		  padding-top: 10px;
		  padding-bottom: 10px;
		  margin: 0;
		  color: #434343;
		  font-size: 13px;
		  
}

.price li {
		  margin: 0;
		  color: #434343;
		  
}
*/
.title {
        padding-left: 5px;
		padding-right: 5px;
		padding-top: 5px;
		padding-bottom: 5px;
		margin: 0;
		background-color: #424242;
		color: #ffffff !important;
}


.input_style {
    margin-bottom: 10px;
    font-size: 13px;
	padding: 5px;
	color: #ff3000;
	border-top: none;
	border-left: none;
	border-right: none;
	border: 1px solid #dbdbdb;
	background-color: #e8e8e8;
	width: 240px;
	display: block;
}

.select_style {
    margin-bottom: 10px;
    font-size: 13px;
	padding: 5px;
	color: #ff3000;
	border-top: none;
	border-left: none;
	border-right: none;
	border: 1px solid #dbdbdb;
	background-color: #e8e8e8;
	width: 250px;
	display: block;
}
	
.textarea_style {
          color: #ff3000;
          border-top: none;
	      border-left: none;
	      border-right: none;
	      border: 1px solid #dbdbdb;
	      background-color: #e8e8e8;
	      width: 240px;
		  height: 100px;
		  padding: 5px;
		  font: 100% Arial;
		   font-size: 13px;
}

.textarea_style2 {
          color: #ff3000;
		  font: 100% Arial;
          border-top: none;
	      border-left: none;
	      border-right: none;
	      border: 1px solid #dbdbdb;
	      background-color: #e8e8e8;
		  width: 240px;
		  height: 105px;
		  padding: 5px;
}

.button {
	     background-color: #424242; color: #ffffff; border: 1px solid #292929; padding: 5px;
}

h6 {
    margin: 0;
	padding: 0;
    color: #ff3000;
	
}

h2 {
    color: #ff3000;
	}
	
h3 {
    color: #ff3000;
	font-size: 13px;
	}

strong { color: #747474; }
p { 
   padding-top: 0px;
   font-size: 13px;
}

a {
   text-decoration: underline;
   color: #747474;
 
}

img {
     margin: 0;
	 padding-bottom: 2px;
	 border: none;
}

img a {
       border: none;
}




.line {
       border-top: 1px solid #ff3000;
	   margin: 0;
	   }
	
/* header */

#header { 
	background: url(images/header.png) no-repeat; 
	width: 959px;
	height: 355px;
	position: relative;
        display: block;
	overflow: hidden;
	clear:both;
} 
#header h1 {
	float: left;
	display: block;
	color: #373737;
	padding-top: 120px;
	padding-left: 40px;
	font-size: 24px;
	margin: 0;
	font-weight: 100;
	position:absolute;
}

#header h2 {
	float: left;
	display: block;
	 color: #373737;
	padding-top: 150px;
	padding-left: 52px;
	font-size: 12px;
	margin: 0;
	font-weight: 100;
	position: absolute;
	
}

/* main menu */


#menu {
       width: 959px;
	   height: 100px;
	   
}

#menu ul {
          padding: 0;
		  margin: 0;
          list-style: none;
	      line-height: normal;
}

#menu li {
		  width: 137px;
          height: 100px;
          display: block;
	      float: left;
          list-style: none;
		  text-align: center;
          background: url(images/buton_meniu.png) no-repeat; 
		  font-weight: 600;
		  overflow:hidden;
}

#menu a.home {
          width: 137px;
          height: 100px;
          display: block;
	      float: left;
          list-style: none;
		  text-align: center;
          background: url(images/buton_meniu_home.png) no-repeat; 
		  font-weight: 600;
		  overflow:hidden;
		  }
		  
#menu a:hover.home {
          clear: both;
          text-decoration: none;
		  background: url(images/buton_meniu_hover_home.png) no-repeat; 
		  width: 137px;
          height: 100px;
		  display:block;
		  float: left;
          padding-top: 60px !important;
}

#menu a.active_home {
          clear: both;
          text-decoration: none;
		  background: #ffda58 url(images/buton_meniu_hover_home.png) no-repeat; 
		  width: 137px;
          height: 100px;
		  display:block;
		  float: left;
          padding-top: 60px !important;
		  color: #ffffff;
}

#menu a:hover.active_home {
          clear: both;
          text-decoration: none;
		  background: #ffda58 url(images/buton_meniu_hover_home.png) no-repeat; 
		  width: 137px;
          height: 100px;
		  display:block;
		  float: left;
          padding-top: 60px !important;
		  color: #ffffff;
}

#menu a {
          clear: both;
          text-decoration: none;
          color: #2b2a2a;
		  padding-top: 40px !important;
		  display: block;
		  overflow:hidden;
		  width: 137px;
          height: 100px; 
}

#menu a:hover {
          clear: both;
          text-decoration: none;
          color: #ffffff;
		  background: #ffda58 url(images/buton_meniu_hover.png) no-repeat; 
		  width: 137px;
          height: 100px;
		  display:block;
		  float: left;
          padding-top: 60px !important;
}

#menu a.active {
          clear: both;
          text-decoration: none;
          color: #ffffff;
		  background: #ffda58 url(images/buton_meniu_hover.png) no-repeat; 
		  width: 137px;
          height: 100px;
		  display:block;
		  float: left;
          padding-top: 60px !important;
}



/* content */

#page {
       background: url(images/bg-page.png) repeat-y;
	   width: 959px;
	   clear: both;
	   overflow: hidden;
}

#content { 
    float: right;
	width: 640px;
	padding-right: 20px; 
	display: block;
	margin-top: 0px;
} 

#content2 { 
    float: left;
	width: 959px;
	padding-right: 10px; 
	display: block;
	margin-top: 0px;
} 

.post {
	margin:0;
	padding:0;
	line-height: 14pt;
	}
	
.post h2{
	
				 margin-top: 23px;
				 font-size: 22px;
				 border-bottom: 2px dotted #cccccc;
				 padding-bottom: 8px;
				font-weight: 100;
				
	
			
	}
	
.post h2 a{
	             padding: 0;
				 margin-top: 23px;
				 font-size: 22px;
				 position:relative;
				 text-decoration: none;
				 color: #ff3000;
				 
				 
	}
	
.post h2 a:hover{
	color: #777;
	text-decoration: none;
	}

.post ul {margin-left: 40px;font-size: 13px; margin-bottom: 10px;}

.post li {color: #747474;}

.entry p{margin:12px 0;}

.postmetadata{
	clear: both;
	background:#f5f5f5;
	
	margin: 20px 0;
	 border-bottom: 2px dotted #cccccc;
				 padding-bottom: 8px;
	font-size: 11px;
	}
	

.navigation {
	font-size:8pt;
	width:100%;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
	}
	
.alignleft a{float:left; }
.alignright a{float:right; }



/* sidebar */

#sidebar {
	float: left; 
	width: 250px; 
	padding: 0 14px;
	display: block;
	margin-top: 1px;
	padding-bottom: 10px;
}


#sidebar h2 {
                 margin-bottom: 15px;
				 margin-top: 18px;
				 font-size: 22px;
			     border-bottom: 2px dotted #cccccc;
				 padding-bottom: 5px;
				font-weight: 100;
		
				 
				
				
}

#sidebar label{
	font:normal 11pt arial;
	color: #000;	
	margin: 0;
	padding: 0;
}

#sidebar p {margin:0; padding:0;}

#sidebar img {padding: 0; margin: 0;}

#sidebar ul {
	margin:0;
	padding:0;
	}

#sidebar ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

#sidebar ul ul {
list-style-type: none;
	padding:0;
}

#sidebar ul ul li {
	list-style-type: none;
	}

#sidebar ul ul ul{
	margin: 0;
	padding: 0;
list-style-type: none;
}

#sidebar ul ul ul li{
	
	list-style-type: none;
	color: #898989;
}



/* comments */


#commentform{
	background:#fff;
	margin:0;
	padding:0;
	}
	
#commentform p{
	color: #000;
	}
	
#commentform a{color: #000; text-decoration: none; border-bottom: 1px solid #465D71;line-height: 14pt;}
	
#commentform h3{
	font-family: arial;
	font-size: 10pt;
	font-weight: 300;
	color: #000;
	margin:0;
	padding:0;
	}
	
#comment{
	width: 240px;;
	}

#author, #email, #url, #comment, #submit{

	font-family: arial;
	font-size: 12px;
	margin:5px 5px 0 0;
	padding:5px;
	
	}
	
#submit{margin-top: 1px; margin-bottom: 10px;}

#comments{margin:0; padding:0}
	
ol.commentlist {list-style-type: none; margin:0; padding:0;}

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

ol.commentlist li {
	background: #fff;
	margin:10px 0;
	padding:5px 0 5px 10px;
	list-style-type:none;
	border: 1px solid #dddddd;
	}

ol.commentlist li.alt {background: #f5f5f5; border: 1px solid #dddddd;}
ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;}

ol.commentlist a {color:#747474;
                  font-size:12px;}

cite {
	font-size: 12px;
    font-style: normal;
	 font-weight: 100;
		color: #ff3000;
		
	}
	
cite a{color: #000;}



/* search */

#searchform{
	padding:0;
	margin:14px 0;
	}

#searchform input#s{
	margin:0;
	padding:5px;
	width: 240px;
	}

	
	
/* misc */

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
	}
	
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
 
}

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

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}




/* footer */


#footer { 
	background: url(images/footer.png) no-repeat;
	width: 959px;
	height: 54px; 
	
} 

#footer p {
                 margin: 0;
                 padding-left: 20px;
				 padding-top: 21px;
				 font-size: 11px;
				 color: #f2f2f2;
				 }
				 
#footer a {
                 margin: 0;
				 color: #f2f2f2;
				 border:none;
				 text-decoration: none;
				 }			
		
.img_txt img {
          padding-top: 15px;
		  padding-left: 5px;
}		

.menu2 {
	    display:inline-block; float:right; padding-right: 20px;
}

.menu2 a {
          margin: 0;
		  border:none;
		  padding-right: 10px;
		  padding-left: 10px;
		  }		
		  
#spot1 {
        float: left;
		position: relative;
		display:block;
}

#spot2 {
        float: left;
		display: block;
		padding-left: 40px;
		padding-top: 15px;
		line-height: normal;
}

#spot3 {
        float: left;
		display: block;
		padding-left: 40px;
		line-height: normal;
}
		
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.browsers {
	       float: left;
		   display:block;
		   margin-left: 150px;
		   margin-top: 15px;
}

.copyright {
	       display:inline-block; float:left;
}

.leadpic {

margin-top: 16px;
width:640px;
height:220px;
border: 2px solid #bdc1c0;
overflow: hidden;

}
.leadpic a {
			border: none;
}