/*
Theme Name: Torino Creative
Theme URI: http://www.torinocreative.com/
Description: Torino Creative Design Studios
Version: 1.3
Author: Torino Creative
Author URI: http://www.torinocreative.com
*/

/*
v1.0 - The Launch of torinocreative.com
v1.1 - minor fixes (icon navigation)
v1.2 - converted all navigational images to tc_sprite
v1.3 - Arty is faded / New Thumbnail js for the detail pages
v1.3.1 - changed sprite from png24 to png8
/*


/****************************************
* Reset                                 *
****************************************/
html, body, div, span,
h1, h2, h3, h4, h5, p,
a,
font, img,
b, u, i, center, strong, em, 
ul, li, ol,
form, label {
	background: transparent;
	border: 0;
	font-size: 99%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

body {
	line-height: 1;
	font-family: Arial, Helvetica, sans-serif;
	color: #bfbfbf;
	text-align: center; /* ie6 fix center page */
}
ul {
	list-style: none;
}
h2 {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 5px;
}

h2 a, h2 a:visited {
	color: #111;
	text-decoration: none;
}

h2 a:hover {
	color: #bfbfbf;
	text-decoration: none;
}
h3 {
	font-size: 14px;
	font-weight: bold;
    color: #111;
	padding-bottom: 10px;
}
h4 {
	font-size: 12px;
	color: #111;
	padding-bottom: 10px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 3px;
}
h5 {
        font-size: 14px;
        color: #111;
        padding: 10px 0 0;
        font-weight: bold;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration:none;
}
.codewrap {
        font-family: "Andale Mono", "Monotype.com", monospace;
        font-size: 12px;
        color: #111;
        padding: 5px;
        margin: 5px 40px;
        border: 1px solid #ccc;
}
/****************************************
* Main Wrap - Pages                     *
****************************************/
#page {
	width: 1000px;
	margin: 0 auto;
	background: url(images/bg.jpg) top center no-repeat;
    text-align: left; /* reset ie6 fix center page */
}
/****************************************
* Header                                *
****************************************/
#header {
	padding: 40px 0;
}
#logo {
	width: 262px;
	height: 145px;
	margin-left: 195px;
	float: left;
	position: relative;
}
.kreativebox {
    position: absolute;
    top: 115px;
    left: 180px;
}
.partnercircle {
    position: absolute;
    top: 110px;
    left: 127px;
}
#textnav {
	float: right;
	padding-top: 55px;
}
/****************************************
* Header Icon Navigation                *
****************************************/
#iconnav {
	width: 200px;
	padding-top: 40px;
	float: left;
}
/******************************************
* Main Content Divs - #mid and #portfolio *
******************************************/
#mid {
	width: 1000px;
}
/****************************************
* Idex                                  *
****************************************/
#slide {
	width: 998px;
	height: 360px;
	border: 1px solid #bfbfbf;
	margin-bottom: 30px;
}
#content, #contenthome {
	width: 1000px;
}
#content {
padding-bottom: 30px;
}
#contenthome {
height: 270px;
position: relative;
}
p.wwa {
width: 275px;
color: #111;
margin-right: 85px;
float: left;
font-size: 11px;
line-height: 1.5;
}

p.last {
margin-right: 0;
}

.boldwwa {
font-size: 11px;
font-weight: bold;
}

p.wwa a, p.wwa a:visited, #content .link a, #content .link a:visited  {
	color: #111;
	text-decoration: none;
}

p.wwa a:hover, #content .link a:hover {
	color: #bfbfbf;
	text-decoration: none;
}
.link {
	font-size: 11px;
	margin-bottom: 10px;
}
.desc {
font-size: 12px;
padding-bottom: 5px;
}
#artywrap {
width:277px;
height:166px;
position:absolute;
right:0;
bottom:29px;
}
.arty #artytweet {
display:none;
}
.arty:hover #artytweet {
display:block;
width: 180px;
height: 50px;
font-size: 10px;
color: #bfbfbf;
text-transform:none;
padding:5px;
}
.arty:hover #artytweet li a {
color: #111;
text-decoration: none;
}
.arty:hover #artytweet li a:hover {
color: #bfbfbf;
text-decoration: none;
}

#roundnav {
	width: 100px;
	height: 250px;
	position: relative;
	float: left;
}

#roundnav .left {
	width: 20px;
    height: 34px;
    top: 0;
    left: 58px;
    position: absolute;
}

#roundnav .right {
    width: 20px;
    height: 34px;
    top: 0;
    left: 83px;
    position: absolute;
}
a.btnleft {
	display: block;
	background: url(images/btn_1.png) no-repeat 0 0;
	width: 19px;
	height: 34px;
}

/*mouseover*/
a:hover.btnleft {background-position: 0 -34px; /* reveal color version */}

a.btnright {
	display: block;
	background: url(images/btn_2.png) no-repeat 0 0;
	width: 19px;
	height: 34px;
}

/*mouseover*/
a:hover.btnright {background-position: 0 -34px; /* reveal color version */}

/****************************************
* Contact Page                          *
****************************************/
.contactinfo {
        width: 400px;
	float: left;
}
p.address {
	width: 200px;
	font-size: 11px;
	color: #bfbfbf;
	line-height: 1.5em;
	float: left;
}
p.address a, p.address a:visited  {
	color: #bfbfbf;
	text-decoration: none;
}

p.address a:hover {
	color: #111;
	text-decoration: none;
}

#contactform {
	float: right;
        color: #bfbfbf;
}
#contactform p {
width: 385px;
font-size: 11px;
color: #888;
line-height: 1.5em;
}
#contactform div {
clear:both;
position:relative;
margin:0 0 10px;
}
#contactform label {
font-size:12px;
cursor:pointer;
display:block;
}
#contactform input[type="text"], #contactform textarea {
width:300px;
border:1px solid #999;
padding:5px;
background:#d8d8d8;
color:#333;
}
#contactform input[type="text"]:hover, #contactform textarea:hover, #contactform input[type="text"]:focus, #contactform textarea:focus {border-color:#333;}

/* submit button */
input[type="submit"] {cursor:pointer;border:1px solid #999;padding:5px;background:#d8d8d8;color:#999}
input[type="submit"]:hover,
input[type="submit"]:focus  { border-color:#333;background:#d8d8d8;color:#333; }


/****************************************
* Detail Page                           *
****************************************/
.portfolioview {
	width: 1000px;
	margin-bottom: 15px;
}	
.slideshow-container {
	width: 600px;
	height: 340px;
	border: 1px solid #bbb;
	float: left;
    padding: 5px;
}
div.slideshow {
}
#slideshow {
	margin-top: -15px;
}
.navigation {
/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
.thumbwrap {
	width: 275px;
	float: right;
}
ul.thumbs li {
	width: 265px;
	height: 65px;
	margin: 0 0 61px 0;
	padding: 5px;
	border: 1px solid #bbb;
}
ul.thumbs li.last {
	margin: 0;
}
ul.thumbs li:hover {
	border: 1px solid #111;
}
ul.thumbs li.selected {
	border: 1px solid #111;
}
/****************************************
* Torino Blog                           *
****************************************/
#blogposts {
	width: 745px;
        padding-bottom:15px;
	float: left;
}

.post {
	width: 735px;
	padding: 5px;
	margin-bottom: 50px;
	border: 1px solid #bbb;
}

.postthb {
	width: 250px;
	float: left;
        border: 1px solid #bbb;
}

.postright {
	width: 465px;
	float: right;
}

.postmeta {
	width: 465px;
	font-size: 11px;
	color: #111;
	margin-bottom: 13px;
	padding: 0;
}

.postmeta a, .postmeta a:visited {
	color: #bfbfbf;
	text-decoration: none;
}

.postmeta a:hover {
	color: #111;
	text-decoration: none;
}

.entry {
	width: 465px;
	font-size: 12px;
        line-height: 1.2;
	color: #111;
	margin: 0;
	padding: 0;
}

.entry a, .entry a:visited {
	color: #bfbfbf;
	text-decoration: none;
}

.entry a:hover {
	color: #111;
	text-decoration: none;
}

a.read, .older a, .newer a {
	font-size: 11px;
	color: #bfbfbf;
	text-decoration: none;
}

a.read:hover, .older a:hover, .newer a:hover {
	color: #111;
	text-decoration: none;
}
img.alignright {
	padding: 0 5px 5px 0;
	display: inline;
        float: right;
}
img.alignrleft {
	padding: 0 5px 5px 0;
	display: inline;
        float: left;
}
.older {
width: 200px;
float: left;
}

.newer {
width: 200px;
text-align: right;
float: right;
}

#blogsidebar {
	width: 225px;
        text-align: right;
	float: right;
}


#cats {
        padding-bottom: 20px;
}

#cats li {
	font-size: 14px;
	color: #111;
	margin-bottom: 5px;
}

#cats li a, #cats li a:visited {
	color: #111;
	text-decoration: none;
}

#cats li a:hover {
	color: #bfbfbf;
	text-decoration: none;
}

#tweet {
        width:225px;
        font-size: 12px;
	color: #111;
}
#tweet a {
        color: #bfbfbf;
        text-decoration: none;
}
#tweet a:hover {
        color: #bfbfbf;
        text-decoration: underline;
}
#tweet li {
        padding-bottom: 10px;
}

/****************************************
* Torino Blog - Single                  *
****************************************/
.postsingle {
	width: 700px;
	height: auto;
}

.postsinglemeta {
	width: 700px;
	height: auto;
	font-size: 11px;
	color: #111;
	margin-bottom: 10px;
	padding: 0;
}

.singleentry {
	width: 700px;
	height: auto;
	font-size: 12px;
        line-height: 1.5;
	color: #111;
}

.singleentry ul {
list-style:disc;
padding: 0;
margin: 10px 0 0 35px;
}

.singleentry ul li a, .singleentry ul li a:hover {
font-size: 14px;
}

.singleentry ol {
padding: 0;
margin: 10px 0 0 35px;
}

.singleentry ol li a, .singleentry ol li a:hover {
font-size: 14px;
}

.postsingle p {
        padding: 10px 0;
}

.postsingle a, .postsingle a:visited {
	color: #4d4d4d;
	text-decoration: none;
}

.postsingle a:hover {
	color: #111;
	text-decoration: none;
}

.blogger {
        width: 690px;
        border: 1px solid #bbbbbb;
        padding: 4px;
        margin: 15px 0;
        font-size: 100%;
}
/****************************************
* Author Page                           *
****************************************/
#author {
color: #111;
margin-bottom: 15px;
border-bottom: 1px dotted #ccc;
}
#author p {
font-size: 12px;
padding-bottom: 15px;
line-height: 1.2;
}
#author p.authorname {
padding-bottom: 5px;
}
#author a {
color: #bfbfbf;
text-decoration:none;
}
#author a:hover {
color: #111;
text-decoration: none;
}
/****************************************
* Comment Form                          *
****************************************/
#comments {
width: 745px;
background:url(images/commsep.png) top left no-repeat;
padding-top:10px;
}
#commentlist {
	font-size: 12px;
	color: #111;
}
#commentlist li {
	padding: 5px;
	border: 1px solid #969696;
}
.tip {
        width: 15px;
        height: 10px;
        margin-left: 10px;
        background: url(images/tip.gif) no-repeat;
}
#commentlist p a{
	color: #bfbfbf;
	text-decoration: none;
}
#commentlist p a:hover{
	color: #111;
	text-decoration: none;
}
p.credit {
        padding: 5px 0 20px;
}
p.tos {
        color: #bfbfbf;
	width: 740px;
	padding:6px 0;
	margin-top:10px;
}
#commentform {
        margin-top:5px;
        font-size: 12px;
}
#commentform p a {
        padding: 5px 0;
        color: #969696;
        text-decoration: none;
}
#commentform p a:hover {
        color: #111;
        text-decoration: none;
}

#commentform input {
        width:200px;
        border:2px solid #c7c7c7;
        padding:3px;
        margin:2px 0;
}
#commentform input:hover {
        border-color: #969696;
}
#commentform, textarea.commenttext {
        width: 500px;
}
textarea {
        border:2px solid #c7c7c7;
        padding:3px;
        margin:2px 0;
}
textarea:hover {
        border-color: #969696;
}
#commentform label {
        color: #969696;
}
#commentform input.btn {
	background: none;
	color: #111;
	padding: 2px 0;
	text-transform: uppercase;
}

/****************************************
* Footer                                *
****************************************/
#footer {
	width: 1000px;
	height: 70px;
padding-bottom:10px;
}

.social {
    width: 1000px;
    height: 52px;
    padding: 30px 0 5px;
    position: relative;
}
.copy {
	height: 30px;
        width: 400px;
	float: left;
}

.btmnav {
        width: 415px;
	height: 30px;
	float: right;
	text-align: right;
}
.btmnav li {
float: left;
margin-left:15px;
}

#footer {
	font-size: 9px;
	color: #bfbfbf;
	text-transform: uppercase;
}

#footer a, #footer a:visited {
	color: #bfbfbf;
	text-decoration: none;
}

#footer a:hover {
	color: #111;
	text-decoration: none;
}

/****************************************
* Torinofix Clear                       *
****************************************/
.torinofix {clear: both;}

#space {
	width: 1000px;
	height: 150px;
	border: 1px solid #fff;
	padding: 0;
}

.cj {
width: 150px;
margin-right: 30px;
margin-bottom: 30px;
display:block;
float: left;
color: #bfbfbf;
text-decoration: none;
}
.cj:hover {
color:#111;
text-decoration:none;
}