/*
Theme Name: CiprianIt Theme
Description: Custom Theme For CiprianIT
Author: FLDtrace
Author URI: http://www.fldtrace.com/
*/

@import url(css/holly-hack-floats.css);
@import url(css/wp.css);

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0px; padding: 0px; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th { font-weight: normal; font-style: normal; }
ul,ol,li { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/*GENERAL STYLE*/

html,body {
	height:100%; 
}

/*----------------LAYOUT STYLE----------------*/
body {text-align:center; font-family: Helvetica, Arial, sans-serif; background-color:#e1e4df; font-size:62.5%} /*em size for font is the same as in px */

#wrapper {
position: relative; /* needed for footer positioning*/
margin:40px auto; /* center, not in IE5 */
width:990px;
height:auto !important; /* real browsers */
height:100%;
padding: 0px 0px 15px 0px;
text-align:left;
}

	#frame_top {float:left; width:990px; height:30px; background:url(images/frame_top.png) no-repeat 0 0;}
	#holder {float:left; width:990px; background:#f5f8f3 url(images/frame_middle.png) repeat-y 0 0;}
		#container {float:left; display:inline; width:930px; margin: 0 10px 0 35px}
			#header {float:left; width:930px; padding: 25px 0 35px 0}
				#logo {float:left; width:340px; padding: 0 5px 0 0}
				#right_header {float:left; width:585px;}
					#tagline {float:left; width:585px}
						#tagline_content {float:right; width:400px}
					#navigation {float:left; width:585px; height:45px; margin:20px 0 0 0; background:url(images/nav.png) no-repeat 0 0}	
			#content_holder {float:left; width:930px; padding: 0 0 40px 0}
				#content {float:left; width:570px;}
					#featured_box, #text_area {float:left; width:568px; padding: 0; background:#e1e4df url(images/text_area_top.png) no-repeat 50% 0;
												border-right:1px solid #71736e;
												border-bottom:1px solid #71736e;
												border-left:1px solid #71736e;
												}
						#featured_box {margin: 0 0 20px 0}
				#above_sidebar {float:left; width:33px; margin: 0 0 0 20px;}
				#sidebar, #sidebar_blog {float:left; width:330px; min-height:350px; margin: 0 0 0 20px; background:#4f554a url(images/arrow_dark_box.gif) no-repeat 50% 0%}
					#sidebar_blog {height:auto;}
			#footer {float:left; width:930px; background:#292c27}
				#footer_address {float:left; width:120px; padding:30px 0 0 30px}
				#footer_right {float:left; width:330px; padding: 30px 0 0 440px}
	#frame_bottom {float:left; width:990px; height:52px; background:url(images/frame_bottom.png) no-repeat 0 0}
		
/*----------------ELEMENTS STYLE----------------*/

.box {float:left; width:140px; margin: 0 40px 0 0; background:#dee0dd url(images/box-bg.png) repeat-x 0 148px; }
	div#box_last {margin:0}
h6 {float: left; padding: 0 10px 10px 0}
#text_area table td {vertical-align:top}
.float_left {float:left}
.post_text {float:right; width:328px}
.post_entry {margin-bottom: 20px}

/*sidebar*/
#sidebar_content, #text_area_content, #featured_content {position:relative; margin: 25px 30px}
	.widget_blog {margin: 0 0 20px}
		.widget_blog  p {margin: 0 0 5px; font-weight:bold}
#sidebar_button {position:absolute; margin: 0 0 0 160px}
	#sidebar_button a {float:left; width:180px; height:59px; background:url(images/get_help_now.png) no-repeat 0 0}
	#sidebar_button a:hover, #sidebar_button a:focus {width:180px; height:59px; background:url(images/get_help_now.png) no-repeat 0 -59px}

	/*comments*/
	#comments_wrapper {margin:30px 0 0}
		ol.commentlist {list-style-type:none; padding:0 5px; width:390px; margin: 0 0 30px}
			#content_holder ol.commentlist li {background:#fff; border:1px solid #c9c4c0; margin: 10px 0px; padding:5px; list-style:none !important}
		div.commentmetadata {background: url(images/comments-arrow.png) 36px 33px no-repeat #e9eae8; padding:30px 0px;}
		div#text_area_content ol.commentlist p {letter-spacing:0em; line-height:1.3em; margin: 10px 0 10px 0}
		.gravavatar_holder {float:left; margin: -24px 10px 0 -30px}
			.gravavatar_holder img {border:2px solid #fff}
			
		/*comment form*/
		form#commentform {padding:5px; background:#e9eae8;  border:1px solid #c9c4c0; margin: 10px 0px; width:390px;}
			form#commentform p {font-weight:bold}	
			form#commentform textarea {width:380px; height:195px;}		
			form#commentform input#submit {background:#d4d0c8; color:#4f554a;padding: 7px 5px}			
			form#commentform input, form#commentform textarea {padding: 5px; color:#080401; padding: 3px 5px; border:1px solid #c0d1aa}
			form#commentform textarea:hover, form#commentform input:hover, form#commentform textarea:focus, form#commentform input:focus {background:#fff; border:1px solid #4aa5bf}		

/*----------------TEXT STYLE----------------*/

h1 {font-size:2.4em; margin: 0 0 30px 0;}
	#header h1 {font-size:1.8em; margin: 0 0 30px 0;}
h2 {font-size:1.8em; color:#49a5bf; margin: 0 0 10px 0}
	.box h2, .box h3 {padding: 0 4px}
h3 {font-size:1.6em; color:#323530; margin: 0 0 10px 0; font-weight:bold}
	#sidebar_content h3 {font-size:1.6em; color:#e1e4df; margin: 0 0 10px 0; font-weight:bold}
p {font-size:1.2em; margin: 0 0 15px 0}
#text_area ul {margin: 0 0 10px 0}
li {font-size:1.2em}
	#content_holder li {list-style:url(images/li_bullet.png) inside}
		#content_holder li li {margin: 0 0 0 10px}
.ul_margin_bottom {margin: 0 0 20px 0} 

#text_area, #featured_box {color: #151615;}
	#featured_box h2 {margin-top:8px}
	#featured_box p {text-align:right}

#sidebar_content {color: #e1e4df}
	#sidebar_content p {font-size:1.2em; }
	#sidebar_content h1 {font-size:2.4em; margin: 0 0 15px}

#footer {color:#f5f8f3}
	.blue {color:#49a5bf}
	.green {color:#78ce2b}

/*----------------LINKS STYLE----------------*/
a {color:#49a5bf; text-decoration:none}
a:hover, a:focus {text-decoration:underline}

/*-----Navigation------*/
.invisible {position:absolute; text-indent:-9999px}
ul#nav	{margin: 0 0 0 230px; position:relative}
	ul#nav li {float: left}
		ul#nav li a {float:left; height:45px;}
		
		/*normal state*/
		li#nav_home a {width:62px; background:url(images/nav.png) no-repeat -230px 0}
		li#nav_services a {width:83px; background:url(images/nav.png) no-repeat -292px 0}
		li#nav_about a {width:67px; background:url(images/nav.png) no-repeat -375px 0}
		li#nav_blog a {width:59px; background:url(images/nav.png) no-repeat -442px 0}
		li#nav_contact a {width:84px; background:url(images/nav.png) no-repeat -501px 0}
		/*hover, current state*/
		li#nav_home a:hover, li#nav_home.current a {width:62px; background:url(images/nav.png) no-repeat -230px -45px}
		li#nav_services a:hover, li#nav_services.current a {width:83px; background:url(images/nav.png) no-repeat -292px -45px}
		li#nav_about a:hover, li#nav_about.current a {width:67px; background:url(images/nav.png) no-repeat -375px -45px}
		li#nav_blog a:hover, li#nav_blog.current a {width:59px; background:url(images/nav.png) no-repeat -442px -45px}
		li#nav_contact a:hover, li#nav_contact.current a {width:84px; background:url(images/nav.png) no-repeat -501px -45px}

/*subnav*/
ul#nav ul {display:none; background: #49a5bf; position:absolute; top:37px; width:150px; z-index: 100}
ul#nav ul li {float:none}
ul#nav ul li a, ul#nav ul li a {float:none; background:none !important; color:#f5f8f3; display:block; width:auto !important; height:auto; padding:3px 5px;}
	ul#nav ul li a:focus, ul#nav ul li a:hover {background:none; color:#292c27; font-weight:bold; text-decoration:none; width:auto}
	/*the magic*/
	ul#nav li:hover ul, ul#nav li.focus ul {display:block}
	
/*---Footer Links---*/
#footer_links ul {margin: 0 0 10px -5px}
	#footer_links li {float:left; border-right:1px solid #49a5bf}
		#footer_links a {float:left; color:#49a5bf; text-decoration:none; padding: 0 5px}
			#footer_links a:hover, #footer_links a:focus {text-decoration:underline;}
			#footer_links li.last {border:none}


/*Contact page*/
.wpcf7  { margin: 10px 0px; width:390px; float:left;}
form.wpcf7-form {padding:5px; }
	div#pages_entry form.wpcf7-form img {width:0; height:0}
	div#content form.wpcf7-form p {margin:0 0 10px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}	
	form.wpcf7-form p#name_inputs {padding-top:15px;}
	form.wpcf7-form input, select#interested, form.wpcf7-form textarea {padding: 7px 5px; font-size:1.2em; border:1px solid #c0d1aa; background: #fff}
	form.wpcf7-form span.contact_inputs {font-weight: bold;}	
	form.wpcf7-form textarea {width:367px; height:195px; font-size:1.2em;}
	form.wpcf7-form textarea:hover, form.wpcf7-form input:hover, form.wpcf7-form textarea:focus, form.wpcf7-form input:focus {color:#000; background:#fff; border:1px solid #49a5bf}
	span.send_input input {font-weight:bold; margin-bottom:5px}
	input#submit_input {background:#7be31d; color:#edebe6; font-weight:bold; padding: 5px 15px}	
		form.wpcf7-form span.send_input input:hover, form.wpcf7-form span.send_input input:focus {background-color:#d4d0c8}
		body div.wpcf7-response-output {margin:0 5px 5px}	
	span.req {color:#8d9681}

/*residential subpage*/
.residential_tb img, .box img, .img_border, #services_tb img {background:#d6d7d6; border:1px solid #abb2a4; padding:4px; width:130px}
	#services_tb img {width: 237px}
/*services page*/
 #services_tb {width: 508px; height: 180px; border:0}