/*   
Theme Name: Thematic4You
Theme URI: 
Description: Custom theme for Chris.
Author: Chris
Author URI: http://programming.thematic4you.com
Theme URI: http://3oneseven.com
Template: thematic
Version: 0.1
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic4you/css/2c-r-fluid.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

body {
background:#fff url(images/02.jpg) 100% 0 no-repeat;color:#333;font:14px/20px Arial,Tahoma,Helvetica,Sans-Serif;margin:0;padding:0;
}

/* =wraps
-------------------------------------------------------------- */
#wrapper {
width:95%;background:transparent;color:#333;font:14px/20px Arial,Tahoma,Helvetica,Sans-Serif;margin:0 auto;padding:0;overflow:hidden;
}

#content a,#content a:visited{color:#AF1F25;text-decoration:none;}
#content a:hover{text-decoration:underline;color:#000;}
#wrapper a img{border:none;}

/* =header
-------------------------------------------------------------- */
#header {
background:transparent;margin:0 auto;padding:0;width:100%;height:328px;position:relative;
}
#branding #blog-title a{
display:block;height:111px;width:90px;text-indent:-90000px;margin:0;padding:0;outline:none;
}
#branding {
background:transparent url(images/sprite_logo.png) 0 0 no-repeat;width: 100px; height: 111px; margin:0 0 51px;padding:0;float:left;display:inline-block;
}
#branding:hover {
background:transparent url(images/sprite_logo.png) 0 -121px no-repeat;
}
#blog-description{
display:block;height:1px;width:90px;text-indent:-90000px;margin:0;padding:0;outline:none;
}
.break  {
clear:both;background:transparent url(images/sprite_title.png) 50% 0 no-repeat;margin:0 auto;padding:0;width:100%;height:157px;
}
.break:hover  {
background:transparent url(images/sprite_title.png) 50% -167px no-repeat;
}
.break a{
display:block;height:150px;width:100%;text-indent:-90000px;margin:0;padding:0;outline:none;
}
#searchform{
display:block;width:200px;margin:0;padding:0;position:absolute;top:2px;right:3%;z-index:999 !important;
}
#searchform #searchsubmit{
display:none;
}
#searchform #s{
background:transparent;color:#fff;border:0;
}
/* =menu
-------------------------------------------------------------- */
.menu {
background:transparent;margin:70px 0 0 0;padding:0;width:70%;float:right;display:inline-block;border:0;font:15px georgia,baskerville, times new roman,serif;text-transform:uppercase;
}
.menu ul {float:right;list-style: none;margin: 0;padding: 0;z-index:999;width:100%;}
.menu li {float: left;list-style: none;margin: 0;padding: 0;}
.menu ul li {list-style: none;margin:0 0 0 -1px;padding: 0;}
.menu li a, .menu li a:link {color:#000;display: block;margin:0;padding:22px 10px 10px 10px;border-right: 0;text-decoration: none;text-shadow:#ccc 0 1px 1px;}
.menu li a:hover, .menu li a:active {background: #fff url(images/ico.jpg) 50% 0 no-repeat;color: #AF1F25;display: block;margin: 0;padding:22px 10px 10px 10px;text-decoration: none;text-shadow:#333 0 1px 1px;}
.menu li li a, .menu li li a:link, .menu li li a:visited {background: #fff;width:160px;color: #AF1F25;float: none;margin: 0;padding:8px 10px;text-decoration:none;font-size:15px;}
.menu li li a:hover, .menu li li a:active {background: #AF1F25;color: #fff;padding:8px 10px;text-shadow:#333 0 1px 1px;}
.menu li ul {z-index:9999;position: absolute;left: -999em;height: auto;width:170px;margin:0;padding: 0;border-bottom:2px solid #AF1F25;}
.menu li li { }
.menu li ul a {width:150px;}
.menu li ul a:hover, .menu li ul a:active {width:150px; }
.menu li ul ul {margin:-35px 0 0 172px;border-bottom:2px solid #AF1F25;}
.menu li:hover ul ul, .menu li:hover ul ul ul, .menu li.sfhover ul ul, .menu li.sfhover ul ul ul {left: -999em;}
.menu li:hover ul, .menu li li:hover ul, .menu li li li:hover ul, .menu li.sfhover ul, .menu li li.sfhover ul, .menu li li li.sfhover ul {left: auto;}
.menu li:hover, .menu li.sfhover { position: static;}
.menu .current_page_item a {background: #fff url(images/ico.jpg) 50% 0 no-repeat;color: #AF1F25;display: block;margin: 0;padding:22px 10px 10px 10px;text-decoration: none;text-shadow:#333 0 1px 1px;}
#access {
border:0;
}
/* =Front Page
-------------------------------------------------------------- */
#front-content {
	margin: 0 auto;
    overflow:hidden;
	width: 100%;
}
#expanded-description p {
    font-size:15px;
    font-style:italic;
    line-height:23px;
    margin:0;
    padding:0 40px;
}
#expanded-description strong {
    color:#000;
    font: 15px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-style:normal;
    font-weight:bold;
    text-transform:uppercase;
}
#front-content .block,#subsidiary #first,#subsidiary #second {
    display:inline-block;
    float:left;
    margin:0 3% 0 0;
    width:30%;
}
#front-content .block3,#subsidiary #third {
    display:inline-block;
    float:right;
    margin:0;
    width:30%;
}
#front-content p {
    margin:0;
}

/* =Front Page  title
-------------------------------------------------------------- */
#front-content h3,#content h3,#content h3 a {
	color: #8D8D8D;
    font:15px baskerville,georgia;text-transform:uppercase;
    line-height:23px;
    margin: 0 0 9px 0;
}
#front-content .block1 h3,#front-content .block2 h3{
	background:transparent url(images/ico.jpg) 100% 0 no-repeat;
}
#front-content h2 a,#content h1,#content h2 a{
	color: #AF1F25;text-decoration:none;
    font:normal 26px/20px times,times new roman,georgia;text-transform:uppercase;
    margin: 0 0 9px 0;text-shadow:#333 0 1px 1px;
}
#front-content .block3 h2,.aside h3,#primary .tw h2,.navigation a{
	color: #AF1F25;text-decoration:none;
    font:normal 19px/17px times,times new roman,georgia;text-transform:uppercase;
    margin: 0 0 9px 0;text-shadow:#333 0 1px 1px;
}
#primary .aside h3{
	color: #AF1F25;text-decoration:none; background:transparent url(images/ico.jpg) 100% 0 no-repeat;
    font:normal 19px/17px times,times new roman,georgia;text-transform:uppercase;
    margin: 0 0 9px 0;text-shadow:#333 0 1px 1px;
}
#front-content h2 a:hover{
	color: #ccc;
}
#front-content h2 em {
}

.fentry h2 {
	padding-bottom: 10px;
	padding-top: 6px;
	}

/* =Front Page  txt
-------------------------------------------------------------- */
#front-content .ftext {
	margin:5px 0;
	padding:10px 0;border-top:1px solid #E4E4E4;
}

/* =Front Page read links
-------------------------------------------------------------- */
#front-content .read {
	margin:3px 0 20px 0;font:19px times,times new roman;text-transform:uppercase;
	padding:10px 0;border-bottom:1px solid #E4E4E4;background:transparent;text-align:right;
}
#front-content .read a{
	margin:0;color: #AF1F25;text-decoration:none;text-align:right;
	padding:0 0 0 20px;background:transparent url(images/arro.jpg) 0 0 no-repeat;
}
#front-content .read a:hover{
	margin:0;color: #000;text-decoration:none;text-align:right;
	padding:0 0 0 20px;background:transparent url(images/arroa.jpg) 0 0 no-repeat;
}

/* =Front Page twitter
-------------------------------------------------------------- */
.tw {
	margin:0;padding:0 0 20px 0;border-bottom:1px solid #E4E4E4;background:transparent;
}
.twa{
	margin:0;
	padding:0 0 8px 0;background:transparent url(images/sprite_twitter.png) 0 0 no-repeat;
}
.twa:hover{
	background:transparent url(images/sprite_twitter.png) 0 -137px no-repeat;
}
.twa a{
	display:block;height:130px;width:100%;text-indent:-90000px;margin:0;padding:0;outline:none;
}

#front-content .entry {
	margin: 0 0 12px 0;
}
#front-content h3 a {
    color:#000;    
    text-decoration:none;
}
#front-content h3 a:active,
#front-content h3 a:hover {
    color: #F92117;
}
#front-content .more-link {
}
#front-content hr {
	margin: 0 0 17px 0;
}
#front-content ul {
    margin:0 0 18px 1.5em;
}
#front-content li {
}
#front-content li.first {
}

/* =Content
-------------------------------------------------------------- */
#primary {
	border:0;
}
#primary ul li a{
text-decoration:none;
}
.entry-utility{
padding:10px 0;border-top:1px solid #E4E4E4;border-bottom:1px solid #E4E4E4;
}
#submit,#commentform #submit,#submits,#submitl,#submitsl
{background:transparent;font:normal 18px times,times new roman,serif;color:#666;border:1px solid #E4E4E4;width:100%;cursor:pointer;
text-transform:uppercase;background:transparent url(images/ico.jpg) 100% 0 no-repeat;}
#commentform input{border:1px solid #E4E4E4;padding:2px 0;margin-top:3px;color:#000;background:#fff url(images/ico.jpg) 100% 0 no-repeat;}
.main-aside ul {
padding:10px 0 10px 0;
}

/* ----------------------------------- slider post */
#slidebox{width:400px;height:100px;padding:10px;background:#fff;border-top:3px solid #AF1F25;position:fixed;z-index:999 !important;bottom:50px;right:-430px;-moz-box-shadow:-2px 0px 5px #aaa;-webkit-box-shadow:-2px 0px 5px #aaa;box-shadow:-2px 0px 5px #aaa;}
#slidebox p, a.more{font-size:11px;text-transform:uppercase;font-family: Arial,Helvetica,sans-serif;letter-spacing:1px;color:#555;}
#slidebox ul{color:#AF1F25;font-size:18px;margin:0 20px 20px 0;list-style:none;}
#slidebox a{color:#AF1F25;list-style:none;text-decoration:none;}
#slidebox a:hover{color:#666;text-decoration:none;}
#slidebox ul li a{color:#AF1F25;list-style:none;text-decoration:none;margin:3px 0;}
a.close{background:transparent url(images/close.png) no-repeat top left;width:13px;height:13px;position:absolute;cursor:pointer;top:10px;right:10px;}
a.close:hover{background-position:0px -13px;}

/* ----------------------------------- floats */
.center,.aligncenter{text-align:center;display:block;margin:0 auto;padding:5px;}
.alignleft,.left{float:left;margin-right:10px;margin-bottom:5px;}
.alignright,.right{float:right;margin-left:10px;margin-bottom:5px;}

/* =Footer
-------------------------------------------------------------- */
#footer {
background:#000 url(images/05.jpg) 50% 80% no-repeat;margin:0;padding:0 0 0px 0;width:100%;
}
.extra{
clear:both;background:transparent url(images/02.jpg) 100% 0 no-repeat;margin:30px 0 0 0;padding:0;width:100%;height:30px;display:block;
}
#subsidiary{
background:transparent;margin:0 auto;padding:20px 0;width:95%;
}
#footer ul li a{
color:#ccc;text-decoration:none;
}
#footer ul li a:hover{
color:#AF1F25;text-decoration:none;
}
.credits{
background:transparent;color:#666;width:95%;margin:5px auto;padding:4px 0;text-align:left;display:block;font-size:11px;
}
#footer #siteinfo{
color:#666;margin:0 auto;padding:80px 0 20px 0;display:block;text-align:center;
}
#footer #siteinfo a,.credits a{
color:#666;text-decoration:none;
}
#footer .avatar {
float:left;
margin:4px 10px 22px 0;
}


/* ----------------------------------- tooltips */
#unitip {position: absolute;z-index: 999999;top: -1000px;color: #fff;font: normal normal 12px/15px Verdana, Arial, Helvetica, sans-serif;display: none;}
#unitippoint, #unitipmid, #unitipcap {position: relative;top: 0px;left: 0px;width: 145px;display: block;}
#unitippoint {background: url(images/TipPoint.png) no-repeat;height: 19px;overflow: hidden; }
#unitipmid {background: url(images/TipMid.png) repeat;width: 115px;height: auto;padding: 5px 15px;}
#unitipcap {background: url(images/TipCap.png) no-repeat;height: 7px;overflow: hidden;}
