/*
Theme Name: Finely Sliced
Theme URI: http://finelysliced.com.au
Description: The 2010 Finely Sliced look and feel.
Author: Ray Stone
Version: 1.0
*/

/*---------------------------------------

	1. RESET

-----------------------------------------*/

* { margin: 0; padding: 0; }
body { background: #121212; font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", Georgia, serif; padding-bottom: 40px; font-size: 100%; border-top: 4px solid #FCE190; }

body.postid-21 { }


/*---------------------------------------

	HEADER

-----------------------------------------*/

/* Colours? */

#wp { padding: 0 0 0 20px; background: #222 url(img/bg.png) top left no-repeat; }

body#original { border-top: 6px solid #CC5737; }
body#original #wp { background-color: #DE643F; }

body#blue { border-top: 6px solid #3F8497; }
body#blue #wp { background-color: #5F9EAF; }

body#blackboard { border-top: 6px solid #121212; }
body#blackboard #wp { background-color: #222; }

#top { position: relative; background: #FCE190; height: 6px; border-bottom: 6px solid #121212; }

#logo { position: absolute; left: 32px; bottom: 30px; display: block; width: 122px; height: 61px; background: url(img/logo.png) no-repeat; }




#header ul { position: absolute; right: 38px; bottom: 24px; width: 650px; list-style: none; text-align: right; font-weight: normal; }
#header ul li { display: inline; font-size: 14px; margin-left: 30px; color: #FFF; }
#header ul li a { display: inline-block; -webkit-transition-duration: .33s; -webkit-transition-property: border color;  }
#header ul li a:link, #header ul li a:visited { color: #FFF; text-decoration: none; border-bottom: 1px solid #222; }
#header ul li a:hover, #header ul li a:active, #header ul li.current_page_item a:link, #header ul li.current_page_item a:visited, #header ul li.current_page_item a:hover, #header ul li.current_page_item a:active  { color: #FFF; text-decoration: none; border-bottom: 1px solid #FFF; }

#header ul li span { display: inline-block; line-height: 26px; padding-left: 30px; background: url(img/phone.png) center left no-repeat; color: #FCE190; }


#header { position: relative; width: 878px; height: 160px; background: url(img/hd-bg.png) bottom left no-repeat; }

/*---------------------------------------

	CONTENT

-----------------------------------------*/


#ct { width: 878px; padding: 37px 0 10px 0; background: url(img/ct-wp-bg.png) top right repeat-y; }

.ct-block { width: 810px; margin: 0 38px 40px 30px; overflow: hidden; }
.ct-witem { width: 810px; margin: 0 38px 40px 30px; padding-bottom: 40px; border-bottom: 1px solid #CCC; overflow: hidden; }

.ct-rt { float: right; width: 270px; }
.ct-rt-wi { float: right; width: 500px; }
.ct-lt { float: left; width: 500px; }
.ct-lt-nr { float: left; width: 270px; }

h1 { font-size: 32px; line-height: 1.4em; margin: 0 38px 32px 30px; padding: 0 0 18px 0; color: #333; font-weight: bold; border-bottom: 2px solid #444; font-style: italic; }
h2 { font-size: 22px; line-height: 1.4em; margin-bottom: 14px; color: #444; }
.ct-lt-nr h2 { margin-bottom: 6px; }
h3 { font-size: 16px; line-height: 1.4em; margin-bottom: 6px; color: #444; }

p { font-size: 14px; line-height: 1.4em; color: #555; margin: 0 0 18px 0;  }
p.block { font-size: 16px; color: #444; font-weight: bold; }


ul.recent { list-style: none; }
ul.recent li { font-size: 16px; font-weight: bold; }

ul.recent li a:link, ul.recent li a:visited { text-decoration: none; }
ul.recent li a:hover, ul.recent li a:active { text-decoration: underline; }

a:link, a:visited { color: #555; text-decoration: underline; }
a:hover, a:active { color: #555; text-decoration: underline; }




/*---------------------------------------

	WORK STUFF

-----------------------------------------*/

p.date { font-size: 13px; color: #666; margin-bottom: 0; border-bottom: 1px solid #EEE; padding: 5px 0 6px 0; }

p.designer { font-size: 13px; color: #666; border-bottom: 1px solid #EEE; padding: 5px 0 6px 0; }

.sshot { display: block; width: 494px; padding: 1px; border: 2px solid #999; }
.sshot img { display: block; width: 494px; }

.post-navigation { list-style: none; width: 810px; margin: 0 38px 40px 30px; overflow: hidden; font-weight: bold; font-style: italic; font-size: 18px; line-height: 1.4em; }
.post-previous { float: left; width: 300px; }
.post-next { float: right; width: 300px; text-align: right; }

.contact-form p { margin: 0 0 10px 0; padding-left: 1px;}
.contact-form p label { display: block; margin: 0 0 3px 0; }

.contact-form p.fld input { padding: 5px; outline: none; }
.contact-form p.fld textarea { padding: 5px; outline: none; width: 450px; height: 100px; }

.contact-form p.btn { width: 459px; overflow: hidden; }

.ajax-loader { float: right; display: block; width: 16px; height: 16px; }
/*---------------------------------------

	FOOTER

-----------------------------------------*/

#ft { width: 810px; background: url(img/ft-bg.png) top left no-repeat; padding: 60px 38px 60px 30px; margin-left: 20px; overflow: hidden; }
#ft p#ft-lt { float: left; width: 500px; font-size: 12px; color: #555; }
#ft p#ft-rt { float: right; width: 280px; font-size: 14px; color: #FFF; text-align: right; font-weight: bold; }


/*---------------------------------------

	MISC

-----------------------------------------*/

img { border: none; }
a { outline: none; }