/* -------------------------------------------------------------- 
Theme Name: Gr8pixel
Theme URI: http://gr8pixel.com
Description: Gr8pixel.com - where creativity is passion! - Online Design Portfolio of Shantha Abeyrathne - Multimedia Consultant - web . print . branding . interactive
Author: Shantha Abeyrathne
Version: v3.0
-------------------------------------------------------------- */

/*********************************************************************************************************
1.) Basic Layout and commonly used container classes
**********************************************************************************************************/

/*Small reset*/
body, ul, ol, h1,h2,h3,h4,h5,h6,form,li,p{margin:0; padding:0;}

body{
font-size:1em;
font-family: "Swiss721 BT", "Helvetica LT Std", "HelveticaNeue", "Helvetica 55 Roman", Arial, sans-serif;
line-height:1.375em;
position:relative;
border-top:2px #000 solid;
text-shadow:#ddd 0px 1px 0px;
}

#top{width:960px; margin:0 auto; position:relative; clear:both;}
#main{clear:both; position:relative; padding:20px 0 0 0px; float:left; width:960px; font-size:0.875em; line-height:1.5em;}

#footer{width:960px; height:70px; margin:30px 0 0 0; position:relative; clear:both; padding:35px 0; font-size:0.875em;}
.logo-footer{float:left; background:url(images/logo-gr8pixel-footer.png) no-repeat left center; width:850px;}
.logo-footer ul{padding:5px 0 0 180px; color:#888;}
.logo-footer ul li{border:0; margin:0; padding:0; list-style:none; font-size:12px;}
.logo-footer ul li a{color:#666;}
.logo-footer li.footer-links{font-size:14px; line-height:22px;}

.btn-rss{width:32px; height:32px; display:block; background:url(images/rss_32.png) no-repeat; text-indent:-9999px; float:right;}

.wrapper{clear:both; position:relative; float:left; padding-bottom:20px; width:960px!important; width:961px;}
.wrapper_side{width:300px!important; float:left;}

.box{position:relative; float:left; margin:5px 15px 0 0; padding:0px 15px 0px 0px; display: block; z-index:1;}

.bg_tools{background:url(images/tools.png) no-repeat right top;}
#top .box3{border:none; margin-right:0; padding-right:0;}
.sub-head{font-size:11px; display:block; position:relative; z-index:2; top:-14px; color:#888;}
.rfp-box{height:330px;}
.rfp{line-height:26px;}

.note{font-size:12px; line-height:18px; font-style:italic;}
.note span{color:#74a72e; font-size:24px;}

ul.item-list{border:0; margin:0; padding:0; list-style:none;}
ul.item-list li{background:url(images/tick_16.png) no-repeat left center;}

.services_list{height:330px;}
.services_list ul, .contact_icons ul li{border:0; margin:0; padding:0; list-style:none;}
.services_list ul li{line-height:26px; text-indent:24px; margin-top:0px;}
.services_list ul li:last-child{margin-bottom:5px;}

.services-web{background:url(images/web_16.png) no-repeat left center;}
.services-brand{background:url(images/brand_16.png) no-repeat left center;}
.services-print{background:url(images/print_16.png) no-repeat left center;}
.services-wordpress{background:url(images/wordpress_16.png) no-repeat left center;}
.services-psd-html{background:url(images/psd_html_16.png) no-repeat left center;}
.services-seo{background:url(images/seo_16.png) no-repeat left center;}
.services-marketing{background:url(images/marketing_16.png) no-repeat left center;}
.services-creative-consulting{background:url(images/creative_consulting_16.png) no-repeat left center;}
.services-social{background:url(images/social_16.png) no-repeat left center;}
.services-hosting{background:url(images/hosting_16.png) no-repeat left center;}

.contact_list{height:330px;}
.contact_list ul, .contact_icons ul li{border:0; margin:0; padding:0; list-style:none;}
.contact_list ul li{line-height:26px; text-indent:24px; margin-top:0px;}
.contact_list ul li:last-child{margin-bottom:5px;}

.contact-email{background:url(images/email_16.png) no-repeat left center;}
.contact-twitter{background:url(images/twitter_16.png) no-repeat left center;}
.contact-skype{background:url(images/skype_16.png) no-repeat left center;}
.contact-iPhone{background:url(images/iphone_16.png) no-repeat left center;}
.contact-location{background:url(images/location_16.png) no-repeat left center;}
.contact-facebook{background:url(images/facebook_16.png) no-repeat left center;}

.box_small{width:299px; z-index:2;}
.box_medium{width:630px;}
#top .box_big{width:960px; border:none;}
.box .box1{margin-right:15px;}
.box .box2{padding-right:0; margin-right:0; border-right:0; width:301px;}


/*********************************************************************************************************
2.) Head Area: 
**********************************************************************************************************/	

#head{height:250px; margin:0 auto; position:relative; width:960px; z-index:5;}
#head .logo a{position:relative; left:300px; top:50px; display:block; height:110px; width:360px; text-indent:-9999px; outline:none;}

.available{position:absolute; right:-20px; top:50px; z-index:5; background:url(images/btn-available.png) no-repeat top; width:119px; height:114px;}
.available:hover{background:url(images/btn-available.png) no-repeat bottom;}

/*image slider*/

#featured{height:410px; clear:both; position:relative;}
.featured_item{position:absolute; width:292px; top:100px; left:318px; z-index:1; overflow:hidden; cursor:pointer;}

#top .featured_item_active{position:absolute; width:612px; top:25px; left:174px; z-index:3;}
#top .featured_item_active img{width:600px;}
#top .featured_item_last, #top .featured_item_upcoming{width:392px; left:50px; top:75px; z-index:2;}
#top #featured .featured_item_upcoming{left:500px;}
#top #featured .featured3{left:647px;}
#top #featured .featured4{left:0px;}

.featured_item img{width:280px;}
#top .featured_item_last img, #top .featured_item_upcoming img{width:380px;}
.item, .wrapper img{padding:5px;}
.item_shadow{margin:0 auto;}
.featured_item img{display:block; position:relative;}

.additional_info{position:relative; clear:both; padding:25px 0;}
.additional_info h3{width:770px; padding:0;}
.additional_info h3 a{text-decoration:underline; color:#01282e;}
.additional_info h3 a:hover{text-decoration:none;}
.additional_width{width:950px;}

#twitterbox{min-height:66px;}
#twitterbox h3{padding:0 0 0 105px; width:850px; text-indent:0px;}
#twitterbox h3 a{color:#01282e;}
#tweet_follow{height:64px; left:0; position:absolute; top:28px; width:64px; text-indent:-9999px;}

#head #searchform{position:absolute; right:-4px; bottom:5px; width:264px; height:30px;}

/*alternate image slider*/

.featured_alternate{top:10px; position:absolute; z-index:1; border:none;}

#top .featured_alternate:hover, #top .featured_alternate:hover img{border:none;}
#top .featured_alternate_active{z-index: 2;}

/*navigation*/

#top #nav{left:0px; top:85px;}
#nav, #nav ul{margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; z-index:5;}
#top #nav a{display:inline-block; padding:10px; text-decoration:none; text-align:center; outline:none; z-index:10; position:relative; float:left; margin:0 5px 0 0; font-size:18px; text-shadow:#ddd 0px 1px 0px;}

#top #nav .current_page_item a{font-weight:bold;}
#top #nav .current_page_item ul a{font-weight:normal;}
#top #nav ul a{line-height:33px;}
#top #nav li{float:left; position:relative; z-index:20; margin-top:11px;}
#top #nav li li{border-left:none; margin-top:0;}
#top #nav ul {display:none; left:-19px; position:absolute; top:35px; width:172px;}
#top #nav li ul a{width:128px; height:auto; float:left; text-align:left; padding:0 21px;}
#top #nav ul ul{top:auto; border-top:none;}
#top #nav li ul ul{left:171px; top:-1px;}
#top #nav li:hover ul ul, #top #nav li:hover ul ul ul,#top  #nav li:hover ul ul ul ul{display:none;}
#top #nav li:hover ul, #top #nav li li:hover ul, #top #nav li li li:hover ul, #top #nav li li li li:hover ul{display:block;}
#top #nav li ul a{border-top:none;}


/*********************************************************************************************************
3.) Additional info Area: 
**********************************************************************************************************/	

.advanced_button{height:60px; width:180px; display:block; text-indent:-9999px;}
.get_in_touch{position:absolute; right:0; top:52px; outline:none;}

/*********************************************************************************************************
4.) Content Area: 
**********************************************************************************************************/	

.entry{width:630px; float:left; clear:both; padding-bottom:30px; position:relative;} 
.entry-head{display:block; position:relative; top:-8px; font-size:0.875em; padding:0 0 0 1px;}
.entry-head a{text-decoration:none;}
.entry-head a:hover{text-decoration:underline;}
.entry-head span{padding:0 5px;}
.entry img{max-width:600px;}
.entry-head .categories{padding:0 5px 0 0;}
.entry li{padding:5px 0 5px 22px;}
.entry ul, .entry ol{list-style-position:inside; list-style-type:none; margin:0; padding:0 0 20px;}

#top .entry ol{list-style-type:decimal;}

.entry-intro{padding-bottom:6px;}

/*********************************************************************************************************
5.) Sidebar area
**********************************************************************************************************/	

.widget ul{list-style-position:outside; list-style-type:none; padding:0; margin:0;}
#top #latest_news .post_name{font-size:1.125em; display:block;}
#top #latest_news a, .widget a{display:block; padding:5px 3px 10px 3px; text-decoration:none;}
.meta_sub{padding-right:4px;}
#top .widget a{padding:6px 3px; width:292px;}
.widget{width:300px; float:left; padding-bottom:30px;}
#sidebar .widget{clear:both;}


/*generic*/
.portfoliobox img{width:280px;}
blockquote{font-size:12px; font-style:italic; margin:0 0 20px; padding:10px 20px 10px 41px;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
a img{border:none;}
p{padding:0 0 1em 0;}
ul, ol{list-style-position:outside; margin-left:20px;}

#sidebar ul, #sidebar ol{margin-left:0px;}
#sidebar li{list-style-type:none;}


h1,h2,h3,h4,h5,h6, legend{font-weight:normal; text-shadow:#fff 0px 1px 0px; clear:both; padding:0 0 5px 0;}

h1{font-size:2em; line-height:2.25em;}				/* 32px - line-height:36px */
h2{font-size:1.75em; line-height:2em;}				/* 28px */
h3, legend{font-size:1.5em; line-height:1.75em;}	/* 24px */
h4{font-size:1.25em; line-height:1.5em;}			/* 20px */
h5{font-size:1em; line-height:1.25em;}				/* 16px */
h6{font-size:0.75em; line-height:1em;}				/* 12px - line-height:16px */


h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{text-decoration:none;} 

blockquote p{padding:11px 0px;}
blockquote{margin:0 0 22px 5px; padding:0 15px;}

.floatleft{float:left;}
.floatright{float:right;}
.clearboth{clear:both;}

.alignleft{float:left; margin:0px 15px 15px 0px;}
.alignright{float:right; margin:0px 0pt 15px 15px;}
.aligncenter{clear:both; display:block; margin:10px auto; padding:10px 0;}

#top .wp-smiley{border:none; padding:0;}

.meta{display:block; position:relative; top:3px; font-size:0.875em; line-height:1.375em;}

.more-link{clear:both; display:block; line-height:20px; padding:0 0 0 16px; text-decoration:none; width:75px;}


/*CONTACT FORM*/	

#searchsubmit, #send, #top #submit{cursor:pointer;}

#s{height:16px; position:absolute; bottom:2px;}

#s, .text_input, .text_area{
padding:4px;
font-family: "Helvetica LT Std", "HelveticaNeue", Helvetica, "Helvetica 55 Roman", "Helvetica Neue", sans-serif;
width:200px;
font-size:0.875em;
}

#searchsubmit, #send, #submit{
padding:4px 20px;
font-family: "Helvetica LT Std", "HelveticaNeue", Helvetica, "Helvetica 55 Roman", "Helvetica Neue", sans-serif;
font-size:0.75em;
}

.hidden{display:none;}

#commentform{padding-bottom:20px;}

fieldset{border:none; padding:0; margin:0; overflow:hidden;}
fieldset label{padding-left:7px;}

.blocklabel{display:block; padding:10px 0 0 0;}

#top .text_area{width:450px;}


/*CONTACT FORM*/	

#send, #top #submit{cursor:pointer;}

#searchsubmit{width:53px; height:34px; padding:0; margin:0; cursor:pointer; text-indent:-9999px; border:none; position:absolute; bottom:-2px; right:0;}

.ajax_form{padding-bottom:30px;}

/* ---------------------- Pagination -------------------*/

.pagination{clear:both; display:block; float:left; padding:0 0 20px 0; position:relative; z-index:3;}
.pagination span, .pagination a{display:block; float:left; font-size:0.75em; line-height:0.875em; margin: 2px 2px 2px 0; display:block; padding:3px 6px; text-decoration:none;}
.pagination .current{font-size:11px; padding:3px 6px;} 

/*commentlist basewidth: width:614px;*/

.commentlist{margin-bottom:20px; float:left; width:100%;}

#top .commentlist #comment{width:70%;}

.commentlist li{width:100%; clear:both; float:left; padding:0; list-style-type:none; padding:20px 0 0 0; position:relative;}
.commentlist .children, .commentlist .children li{border:none;}

#top .commentlist .odd{}
#top .commentlist .even{}

.gravatar{float:left; width:60px; padding:0px 10px; text-align:center;}
.gravatar img{display:block;}
.comment_content{float:left; width:524px; padding-bottom:20px;}
.commentmetadata{float:right; padding-right:10px;}
.commentmetadata a, .comment-edit-link, .comment-reply-link{text-decoration:none; font-size:0.75em;}
.comment-edit-link{padding-left:10px;}

.says{display:none;}
.author_name{font-weight:bold; font-style:normal; font-size:1em; float:left;}
.comment_text{clear:both;}
.comment-reply-link{text-align:center; display:block;}
.commentlist #respond{padding-left:80px;}

#cancel-comment-reply-link{text-decoration:none; margin-left:15px; font-size:0.688em;}

.commentlist .children{padding:0 0 0 70px;}
.commentlist .children li .comment_content{width:454px;}
.commentlist .children .children li .comment_content{width:384px;}
.commentlist .children .children .children li .comment_content{width:314px;}
.commentlist .children .children .children .children li .comment_content{width:244px;}
.commentlist .children .children .children .children .children li .comment_content{padding:0;}


.comment_nav{position: relative; top:-13px; font-size:0.688em; z-index:4;}
.comment_nav a{text-decoration:none;}
.comment_prev{float:left;}
.comment_next{float:right;}


/*sidebar widgets*/

.widget_categories a, .widget_pages a, .widget_archive a , .widget_recent_entries a, li.recentcomments, .widget_meta a{padding:5px; display:block; text-decoration:none; width:282px; /*change if sidebarwidth changes*/}

/* uncomment this if you want sublevels with indents
.small_box ul ul a{padding-left:25px; width:230px;}
.small_box ul ul ul a{padding-left:45px; width:210px;}
.small_box ul ul ul ul a{padding-left:65px; width:190px;}
*/


#top .widget_tag_cloud a{text-decoration:none; padding:0px 3px; display:inline; border:none; line-height:1.3em;}

.widget_tag_cloud a:hover{text-decoration:underline; font-weight:bold;}

li.recentcomments a{text-decoration:none;}

/*--------------------calendar--------------------*/

#wp-calendar a, #wp-calendar a:visited{display:block; text-decoration:none; padding:0; border:none; width:auto;}
#wp-calendar a:hover{display:block;}
#wp-calendar{empty-cells:show; width:100%; text-align:center;}
#wp-calendar #next a,#wp-calendar #prev a{text-decoration:none; display:block; border:none;}
#wp-calendar #next a:hover,#wp-calendar #prev a:hover{}
#wp-calendar caption{margin-bottom:5px;}