/*
Theme Name: Creative Candy
Theme URI: www.creative-candy.co.uk
Description: Creative Portfolio
Author: Yaser Ayub
Author URI: www.creative-candy.co.uk
Version: V1.0

.
General comments/License Statement if any.
.
*/





/* --------------------------------------------------------------
       grid.css
       * Sets up an easy-to-use grid of 24 columns.

       By default, the grid is 950px wide, with 24 columns
       spanning 30px, and a 10px margin between columns.

       If you need fewer or more columns, namespaces or semantic
       element names, use the compressor script (lib/compress.rb)

       Note: Changes made in this file will not be applied when
       using the compressor: make changes in lib/blueprint/grid.css.rb
-------------------------------------------------------------- */
.container {
width:950px;
text-align:left;
margin:0 auto;
}

.showgrid {
background:url(tests/src/grid.png);
}

.column,div.span-1,div.span-2,div.span-3,div.span-4,div.span-5,div.span-6,div.span-7,div.span-8,div.span-9,div.span-10,div.span-11,div.span-12,div.span-13,div.span-14,div.span-15,div.span-16,div.span-17,div.span-18,div.span-19,div.span-20,div.span-21,div.span-22,div.span-23,div.span-24 {
float:left;
margin-right:10px;
}

.last,div.last {
margin-right:0;
}

.span-1 {
width:30px;
}

.span-2 {
width:70px;
}

.span-3 {
width:110px;
}

.span-4 {
width:150px;
}

.span-5 {
width:190px;
}

.span-6 {
width:230px;
}

.span-7 {
width:270px;
}

.span-8 {
width:310px;
}

.span-9 {
width:350px;
}

.span-10 {
width:390px;
}

.span-11 {
width:430px;
}

.span-12 {
width:470px;
}

.span-13 {
width:510px;
}

.span-14 {
width:550px;
}

.span-15 {
width:590px;
}

.span-16 {
width:630px;
}

.span-17 {
width:670px;
}

.span-18 {
width:710px;
}

.span-19 {
width:750px;
}

.span-20 {
width:790px;
}

.span-21 {
width:830px;
}

.span-22 {
width:870px;
}

.span-23 {
width:910px;
}

.span-24,div.span-24 {
width:950px;
margin-right:0;
}

input.span-1,textarea.span-1,input.span-2,textarea.span-2,input.span-3,textarea.span-3,input.span-4,textarea.span-4,input.span-5,textarea.span-5,input.span-6,textarea.span-6,input.span-7,textarea.span-7,input.span-8,textarea.span-8,input.span-9,textarea.span-9,input.span-10,textarea.span-10,input.span-11,textarea.span-11,input.span-12,textarea.span-12,input.span-13,textarea.span-13,input.span-14,textarea.span-14,input.span-15,textarea.span-15,input.span-16,textarea.span-16,input.span-17,textarea.span-17,input.span-18,textarea.span-18,input.span-19,textarea.span-19,input.span-20,textarea.span-20,input.span-21,textarea.span-21,input.span-22,textarea.span-22,input.span-23,textarea.span-23,input.span-24,textarea.span-24 {
border-left-width:1px;
border-right-width:1px;
padding-left:5px;
padding-right:5px;
}

input.span-1,textarea.span-1 {
width:18px;
}

input.span-2,textarea.span-2 {
width:58px;
}

input.span-3,textarea.span-3 {
width:98px;
}

input.span-4,textarea.span-4 {
width:138px;
}

input.span-5,textarea.span-5 {
width:178px;
}

input.span-6,textarea.span-6 {
width:218px;
}

input.span-7,textarea.span-7 {
width:258px;
}

input.span-8,textarea.span-8 {
width:298px;
}

input.span-9,textarea.span-9 {
width:338px;
}

input.span-10,textarea.span-10 {
width:378px;
}

input.span-11,textarea.span-11 {
width:418px;
}

input.span-12,textarea.span-12 {
width:458px;
}

input.span-13,textarea.span-13 {
width:498px;
}

input.span-14,textarea.span-14 {
width:538px;
}

input.span-15,textarea.span-15 {
width:578px;
}

input.span-16,textarea.span-16 {
width:618px;
}

input.span-17,textarea.span-17 {
width:658px;
}

input.span-18,textarea.span-18 {
width:698px;
}

input.span-19,textarea.span-19 {
width:738px;
}

input.span-20,textarea.span-20 {
width:778px;
}

input.span-21,textarea.span-21 {
width:818px;
}

input.span-22,textarea.span-22 {
width:858px;
}

input.span-23,textarea.span-23 {
width:898px;
}

input.span-24,textarea.span-24 {
width:938px;
}

.append-1 {
padding-right:40px;
}

.append-2 {
padding-right:80px;
}

.append-3 {
padding-right:120px;
}

.append-4 {
padding-right:160px;
}

.append-5 {
padding-right:200px;
}

.append-6 {
padding-right:240px;
}

.append-7 {
padding-right:280px;
}

.append-8 {
padding-right:320px;
}

.append-9 {
padding-right:360px;
}

.append-10 {
padding-right:400px;
}

.append-11 {
padding-right:440px;
}

.append-12 {
padding-right:480px;
}

.append-13 {
padding-right:520px;
}

.append-14 {
padding-right:560px;
}

.append-15 {
padding-right:600px;
}

.append-16 {
padding-right:640px;
}

.append-17 {
padding-right:680px;
}

.append-18 {
padding-right:720px;
}

.append-19 {
padding-right:760px;
}

.append-20 {
padding-right:800px;
}

.append-21 {
padding-right:840px;
}

.append-22 {
padding-right:880px;
}

.append-23 {
padding-right:920px;
}

.prepend-1 {
padding-left:40px;
}

.prepend-2 {
padding-left:80px;
}

.prepend-3 {
padding-left:120px;
}

.prepend-4 {
padding-left:160px;
}

.prepend-5 {
padding-left:200px;
}

.prepend-6 {
padding-left:240px;
}

.prepend-7 {
padding-left:280px;
}

.prepend-8 {
padding-left:320px;
}

.prepend-9 {
padding-left:360px;
}

.prepend-10 {
padding-left:400px;
}

.prepend-11 {
padding-left:440px;
}

.prepend-12 {
padding-left:480px;
}

.prepend-13 {
padding-left:520px;
}

.prepend-14 {
padding-left:560px;
}

.prepend-15 {
padding-left:600px;
}

.prepend-16 {
padding-left:640px;
}

.prepend-17 {
padding-left:680px;
}

.prepend-18 {
padding-left:720px;
}

.prepend-19 {
padding-left:760px;
}

.prepend-20 {
padding-left:800px;
}

.prepend-21 {
padding-left:840px;
}

.prepend-22 {
padding-left:880px;
}

.prepend-23 {
padding-left:920px;
}

div.border {
padding-right:4px;
margin-right:5px;
border-right:1px solid #eee;
}

div.colborder {
padding-right:24px;
margin-right:25px;
border-right:1px solid #eee;
}

.pull-1 {
margin-left:-40px;
}

.pull-2 {
margin-left:-80px;
}

.pull-3 {
margin-left:-120px;
}

.pull-4 {
margin-left:-160px;
}

.pull-5 {
margin-left:-200px;
}

.pull-6 {
margin-left:-240px;
}

.pull-7 {
margin-left:-280px;
}

.pull-8 {
margin-left:-320px;
}

.pull-9 {
margin-left:-360px;
}

.pull-10 {
margin-left:-400px;
}

.pull-11 {
margin-left:-440px;
}

.pull-12 {
margin-left:-480px;
}

.pull-13 {
margin-left:-520px;
}

.pull-14 {
margin-left:-560px;
}

.pull-15 {
margin-left:-600px;
}

.pull-16 {
margin-left:-640px;
}

.pull-17 {
margin-left:-680px;
}

.pull-18 {
margin-left:-720px;
}

.pull-19 {
margin-left:-760px;
}

.pull-20 {
margin-left:-800px;
}

.pull-21 {
margin-left:-840px;
}

.pull-22 {
margin-left:-880px;
}

.pull-23 {
margin-left:-920px;
}

.pull-24 {
margin-left:-960px;
}

.pull-1,.pull-2,.pull-3,.pull-4,.pull-5,.pull-6,.pull-7,.pull-8,.pull-9,.pull-10,.pull-11,.pull-12,.pull-13,.pull-14,.pull-15,.pull-16,.pull-17,.pull-18,.pull-19,.pull-20,.pull-21,.pull-22,.pull-23,.pull-24 {
float:left;
position:relative;
}

.push-1 {
margin:0 -40px 1.5em 40px;
}

.push-2 {
margin:0 -80px 1.5em 80px;
}

.push-3 {
margin:0 -120px 1.5em 120px;
}

.push-4 {
margin:0 -160px 1.5em 160px;
}

.push-5 {
margin:0 -200px 1.5em 200px;
}

.push-6 {
margin:0 -240px 1.5em 240px;
}

.push-7 {
margin:0 -280px 1.5em 280px;
}

.push-8 {
margin:0 -320px 1.5em 320px;
}

.push-9 {
margin:0 -360px 1.5em 360px;
}

.push-10 {
margin:0 -400px 1.5em 400px;
}

.push-11 {
margin:0 -440px 1.5em 440px;
}

.push-12 {
margin:0 -480px 1.5em 480px;
}

.push-13 {
margin:0 -520px 1.5em 520px;
}

.push-14 {
margin:0 -560px 1.5em 560px;
}

.push-15 {
margin:0 -600px 1.5em 600px;
}

.push-16 {
margin:0 -640px 1.5em 640px;
}

.push-17 {
margin:0 -680px 1.5em 680px;
}

.push-18 {
margin:0 -720px 1.5em 720px;
}

.push-19 {
margin:0 -760px 1.5em 760px;
}

.push-20 {
margin:0 -800px 1.5em 800px;
}

.push-21 {
margin:0 -840px 1.5em 840px;
}

.push-22 {
margin:0 -880px 1.5em 880px;
}

.push-23 {
margin:0 -920px 1.5em 920px;
}

.push-24 {
margin:0 -960px 1.5em 960px;
}

.push-1,.push-2,.push-3,.push-4,.push-5,.push-6,.push-7,.push-8,.push-9,.push-10,.push-11,.push-12,.push-13,.push-14,.push-15,.push-16,.push-17,.push-18,.push-19,.push-20,.push-21,.push-22,.push-23,.push-24 {
float:right;
position:relative;
}

.prepend-top {
margin-top:1.5em;
}

.append-bottom {
margin-bottom:1.5em;
}

.box {
margin-bottom:1.5em;
background:#E5ECF9;
padding:1.5em;
}

hr {
background:#ddd;
color:#ddd;
clear:both;
float:none;
width:100%;
height:.1em;
border:none;
margin:-8px auto 11px;
}

hr.space {
background:#fff;
color:#fff;
visibility:hidden;
}

.clearfix:after,.container:after {
content:"\0020";
display:block;
height:0;
clear:both;
visibility:hidden;
overflow:hidden;
}

.clearfix,.container {
display:inline-block;
}

.clear {
clear:both;
}

body {
text-align:center;
background:#fff url(images/back.jpg) repeat-y top;
font:"Lucida Grande","Lucida sans unicode", helvetica, sans-serif;
}

* html .column,* html div.span-1,* html div.span-2,* html div.span-3,* html div.span-4,* html div.span-5,* html div.span-6,* html div.span-7,* html div.span-8,* html div.span-9,* html div.span-10,* html div.span-11,* html div.span-12,* html div.span-13,* html div.span-14,* html div.span-15,* html div.span-16,* html div.span-17,* html div.span-18,* html div.span-19,* html div.span-20,* html div.span-21,* html div.span-22,* html div.span-23,* html div.span-24 {
display:inline;
overflow-x:hidden;
}

* html legend {
margin:0 -8px 16px 0;
padding:0;
}

sup {
vertical-align:text-top;
}

sub {
vertical-align:text-bottom;
}

html>body p code {
white-space:normal;
}

img {
-ms-interpolation-mode:bicubic;
}

* html .clearfix,* html .container {
height:1%;
}

fieldset {
padding-top:0;
}

textarea {
overflow:auto;
}

input.text,input.title,textarea {
background-color:#fff;
border:1px solid #bbb;
}

input.text:focus,input.title:focus {
border-color:#666;
}

input.checkbox,input.radio {
position:relative;
top:.25em;
}

form.inline div,form.inline p {
vertical-align:middle;
}

form.inline label {
position:relative;
top:-0.25em;
}

button,input.button {
position:relative;
top:0.25em;
}

#main {
margin-bottom:10px;
}

#main img {
padding-top:10px;
}

#navigation {
background-color:#FFF;
}


#top-links {
list-style-type:none;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
margin:0;
padding:0;
}

#top-links li {
float:left;
position:relative;
padding-right:30px;
color:#FFF;
}

#top-links li ul {
position:absolute;
top:0;
display:none;
padding-top:20px;
line-height:30px;
background-color:#FFF;
}

#top-links ul li a {
list-style:none;
color:#2d1933;
display:block;
}

#top-links li:hover ul {
display:block;
color:#FFF;
}


#sitemap li {
list-style-type:none;
line-height:1.9em;
font-size:14px;
}

ul {
list-style-type:none;
}

li {
line-height:1.7em;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

li.page_parent {
display:none;
}

#logo {
margin:0;
padding:0;
}

#tlogo {
border:none;
margin:0;
padding:0 10px 0 0;
}

p {
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:14px;
}

#cvlogo {
border:none;
margin:0;
padding:0;
}

h1 {
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:28px;
}

h2 {
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:32px;
}

#blog-thumbnails h2 {
font-size:28px;
margin:0;
padding:0;
}

#blogwrap.a {
margin-bottom:50px;
}

#blogwrap:hr {
margin-top:50px;
}

#blog-thumbnails p {
font-size:14px;
line-height:22px;
text-align:justify;
}

#blog-thumbnails a {
padding-left:245px;
}

#thumbnails h2 {
width:200px;
font-size:14px;
background-color:#dfdfdf;
padding:4px;
}

.dottedline {
border-bottom:solid 1px dotted #999;
}

#footer {
color:#FFF;
margin-top:20px;
background-color:#CCC;
}

#footer li {
color:#FFF;
float:left;
padding-right:30px;
list-style-type:none;
}

#footer p {
float:left;
display:inline;
}

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

#footer a:hover {
text-decoration:underline;
}

#footer ul {
list-style-type:none;
float:left;
}

#thumbnails img {
height:143px;
}

img.left {
float:left;
padding-right:20px;
}

#thumbnails p {
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:14px;
text-align:justify;
}

#contentbody h3 {
font-size:14px;
background-color:#dfdfdf;
padding:4px;
}

#sidebarright li {
list-style:none;
line-height:1.9em;
font:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:16px;
}

#sidebarright h2 {
background-color:#dfdfdf;
width:100%;
color:#333;
font-size:16px;
padding:4px 4px 4px 32px;
}

#slide-nav a:link {
color:#fff;
text-decoration:none;
}

a img {
border:0;
}

div.wrap {
width:993px;
text-align:left;
margin:0 auto;
}

div#top div#nav {
float:left;
clear:both;
width:993px;
height:52px;
margin:22px 0 0;
}

div#top div#nav ul {
float:left;
width:700px;
height:52px;
list-style-type:none;
}

div#nav ul li {
float:left;
height:52px;
}

div#nav ul li a {
border:0;
height:52px;
display:block;
line-height:52px;
text-indent:-9999px;
background:url(images/nav.png) no-repeat;
}

div#header {
margin:-1px 0 0;
}

div#video-header {
height:683px;
margin:-1px 0 0;
}

div#header div.wrap {
height:483px;
}

div#header div#slide-holder {
z-index:40;
width:993px;
height:299px;
position:absolute;
}

div#header div#slide-holder div#slide-runner {
width:973px;
height:483px;
overflow:hidden;
position:absolute;
}

div#header div#slide-holder img {
display:none;
position:absolute;
margin:0;
}

div#header div#slide-holder div#slide-controls {
left:0;
bottom:0;
width:949px;
height:46px;
display:none;
position:absolute;
background:url(images/slide-bg.png) 0 0;
}

div#header div#slide-holder div#slide-controls p.text {
float:left;
color:#fff;
display:inline;
font-size:10px;
line-height:16px;
text-transform:uppercase;
margin:15px 0 0 20px;
}

div#header div#slide-holder div#slide-controls p#slide-nav {
float:right;
height:24px;
display:inline;
margin:11px 15px 0 0;
}

div#header div#slide-holder div#slide-controls p#slide-nav a {
float:left;
width:24px;
height:24px;
display:inline;
font-size:11px;
line-height:24px;
font-weight:700;
text-align:center;
text-decoration:none;
background-position:0 0;
background-repeat:no-repeat;
background-image:url(images/silde-nav.png);
margin:0 5px 0 0;
}

div#header div#slide-holder div#slide-controls p#slide-nav a.on {
background-position:0 -24px;
}

input.text,input.title,textarea,select,form.inline input.checkbox,form.inline input.radio,form.inline input.button,form.inline button {
margin:0.5em 0;
}

li:hover,li:hover,li.sfhover {
display:block;
}

#blogwrap,#thumbnails ul {
margin:0;
padding:0;
}