/*
Theme Name: Gfxmedia
Theme URI: http://themeforest.net/
Description: Designed by <a href="http://themeforest.net/user/system32">system32</a>.
Version: 1.0
Author: <a href="http://themeforest.net/user/system32">system32</a>
Author URI: http://themeforest.net/user/system32
Tags: space, fixed width, two columns, widgets
*/

/* Headings
------------------------------------------------------*/	
h1	{
 	font: normal 26px/28px "Lucida Sans unicode", "Trebuchet MS", Arial, Helvetica, sans-serif; 				
	letter-spacing:-1px;
	padding:0;
	margin:0 0 15px 0;
	}

h2	{
	font: normal 22px/24px "Lucida Sans unicode", "Trebuchet MS", Arial, Helvetica, sans-serif; 
	letter-spacing:-1px;
	padding:0;
	margin:0 0 15px 0;
	}

h3	{
	font: normal 18px/20px "Lucida Sans unicode", "Trebuchet MS", Arial, Helvetica, sans-serif; 
	padding: 0;
	margin:0 0 15px 0;
	}

h4	{
	font: normal 18px/18px "Lucida Sans unicode", "Trebuchet MS", Arial, Helvetica, sans-serif; 
	padding: 0px;
	margin:0 0 15px 0;
	}

h5	{
	font: normal 16px/20px "Lucida Sans unicode", "Trebuchet MS", Arial, Helvetica, sans-serif; 
	padding: 0px;
	margin:0 0 10px 0;
	}

h6	{
	font: normal 12px "Lucida Sans unicode", "Trebuchet MS", Arial, Helvetica, sans-serif; 
    padding:0px;	
	margin:0 0 5px 0;
	}


p	{
	margin:0px 0px 20px 0;

	}


/*-------------------------------------------------------------------------

Search Box

-------------------------------------------------------------------------*/

.search-box { 
		height: 40px; 
		padding: 5px 0 0 0px; 
		width: auto; 
		margin:10px 20px 10px 0px; 
		float:right; 
		}

	* html .search-box { 
		margin-top: 10px; 
		}

	*:first-child+html .search-box { 
		margin-top: 10px; !important; 
		}
	
	input.search-field { 
		background:#f0f0f0; 
		border:1px inset #fff;
		width:135px; 
		height:20px; 
		float:left; 
		margin:0px; 
		font:normal 11px verdana, arial, sans-serif;
		padding: 2px 0px 0px 8px; 
		}

	input.search-go  { 
		float:left; 
		height:24px; 
		width:24px; 
		border:0; 
		margin:0 0 0 5px; 
		padding:0; 
		background:url(images/search-on.gif) no-repeat top left; 
		cursor: pointer; 
		}

	input.search-go:hover { 
		background:url(images/search-hover.gif) no-repeat bottom left; 
		}





/*------------------------------------------------------------------------

Contact form

-------------------------------------------------------------------------*/

#contactform {
	width:500px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	margin-left:auto;
	margin-right:auto;
	}

#contactform form {
	font:normal 11px/18px Verdana,Tahoma;
	margin:0 0;
	padding:0;
	margin-top:20px;
	width:100%;
	}

#contactform fieldset {
	padding:10px 0;
	margin:0 0 15px 0;
	background:#fff;
	border:1px solid #ddd;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	}


#contactform fieldset legend {
	font:normal bold 18px/26px "Trebuchet MS",Verdana,Tahoma;
	padding:3px 25px;
	margin-left:30px;
	text-transform:uppercase;
	border:0px solid #ddd;
	}

#contactform fieldset legend span {
	font:normal 10px/18px Arial,Verdana,Tahoma;
	text-transform:uppercase;
	display:block;
	}

#contactform form label, .book label {
	display:block;
	float:left;
	width:150px;
	padding:6px 10px 0 0;
	margin:0px;
	text-align:right;
	}

.book label {
	padding: 0;
	text-align: left;
	font-weight: bold;
	}
	
#contactform input.inpt, #contactform textarea, #contactform select, .book input[type="text"] {
	width:260px;
	font:normal 11px/18px Verdana,Tahoma;
	padding:5px;
	margin:5px 0 5px 0;
	background:#f5f5f5;
	border:1px solid #ddd;
	}

#contactform form br {
	clear:left;
	}

#contactform input.required {
	background:#f5f5f5 url('images/required.gif') center right no-repeat;
	}

#contactform .select select:focus {
	border-color: #9b9b9b;
	}

#contactform form input.btn 	{
	background:none;
	border:none;
	}

#contactform form.c1 input:hover, 
#contactform textarea:hover
	{
	border:1px solid #d8d8d8;
	}

#note {
	width:90%;
	margin:0 auto; 
	}


/*-------------------------------------------------------------------------

Notice Boxes

-------------------------------------------------------------------------*/

.notes		{ background:#f0f0f0; border:1px solid #b8b8b8; }
.success	{ background:#ccfcd1; border:1px solid #60a400; }
.error		{ background:#f9e3e3; border:1px solid #e79e9e; }
.notice		{ background:#fcf0cc; border:1px solid #ecc735; }

.notes,.notice,.success,.error
			{
				padding:10px;
				font-size:10px;
				color:#000;
			}

.notes span,.notice span,.success span,.error span 
			{
				font-weight:bold;
				font-size:1.2em;
			}

.notes p,.success p,.error p,.notice p
			{
				margin:0px;
				padding:0px;
			}


.image-holder{
	width:960px;
	height:350px;
	background:#fff url(images/loading.gif) 50% 50% no-repeat;
	}


/*-------------------------------------------------------------------------

Notice Boxes

-------------------------------------------------------------------------*/

.notes		{ background:#f0f0f0; border:1px solid #b8b8b8; }
.success	{ background:#ccfcd1; border:1px solid #60a400; }
.error		{ background:#f9e3e3; border:1px solid #e79e9e; }
.notice		{ background:#fcf0cc; border:1px solid #ecc735; }

.notes,.notice,.success,.error
			{
				padding:10px;
				font-size:10px;
				color:#000;
			}

.notes span,.notice span,.success span,.error span 
			{
				font-weight:bold;
				font-size:1.2em;
			}

.notes p,.success p,.error p,.notice p
			{
				margin:0px;
				padding:0px;
			}

/*-------------------------------------------------------------------------

WP Pagination

-------------------------------------------------------------------------*/


.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 8px 10px !important; 
	margin: 2px;
}
.wp-pagenavi a:visited {
	padding: 8px 10px !important; 
	margin: 2px;
}
.wp-pagenavi a:active {
	padding: 8px 10px !important; 
	margin: 2px;
}
.wp-pagenavi span.pages {
	padding: 8px 10px !important; 

}
.wp-pagenavi span.current {
	padding: 8px 10px !important; 
	margin: 2px;
}
.wp-pagenavi span.extend {
	padding: 8px 10px !important; 
	margin: 2px;	
}
.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #000;
	color: #000;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #000;
	color: #000;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #cccccc;
	color: #cccccc;
	background-color: #FFFFFF;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #000;
	color: #000;
	background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px;
	margin: 2px 2px 2px 2px;
	color: #cccccc;
	border: 1px solid #cccccc;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	font-weight: bold;
	border: 1px solid #cccccc;
	color: #cccccc;
	background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px;
	margin: 2px;	
	border: 1px solid #cccccc;
	color: #cccccc;
	background-color: #FFFFFF;
}

.hover_video	{ position: absolute; background:transparent url(images/video.png) no-repeat center center;}
.hover_image	{ position: absolute; background:transparent url(images/magnify.png) no-repeat center center;}

div.pic a img, 
div.pic a:hover img 	{ position:relative; z-index:2;}

.postimg 		{ margin-bottom:10px;}

a.more-link { margin:5px 0; display:block;}


.excerpt ol,
.excerpt ul  { margin:10px 0 20px 20px; }

.excerpt ol li,
.excerpt ul li  { list-style-position:outside; }

.excerpt ol li	{ list-style-type:decimal; }
.excerpt ul li  { list-style-type:circle; }


.porttext h4	{ margin-bottom:0 !important;}
.porttext p		{ line-height:18px;}

ul.social { float: right; margin-top: 65px; }
ul.social li { display: inline; padding-left: 10px; }

.content ul { margin: 0 0 1em 3.5em; list-style: disc; }

ul.twitter li { margin: 0 10px 1em; }
.gmap { float: right; width: 350px; height: 300px; margin-left: 1em; }