/* 
default stylesheet for http://www.pauldaniel.com.au
Updated 2009-09-14
*/

/* GLOBAL HTML ELEMENT STYLING */
body						{ font-size:75%; margin:0; padding:0; text-align:center; color:#333; line-height:1.6; font-family:Georgia, Helvetica, Arial, sans serif; }
html > body					{ font-size:12px; }  /* All other browsers */

a, a:link, a:visited		{ text-decoration:none; outline:none; color:#d60c8c; } /*#00ADEE blue, #d60c8c pink */
a:hover, a:active			{ background-color:#d60c8c; color:#fff; text-decoration:none;  }
a img, a:hover img 			{ background:none; border:0; }

h1, h2, h3, h4, h5, h6 		{ margin:0 0 5px 0; padding:0; line-height:1.3; letter-spacing:-0.04em;}

h1 							{ font-size:2.25em; margin:0 0 15px 0; }
h2 							{ font-size:2.0em; font-weight:normal; }
h3 							{ font-size:1.6em; color:#d60c8c; font-weight:normal; }
h4 							{ font-size:1.4em; color:#222; margin:0 0 15px 0; }
h5 							{ font-size:1.2em; color:#d60c8c; margin:0 0 7px 0; padding:0; }
h6 							{ font-size:1.25em; color:#d60c8c; }

p 							{ color:#333; line-height:1.6em; margin:0 0 15px 0; }

ul, ol						{ margin:0 0 15px 0; }
ul							{ list-style-type:disc; margin-left:0; color:#49595f; }
img							{ margin:0; padding:0; border:none; }
strong      				{ font-weight:bold; }
em          				{ font-style:italic; }
abbr						{ border-bottom:1px dotted #ccc; cursor:help; }
code        				{ font:11px Monaco, monospace; background:#ffefaf; border-bottom:1px solid #ffde43; line-height:1.6; padding:0 2px; }
table						{ font-size:12px; }

hr 							{ background:#000; color:#000; clear:both; float:none; width:100%; height:0.1em; margin:0 0 1.4em 0; border:none; }
* html hr 					{ margin:0 0 1.2em 0; } /* IE6 fix */

/* GLOBAL LAYOUT REGION STYLES */
#wrapper					{ margin:0 auto; padding:0 20px; text-align:left; width:960px; }
#header 					{ position:relative; height:70px; margin:0; padding:0; }
#content 					{ position:relative; margin:0; padding:10px 0 0 0; }
#main 						{ float:left; display:block; width:100%; padding:0; }
#right						{ float:right; display:block; width:270px; margin:0; padding:0; }
#footer-wrapper				{ margin:20px 0 0 0; text-align:center; padding:0; width:100%; background:#f9f9f9; }
#footer						{ background:url('../images/global/bg-footer.png') no-repeat top center; clear:both; position:relative; display:block; width:960px; margin:0 auto; padding:30px 0; text-align:left; }
#page-node-3 #main			{ width:100%; }
#main.left					{ width:650px; }
#node-3						{ float:left; margin:0 0px 0 0; padding:0; width:466px; }
#contact-form				{ float:right; margin:0; padding:0; width:466px; }

a.imagecache,
.image a,
.screenshot a				{ background:none; border:0; }

#page-homepage h1.title,
#page-play h1.title			{ display:none; }

/* CLEARING STYLES */
.clear 						{ clear:both; }
.clear:after,
.container:after			{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
* html .clear 				{ height:1%; }


/* GLOBAL TEXT AND LIST CLASSES AND IDs */
h2.position-statement		{ display:block; font-weight:normal; font-size:3.2em; line-height:1.3; margin:0 0 20px 0; padding:0 0 20px 0; color:#333; border-bottom:1px dotted #d60c8c; }

ul.bullet					{ list-style-image:url('../images/global/bullet.gif'); margin:0 0 0 2px; }
ul.bullet li				{ margin:0; padding:0; font-size:11px; line-height:22px; color:#666; }

.copyright					{ width:217px; float:left; }
.copyright h6				{ color:#444; font-weight:normal; font-size:12px; line-height:1.6; margin:1em 0; }
.form-item					{ margin:0; padding:0; }
img.right					{ float:right; margin:0 0 15px 15px;}


/* TEXT AND LIST CLASSES AND IDs REGION OVERRIDES */
#header h1 					{ margin:0; }
#header h1 a 				{ position:absolute; top:40px; left:0px; width:144px; height:15px; text-indent:-999em; background:url('../images/global/bg-sprite.png') 0 -190px no-repeat; }
h1.title,
h2.position-statement 		{ border-bottom:1px dotted #d60c8c; margin-bottom:20px; padding-bottom:10px; font-size:4em; font-weight:normal; }
p.first						{ line-height:1.3em; font-size:20px; font-weight:normal; color:#444; margin:15px 0; }
#right h2 					{ margin:1em 0 0.3em 0; padding:0; font-weight:normal; color:#000; }
#right ul					{ list-style-type:none; }
#footer h2					{ margin-bottom:1em; font-size:1.4em; }
#footer p					{ font-size:0.9em; color:#666; }

/* WORK AND PLAY MAIN VIEW REGIONS */
#featured					{ float:left; width:465px; }
#recent						{ position:relative; float:right; margin:0; padding:0; width:495px; }
#recent h2					{ text-indent:30px; }
#older, #categories, #all	{ clear:both; position:relative; margin:50px 0 0 0; padding:0; width:990px; }
#categories					{ margin-top:20px; }

/* GENERIC POST SETTINGS */
.post						{ position:relative; float:left; width:217px; height:285px; overflow:hidden; margin:0 0 0 30px; padding:0; }
.post a img					{ margin-bottom:0; }
.post h3.title				{ margin:0 0 0.3em 0; font-size:1.3em; color:#333; }
.post p						{ margin:0; padding:0; font-size:0.95em; line-height:1.5; }
.post p.date				{ margin:0 0 0.5em 0; padding:0; color:#999; font-size:0.9em; }
.post p.continue			{ position:absolute; bottom:0; left:0; margin-bottom:0; }
.post .comment-count		{ position:absolute; bottom:5px; right:0; font-family:Times, serif; font-size:12px; font-weight:bold; width:25px; height:21px; margin:0; text-align:center; background:url('../images/global/bg-sprite.png') -220px -190px no-repeat; color:#fff; }

/* FEATURE POST OVERRIDES */
.post.feature				{ width:465px; height:565px; margin:0; padding:0; background:#f6f6f6; }
.post.feature div.content	{ margin:0; padding:10px; border:none; }
.post.feature h3.title		{ margin:0 0 4px 0; padding:0; font-size:2em; font-weight:normal; }
.post.feature p				{ bottom:10px; font-size:1em; left:10px; }
.post.feature p.continue	{ bottom:10px; left:10px; }
.post.feature h6.comment-count{ bottom:10px; right:10px; }


/* RECENT POST OVERRIDES */
#recent div.post			{ margin-bottom:25px; }
.post.reveal				{ position:relative; height:270px; overflow:hidden; }
.post.reveal img			{ position:absolute; top:0; left:0; width:217px; height:270px; z-index:10; }
.post.reveal div.content 	{ display:block; height:270px; margin:0 0 20px 0; padding:10px 10px 0 10px; background:#f6f6f6; }
.post.reveal h3				{ font-size:1.7em; }
.post.reveal p.continue		{ bottom:10px; left:10px; }
.post.reveal h6.comment-count{ bottom:10px; right:10px; }


/* SMALL/OLDER POST OVERRIDES */
.post.small					{ margin:0 30px 30px 0; padding:0; }

/* LIST POST OVERRIDES */
.post.list					{ position:relative; height:35px; width:270px; margin:0 0 5px 0; padding:0; border-bottom:1px dotted #ccc; }
.post.list h3.title			{ color:#333; font-size:1.2em; margin-bottom:0; }
.post.list p.date			{ margin:0; }
.post.list h6.comment-count	{ top:0; }


/* FULL PAGE POST STYLES */
.full-post 					{ position:relative; width:650px; margin:0 30px 0 0; padding:0 }
.full-post.work 			{ width:980px; margin:0; padding:0 }
.full-post h5.date			{ color:#d60c8c; font-weight:normal; float:left; }
.full-post p				{ font-size:14px; color:#555; }
.full-post p.first			{ line-height:1.3em; font-size:20px; font-weight:normal; color:#444; margin:15px 0; }
.full-post p strong			{ color:#333; }
.full-post .title-block 	{ border-bottom:1px dotted #d60c8c; margin-bottom:20px;}
.title-block h1				{ border-bottom:none; margin-bottom:0; padding-bottom:10px; font-size:4em; font-weight:normal; }

.display 					{ width:650px; margin:15px 0 0 0; background:#f9f9f9;}
.display img				{ margin:0; padding:0; border:none; }
.display .image				{ float:left; width:460px; margin:0 0 -6px 0; padding:0; }
.display .image	a			{ margin:0; padding:0; }
.display .description		{ float:left; width:170px; height:325px; padding:10px; margin:0; background:#f9f9f9 url('../images/global/bg-featured.png') top repeat-x; }
.display .description h4	{ font-size:14px; color:#444;}
.display .description p		{ font-size:12px; color:#666; text-align:left;}


/* FULL PAGE WORK CASE STUDIES */
.full-post.work .details	{ width:500px; float:left; margin:0; padding:0 }
.full-post.work .screenshot	{ width:460px; float:right; margin:0; padding:0 }

ul.job-details				{ margin:0 0 0 16px; padding:0; list-style-image:url('../images/global/bullet.gif'); }
ul.job-details li			{ padding:5px 0; font-size:11px; color:#666; }
ul.utility-links			{ margin:20px 0; padding:0; list-style-type:none; }
ul.utility-links li			{ display:inline; padding-right:15px; font-size:11px; color:#d60c8c; }


/* FULL PAGE POST LINKS STYLES - used in taxonomy and comment links */
ul.links					{ display:block; float:left; list-style-type:none; font-weight:normal; height:15px; margin:3px 15px; padding:0; }
ul.links li					{ display:block; float:left; margin:0; padding:0 15px; height:15px; border-left:1px dotted #d60c8c; list-style-type:none; font-weight:normal; text-transform:uppercase;}
ul.links li a				{ margin:0; padding:0; font-size:12px; height:12px; line-height:12px;}


/* FULL PAGE COMMENT STYLES */
#comments,
#comments .box				{ width:660px; margin:50px 0; padding:15px 0; border-top:1px dotted #d60c8c;}
.comment					{ width:660px; margin:0 0 30px 0;}
.comment p					{ margin:5px 0; font-size:16px; color:#555; font-style:italic;}
.comment .content			{ display:block; float:left; width:410px; padding:5px 20px 5px 40px; background:url('../images/global/quote-separator.png') top left no-repeat; min-height:70px; }
.comment .meta				{ display:block; float:left; width:150px; padding-top:10px; margin:0 20px 20px 0; }
.comment .meta h4,
.comment .meta h5			{ font-size:13px; margin:0 0 5px 0;}
.comment .meta h5			{ color:#555; font-weight:normal; }
.comment ul.links			{ margin:0; }
.comment ul.links li		{ font-family:"Lucida Grande", "Lucida Sans", helvetica, arial, sans-serif; border-left:none; padding:0 15px 0 0;}
.comment ul.links li a		{ font-size:10px; }
.indented .comment			{ margin:-10px 0 30px 10px;}
.indented .comment .content	{ width:390px; background:url('../images/global/quote-reply-separator.png') top left no-repeat;}

#comments #edit-comment-wrapper	{ width:270px; height:auto; }
#comments #edit-comment-wrapper textarea { background:#f9f9f9; border:1px solid #ccc; }

#comments #edit-mail-wrapper input { float:left; margin-right:10px; }
#comments #edit-mail-wrapper .description {  font-style:italic; color:#999;}
#comments .form-item		{ margin:5px 0; height:25px; }
#comments label				{ width:100px; display:block; float:left;}
#comments input.form-text	{ background:#f2f2f2; padding:3px; width:150px; border:none;}

#webform-client-form-32 .form-item {margin:5px 0;}
#webform-client-form-32 label { width:130px; display:block; float:left;}
#webform-client-form-32 input.form-text	{ background:#f9f9f9; padding:3px; width:328px; border:1px solid #ccc; }
#webform-client-form-32 textarea { background:#f9f9f9; border:none; padding:3px; margin:0; width:328px; height:200px; border:1px solid #ccc; }
.resizable-textarea { width:328px; }
#webform-client-form-32 input#edit-submit { position:relative; left:130px; }
#webform-client-form-32 .grippie { position:relative; left:130px; }
#comment-form .grippie { position:relative; left:100px; }

/* WEB PROCESSES AND DESIGN SERVICES */
#web-processes				{ position:relative; clear:both; margin:30px 0 30px 0; padding:20px 0 0 0; width:960px; border-top:1px dotted #d60c8c; }
#web-processes div.inner	{ margin:0; }
.web-process				{ width:300px; padding:0; float:left; margin:0 30px 0 0; overflow:hidden; }
.web-process.last			{ margin:0; }

#design-services			{ position:relative; clear:both; margin:30px 0 30px 0; padding:20px 0 0 0; width:960px; border-top:1px dotted #d60c8c; }

h3.service-description		{ margin:10px 0; font-size:22px; color:#666; }
.design-service				{ float:left; margin:0 30px 0 0; width:168px; }
.design-service.last		{ margin:0; }
.design-service img			{ width:168px; height:126px; overflow:hidden; }
.design-service h3			{ height:50px;}


/* RHS CALLOUTS */
#norge-rundt				{ margin:20px 0;}
#norge-rundt h2				{ text-indent:-999em; width:270px; height:80px; margin:0; padding:0; background:url('../images/global/title-norge-rundt.png') no-repeat;}

#random-images				{ margin-top:20px;}
.thumb.right				{ width:80px; height:80px; float:left; margin:5px; }
.thumb.right img			{ margin:0; }


/* NAVIGATION STYLES */
#nav ul.menu				{ position:absolute; top:0; right:0; margin:0; padding:0; list-style-type:none; }
#nav ul.menu li				{ margin:0; padding:0; display:inline; }
#nav ul.menu li a			{ float:left; margin:0 0 0 6px; padding:0; height:59px; background-color:#fff; border-bottom:none; background-image:url('../images/global/bg-sprite.png'); background-repeat:no-repeat; text-indent:-999em; }

#nav ul.menu li#menu-the-work a				{ width:92px; background-position:0 0; }
#nav ul.menu li#menu-the-work a:hover		{ background-position:0 -61px; }
#nav ul.menu li#menu-the-work a.active		{ background-position:0 -122px; }
#nav ul.menu li#menu-the-play a				{ width:85px; background-position:-92px 0; }
#nav ul.menu li#menu-the-play a:hover		{ background-position:-92px -61px; }
#nav ul.menu li#menu-the-play a.active		{ background-position:-92px -122px; }
#nav ul.menu li#menu-the-rest a				{ width:85px; background-position:-177px 0; }
#nav ul.menu li#menu-the-rest a:hover		{ background-position:-177px -61px; }
#nav ul.menu li#menu-the-rest a.active		{ background-position:-177px -122px; }

body.section-work #nav ul.menu li#menu-the-work a {  background-position:0 -122px; }
body.section-play #nav ul.menu li#menu-the-play a {  background-position:-92px -122px; }
body.section-browser-support #nav ul.menu li#menu-the-rest a {  background-position:-177px -122px; }

.categories, .search		{ display:block; float:left; width:217px; margin-left:30px; }
.categories ul 				{ display:block; margin:0; padding:0; list-style-type:none; clear:both; border-bottom:1px dotted #aaa; }
.categories ul li 			{ display:block; margin:0; padding:0; font-size:0.9em; width:100%; height:20px; padding-top:1px; clear:both; border-top:1px dotted #aaa; }
.categories ul li a			{ float:left; }
.categories ul li span		{ float:right; text-align:right; color:#999; }
.categories h4 				{ font-size:0.9em; margin-top:1em; }

#edit-search-block-form-1-wrapper label	{ display:none; }
input#edit-search-block-form-1 			{ border:1px solid #ccc; width:155px; height:16px; float:left;}
.search input.form-submit				{ color:#fff; background:#ccc; width:55px; height:20px; border:1px solid #ccc; }

div#no-ie6 { position:absolute; top:10px; right:10px; display:block; width:105px; height:104px; }
div#no-ie6 h6 a { display:block; text-indent:-999em; width:105px; height:104px; background:url('../images/global/bg-sprite.png') -261px 0 no-repeat; }

/* PAGER STYLES */
.item-list ul.pager 		{ clear:both; text-align:center; }
.item-list .pager li 		{ background-image:none; display:inline; list-style-type:none; padding:0.5em; }
.pager-current 				{ font-weight:bold; }

#ZoomCapDiv 				{ display:none; } /* Hide caption from FancyZoom images */

.messages { color:#d60c8c; padding:1em; font-size:1.4em; font-style:italic; background:#f5f5f5; border: 1px solid #eee;}