/*  
Theme Name: The Designer
Theme URI: 
Description: 
Version: 
Author: 
Author URI: 
*/

body {
background:url(./images/back.jpg) repeat-x top center #FFFFFF;
text-align:center;
font-family:Helvetica, Arial, 'Sans Serif';
font-size:12px;
color:#555555;
}

#container {
background: url(./images/backcentre.jpg) no-repeat top center transparent;
}

a {
color: #1f628c;
text-decoration: none;
}

a:hover {
color: #4787af;
}

h1, h2, h3, h4, h5, p, ul, ol, blockquote, q {
margin:0 0 20px 0;
}

.alignleft, .thumb {
float:left;
display:block;
margin:0 20px 20px 0;
}

.alignright, .avatar {
float:right;
display:block;
margin:0 0 20px 20px;
}

span.avatar {
width:90px;
padding:0 20px 0 0;
}

h1 {
font-size:25px;
font-weight:bold;
}

h2 {
font-size:26px;
font-weight:bold;
}

h3 {
font-size:16px;
font-weight:bold;
}

h4 {
font-size:15px;
color: #555555;
font-weight:bold;
line-height:18px;
}

p, ul, ol {
line-height:24px;
}

small {
font-size:11px;
display:block;
}

.clear {
clear:both;
}



#page {
width:960px;
display:block;
margin:auto;
text-align:left;
}

#header {
display:block;
height:180px;
position:relative;
z-index:1000;
background: url(./images/headerline.png) repeat-x bottom left;
background-color:#E3AE44;
}

#header h1 {
margin:25px 0 0 0px;
display:block;
float:none;
font-size:40px;
line-height:50px;
text-align:center;
}

#header h1 a {
color: #FFF;
}

#header ul {
display:block;
float:left;
position: absolute;
top:155px;
right:160px;
}

#header ul li {
display:block;
float:left;
background: url(./images/menuline.png) no-repeat center right;
position:relative;
}

#header ul li.rss {
background: none;
}

#header ul li.rss a {
margin:0 0 0 20px;
}

#header ul li a {
font-size:15px;
color: #FFFFFF;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
margin:0 20px;
text-shadow: #4a738d 2px 2px 1px;
}

#header ul li a:hover, #header ul li.current_page_item a, #header ul li.current-cat a, #header ul li.current-menu-item a {
color: #d7eaf5;
}

#header ul li.current_page_item ul li a {
color: #FFF;
}

#header ul li.current_page_item ul li a:hover {
color: #99bdd4;
}

#header ul li.last {
background: none;
}

#header ul li.last a {
margin-right:0px;
}

#header ul ul {
position:absolute;
display:none;
top:20px;
padding-top:5px;
left:0px;
width:203px;
z-index:2000;
}

#header ul ul ul {
position:absolute;
top:-1px;
left:200px;
width:203px;
}

#header ul ul li {
background: none;
width:203px;
background: url(./images/dropdown.png) no-repeat center left;
padding:5px 0;
border-bottom:1px solid #4c81a3;
}

#header ul ul li.top {
background: url(./images/dropdown.png) no-repeat top left;
padding-top:20px;
}

#header ul ul ul li.top {
background: url(./images/dropdown.png) no-repeat -13px left;
padding:6px 0 5px 0;
}

#header ul ul li.bottom {
background: url(./images/dropdown.png) no-repeat bottom left;
padding-bottom:5px;
}

#header ul ul li a {
font-size:13px;
text-shadow: none;
font-weight: normal;
}

#banner {
display:block;
padding:30px 50px;
overflow: hidden;
text-align: center;
}

#banner h2 {
color: #999999;
margin:0px 0 5px 0;
line-height:30px;
font-size:24px;
}

#banner h4, #banner p {
color: #d7eaf5;
line-height:30px;
margin:0px;
font-size:22px;
font-weight:normal;
}

#banner h4 a, #banner p a { color: #FFF; }

#slider {
display:block;
overflow: hidden;
position:relative;
height:300px;
width:960px;
padding:2px 1px 0 0;
}

#slider ul#slides {
display:block;
position:absolute;
top:20px;
left:0px;
width:959px;
height:300px;
z-index:40;
}

#slider ul#slides li {
display:block;
position:absolute;
top:0px;
left:0px;
width:958px;
height:300px;
}

/* BANNER TEXT FUNCTION (creates a banner based on the title of the respective post) 

#slider ul#slides li .text p {
display:block;
margin: 0px;
position:absolute;
bottom:80px;
z-index:1000;
left:20px;
}

#slider ul#slides li .text p span {
display:block;
float:left;
background: url(./images/sliderp.png) no-repeat top left;
line-height:35px;
height:40px;
padding:0 0 0 20px;
font-size:12px;
text-transform:uppercase;
color: #FFF;
}

#slider ul#slides li .text p span.right {
display:block;
float:left;
padding:0;
background: url(./images/sliderp.png) no-repeat top right;
width:20px;
height:40px;
}

#slider ul#slides li .text h4 {
display:block;
margin: 0px;
z-index:1001;
position:absolute;
bottom:20px;
left:20px;
}

#slider ul#slides li .text h4 a {
color: #FFF;
text-decoration: none;
}


/* Change text position in slider banner 
#slider ul#slides li .text h4 span {
display:block;
float:left;
background: url(./images/sliderh4.png) no-repeat top left;
line-height:55px;
height:68px;
padding:0 0 0 20px;
font-size:20px;
text-transform:uppercase;
color: #FFF;
}



#slider ul#slides li .text h4 span.right {
display:block;
float:left;
padding:0;
background: url(./images/sliderh4.png) no-repeat top right;
width:20px;
height:68px;
}

/* END BANNER TEXT FUNCTION */

/* Fade effect at bottom of banner images
#slider .overlay {
display:block;
background:url(./images/bannerfade.png) repeat-x bottom left;
height:159px;
bottom:0px;
left:0px;
width:960px;
z-index:45;
position:absolute;
}
End Fade effect at bottom of banner images */

/* Position of slider left arrow */
#slider .arrowleft {
display:block;
width:49px;
height:48px;
position:absolute;
bottom:5px;
right:80px;
background: url(./images/arrows.png) no-repeat;
z-index:100;
text-indent: -9999px;
}

#slider .arrowleft .hover {
display:none;
width:68px;
height:66px;
position:absolute;
top:0px;
left:0px;
background: url(./images/arrowshover.png) no-repeat;
z-index:100;
}


/* Position of slider right arrow */
#slider .arrowright {
display:block;
width:49px;
height:48px;
position:absolute;
bottom:5px;
right:30px;
background: url(./images/arrows.png) no-repeat right top;
z-index:100;
text-indent: -9999px;
}

/* Slider right arrow hover function*/
#slider .arrowright .hover {
display:none;
width:48px;
height:49px;
position:absolute;
top:0px;
right:0px;
background: url(./images/arrowshover.png) no-repeat right top;
z-index:100;
}

.featuredwork {
display:none!important;
background: url(./images/featuredworkribbon.png) no-repeat;
top:0px;
left:50%;
margin-left:298px;
width:185px;
position:absolute;
height:115px;
z-index:200;
}

#testimonials {
display:block;
padding:10px 0 20px 0;
border-bottom:1px solid #e5e5e5;
overflow: hidden;
margin:0 0 20px 0;
}

#testimonials blockquote {
display:block;
float:left;
margin:0px;
width:630px;
}

#testimonials blockquote p {
margin: 0px;
color: #888888;
font-size:16px;
font-style: italic;
padding:0 0 0 25px;
background: url(./images/quote.png) no-repeat top left;
line-height:24px;
}

#testimonials blockquote p span {
font-size:11px;
font-weight: bold;
color: #999999;
text-transform: uppercase;
font-style:normal;
}

#testimonials a.testimonialslink {
display:block;
width:300px;
height:35px;
background: url(./images/button.png) no-repeat;
color: #FFF;
line-height: 35px;
font-size:15px;
float:right;
text-align: center;
text-transform: uppercase;
text-decoration: none;
margin:10px 0 0 0;
}

#homewidgets {
display:block;
overflow: hidden;
margin:0 0 30px 0;
}

#homewidgets .widget {
width:300px;
display:block;
float:left;
position:relative;
margin:0 30px 0 0;
}

#homewidgets .widgetright {
margin:0 0 0 0;
}

#homewidgets .widget h4 {
text-transform: uppercase;
}

#sidebar .widget ul {
margin:0px;
list-style: none!important;
}

.widget ul li {
display:block;
overflow: hidden;
clear:both;
margin:0px 0 20px 0;
}

.widget h5 {
margin-bottom:0px!important;
}

.widget ul.services li .left {
float:left;
display:block;
width:60px;
}

.widget ul.services li .right {
float:right;
display:block;
width:240px;
}

.widget ul.services li h3 {
font-size:12px;
font-weight: bold;
margin:0px;
color: #333333;
line-height:22px;
}

.widget ul.services li p {
line-height:22px;
margin:0px;
}

.widget ul.latestfromtheblog li {
margin:0 0 8px 0;
padding:0 0 8px 0;
border-bottom:1px solid #e3e3e3;
}

.widget ul.latestfromtheblog li p {
margin:0px;
line-height:20px;
}

.widget ul.latestfromtheblog li small {
line-height:18px;
color: #808080;
text-transform: uppercase;
}

.widget ul.latestfromtheblog li h5 {
margin:0 0 0px 0;
font-size:14px;
line-height:18px;
}

.widget ul.latestfromtheblog li.firstpost h5 {
margin-bottom:5px;
}

.widget ul.latestfromtheblog li.firstpost p {
margin-bottom:10px;
}

.widget ul.latestfromtheblog li.firstpost p span {
font-weight:bold;
font-size:11px;
}

.widget ul.latestfromtheblog li img {
margin:4px 10px 0 0;
}

.widget .twitter {
display: block;
position:relative;
padding:0 0 35px 0;
overflow: hidden;
}

.widget .twitter ul {
display:block;
background: url(./images/twitterback.jpg) no-repeat;
padding:10px 20px;
color: #FFF;
}

.widget .twitter a {
color: #FFF;
}

.widget .twitter ul li {
border-bottom:1px solid #367298;
margin:0 10px;
padding:10px 0;
display:block;
}

.widget .twitterlink {
display:block;
width:280px;
height:44px;
color: #FFF;
background: url(./images/twitterlink.jpg) no-repeat;
line-height:44px;
padding:0 0 0 20px;
text-transform: uppercase;
}

.widget .twitterlink:hover {
background: url(./images/twitterlinkhover.jpg) no-repeat;
}

.widget .twitter img {
display:block;
position:absolute;
bottom:5px;
right:-10px;
}

.widget .aktt_tweets li.bottom, .widget .aktt_tweets form, .widget .aktt_tweets li.aktt_more_updates, .aktt_credit { display:none!important; }

.aktt_tweets ul, .twitter ul {
margin-bottom:0px!important;
}

.twitter ul li {
margin-bottom:0px!important;
}

#mainarea {
display:block;
width:960px;
margin:0 0 10px 0;
background: #FFF;
overflow: hidden;
}

#topbar {
display:block;
height:46px;
border-top:1px solid #FFF;
border-bottom:1px solid #e5e5e5;
background: #f7f7f7;
margin:0 0 30px 0;
padding:0 0 0 30px;
}

#topbar .breadcrumb {
display:block;
float:left;
padding:12px 0 0 0;
}

#topbar .breadcrumb p {
font-weight: bold;
margin:0px;
}

#topbar .right {
display:block;
float:right;
}

#topbar .right .search {
float:left;
display:block;
padding:8px 20px;
}

#s {
display:block;
padding:5px;
border-left:1px solid #bbbbbb;
border-top:1px solid #bbbbbb;
border-right:1px solid #dedede;
border-bottom:1px solid #dedede;
background: #eaeaea;
color: #555;
width:150px;
float:left;
}

#searchsubmit {
display:block;
float:left;
border:none;
background: url(./images/searchicon.png) no-repeat transparent;
width:21px;
height:21px;
margin:3px 0 0 10px;
}

#topbar .right .rssicon {
background: url(./images/orangerssicon.png) no-repeat center center #efefef;
float:left;
border-left:1px solid #e3e3e3;
width:80px;
height:46px;
display:block;
}

#topbar .right .rssicon:hover {
background-color: #e7e7e7;
}

#contentarea {
padding:0 0 0 30px;
width:570px;
float:left;
display:block;
overflow: hidden;
}

#contentarea.fullwidth {
width:900px;
float:none;
}

#contentarea h1, #sidebar h1 {
font-size:30px;
line-height:40px;
}

#contentarea h2, #sidebar h2 {
font-size:24px;
line-height:30px;
}

#contentarea h3, #sidebar h3 {
font-size:16px;
line-height:24px;
}

#contentarea h4, #sidebar h4 {
font-size:15px;
line-height:24px;
}

#contentarea h5, #sidebar h5 {
font-size:14px;
line-height:24px;
margin:0 0 20px 0;
}

#contentarea h6, #sidebar h6 {
font-size:12px;
line-height:24px;
margin:0 0 20px 0;
}

#contentarea ul, #sidebar.sidebarportfolio ul {
list-style: url(./images/bullet.png) outside;
margin:0 0 20px 20px;
}

#sidebar .widget h4 {
font-size:15px;
line-height:24px;
}

#sidebar .widget ul {
list-style: none outside!important;
margin:0 0 20px 0;
}

#sidebar .widget p {
margin:0px;
}

#sidebar .widget ul li {
margin:0;
}

#sidebar .widget ul ul {
margin:0 0 0 10px;
}

#contentarea ul li, #sidebar ul li {
margin:0 0 10px 0;
}

#contentarea ol, #sidebar ol {
list-style: decimal outside;
margin:0 0 20px 25px;
}

#contentarea blockquote, #sidebar blockquote {
display:block;
float:left;
margin:0px 0 20px 0;
}

#contentarea blockquote p, #sidebar blockquote p {
margin: 0px;
color: #888888;
font-size:16px;
font-style: italic;
padding:0 0 0 25px;
background: url(./images/quote.png) no-repeat top left;
line-height:24px;
}

#sidebar blockquote small {
font-weight: bold;
margin:10px 0 0 25px;
}

.post {
margin:0 0 40px 0;
display:block;
overflow: hidden;
}

.portfoliothumbs {
display:block;
width:570px;
position:relative;
height:232px;
overflow: hidden;
float:left;
}

#portfoliothumbsonsingle {
margin:0 30px 30px 30px;
width:900px;
height:300px;
}

.portfoliothumbs ul.mainimage {
list-style: none;
margin:0px!important;
position:absolute;
top:0px;
left:0px;
width:570px;
height:232px;
display:block;
z-index:80;
}

.portfoliothumbs ul.mainimage li {
position:absolute;
top:0px;
left:0px;
width:570px;
height:232px;
display:block;
z-index:80;
}

.portfoliothumbs .overlay {
background: url(./images/portfoliothumbsoverlay.png) repeat-x bottom left;
display:none;
position:absolute;
bottom:0px;
left:0px;
width:1000px;
height:209px;
z-index:90;
}

.portfoliothumbs ul.thumbs {
list-style: none;
margin:0px!important;
position:absolute;
bottom:10px;
display:none;
right:20px;
z-index:100;
}

.portfoliothumbs ul.thumbs li {
display:block;
padding:5px 0 0 0px;
width:105px;
height:60px;
margin:0 ;
overflow: hidden;
float:left;
}

.portfoliothumbs ul.thumbs li.active {
padding:0px;
}

.portfoliothumbs ul.thumbs li a {
float:right;
overflow: hidden;
width:90px;
height:60px;
display:block;
}

.post .thumb {
width:270px;
margin:10px 0 0 0;
float:left;
display:block;
}

#single_portfolioitem {
display: block;
margin:0 25px;
overflow: hidden;
position:relative;
}

#single_portfolioitem ul.mainimage {
display:block;
}

.single_portfoliothumbs {
margin:0 25px;
display:block;
overflow: hidden;
clear:both;
}

.single_portfoliothumbs ul.thumbs {
list-style: none;
float:right;
display:block;
}

.single_portfoliothumbs ul.thumbs li {
display:block;
padding:5px 0 0 0px;
margin:0 0 0 20px;
overflow: hidden;
float:left;
}

.single_portfoliothumbs ul.thumbs li.active {
padding:0px;
}

.single_portfoliothumbs ul.thumbs li a {
float:left;
display:block;
}

.singletopbar {
display:block;
margin:0 25px;
overflow: hidden;
clear:both;
height:40px;
width:910px;
}

.singletopbar ul.meta {
display:block;
float:left;
}

.singletopbar ul.screenshotlinks {
display:block;
float:right;
}

.singletopbar ul li {
display:block;
float:left;
margin:0 0 0 5px;
}

.singletopbar ul.screenshotlinks li a {
display: block;
float:left;
color: #CCC;
background: #EEE;
padding:0px 6px;
}

.singletopbar ul.screenshotlinks li.active a {
color: #333;
}

#morework {
display:block;
overflow: hidden;
clear: both;
margin:0 25px;
border-top:1px solid #EEE;
padding:30px 0 0 0;
}

#morework h5 {
display:block;
float:left;
font-size:24px;
color: #CCC;
padding:10px 0 0 0;
width:150px;
}

#morework h5 span {
font-size:12px;
line-height:40px;
}

#morework ul {
display:block;
float:right;
}

#morework li {
display:block;
text-align: center;
width:150px;
float:left;
margin:0 0 0 20px;
}

.post .entry {
display:block;
width:300px;
margin:6px 0 0 30px;
float:left;
}

.post .archiveentry {
padding:30px 0 30px 30px;
width:540px;
margin:0px;
}

.post .entry h3 {
margin:0px;
color: #555555;
text-transform: uppercase;
font-size:18px;
}

.post .entry small {
text-transform: uppercase;
color:#b3b3b3;
font-size:12px;
}

.post .entry small, .post .entry p {
margin:0 0 10px 0;
}

#comments {
margin:50px 0 0 0;
}

#contentarea ol.commentlist {
display: block;
clear:both;
padding:20px 0 0 0;
margin:0px;
list-style:none;
}

ol.commentlist li {
display:block;
overflow: hidden;
background: #EEE;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin:0 0 20px 0;
padding:20px;
}

ol.commentlist li ul li {
margin:0 0 10px 0;
}

ol.commentlist li h5 {
font-size:16px;
}

ol.commentlist .depth-2 {
margin-left:30px;
}

ol.commentlist .depth-3 {
margin-left:60px;
}

ol.commentlist .depth-4 {
margin-left:90px;
}

.navigation, .wp-pagenavi {
display:block;
margin:0 0 20px 0;
overflow: hidden;
}

.wp-pagenavi a, .wp-pagenavi span {
display: block;
float:left;
margin:0 5px 0 0;
padding:5px 6px;
color: #FFF;
background: #1f628c;
}

.wp-pagenavi span.current, .wp-pagenavi a:hover {
background: #000;
}

.social {
display:block;
overflow: hidden;
}

.social ul {
display:block;
float:left;
list-style: none!important;
margin:0px!important;
background: #EEE;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding:10px 0 0 15px;
}

.social ul li {
float:left;
display:block;
text-transform: uppercase;
font-size:12px;
padding:0 15px 0 0;
color: #555;
}

.social ul li a {
float:left;
display:block;
}

#sidebar ul.tags, .post ul.tags {
list-style: none;
margin: 0px;
}

.taggedin {
display:block;
}

.tags li {
float:left;
display:block;
margin:0 20px 0 0;
}

.tags li a {
padding:0 10px;
float:left;
display:block;
margin:0 10px 0 0;
background: #EEE;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.tags li a:hover {
background: #DDD;
}

.taggedin_single {
display:block;
padding:20px 0 0 0;
}

#sidebar {
display:block;
width:300px;
padding:0 30px 0 0;
float:right;
overflow: hidden;
}

#sidebar .widget, #sidebar .featureswidget {
margin:0 0 40px 0;
background: #EEE;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
display:block;
overflow: hidden;
padding:20px;
}

#sidebar .widget, #sidebar .featureswidget li {
margin:0 0 10px 0;
}

#contactbar {
background: url(./images/contactbar.jpg) no-repeat;
display:block;
height:70px;
margin:0 0 30px 0;
}

#contactbar ul {
display:block;
margin:0px;
padding:10px 0 10px 20px;
}

#contactbar ul li {
float:left;
display:block;
margin:0 20px 0 0;
}

#contactbar small {
font-size:12px;
margin:5px 0 0 0px;
line-height:16px;
color: #999999;
}

#contactbar small.or {
padding:23px 0 0 0;
}

#contactbar p {
font-size:20px;
line-height:22px;
font-weight: bold;
color: #555555;
}

#contactbar p a {
color: #555555;
text-decoration: none;
}

#contactbar img {
float:left;
display:block;
}

#contactbar p a:hover {
color: #000;
}

#contactbar .right {
float:right;
text-align: right;
width:300px;
}

#contactbar .right img {
margin:0 0 0 10px;
float:right;
}

#footer {
display:block;
background: #5E0A0F;
padding:15px 0;
height:30px;
overflow: hidden;
}

#footer .inner {
text-align: left;
width:960px;
margin:auto;
}

#footer p {
color: #FFF;
float:left;
display: block;
line-height:30px;
text-transform: uppercase;
}

#footer p a {
color: #FFF;
text-decoration: none;
}

#footer p a:hover {
color: #CCC;
}

#footer ul {
display: block;
float:right;
}

#footer ul li {
display: block;
float:left;
margin:0 10px 0 0;
}

/*  To remove categories text on top menu if there are no categories */