/******************************************************************
	Theme Name: iBusiness iPhone Theme
	Theme URI: http://enovastudio.org
	Description: A simple and clean iphone mobile template for your website
	Author: EnovaStudio (Alessandro Tesoro)
	Author URI: http://enovastudio.org
******************************************************************/ 

/******************************************************************
	Css global reset
******************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/******************************************************************
	iBusiness Template Main Settings
******************************************************************/
body {
	background: white url(images/bg2.png) center top repeat-y;
	overflow-x: hidden;
}

#wrapper {
	width:320px;
	position:absolute;
	left:50%;
	margin-left:-160px;
	min-height: 100%;
	overflow: hidden;
}

#header {
	background: transparent url(images/header_bg_theme_3.png) no-repeat;
	width:320px;
	height:145px;
	padding-left:13px;
	padding-top:8px;
}

#logo {
	position:relative;
	margin-top: 50px;
	margin-left:15px;
}

#navbar {
	font-size: 11px;
	color:#717171;
	font-family: "Helvetica Neue", "Helvetica", Arial Rounded, Arial, Trebuchet MS, sans-serif;
	text-transform: uppercase;
}

.current_page_item a, .current_page_item a:hover, .menu-item a:hover, .current-menu-item a, .current-category-ancestor a, .current-post-ancestor a {
	color:#fff !important;
}


/******************************************************************
	Navbar style settings
******************************************************************/

#navbar li {
	display: inline;
	margin-right:15px;
}

#navbar li a {
	color:#717171;
	text-decoration: none;
}

#navbar li a.active {
	color:white;
}

/******************************************************************
	Contents Wrapper settings
******************************************************************/

#contents-wrapper {
	margin-left:18px;
	font-family: "Helvetica", Arial, sans-serif;
}

#contents-wrapper h2 {
	font-size: 16px;
	color:#717171;
}

#contents-wrapper ul {
	font-size: 12px;
	color:#6c6c6c;
}

#contents-wrapper ul li, #contacts-wrapper .widget ul li {
	padding-left:17px;
	background-image:url(images/list_icon.png);
	height:20px;
	background-repeat:no-repeat;
	background-position:0px 2px;
}

/* contents elements styling */

.spacer {
	height:12px;
}

p {
	font-size: 12px;
	color:#6c6c6c;
	line-height: 1.6;
	width:282px;
	margin-top:10px;
	margin-bottom: 10px;
}

.user-icon {
	background: url(images/user_icon.png) no-repeat;
	height:24px;
	padding-left: 37px;
	padding-top:9px;
}

.settings-icon {
	background: url(images/settings_icon.png) no-repeat;
	height:24px;
	padding-left: 35px;
	padding-top:6px;
}

/* About Us Page Icons Styles */

.user-icon-2 {
	background: url(images/user_icon_2.png) no-repeat;
	height:42px;
	padding-left: 50px;
	padding-top:5px;
}

.user-icon-2 p, .user-icon-3 p {
	width:229px;
	color:#383838;
	font-size: 11px;
	line-height: 1.4;
}

.user-icon-3 {
	background: url(images/user_icon_3.png) no-repeat;
	height:42px;
	padding-left: 50px;
	padding-top:5px;
}

/* Services Page Icons-elements Settings */

.service {
	font-size: 12px;
	color:#2c2c2c;
	font-weight: normal;
	margin-bottom:5px;
}

.service-icon {
	background: url(images/service_icon.png) no-repeat;
	height:24px;
	padding-left: 37px;
	padding-top:9px;
}

.mobile-icon {
	background: url(images/mobile_icon.png) no-repeat;
	height:16px;
	padding-left: 20px;
	padding-top:3px;
}

.add-icon {
	background: url(images/add_icon.png) no-repeat;
	height:16px;
	padding-left: 24px;
	padding-top:3px;
}

.clock-icon {
	background: url(images/clock_icon.png) no-repeat;
	height:16px;
	padding-left: 24px;
	padding-top:3px;
}

.service-text {
	font-size: 11px;
	color:#535353;
	width:280px;
	line-height: 1.3;
}

/* Blog Page Settings */

.article {
	border-bottom: 1px solid #d4d4d4;
	padding-left:18px;
	padding-bottom:4px;
}

#blog-wrapper {
	font-family: "Helvetica", Arial, sans-serif;
	width:320px;
}

#blog-wrapper > div {
	margin-bottom:10px;
}

#blog-wrapper > div > span {
	color:#919090;
	font-size: 11px;
}

.comments-number {
	background: transparent url(images/comment.png) no-repeat;
	width:32px;
	height:32px;
	color:#292828;
	font-size: 12px;
	padding-left:10px;
	padding-top:8px;
	position:relative;
	margin-left:250px;
	margin-top:-30px;
}

.article p {
	font-size: 12px;
	color:#535353;
	line-height: 1.6;
	margin-top: 10px;
	margin-bottom:10px;
	width:282px;
}

#blog-navigation {
	margin-left:95px;
	margin-top:10px;
	margin-bottom: 8px;
}

#blog-navigation a {
	font-size: 12px;
	color:#1a4186;
	text-decoration: none;
}

#blog-navigation li {
	display: inline;
	margin-right:15px;
}

/* Comments Styles */

#comments-wrapper {
	font-family: "Helvetica", Arial, sans-serif;
	width:320px;
	
	padding-left:18px;
}

.responses {
	font-size: 12px;
	color:#1a4186;
	margin-bottom:10px;
}

.avatar {
	width:24px;
	height:24px;
}

.comment {
	background:#e8e8e8;
	border:1px solid #d3d3d3;
	-webkit-border-radius: 5px;
	padding-left:10px;
	padding-top:7px;
	font-size: 11px;
	width:274px;
	margin-bottom: 15px;
}

.comment span {
	color:#1a4186;
	margin-left: 5px;
	position:absolute;
	margin-top:3px;
}

.comment p {
	width:261px;
	margin-top:3px;
	margin-bottom:5px;
	line-height: 1.2;
	color:#747474;
}

#comment-form p {
	font-size: 12px;
	color:#1a4186;
}

#comment-form input[type=text] {
	background: #e8e8e8;
	color:#525252;
	border:1px solid #c5c5c5;
	-webkit-border-radius:5px;
	height:25px;
	width: 272px;
	margin-bottom:10px;
	padding-left:10px;
	font-size: 11px;
}

#comment-form textarea {
	background:#e8e8e8;
	color:#525252;
	border:1px solid #c5c5c5;
	-webkit-border-radius: 5px;
	width:279px;
	height:80px;
	margin-bottom:12px;
	padding-left:5px;
	padding-top:5px;
}

#comment-form input[type=submit] {
	color:#1a4186;
	background:#f0f0f0 url(images/input_go_icon.png) no-repeat;
	background-position: 94px 3px;
	border:1px solid #c4c4c4;
	width: 120px;
	height:25px;
	-webkit-border-radius: 5px;
	text-align: left;
	padding-left:10px;
	margin-bottom:12px;
	margin-left:165px;
	cursor: pointer;
}

#comment-form input[type=reset] {
	color:#1a4186;
	background:#f0f0f0 no-repeat;
	border:1px solid #c4c4c4;
	width: 75px;
	height:25px;
	-webkit-border-radius: 5px;
	text-align: left;
	cursor: pointer;

}

/* search form style */

.search-input, #s {
	background: #eeeeee;
	-webkit-border-radius : 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	border: 1px solid #c6c6c6;
	width:90%;
	margin-left: 10px;
	margin-top: 5px;
	height:24px;
	padding-left: 10px;
	font-size: 12px;
	color:black;
}

.search-submit, #searchsubmit {
	background: transparent url(images/search_button.png) no-repeat;
	width:16px;
	height:16px;
	position:absolute;
	margin-left:-30px;
	margin-top:12px;
	border:none;
	cursor: pointer;
	font-size: 0px;
	line-height: 0px;
}

/* Contact Page Settings */

#contacts-wrapper {
	margin-left:18px;
	font-family: "Helvetica", Arial, sans-serif;
}

#contacts-wrapper h2 {
	font-size: 16px;
	color:#717171;
}

#contacts-wrapper h5 {
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	color:#303030;
	margin-bottom: 13px;
}

#contacts-wrapper ul li {
	color:#6c6c6c;
	font-size: 12px;
	margin-bottom: 7px;
}

#contacts-wrapper ul li a {
	color:#14377c;
	text-decoration: none;
}

.mail-icon {
	background: url(images/mail_icon.png) no-repeat;
	height:24px;
	padding-left: 37px;
	padding-top:11px;
}

#tweets {
	width:280px;
	line-height: 1.4;
	color:#8c8c8c;
}

small {font-style:italic; }

/* Typography Elements */

h1 {
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 28px;
	color:#1a4186;
	font-weight: normal;	
}

h2 {
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 24px;
	color:#1a4186;
	font-weight: normal;
}

h3 {
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 22px;
	color:#1a4186;
	font-weight: normal;
}

h4 {
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 20px;
	color:#1a4186;
	font-weight: normal;
}

h5 {
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 18px;
	color:#1a4186;
	font-weight: normal;
}

h6 {
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 16px;
	color:#1a4186;
	font-weight: normal;
}

.list-check, .list-radio {
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 12px;
	color:#535353;
}

.list-check li {
	padding-left:25px;
	background-image:url(images/list_style_check.png);
	height:16px;
	background-repeat:no-repeat;
	background-position:0px -3px;
	margin-bottom: 3px;
}

.list-radio li {
	padding-left:25px;
	background-image:url(images/list_style_radio.png);
	height:16px;
	background-repeat:no-repeat;
	background-position:0px -3px;
	margin-bottom: 3px;
}

pre {
	width:273px;
	background: #f0f0f0;
	border: 1px solid #c5c5c5;
	font-size: 11px;
	padding:5px;
	margin-bottom: 10px;
}

blockquote {
	text-align: center;
	font-size: 12px;
	color:gray;
	width:282px;
	line-height: 1.4;
	font-style: italic;
	margin-bottom:8px;
}

.nocomments {
	display: none;
}

/******************************************************************
	Widgets Settings
******************************************************************/

div.widget {
	border-top:1px solid #dfdfdf;
	width:282px;
	padding-top:12px;
	padding-bottom:7px;
}

div.widget h2 {
	color:black !important;
	font-size: 16px !important;
	margin-bottom: 15px;
}

div.widget .textwidget {
	font-size: 13px !important;
	color:#6c6c6c;
	line-height: 1.6;
}

#searchform label {
	display: none;
}

#searchform {
	padding-bottom: 10px;
}

/* Theme settings */

a:link, a:visited, a:active {
	color: #2a7abd;
}

.article-title, .article-title a {
	font-size: 14px;
	color:#75221E !important;
	font-weight: normal;
	margin-top:5px;
	text-decoration: none;
}

#wp-calendar {
	width:282px;
}

#wp-calendar caption {
	margin-bottom: 10px;
}

#wp-calendar td {
	padding-left:15px;
	padding-bottom: 10px;
}

/******************************************************************
	Comments Styles
******************************************************************/
#comments-wrapper {
	width:282px;
}

ul.commentlist {
	margin:0px 0px 0px 0px;
	padding:0px;
}
ul.commentlist li {
	margin-bottom:20px;
	padding:10px 0px 20px 10px;
	position:relative;
	list-style:none; 
}

ul.commentlist p {
	margin-top:23px;
}

ul.commentlist cite {
	font-style: normal;
	font-size: 11px;
	position: relative;
	left:35px;
	top:8px;
}

ul.commentlist span {
	padding-left:32px;
	padding-top:5px;
}

ul.commentlist .avatar {
	position:absolute;
	top:10px;
	left:10px;
}
ul.commentlist .commentmetadata {
	display:none;
}
ul.commentlist ul  {
	margin:20px 0px 20px 0px;
	padding:0px;
}
ul.commentlist ul li {
	background-color:#ffffff;
	overflow:auto;
	background-image:none;
	padding-bottom:0px;
}

em {
	font-size: 11px;
	position:absolute;
	bottom:19px;
	left:45px;
}


/******************************************************************
	Footer settings
******************************************************************/

#footer {
	background: url(images/footer.png) repeat-x;
	font-family: "Helvetica", Arial, sans-serif;
	height:50px;
	margin-top:19px;
	font-size: 11px;
	color:#797979;
	padding-top:8px;
	padding-left:28px;
}

#footer p {	
	font-size: 11px;
	color:#6c6c6c;
	line-height: 1.6;
	padding-top:18px;
} 

#footer a {
	color:#797979;
}