/*
Theme Name: CleanStyle
Theme URI: http://www.adrianbotea.com
Description: A multipurpose corporate wordpress template 
Version: 1.1
Author: Adrian Botea
Author URI: http://www.adrianbotea.com
Tags:  corporate, business, clean, jquery, slider, slideshow, DropDown Menu
*/

html, body 
{
   height: 100%;
   margin: 0;
   padding: 0;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	background:#757575;
	/* background:url(img/bg.jpg) repeat-x; */
    line-height: 17px;
	
}

ol, ul {
	list-style: none;
}

/* === Common stuff  === */


h2
{
	font-size:24px;
}

h3
{
	font-size:18px;
}

h4
{
	font-size: 14px;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
{
   	text-decoration:none;
}

p 
{
	font-size:12px;
	color:#333;
	margin-top: 10px;
	margin-bottom:20px;
}  

strong
{
	color:#000;
}

a
{
	text-decoration:none;
	color: #333;
}

a:focus { 
    outline: none; 
}


a:hover
{
	text-decoration:underline;
	color:#000;
}

li
{
	line-height: 25px;
}


blockquote 
{
	float:left;
    font-size:12px;
	font-weight:bold;
	margin:20px 0 20px 0px;
	color:#999;
	padding:15px 20px 10px 35px;
	background:url(img/blockquote.gif) no-repeat;
	line-height:20px;
	border:0px;
}

.clear
{
    clear:both !important;
}

.next
{
    margin-top:10px;
	float:left;
}

.prev
{
    margin-top:10px;
	float:right;
}

/*  Pagination  */

.navigation {
    float:left;
    display: block;
    text-align: center;
    margin-top: 20px;
    font-size:80%;
}

.navigation a{
    text-align:center;
    padding:5px 10px;
    margin:0 2px 0 0;
    border:1px solid #e5e5e5; 
}

.navigation a:hover{
    background:#ff741b;
    color:#fff;
}


/*  Main Style  */

#wrap
{
    width: 100%;
    margin: 0 auto -230px auto;  
    min-height: 100%;  	
} 

#main
{
	width:899px;
	margin:auto; 
	background-color:transparent;
	margin: 0 auto;
}

#header
{
	clear:both;
	width:899px;
	padding-top:35px;
	padding-bottom:35px;  	
	margin:auto;  
}


#logo
{
	float:left;
	margin-top:29px;
}

#top ul
{
list-style: none;
}

#top li
{
	float:right;
	margin-top:29px;
list-style:none;
}


/*  Menu  */

.ddsmoothmenu{
	background:url(img/menuBack.png) no-repeat;
	width:899px;
	height:52px;
	margin-top:22px;
	font-size:12px;
	float:left;  
}


/*Top level list items*/
.ddsmoothmenu ul li{
	float:left;
	margin-left:10px;
	width:104px;
	height:52px;
	text-align:center;
	background:url(img/menuSeparator.png) center right no-repeat;
	position: relative;
	line-height:53px !important;
}


.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
   color:#FFF;
   display: block;
}


.ddsmoothmenu ul li a:hover{
	float:left;
	padding-top:0px;
    width:104px;
	height:52px;
	background:url(img/menuItemBack.png) no-repeat center left;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
   position: absolute;
   left: 0;
   display: none; /*collapse all sub menus to begin with*/
   visibility: hidden;
   margin-left:-20px;
   width: auto;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
   display: list-item;
   float:left;
   background-image:none;
   background-color:#000;
   padding:20px 100px 20px 20px;
   font-size:11px;
   border-bottom:dotted 1px #707071;
   height:0px;
   text-align:left;
   line-height:5px !important;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
   top: 0;
}

.ddsmoothmenu ul li ul li a:hover{
	background-image:none;
	height:10px;
}


/* Holly Hack for IE \*/
 * html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* Search input */

#searchform
{
	margin-top:7.5px;
	float:right;
	margin-right:20px;
	width:167px;}

fieldset.search {
	border: none;
	min-width:206px;  
	height:23px;
	background: transparent;
}
.search input  {
	height: 23px;
	border: none;
	float: left;
}
.search input.box {
	color: #000;
	font-size: 11px;
	width: 139px;
	height: 23px;
	padding-left:5px;
	background: transparent url(img/inputBack.png) no-repeat top left;
}

.search #btn {
	width: 27px;
	height: 23px;
	cursor: pointer; 
	text-indent: -9999px;
	margin-left:-5px;
	background: transparent url(img/searchButton.png) no-repeat top right;
}
.search button.btn:hover {
	background: transparent url(img/searchButton.png) no-repeat top right;
	margin-left:-5px;
}

/* Button  */

.readmore
{
	background:url(img/read_more.png) no-repeat top left;
	float:left;
	width:74px;
	height:27px;
	clear:both;
	padding-left:8px;
	padding-top:7px;
	margin-top:20px;
}

.readmore a
{
	color:#FFF;
	text-align:center;
	font-size:12px;
}

/* Small Content Title	*/

.smallTitle
{
	width:249px;
	background:url(img/titleBg.jpg) bottom left repeat-x;
	padding-bottom:20px;
	color:#333;
}

.smallTitle img
{
	float:left;
	padding-right:10px;
}

/* Big Content Title	*/

.smallTitleB
{
	width:560px;
	background:url(img/titleBg.jpg5) bottom left repeat-x;
	padding-bottom:20px;
	color:#333
}

.smallTitleB img
{
	float:left;
	padding-right:10px;
}

/* Contact box Content Title	*/

.smallTitleC
{
	width:259px;
	background:url(img/titleBgC.jpg) bottom left repeat-x;
	padding-bottom:20px;
}

.smallTitleC img
{
	float:left;
	padding-right:10px;
}

/* Big Content	*/

.colBig
{
	width:590px;
	float:left;
	display:block;
}

.colBig p{
	width: 560px;
}

.colBig li
{
	background:url(img/bullet.png) no-repeat  left; 
	padding-left:20px;	
}	

.entry
{
	margin-top:10px;
	padding-right:30px;  
	margin-bottom:20px;
	width:560px;
}

.entry h1, h2, h3, h4, h5, h6
{
	margin-top: 30px !important;
}


.entry li
{
	font-size:12px;
	color:#999;
	background:url(img/bullet.png) no-repeat  left; 
	padding-left:20px;
    clear:both;
}

.entry img
{
    border:solid 4px #f5f5f5;  
	margin-bottom:20px;
	
}

.entry a:hover img 
{
	opacity:0.4;
	filter:alpha(opacity=40);
}


.colBigContent
{
	float:left;  
	margin-top:10px;
	padding-right:30px;  
	margin-bottom:20px;
	width:560px;	
}

.colBigContent h1, h2, h3, h4, h5, h6
{
	margin-top: 30px !important;
}

.colBigContent li
{
	font-size:12px;
	color:#333;
	background:url(img/bullet.png) no-repeat  left; 
	padding-left:20px;
    clear:both;
}

.colBigContent img
{
    border:solid 4px #f5f5f5;  
	margin-bottom:20px;	
}

.colBigContent a:hover img 
{
	opacity:0.4;
	filter:alpha(opacity=40);
}

/*  Sidebar  */

#sidebar
{
	width:279px;  
	border-left:dotted 1px #000;
	padding-left:25px;
	float:right;  
	
}

#sidebar p
{
	padding-top:10px;
}

#sidebar li
{
    background:none;
}

.sidebarContact
{
    border-bottom:dotted 1px #000;   
    padding-bottom:25px;
}


.ads
{
    margin-left:-12px;
}
.ads a:hover img
{
	opacity:0.4;
	filter:alpha(opacity=40);
}

.ads li
{
    margin-bottom:10px;
}

/*  Widget  */

.widgettitle
{
	min-width:249px;
    border-bottom:dotted 1px #e5e5e6;
	padding:10px 0px 9px 0px;
}


.widget
{
	padding-top:10px;
	margin-bottom:10px;
}
.widget li
{  
    border-bottom:dotted 1px #e5e5e6;  
	font-size:14px; 
	color:#777674;
	padding:10px 0px 10px 15px;
	list-style-image:url(img/bulletSub.png);
	
}


.widget li li
{
	padding:10px 0px 10px 0px;  
	font-size:12px; 	
	list-style-image:none;
    border-bottom:none;
    border-top:dotted 1px #e5e5e6;	
	margin:10px 0px -10px 0px;
	list-style-image:url(img/bulletSub.png);	
}


/*  Paragraph  */

.paragraph
{
	float:left;  
	width:235px;
	margin:30px 43px 0px 0px;
	padding:0px 0px 20px 0px;  
	border-bottom:dotted 1px #000;
}

.paragraph li
{
   background:none;
   
}

.paragraph img
{
	float:left;  
    border:none;    
}

.paragraphContent
{
	width:190px;
	float:right;
	padding-left:10px;
}


.paragraphBig
{
	float:left;
	width:558px;
	margin-top:30px;
}

.paragraphContentBig
{
	float:right;
	width:340px;
	padding-left:10px;    
}


/*  Images Caption  */

.imgTitle
{
	position:absolute; 
	background:#000;
	width:200px;
	font-size:12px;
	padding:5px;  
	margin-top:-60px;
	margin-left:-10px;
	line-height:15px;	
}

.imgTitle a
{
	color:#333;
	display:block;  
}

/*  Footer  */

#push
{
    clear:both;
    height:40px;
}

#footer
{
	clear:both;  
	background-color:#666;  
	margin: auto;
    min-height: 150px;
	position: relative;
	overflow:hidden; 	
}

.footerContent

{	
    width:899px;  
	margin:auto;  
	background-color:transparent;  
	padding-top:20px;  
	padding-bottom:20px;  
} 


/*  Footer widgets  */

.miniPost
{
	width:250px;
	border-right:dotted 1px #cecece; 
	float:left; 
	margin-right:30px; 
	margin-bottom:20px;
	padding-right:30px;	
}

.miniPost li li
{
	border-bottom:dotted 1px #cecece;
}

.miniPost li
{
    clear:both;
	font-size:11px;
}

.miniPost2

{
	width:250px;
	float:left;
	margin-bottom:20px;	
}


.miniPost2 li
{
	font-size:11px;
	padding-right:30px;
}

.miniPost2 li li
{
	border-bottom:dotted 1px #cecece;
}

/*  Copyright  */

#copyright
{
	height:40px;
	background:url(img/copyrightBack.jpg) repeat-x;	
	position: relative;
	overflow:hidden; 	
	clear:both; 
}

.copyrightContent
{
    background:transparent;
    width:899px;  
	margin:auto; 
	padding-top:15px;
text-align: center;
}

#copyright, #copyright p, #copyright li
{
    color:#fff;
}

/* === Index Page  === */


/* Header */


#header
{
	clear:both;
	width:899px;
	padding-top:35px;
	padding-bottom:35px;
}

	
/*   Content   */

#content
{
	clear:both;
	padding-top:35px;
}


.col
{
	width:279px;
	float:left;  
	margin-right:30px;  
	margin-bottom:20px;  
}
	
.colContent
{
	float:left;  
	margin-top:10px;
	border-right:dotted 1px #000;  
	padding-right:30px; 
	color:#333;
}

.colContent ul
{
	padding-top: 0px;	
}

.colContent li
{
	font-size:12px;
	color:#333;
	background:url(img/bullet.png) no-repeat center left; 
	padding-left:20px;
	float:left;
}
	
.colContent a
{
	font-size:12px;
}
	

.colContent a:hover
{
	color:#7dbc0b !important;
}
	

/*  Contact Box / Index Page  */

#right
{
	width:279px;
	float:left;
	/*background:url(img/boxCorner.png) no-repeat top left;*/
	margin-top:0px;
	height:4px;	
	margin-bottom:350px;
}

.rightT
{
	margin-top:4px;
	padding-top:5px;
	padding-left:10px;
	background-color:#ececec;
}
.bottomTrans
{
	height:40px;
	width:279px;	
	background:url(img/bottomTrans.png) repeat-x bottom left;
	margin-top:-20px;
}

.rightContent p
{
	
	line-height: 4em;
}	
	
.rightContent ul
{
	padding-top: 5px;	
}

/* The Nivo Slider */

.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
	color:#FFF;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
}
.nivo-prevNav {
	left:0px;
	background:url(img/prev.png) no-repeat;
	width:45px;
	height:46px;
	text-indent:-9999px;
	cursor: pointer;
}

.nivo-nextNav {
	right:0px;
	background:url(img/next.png) no-repeat;
	width:45px;
	height:46px;
	text-indent:-9999px;
	cursor: pointer;	
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav{
	position:absolute;
	left:44%;
	bottom:-30px;
	cursor: pointer;	
}

.nivo-controlNav a {
	display:block;
	width:24px;
	height:24px;
	background:url(img/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:-24px 0;
}

#slider a{
	display:block;
}

#slider {
	position:relative;
	//See the "style-pack" below for image
	background:url(img/loading.gif) no-repeat 50% 50%; 
	max-width: 899px;
	max-height: 240px;
	margin-bottom:30px;
}

#slider img {
	position:absolute;  
	top:0px;
	left:0px;
	display:none;
}

/* ===  Portfolio Page  === */


#portfolio
{
    margin-left:40px;
    
}

#portfolio li
{
    float:left;  
    margin:0px 43px 30px 0px;  
}

#portfolio ul
{

}

#portfolio a:hover img 
{
	opacity:0.4;
	filter:alpha(opacity=40);
}

.portfolioContent
{
	width:243px;
	border-bottom:dotted 1px #e5e5e6;
	padding-bottom:30px;
}

.portfolioContent img
{
    border:solid 4px #f5f5f5;
}

/* Portfolio Listing */

#portfolio-filter{
	margin-left:40px;
}


ul#portfolio-filter{ 
	margin-top:-20px; 
	padding: 0; 
	height: 64px; 
	line-height: 64px;
	font-size: 14px;
}

ul#portfolio-filter li{ 
	display: inline; 
}

ul#portfolio-filter a{ 
	margin-right: 0.5em; 
	padding: 0.5em 1em; 
	color: #777674; 
	 
	text-decoration: none; 
}

ul#portfolio-filter a:hover, ul#portfolio-filter a.current{ 
	color: #777674; 
	background-color: #f8f8f8;
}

ul#portfolio-filter a.current{ 
	background-color: #f8f8f8; 
	font-weight: bold;
}

.current{

}


/* ===  Blog & Comments Page  === */

/*  Blog   */

.blogContent
{
	float:left;
	margin-top:20px;
	margin-bottom:20px;
}

.stat
{
	background-color:#3333;
	width:544px;
	margin-top:10px;
	margin-bottom:10px;
	padding:7px;
	font-size:11px;
}

.bigImg
{
	border:solid 4px #333;
	margin-bottom:10px;
}

/*  Blog Comment  */

#comments-div
{
	border-top:dotted 1px #000;	 
    margin-top:20px;
	margin-bottom:20px;
}

#comments-div h3
{
    margin-left:20px;
}

ol.commentlist 
{
	margin:0;
	padding:0;
}

.commentlist li 
{
	list-style:none;
	margin-bottom:14px;
	background:none;
}

.commentlist cite 
{
	padding: 7px;
	display:block;
	font-style:normal;	
	border-top:1px dotted #000;
	border-bottom:1px solid #000;
}	


.commentlist a:hover, .commentlist a:active 
{
	color:#8ec343;
}

.commentlist cite img
{
	padding:1px;
	border:2px solid #f1f1f1;
	float:left;
	margin-right:9px;
}

.commentlist .time 
{
	background: url(img/info.png) no-repeat 1px;
	padding-left:20px; 
}

.commenttext 
{	
	border-top:1px solid #f9f7f7;
	padding: 0 20px 10px 20px;
	color:#fafcf6;
}


.avatar
{
    border:solid 4px #f5f5f5; 
}

.comment
{
	float:left;  
	padding-top:20px; 
	border-bottom:dotted 1px #000;	
    padding-bottom:10px;	
}   

.comment img
{
    border:none;
}

.commentTitle, .comment-meta, .comment-text
{
    margin-left:74px;
	float:left;
	
}

.commentTitle
{
    margin-top:-77px;

}

.comment-meta
{
    margin-top:-67px;
	font-size:11px;
}

.comment-text img
{
    border:none;
}


.comments p
{
	font-size:11px;
}

.commentsContent
{
	width:480px; 
	float:right;
	padding-left:10px;	
    margin:-60px 0 0 70px;
}

.stat1
{
	color:#333;
	margin-top:5px;
	margin-bottom:5px;
}

.reply
{
	background:url(img/reply.png) no-repeat top left;
	float:left;
	width:50px;
	height:27px;
	clear:both;
	text-align:center;	
	margin-top:20px;
	margin-bottom:10px;
}

.reply a
{
	color:#FFF;
	font-size:12px;
}

#respond
{
    margin-top:20px;
}



/* ===  Contact Page  === */

#contact
{
	border-top:dotted 1px #000;
	padding-top:20px;
	margin-top:20px;}

#contact label {
	display: block;
	font-size: 11px;
	padding-bottom:10px;
}

#contact input[type=text],
textarea {
	width: 200px;
	height: 20px;
	border: 1px solid #e5e5e5;
	margin-bottom: 27px;
	color:#000;
	font-size: 11px;
	padding: 7px 0 0 10px;
	font-family: helvetica, arial; 
}

#contact input[type=text]:hover, textarea:hover, input:focus,
textarea:focus {
	background: #f7f7f7;
	outline: none; 
}

#contact textarea {
	height: 150px;
	width:400px;
	float:left;
}

#container textarea {
	height: 212px; 
}

#contact input[type=submit] {
	clear:both;
	border: 1px solid #000;
	background-color:#000;
	text-align: center;
	color: #fff;
	font-size: 11px;
	width: 80px;
	padding: 12px;
	text-transform: uppercase;
	float: left;
	repeat-x;
	cursor: pointer; 
}
#contact input[type=submit]:hover {
	background-color:#ff7c1e;
	border: 1px solid #ff7c1e;
}

#contact img
{
   border:none;
}