/*

Theme Name:UNIQ Designs

Theme URI:

Description:UNIQ Designs custom Wordpress Theme 

Version:1.0

Author:<a href="#" title="">UNIQ Designs</a>

Author URI:

Tags:white, light blue, gray, portfolio, blog, news, wordpress 3

*/



/*basic resets*/

html, body, ul, h1, h2, h3, h4, p{

	padding:0;

	margin:0;

}

.home-rotator {
	padding-top: 30px;
}

ul {

	list-style-type:none;

}



a img {

	border:0;

	outline:0;

}

/**/



body {

	background-color:#292828;

	background:#292828 url(images/body_bg.jpg) no-repeat center top;

	height:100%;

	font-family:Arial, Helvetica, sans-serif;

}

.clear {clear:both;}



a:link, a:active, a:visited {

	color: #67D8F9;	

}



a:hover {

	color: #FFFFFF;	

}



a#siteLogo {float:left;width:262px;height:49px;display:block;}

ul#mainMenu {float:right}

ul#mainMenu li {float:left; font-size:16px; font-weight:bold; color:#FFF; background:url(images/bg_main_menu.jpg) top left no-repeat; padding-left:8px; padding-right:25px;}

ul#mainMenu li.current_page_item, ul#mainMenu li.hover {background:url(images/bg_main_menu-h.jpg) top left no-repeat;}

ul#mainMenu li span.caption a { text-transform:uppercase; }

ul#mainMenu li a {font-size:16px; font-weight:bold; color:#FFF; text-decoration:none;}

ul#mainMenu li span.blurb {font-size:12px; color:#70cde0; font-style:italic; font-weight:normal; margin-top:-1px; float:left;}

ul#portfolioLists {padding-bottom:55px; float:left;}

ul#portfolioLists li {float:left; margin: 0 5px 40px;}

ul li.leadOut {padding-right:0 !important; margin-right:0 !important;}

ul#portfolioLists li h2 {font-size:16px; font-weight:bold; color:#70cde0; margin-top: 5px; margin-left: 0;text-transform:uppercase; width: 318px;}

ul#portfolioLists li h2 a { color:#70cde0;text-decoration:none; }

ul#portfolioLists li h2 a:hover { color:#fff; }

ul#portfolioLists li a img { border: 2px solid #C0C0BE; }

ul#portfolioLists li a img:hover { border: 2px solid #73D2E6; }





div#outerWrapper {width:980px; height:auto; margin:0 auto;}

div#header {width:980px; margin:0 auto; padding-top:50px;}

div#contentWrapper {float:left; width:980px; height:auto;}

div#portfolioContent {width:990px; margin:0 auto; margin-top:55px; float:left;}



ul#projectLists span.pview, ul#projectLists span.pback {margin:4px 7px 0 0; width:161px;display:block;float:left;background:transparent;}

ul#projectLists span.pback a, ul#projectLists span.pview a {display:block;width:161px;height:21px;overflow:hidden;text-indent:-9999px;background:#fcfdfd url(images/btn-portfolio.jpg) }

ul#projectLists span.pback a:hover {

background-position:right top;

}

ul#projectLists span.pview a {

background-position:left bottom;

}

ul#projectLists span.pview a:hover {

background-position:right bottom;

}





ul#projectLists {float:left;}

ul#projectLists li {margin-bottom:18px; float:left; width:100%;}

ul#projectLists li.noma {margin-bottom:7px;}

ul#projectLists li img {display:block;}

div#projectDescription {width:410px; height:auto; float:left; margin-top:90px; margin-bottom:200px; margin-left:15px;}

div#projectDescription h2 {text-transform:uppercase;font-size:16px; font-weight:bold; color:#232222; background-color:#70cde0 !important; width:400px; float:left; padding-top:5px; padding-bottom:5px; padding-left:10px;}

div#projectDescription p {font-size:14px; color:#FFF; line-height: 22px; padding-left:10px; padding-top:10px; float:left;}

div#projectListsWrapper {width:550px; height:auto; float:left; margin-top:90px; margin-bottom:200px;}



div#featureWrapper img {float:right; margin-right:-3px;}

div#featureWrapper {padding-top:55px;}

div#featureContent {float:left; width:369px; height:auto;}

div#featureContent h1 {font-size:0px; letter-spacing:-2px; color:#FFF;}

div#featureContent h1 span.blue {color:#70cde0;}

div#featureContent h2 {background:url(images/bg_feature_header.gif) top left no-repeat; float:left; width:306px; height:22px; margin-top:30px; font-size:16px; padding-top:4px; padding-left:5px; color:#232222;}

div#featureContent p {font-size:24px; font-weight:bold; color:#FFF; letter-spacing:-1px; margin-top:8px; float:left; clear:left;}

div#featureContent p.description {color:#fffefe; font-size:14px; font-weight:normal; letter-spacing:normal; float:left; margin-top:3px; width:100%;}

div#footerSubContent {float:left; width:980px; height:100px; margin-top:35px; border-top:#5f6972 1px solid; height:200px;}



div#footerSubContent ul {margin-top:8px;}

div#footerSubContent ul li {float:left; width:311px; margin-right:8px; padding-right:10px; padding-left:2px; border-right:#5f6972 1px solid; height:150px;}

div#footerSubContent ul li h2 {font-size:20px; background-color:#70cde0; color:#292828; float:left; width:306px; padding-top:4px; padding-left:5px;}

div#footerSubContent ul li.leadOut {padding-right:0; margin-right:0; border:none;}

div#footerSubContent ul li p {font-size:14px; color:#fafcfe; line-height: 22px; padding-top:7px; float:left; padding-left:3px;}

img#contact,

img#design_blog,

img#services {float:right; margin-top:-4px;}

p#links {margin-top:3px;display:none;}

p#links img{margin-right:4px;}

span.blue {color:#70cde0;}



div#contactWrapper {width:480px; float:left; height:auto; margin-top:80px; padding-bottom:20px;}

div#formWrapper h2,

div#contactWrapper h2 {font-size:27px; color:#71cde0;}

div#contactWrapper p#contactInfo {color:#FFF; font-weight:bold; font-size:18px; margin-top:20px; line-height:1.5em;}

h4,ul#contactInfo {color:#FFF; font-weight:bold; font-size:18px; margin-top:20px; line-height:1.5em; padding-bottom:5px;}

ul#contactInfo li {list-style-type:none; float:left; clear:left; line-height:1.4em;}

div#contactWrapper p {float:left; clear:left; font-size:14px; color:#FFF; line-height:22px;}

div#contactWrapper p#links {margin-top:7px; margin-bottom:9px; line-height:normal;}

div#contactWrapper h4 {float:left; clear:left;}

img#request {float:left; clear:left; margin-top:20px;}



div#formWrapper {float:left; width:490px; margin-top:80px; height:auto;}

div#formWrapper img {vertical-align:top; padding-left:10px; padding-top:2px;}

form label {color:#fdfdfd; font-size:14px;display:block;}

form input {width:371px; height:23px; background:url(images/bg_input.gif) top left no-repeat; border:none; outline:none; margin-top:5px; margin-bottom:5px; padding-top:5px;}

form {margin-top:10px;}

form textarea {background:url(images/bg_textarea.gif) top left no-repeat; width:493px; height:124px; border:none; outline:none; margin-top:5px;}

div#formWrapper #submit {background:#dcdcdc url(images/btn-submit.jpg) no-repeat;border:0px;width:72px;padding:0px;height:24px;cursor:pointer;}

div#formWrapper #submit:hover {background-position:left bottom;}



div#blogHeading {margin-top:90px; width:980px; border-bottom:#FFF 1px solid; padding-bottom:5px;}

div#blogHeading h3 img {vertical-align:top;}

h3 {font-size:24px; color:#72d2e5;}

div#featureBlogContent {width:450px; height:auto; float:left; margin-top:20px;}

div#featureBlogContent h2 {color:#fbfdfd; font-size:33px; font-weight:normal;}

div#featureBlogContent span.datePosted {color:#70cde0; font-size:14px; line-height: 22px; margin-top:7px; float:left; font-weight:bold;}

div#featureBlogContent p {font-size:15px; color:#FFF; line-height:22px; margin-top:5px; float:left; width:100%;}

img#featuredImage, img.featuredImage {float:right; margin-top:20px; border:#a3a6a6 2px solid;}

span.readMore {color:#292828; background:#70cde0 url(images/ico_greater_than.png) 102px 4px no-repeat; float:left; clear:left; margin-top:10px; width:120px;}

span.readMore a {color:#292828; text-decoration:none; font-size:16px; padding-left:7px; font-size:16px; padding-right:32px; padding-top:2px;}

div#featureBlogContent a.btn-read-more {display:block;width:118px;height:22px;background:#70cde0 url(images/btn-read-more.jpg) no-repeat;margin-top:10px;clear:both;}

div#featureBlogContent a.btn-read-more:hover {background-position:left bottom;}

div#featureBlogContent a.btn-read-more span {display:none;}

div.shareWrapper {float:left; margin-top:45px;}

div.shareWrapper .shr-bookmarks {margin:0px !important;padding-bottom:7px;}

div.blog-navigation {clear:both;height:23px;padding-top:25px;}

div.blog-navigation a.btn-back-to-blog {display:block;width:124px;height:23px;background:#70cde0 url(images/btn-blog-buttons.jpg) no-repeat left bottom;float:left;margin-right:18px;}

div.blog-navigation a.btn-back-to-blog:hover {background-position:right bottom;}

div.blog-navigation a.btn-back-to-blog span {display:none;}

div.blog-navigation span.btn-prev, div.blog-navigation span.btn-next {display:block;width:52px;float:left;margin-right:8px;}

div.blog-navigation span.btn-prev a, div.blog-navigation span.btn-next a {display:block;width:52px;height:23px;overflow:hidden;text-indent:-9999px;background:#70cde0 url(images/btn-blog-buttons.jpg) no-repeat;}

div.blog-navigation span.btn-prev a:hover {background-position:left center;}

div.blog-navigation span.btn-next a {background-position:right top;}

div.blog-navigation span.btn-next a:hover {background-position:right center;}

div.navigation {

height:19px;

width:977px;

margin:0 auto 20px auto;

clear:both;

}

div.navigation .alignleft, .navigation .alignright {

width:101px;

float:left;

margin-right:7px;

}

div.navigation .alignleft a, .navigation .alignright a {

display:block;

width:101px;

height:19px;

overflow:hidden;

background:#70cde0 url(images/btn-pagi.jpg) no-repeat right top;

text-indent:-9999px;

}

div.navigation .alignleft a:hover {

background-position:right bottom;

}

div.navigation .alignright a {

background-position:left top;

}

div.navigation .alignright a:hover {

background-position:left bottom;

}

.commentlist { width:675px;}

.commentlist li { display:block;}

.comments-wrapper {

	color: #FFFFFF;

	padding: 40px 0 0;

}

.comments-wrapper img { padding-right:10px; margin-right:9px; border-right:solid 1px #898888; float:left;}

.fn { float:left;}

.says { display:none;}

.comment-meta a{font-size:13px; float:left; color:#FFF!important; text-decoration:none; margin-left:5px; font-weight:normal;}



.comments-wrapper .commentlist {

	list-style: none;

	margin: 0;

	padding: 0;	

	border-top:solid 1px #898888;

	padding:12px 0px;

}

.comment-body { border-bottom:solid 1px #898888; padding-bottom:14px;}

.comment-body p { float:left; width:590px!important; padding-top:0px!important; margin-top:0px!important;}

.comment-body a.url { text-decoration:none; font-size:13px; font-weight:bold;}

a.comment-reply-link { display:none;}

.comments-wrapper .commentlist li {

	margin: 0 0 15px;

	padding: 0;	

}



.comments-wrapper a:link, .comments-wrapper a:active, .comments-wrapper a:visited {

	color: #67D8F9;	

}



.comments-wrapper a:hover {

	color: #FFFFFF;	

}



#submit {

	text-transform:uppercase; font-weight:bold;

	border: 0;

	width: 118px;

	padding:0;

	background: #67D8F9 none;

}



ul#blogFooterFeature {float:left; clear:left; margin-top:60px; margin-bottom:50px;}

ul#blogFooterFeature li {float:left; display:inline; margin-right:10px; width:319px;}

ul#blogFooterFeature li img {border:#878a8a 1px solid;}

ul#blogFooterFeature li.leadOut {clear:none;}

ul#blogFooterFeature li span.categoryHeading {width:319px; height:25px; float:left; display:block; background-color:#67d8f9; margin-top:10px; font-size:16px; color:#292828; text-indent:6px;}

ul#blogFooterFeature li p {font-size:14px; color:#ffffff; float:left; clear:left; width:319px; margin-top:8px; line-height: 22px;}

div#blogFooterFeature {float:left; clear:left; margin-top:60px; margin-bottom:20px;}

div#blogFooterFeature div.cols {position:relative;padding-bottom:26px;float:left;margin-right:10px; width:319px;}

div#blogFooterFeature div.cols img {border:#878a8a 1px solid;}

div#blogFooterFeature div.leadOut {margin:0;}

div#blogFooterFeature div.cols span.categoryHeading {width:319px; height:25px; float:left; display:block; background-color:#67d8f9; margin-top:10px; font-size:16px; color:#292828; text-indent:6px;}

div#blogFooterFeature div.cols span.categoryHeading a {color:#292828;text-decoration:none;}

div#blogFooterFeature div.cols p {font-size:14px; color:#ffffff; float:left; clear:left; width:319px; margin-top:8px; line-height:20px;}

div#blogFooterFeature div.cols .readMore {position:absolute;left:0px;bottom:0px;height:22px;display:block;margin:0px;background:transparent !important;}

div#blogFooterFeature div.cols .readMore a {width:118px; display:block;padding:0px;margin:0px;background:#70cde0 url(images/bg-readmore.jpg) no-repeat left bottom;overflow:hidden;text-indent:-9999px;}

div#blogFooterFeature div.cols .readMore a:hover {background-position:left top;}



div#featureBlogPost {width:450px; height:auto; float:left; margin-top:20px;}

div#featureBlogPost h2 {color:#fbfdfd; font-size:33px; font-weight:normal;}

div#featureBlogPost span.datePosted {color:#70cde0; font-size:14px; line-height: 22px; margin-top:7px; float:left; font-weight:bold;}

div#featureBlogPost p {font-size:15px; line-height:22px; color:#FFF; margin-top:5px; float:left; margin-bottom:12px; width:100%;}

div#featureBlogPost div.shareWrapper {float:left; margin-top:12px; clear:left;}

div#footerLinks ul {margin-top:35px;}

div#footerLinks ul li ul {margin-top:8px; float:left; clear:left; margin-left:8px;}

div#footerLinks ul li ul li {float:left; clear:left; font-size:14px; color:#FFF; line-height:1.3em;}

div#footerLinks ul li ul li a {color:#FFF; text-decoration:none;}

div#footerLinks ul#blogFooterFeature li span.categoryHeading {width:319px; height:20px; float:left; display:block; background-color:#67d8f9; margin-top:10px; padding-top:5px;}

div#footerLinks div#blogFooterFeature .cols span.categoryHeading {width:319px; height:20px; float:left; display:block; background-color:#67d8f9; margin-top:10px; padding-top:5px;}

img#icoGreater {float:none !Important; vertical-align:middle; margin-left:2px;}



#requestaq {background:#EEEEEE;display:none;}



div#footer {color:#bdbdbd; font-size:11px; margin:0 auto; width:980px; padding-bottom:25px; padding-top:10px;clear:both;}

.clear { clear:both;}

.fl { float:left;}

.awaiting { font-size:11px; float:right;}


