/*

	Theme Name: Poise
	Description: HTML/CSS Template
	Author: fireform 
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 1.0
	
	Designed & Coded by Fireform
	All files, unless otherwise stated, are released under the GNU General Public License
	version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

	--------------------------------------------------------------------------

	1.	Document Setup (body, common classes, structure etc.)

		1-1.	Theme color
		1-2.	Body background
	
	2.	Home page styles
	
		2-1.	Logo and Nav Menu
		2-2.	Slider
		2-3.	Twitter module
		2-4.	Images and effects
		

	3.	Team, Services, Clients pages styles
		
	4.  Portfolio styles
	
	5.	Blog Template

		5-1.	Posts
		5-2.	Comments
		5-3.	Replay form & feedback (Contact page)
		
	6.	Contact page styles
		
	7.	Footer Styles

*/

/*--------------------------- 1 - START DOCUMENT SETUP, COMMON CLASSES ------*/
input,textarea {
	outline:none
}

#wrapper {
	width:960px;
	margin:0 auto;
	padding:25px 0
}

.inner {
	margin:auto 0;
	border:1px #e5e5e5 solid;
	padding:0px 30px 37px;
}

.inner-960,#footer {
	width:1002px;
}
	
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}

.clearfix:before,.clearfix:after {
	content:'\0020';
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}

.clearfix:after {
	clear:both
}

.clearfix {
	zoom:1
}

ul li {
	line-height:1.8em
}

/*--------------------------- 1-1 START THEME COLOR -----------------------------*/
::selection {
	background:#d7efff
}

::-moz-selection {
	background:#d7efff
}

.nivo-caption,.proj-img i {
	background-color:#34739f
}

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,p a,ul.tweet_list a,.divider-text,.post-info a:hover,.footer-wrap a,.breadcrumb a,span.colored,.post-info-blog a,.sidebar a,.widget_tag_cloud ul li a:hover,.accordion .ui-state-active a,a.reply,#map-side-bar div.map-location a:hover,.tabs ul.tabs-nav li.ui-tabs-selected.ui-state-active a,.tabs ul.tabs-nav li.ui-state-default a:hover {
	color:#34739f
}

body,a,ul.menu li a.drop,ul.tweet_list a:hover,.divider-text span a:hover,.widget_tag_cloud ul li a {
	color:#777
}

h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,p a:hover,div.tweet,ul.menu li a:hover,ul.menu li a.curr,ul.menu li a.drop:hover,div.tweet,ul.accordion li a.title,.tabs ul.tabs-nav li.ui-tabs-selected a,.tabs ul.tabs-nav a:hover,.alertBox-warning,.alertBox-success,.alertBox-alert,blockquote.blockquote-left,blockquote.blockquote-right,.divider-text a,.post-info a,.comments-more .comm,.footer-wrap a:hover,ul.menu li a.active,.breadcrumb a:hover,ul#filter li.current a,.date-comments,.post-info-blog a:hover,.sidebar a:hover,a.reply:hover,.tabs ul.tabs-nav li a,#error ul li,.date-comments a.comments {
	color:#202020
}

/*--------------------------- 1-1 END THEME COLOR -------------------------------*/
/*--------------------------- 1-2 START BODY BACKGROUND -------------------------*/

/*--------------------------- 1-2 END BODY BACKGROUND ---------------------------*/
a {
	text-decoration:none;
	outline:0 none
}

p {
	line-height:1.8em;
	margin-bottom:10px
}

.alignleft {
	float:none;
}

.alignright {
	float:none;
}

.col1-2,.col1-3,.small-post,.col1-4,.wrap690,.col1-5,.col1-6,.col1-12,.item-holder1,.col2-3 {
	float:left;
	margin:0 6px;
}

.col1-2 {
	width:460px
}

.col1-3 {
	width:300px
}

.col1-4 {
	width:237px;
}

.col1-5 {
	width:172px
}

.col1-6 {
	width:140px
}

.col4-1 {
	width:700px
}

.col1-12 {
	width:50px
}

.col2-3 {
	width:620px
}

.wrap690 {
	width:690px;
	margin-right:30px
}

.omega {
	margin-right:0!important
}

h1,h3,h4,h5,h6 {
	font-family:Arial,΢ÈíÑźÚ, ËÎÌå;
	font-weight:400;
	background:url(../images/head-bg.gif) no-repeat center bottom;
	padding-bottom:3px
}

h6 {
	background:none
}

.totop,ul.menu li ul li a,a.logo,.project img,.preloader,.proj-img i,.post-info p span,.comments-more span.comm,.comments-more a.more,.team-social,ul#portfolio li,ul#recent-posts li,.post-img .proj-img1 a,.date-comments a,.date-comments span,#search .field,#search .field input,.post-info-blog a.more,.search-btn input,.widget_tag_cloud ul li,ul.accordion a.title,ul.accordion li a.title,.tabs ul.tabs-nav li a,.alertBox-warning,.alertBox-success,.alertBox-alert,.widget_tag_cloud ul li a {
	display:block
}


.bottom-15 {
	margin-bottom:15px
}

.bottom-20 {
	margin-bottom:20px
}

.bottom-35 {
	margin-bottom:35px
}

.bottom-40 {
	margin-bottom:40px
}

.bottom-50 {
	margin-bottom:50px
}

/*--------------------------- 1 - END DOCUMENT SETUP, COMMON CLASSES ------*/


/*--------------------------- 2-2 - START SLIDER ------------------------*/


/*--------------------------- 2-3 - END TWITTER MODULE ------------------*/
.project {
	margin-bottom:20px;
}

.proj-info {
	height: 100px;
	text-align:center;
	padding:15px 0
}
.proj-info h2 {
	font-size:16px;
	margin-bottom:10px;
	line-height:1.3em
}
.proj-info img{ vertical-align:middle; float:left;padding:0; margin:0; position:relative; left:45px; top:3px;}
.proj-info a{ position:relative;}
.proj-info p {
	padding:0 10px;
	margin-bottom:0
}
.proj-info h3{
	padding:0;
	font-size: 12px;
	color: #999999;
	margin: 0;
}

/*--------------------------- 2-4 - START IMAGES AND EFFECTS ------------*/
.proj-img,.proj-img1 {
	position:relative;
	overflow:hidden
}

.proj-img img,.proj-img1 img {
	visibility:hidden
}

.preloader {
	background:url(../images/loading.gif) #fff no-repeat 50% 50%;
	margin-top:-1px;
	border-top:1px #dedede solid
}

.proj-img a {
	display:inline-block;
	width:29px;
	height:29px;
	position:absolute;
	top:50%;
	left:-29px;
	background:url(../images/zoom-more.png) right bottom no-repeat;
	margin-top:-14px;
	z-index:10
}

.proj-img a.zoom {
	background:url(../images/zoom-more.png) right top no-repeat;
	margin-left:-10px
}

.proj-img a:hover {
	background-position:left bottom
}

.proj-img a.zoom:hover {
	background-position:left top
}

.proj-img i {
	font-style:normal;
	position:absolute;
	width:100%;
	height:100%;
	z-index:9;
	top:0;
	left:0;
	opacity:0;
	filter:alpha(opacity:0)
}

a.prettyPhoto {
	display:block
}

.proj-img.clients {
	line-height:145px;
	text-align:center;
	height:145px;
	border:1px #dedede solid
}

.proj-img.clients img {
	vertical-align:middle
}

.col1-2 .proj-img.clients img {
	max-width:400px;
	max-height:85px
}

.col1-3 .proj-img.clients img {
	max-width:240px;
	max-height:85px
}

.col1-4 .proj-img.clients img {
	max-width:160px;
	max-height:85px
}

/*--------------------------- 2-4 - END IMAGES AND EFFECTS --------------*/
.post-info {
	text-transform:uppercase;
	margin-bottom:20px;
	font-family:'PT Sans Narrow',sans-serif;
	font-size:13px
}

.post-info p {
	display:inline;
	margin:0;
	float:left;
	padding-right:20px
}

.post-info p span {
	margin-bottom:3px
}

.comments-more {
	float:right;
	width:49px
}

.post-info a {
	border-bottom:1px #e5e5e5 solid;
	padding-bottom:2px
}

.comments-more span.comm {
	padding:10px 0;
	border-top:1px #e5e5e5 solid;
	border-left:1px #e5e5e5 solid;
	border-right:1px #e5e5e5 solid;
	text-align:center;
	font-size:12px
}

.comments-more a.more {
	padding:0;
	height:34px;
	width:100%;
	border:0;
	background-image:url(../images/more.gif);
	background-color:#f1f1f1;
	background-repeat:no-repeat;
	background-position:left center
}

.comments-more a.more:hover {
	background-position:right center
}

.open-close {
	position:relative
}

.open-close a {
	cursor:pointer;
	position:absolute;
	top:-1px;
	right:0;
	float:right;
	width:30px;
	height:23px;
	background:url(../images/open-close-tab.png) no-repeat left top
}

.open-close a.closed {
	background-position:right top
}

/*--------------------------- 2 - END HOME PAGE STYLES ----------------*/

/*---------------------- 4 - START PORTFOLIO STYLES -------------------*/
ul#portfolio li,ul#recent-posts li {
	position:relative;
	list-style:none; 
	height:420px; 
	overflow:hidden;
}

ul#portfolio li
{
	height:450px; 
	}

ul#filter li {
	line-height:1em;
	list-style:none;
	display:inline
}

ul#portfolio li .cover {
	position:absolute;
	background:#fff;
	top:0;
	bottom:0;
	left:0;
	right:0;
	opacity:0;
	display:none;
	z-index:500
}

/*---------------------- 4 - END PORTFOLIO PAGE STYLES ----------------*/