/* CSS Document */
Theme Name: Unique WordPress theme.
Description: The Unique WordPress theme.
Version: 2.7
Author: system32
Author URI: http://www.themeforest.net/user/system32
Tags: space, custom header, fixed width, two columns, widgets

	The CSS, XHTML and design under 960 Grid System:
*/

/************************************/
/* 			  BODY/HTML       		*/
/************************************/

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			{font:normal 12px "Trebuchet MS", sans-serif;   letter-spacing:normal;  margin:0px; color:#484848;
background:#fcfcfc url(images/bg.gif) center top no-repeat;}
img				{border:0px;}

.clear	{
	clear:both;
	}

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

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

.navigation{
	margin:10px 0;
	}

.alignleft {
float:left;
}

.alignright {
float:right;
}

.textcenter {
text-align:center;
}

.textright {
text-align:right;
}
.textleft {
text-align:left;
}

#menu {
margin-top:20px;
float:left;
}



/************************************/
/* 			  WRAPPER       		*/
/************************************/

/************************************/
/* 			   LOGO       			*/
/************************************/
.header
{

width:100%;
height:120px;
margin-top:15px;
margin-bottom:15px;
}
.logo  {color:#FFF; margin:15px 0 0 10px;}


/************************************/
/* 			   Columns       		*/
/************************************/


.content 	{
	padding:0px; 
	margin-top:30px;	margin-bottom:30px;
	position:relative;
	}

.contentbg {
	margin-bottom:30px;
	position:relative;
	}

.leftcol { 
	padding:10px;
	}
	
.rightcol {
	padding:10px;
	}

#barboxes	{
	background:#171717 URL(images/boxtop.jpg) top left repeat-x;
	padding:10px; 
	overflow:auto;;
}

.contentbg .transparency
{
	opacity:0.85;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	background-color:#fcfcfc;
	width:100%;
	height:500px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:-1;
}

/************************************************
                      Breadcrumb                  
************************************************/
.bread span a { color:#fff; padding:2px 2px;}
.bread span a:hover { color:#fff; }
.bread span img { vertical-align:middle; border:none;}

.bread
{
color:#fff;font:normal 9px Tahoma, Helvetica, sans-serif;
background: URL(images/bread.png) top center no-repeat;
padding:10px 10px;
}

.bread img
{
margin-left:3x;
margin-right:3px;
}



/************************************/
/* 			MIDDLE CONTENT       	*/
/************************************/
	 		h1  {font:normal 2.5em "Trebuchet MS", sans-serif;letter-spacing:-1px;color:#000;margin:0px;padding:0px 0 10px 0;}
    		h2  {font:normal 2.1em "Trebuchet MS", sans-serif;letter-spacing:-1px;color:#000;margin:0px; padding:0px 0 10px 0;}
    		h3  {font:normal 1.8em "Trebuchet MS", sans-serif;letter-spacing:-1px;color:#000;margin:0px;padding:0px 0 0px 0;}
    		h4  {font:normal 1.6em "Trebuchet MS", sans-serif;letter-spacing:0px;color:#000;margin:0px;padding:0px 0 10px 0;}
		    h5  {font:normal 1.2em  "Trebuchet MS", sans-serif;letter-spacing:0px;color:#000;margin:0px;padding:0px 0 5px 0;}
		    h6  {font:normal 0.8em "Trebuchet MS", sans-serif;letter-spacing:0px;color:#000;margin:3px 0px;padding:5px 0 5px 0;}
	p  {font:normal 11px/20px "Trebuchet MS", Verdana, Tahoma;color:#484848;padding:0px 0 10px 0; }
.capone:first-letter  {margin:0px;font:normal 20px "Trebuchet MS", Verdana, Tahoma;color:#000;line-height:150%;}



/*******************************************************
  				Blockquote
*******************************************************/

blockquote {
background:#f0f0f0;
border:1px solid #ddd;
}

blockquote {
margin:0px;
font:italic normal 12px georgia, Arial, Tahoma, Sans-serif;
padding:20px;
}

blockquote p {
font:italic normal 14px/20px georgia, Arial, Tahoma, Sans-serif;
}


.sidebar-box {
padding:20px;
background:#fff;
border:1px solid #ddd;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}



/************************************/
/* 			GALLERY WEB CSS			*/
/************************************/
.webborder		{ border:1px solid #ddd;padding:3px;margin:5px 20px 10px 0px; float:left;}

.contentbox		{
	padding:20px; 
	background:#fff; 
	border:1px solid #ddd; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	margin:0 0 30px 0; 
	position:relative;
	overflow:hidden; 
	height:100%;
	}

.contentbox h3 a	{
	font:normal 26px "Trebuchet MS", Arial, sans-serif;
	letter-spacing:-1px; 
	text-transform:capitalize; 
	color:#484848; 
	margin:5px 70px 0 0px;
	text-decoration:none;
	}

.contentbox h3 a:hover		{
	color:#484848;
        border-bottom:1px solid #000;
	}

/************************************/
/* 		   COPYRIGHT CSS      		*/
/************************************/
.footer	{
	width:100%;height:60px;border-top:1px solid #ccc;padding:10px 0;background:#EFEFEF;
}
#copyright 			{text-align:center;padding:10px 5px;font-size:11px;font-family:Tahoma, Helvetica, sans-serif;margin:auto;color:#000;position:relative;}
#copyright a 		{border:0;color:#484848;text-decoration:none;}
#copyright img 		{border:0px;padding:5px 5px;vertical-align:middle;}



/********************************************
             BLOG COMMENTS
*********************************************/

.cancel-comment-reply
{
padding:3px;
width:auto;
}

.cancel-comment-reply a
{
color:#484848;
}

input,textarea, select 
{
	background:#fff;
	color:#999;
	padding:3px;
	border:1px solid #ddd;
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 95%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	}

.alt {
	margin: 0;
	padding: 10px;
	}


/* End Form Elements */

.comment-topbar	{
	height:70px;
	border-bottom:1px solid #ccc;
	}


ol.commentlist {
	margin: 0;
	padding	: 0;
	}			
			
ol.commentlist li {
	margin: 0 0 18px 0;
	padding: 15px;
	background:#f6f6f6;	
	border: 1px solid #ddd;	
	list-style:none
	}

ul.children {
	margin-left: 0;
	}

.commentlist li.depth-2 {
	border:none;
	background:#fff;
	border: 1px solid #ddd;	
	margin-left:15px;	
	}

.commentlist li.depth-3	 {	
	border:none;
	background:#f0f0f0;
	border: 1px solid #ddd;	
	margin-left:15px;	
	}

.commentlist li.depth-4	 {	
	border:none;
	background:#fff;
	border: 1px solid #ddd;	
	margin-left:15px;	
	}

.commentlist li.depth-5	 {	
	border:none;
	background:#f0f0f0;
	border: 1px solid #ddd;	
	margin-left:15px;	
	}
	
.commentlist code {
	background:#e6e6e6;
	padding:3px;
	}

.commentlist .moderation {	
	margin-top: 10px;
	color: #dd0000;	
	}

.comment-author {display:block;  
	margin-bottom: 10px;
	}
	
.comment-meta {
	font-size:10px;
	text-decoration:none;
	}

.avatar {
	margin-right: 10px;
	float:left;
	padding:2px;
	border:1px solid #ddd;
	background: #fff;	
	}

.commentlist .children {
	margin-top:15px;	
	}

	.reply a:link, .reply a:visited  {	
		background:#ddd;	
		text-align:center;		
		text-decoration:none !important;
		text-transform: uppercase;
		color:#212121;	
		padding:3px 10px;		
		font-size:10px;	
		}

	.reply a:hover {	
		background:#ccc;
		}

/* Code Samples */
pre {
 white-space: pre-wrap;
 white-space: -moz-pre-wrap;
 white-space: -o-pre-wrap;
}

/* End Comments */

.blogbox {
	margin-bottom:10px;
	padding:20px;
	background:#ffffff;
	border:1px solid #ddd; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	height:100%;
	}

.blogbox p {
	margin:10px 0 0 0;
	}

.blogbox h3 {
	margin:10px 0;
	padding:0 0 0 0px;
	text-align:left;
	color:#191919;
	letter-spacing:-1px;
	line-height:inherit;
	}

.blogbox b {
	margin-bottom:3px;
	color:#000;
	}

.blogbox img, .contentbox-img img {
	margin:0px 10px 10px 10px;
	padding:3px;
	border:1px solid #ddd;
	}

.blogbox div.details, .contentbox div.details {
	font:normal 10px/18px Arial, Helvetica, sans-serif;
	border:1px solid #ddd;
	border-width:1px 0 1px 0;
	color:#484848;
	width:auto;
        margin:10px 0;
	text-transform:uppercase;
	padding:3px 10px 3px 0px;
	}

.entry ul, .entry ol {
	list-style-position:inside;
	list-style-type:disc;
	}

.entry ul ul, .entry ol ol{
	list-style-position:inside;
	list-style-type:circle;
	}

.leftcol ul, .leftcol ol {
	list-style-position:inside;
	list-style-type:disc;
	}

.leftcol ul ul, .leftcol ol ol{
	list-style-position:inside;
	list-style-type:circle;
	}

/******************************
    CUSTOM SEARCH BG
*******************************/

div.search fieldset {
	width: 200px;
	border:none;
	display: block;
	position:relative; top:0px; 
	}

div.search form label {
	display: block; 
	background: url(images/searchbg.png) no-repeat; 
	width: 236px; 
	height: 37px; 
}

div.search fieldset legend{
	display:none;
}

div.search form label input {
	background: none; 
	border: none;
	outline: none; 
	width: 180px; 
	margin-left: 2px; 
	padding:8px 0 0 10px; 
	color:#484848;
}

.buttonhide {display: none;}

/*********************************************
  				Services Box
**********************************************/
.servicebox {
height:100%;
overflow:auto;
width:auto;
margin:0;
padding:15px 0;
}

.servicebox img
{
margin-left:10px;
margin-top:20px;
}

.servicebox p,.servicebox ul.listitems, .servicebox h4 {
margin-left:100px;
}
ul.logoslist
{
margin:0;
padding:0;
display:inline;
}
ul.logoslist li
{
display: inline;
}





/*- SIDEBAR MENU --------------------------- */
.submenu{
margin:0px 0px 10px 0px;
padding:0;
}

.submenu ul {
margin:10px 0;
list-style:none;
padding:0 10px 0 10px;
background-color:#fff; 
border:1px solid #ddd;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}

.submenu li a {
font:normal 12px "Trebuchet MS",Arial, sans-serif; 
voice-family:inherit;
height:18px;
margin:0;
border-bottom:1px solid #ddd;
text-decoration:none;
}

.submenu li li a {
font:normal 12px "Lucida Sans",Arial, Helvetica, sans-serif;
margin:0;
text-decoration:none;
border-bottom:1px solid #ddd;
text-decoration:none;
}

.submenu li li a:link, .submenu li li a:visited {
color:#999;
display:block;
padding:6px 10px;
text-decoration:none;
}

.submenu li a:link, .submenu li a:visited {
color:#999;
display:block;
padding:6px 10px;
text-decoration:none;
}

.submenu li.current_page_item a {
color:#000;
text-decoration:none;
}

.submenu li.current-cat a {
color:#000;
text-decoration:none;
}

.submenu li a:hover {
color:#000;
padding:6px 10px;
text-decoration:none;
}

.submenu li li a:hover {
color:#000;
padding:6px 10px;
text-decoration:none;
}
/*- SUB End --------------------------- */




/*- RECENT POSTS --------------------------- */

ul.recentposts 
{
margin:0;
padding:0;
	list-style-position:inside;
	list-style-type:circle;

}

ul.recentposts li
{
padding:5px;
}

/*- Readmore Link --------------------------- */

a.more-link
{
margin-top:20px;
background:URL(images/readmore.gif) top left no-repeat;
width:78px;
float:right;
display:block;
height:18px;
text-indent:-9999px;
}

a.more-link:hover
{margin-top:20px;
background:URL(images/readmore.gif) top right no-repeat;
width:78px;
display:block;
height:18px;
text-indent:-9999px;
}