/*  
Theme Name: ten24 Media
Theme URI: http://www.1024media.com/
Description: Custom theme
Author: Alex
Author URI: http://www.1024media.com/
Version: 1.0
*/
@import "css/reset.css";
/* Colors
	#232119 - brown
	#19170f - superdark brown
	#7d7a68 - light on dark text
	#86a95f - green links
	#759a9a - blue titles
*/
html,body {height: 100%;}
a:link,
a:active,
a:visited {
	color:#86a95f;
	text-decoration:none;
}
a:hover {text-decoration:underline;}
body {
	font:10px/160% Arial, Helvetica, sans-serif;
	color:#7d7a68;
}
body#home {background:#232119 url(images/bg_home.jpg) repeat-x 0 0;}
body#inner {background:#232119 url(images/bg.png) repeat-x 0 0;}
#home #header {
	background:transparent url(images/circus.jpg) no-repeat 50% 167px;
	height:399px;
}
#headwrap {
	width:960px;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
}
#headwrap h1 {
	float:left;
	text-indent:-9999px;
	margin-top:50px;
}
#headwrap h1 a {
	display:block;
	width:173px;
	height:41px;
	background:transparent url(images/logo.png) no-repeat;
}
#headwrap p.aboutus {
	width:495px;
	height:140px;
	background:transparent url(images/aboutus.png) no-repeat;
	text-indent:-9999px;
	margin:120px 0 25px 0;
}
#headwrap p.enterbutton {
	float:left;
	text-indent:-9999px;
}
#header p.enterbutton a {
	display:block;
	width:146px;
	height:35px;
	background:transparent url(images/button_enter.png) no-repeat 0 0;
}
#header p.enterbutton a:hover {background-position:0 -35px;}
#inner #header {
	background:transparent url(images/circus_inner.png) no-repeat 500px 0;
	height:123px;
	width:960px;
	margin:0 auto;
}
#inner #header h1 {
	float:left;
	text-indent:-9999px;
	margin-top:50px;
}
#inner #header h1 a {
	display:block;
	width:173px;
	height:41px;
	background:transparent url(images/logo.png) no-repeat;
}
ul#nav {
	margin:0 auto;
	width:960px;
	padding:1px 0 60px 0;
	margin-top:-5px;
	margin-bottom:25px;
}
#nav li {
	display:block;
	float:left;
	padding:0 22px 10px 24px;
	font-size:14px;
	background: transparent url(images/nav_divider.png) no-repeat 0 25px;
	height:40px;
}
#nav li.contact {
	float:right;
	padding:0 0 0 22px;
}
#nav li.about {
	float:right;
	padding:0 22px;
	background:none;
}
#nav li a {
	display:block;
	height:40px;
	padding-top:23px;
	text-decoration:none;
}
#nav li.active a,
#nav li a:hover {
	color:#7d7a68;
	background: transparent url(images/nav_active.png) no-repeat 50% 0;
}
#nav li.first {
	padding:0 22px 0 0;
	background:none;
}
#content {
	width:960px;
	overflow:hidden;
	margin:0 auto;
	position:relative;
	padding-bottom:20px;
}
.appdev {
	float:left;
	width:465px;
}
.consult {
	float:right;
	width:465px;
}
.appdev h2,
.consult h2 {
	font-size:18px;
	font-weight:bold;
	color:#70904c;
	letter-spacing:-1px;
	margin-bottom:10px;
}
.appdev p,
.consult p {
	font-size:14px;
	line-height:160%;
	margin-bottom:20px;
}
.appdev img,
.consult img {
	float:left;
	margin:0 12px 0 0;
}
.appdev img {margin-top:5px;}
hr {
	height:2px;
	border:none;
	border-bottom:1px solid #38362c;
	border-top:1px solid #14130f;
	clear:both;
	margin:0 0 25px 0;
}
/* tabber */
#projects {
	width:470px;
	height:410px;
	float:left;
}
.tabber {
	height:420px;
	background:#19170f;
	float:left;
}
.tabber{display:none;}
.tabberlive .tabbertab {
	height:355px;
	float:left;
	background:#19170f;
}
/*--------------------------------------------------
	REQUIRED to hide the non-active tab content.
  --------------------------------------------------*/
.tabberlive .tabbertabhide {display:none;}
/*--------------------------------------------------
	.tabber = before the tabber interface is set up
	.tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabberlive {margin-top:1em;}
/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav {
	margin:0;
	float:left;
}
ul.tabbernav li {
	display: inline;
	float:left;
	padding:10px 0;
}
ul.tabbernav li a {
	padding: 10px 20px 18px 20px;
	margin-right: 4px;
	background:#19170f url(images/bg_tab.png) repeat-x 0 0;
	text-decoration: none;
	font-size: 14px;
}
ul.tabbernav li a { color: #7d7a68; }
ul.tabbernav li a:hover {
	color: #86a95f;
	background: #19170f;
}
ul.tabbernav li.tabberactive a {
	background: #19170f;
	color: #86a95f;
	padding: 14px 25px 18px 25px;
	font-size: 16px;
}
ul.tabbernav li.tabberactive a:hover {
	color: #86a95f;
	background: #19170f;
}
/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
	padding:5px;
	height:355px;
}
.tabberlive .tabbertab h2 {display:none;}
.tabberlive .tabbertab h3 {display:none;}
.tabberlive#tab2 .tabbertab {
	height:420px;
	overflow:auto;
}
.tabbertab img {margin:10px 9px 2px ;}
.tabbertab p {
	margin:0 0 5px 9px;
	font-size:11px;
}
/* blog */
#bloghome {
	width:465px;
	margin-left:15px;
	float:right;
}
#bloghome h3 {
	font-size:14px;
	color:#70904c;
	margin-bottom:15px;
}
#bloghome h4 {
	font-size:18px;
	font-weight:bold;
	color:#759a9a;
	letter-spacing:-1px;
	margin-bottom:10px;
	width:380px;
	line-height: 1.15em;
}
#bloghome h4 a {
	color:#759a9a;
	text-decoration:none;
}
#bloghome h4 a:hover {text-decoration:underline;}
.entryheading {
	position:relative;
	width:100%;
	overflow:hidden;
}
#bloghome .date {
	display:block;
	background:#19170f;
	color:#5f5a46;
	font-size:11px;
	text-align:center;
	padding:2px 4px 3px 6px;
	position:absolute;
	top:0;
	right:0;
	text-transform: uppercase;
}
#bloghome p {
	font-size:12px;
	line-height:160%;
}
#bloghome ul {
	margin-top:15px;
	border-top:1px solid #38362c;
}
#bloghome li {
	border-bottom:1px solid #38362c;
	padding:10px 0;
	position:relative;
}
#bloghome li h4 {
	font-size:14px;
	font-weight:normal;
	letter-spacing:normal;
	margin:0;
}
#bloghome li span.date {
	display:block;
	background:#19170f;
	color:#5f5a46;
	font-size:11px;
	text-align:center;
	padding:2px 4px 3px 6px;
	position:absolute;
	top:8px;
	right:0;
	text-transform: uppercase;
}
/* footer */ 
#footer {
	background:transparent url(images/bg_foot.png) repeat-x bottom left;
	height:140px;
}
#footwrap {
	background:transparent url(images/foot_hill.jpg) no-repeat 50% 100%;
	height:140px;
}
#textwrap {
	width:960px;
	margin:0 auto;
	position:relative;
}
#textwrap p {
	width:450px;
	text-align:center;
	font-size:11px;
	line-height:160%;
	color:#19170f;
	padding:45px 0 0 40px;
}
#textwrap .blogfooteraddon {
	background:url(images/footer_addon_blog.png) no-repeat 0 0;
	width:400px;
	height:50px;
	position:absolute;
	top:0;
	right:0;
}
textwrap .galleryfooteraddon {
	background:url(images/footer_addon_gallery.png) no-repeat 0 0;
	width:258px;
	height:50px;
	position:absolute;
	top:0;
	right:0;
}
/* services */
p.servicesintro {
	font:bold 22px/140% Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	color:#7a9856;
	margin:27px 0 25px 0;
}
#testimonials {
	width:470px;
	float:left;
	background:transparent url(images/quote_bottom.png) no-repeat 100% 94%;
	margin-top:15px;
	position:relative;
}
#innerform {
	width:425px;
	float:right;
	background:#19170f;
	padding:20px 20px;
}
#testimonials h3,
#innerform h3 {
	font-size:18px;
	font-weight:bold;
	color:#70904c;
	letter-spacing:-1px;
	margin-bottom:10px;
}
#testimonials h3 {
	margin-bottom:0;
}
blockquote {
	font:italic 12px/160% Arial, Helvetica, sans-serif;
	border-bottom:1px solid #38362c;
	padding:8px 0;
}
blockquote span {
	font-style:normal;
	color:#86a95f;
}
blockquote.last {
	border:none;
	padding-bottom:30px;
}
.quotediv {
	background:url(images/quote_top.png) no-repeat 0 0;
	width:63px;
	height:50px;
	position:absolute;
	top:-25px;
	left:0;
	z-index:-1;
}
label {
	font-size:11px;
	display:block;
	padding:15px 0 3px;
}
.subscribe-to-comments label, .subscribe-to-comments input {
	display: inline;
	vertical-align: middle;
	padding: 2px;
}
input, textarea {
	background:#fdfbf1;
	border:1px solid #848273;
	padding:4px 3px;
	font-size:14px;
	color:#19170f;
	width:80%;
}
textarea {width:99%;}
input.submit, #contactsubmit {
	width:96px;
	height:34px;
	background:url(images/button_submit.png) repeat-x;
	color:#fdfbf1;
	font:bold 14px Arial, Helvetica, sans-serif;
	border:none;
	margin-top:15px;
	cursor:pointer;
}
#searchform input.submit, #contactsubmit {margin-top:0;}
input.submit:hover, #contactsubmit:hover {color:#19170f;}
h3.clients {
	font-size:18px;
	font-weight:bold;
	color:#70904c;
	letter-spacing:-1px;
	margin-bottom:10px;
}
#clients li {
	display:block;
	float:left;
	width:96px;
	height:70px;
	position:relative;
	margin-top:45px;
}
#clients li a img {
	position:absolute;
	top:0;
	left:50%;
	margin:-45px 0 0 -45px;
}
#clients li a span {
	position:absolute;
	top:60px;
	left:50%;
	text-align:center;
	margin:-45px 0 0 -45px;
	color:#7d7a68;
}
#clients li a:hover span {color:#86a95f;}
/* blog */
body#inner #content {margin-top:-27px;}
.blog{background:url(images/faux_bg.png) repeat-y 0 50px;}
#main	{
	width:540px;
	float:left;
	margin-top:27px;
}
#main p {
	font-size:12px;
	line-height:170%;
	padding:4px 0;
}
#main h1, #main h2 {
	font-size:22px;
	font-weight:bold;
	letter-spacing:-1px;
	margin-bottom:2px;
	line-height: 1.1em;
}
#main h1 {
	font-size:26px;
	margin-bottom:15px;
}
#main h2.pagetitle, #main h2.center {margin-bottom:15px;}
h2.center {text-align: center;}
#main p.postdata {font-size:11px;}
#main .postintro {overflow: hidden;}
#main p.postintro, #main .postintro p {
	font-size:14px;
	color:#a2a091;
}
#main h3 {
	font-size:16px;
	color:#a2a091;
	padding:12px 0 4px 0;
}
#main hr {
	margin-top:15px;
	border-bottom:1px solid #38362c;
	border-top:none;
}
#main h4 {
	font-size:16px;
	color:#a2a091;
	margin-bottom: 5px;
}
#main #comments p.commentdata {
	font-size:11px;
	padding:15px 0 0 0;
	border-bottom:none;
}
.commentdata span {
	font-weight:bold;
	color:#86a95f;
}
#main #comments {
	margin-top:20px;
	padding-top:20px;
	border-top:1px solid #38362c;
}
#main #comments .comment-text {
	padding:0 0 20px 0;
	border-bottom:1px solid #38362c;
}
#main #comments .admincomment {
	background:#1c1a14;
	padding:0 25px;
	border-bottom:1px solid #38362c;
}
#main #comments .admincomment p {border-bottom:none;}
#comments h5 {
	margin-top:20px;
	font:bold 18px Arial, Helvetica, sans-serif;
	letter-spacing:-.5px;
	color:#7a9856;
}
#searchform {margin-bottom: 10px;}
#side {
	width:400px;
	float:right;
}
.blogdata {
	background:#19170f url(images/blog_sidetop.png) no-repeat 0 0;
	padding:20px;
	border-bottom:15px solid #232119;
}
.clearbg {background-image: none !important;}
.clearbg .aboutten24 {padding-bottom:0 !important;}
.subscribe {
	font:bold 18px Arial, Helvetica, sans-serif;
	letter-spacing:-0.5px;
	padding:7px 0 40px 35px;
	background:url(images/rss.png) no-repeat 0 7px;
}
.blogdata .subscribe a {color:#759a9a;}
.aboutten24 {
	font-style:italic;
	font-size:12px;
	line-height:160%;
	color:#91b665;
	padding-bottom:15px;
}
#side h3 {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#a2a091;
	padding-bottom:4px;
}
.aboutblog {
	font-size:11px;
	line-height:160%;
	color:#a2a091;
}
#side h4 {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#a2a091;
	margin:20px 20px 0 20px;
	padding-bottom:15px;
}
#side ul {
	margin:0 20px;
	border-top:1px solid #38362c;
}
#side li {
	font-size:14px;
	position:relative;
	border-bottom:1px solid #38362c;
	padding:8px 0;
}
#side li a {color:#759a9a;}
#side li h5 {
	width:275px;
	font-weight:normal;
}
#side li span {
	font-size:11px;
	position:absolute;
	top:8px;
	right:0;
	color:#5f5a46;
	text-transform: uppercase;
}
#side p.full {
	text-align:right;
	font-size:16px;
	padding:10px 20px;
}
#side p.full a {color:#759a9a;}
#main .post	{
	padding-bottom:15px;
	border-bottom:1px solid #38362c;
	margin-bottom:25px;
}
p.newer {float:left;}
p.older {
	float:right;
	text-align: right;
}
p.older a,
p.newer a {
	font:bold 18px Arial, Helvetica, sans-serif;
	letter-spacing:-.5px;
}
p.older,
p.newer {
	margin-top:-15px;
	width: 49%;
	font-size: 18px !important;
}
.postnavi {
	float: left;
	width: 100%;
	padding-top:25px;
}
/* -------------------
Gallery Layout
----------------------*/
body#gallery {background:#232119 url(images/bg_gallery.png) repeat-x 0 0;}
#gallery #header {
	margin:0 auto;
	width:960px;
	overflow:hidden;
	position:relative;
	height:290px;
}
#gallery #header h1 {
	float:left;
	width:204px;
	height:40px;
	margin-top:55px;
}
.backto1024 {
	font:bold 16px Arial, Helvetica, sans-serif;
	letter-spacing:-.5px;
	float:right;
	margin-top:65px;
}
.backto1024 a {
	color:#4b8ce5;
	text-decoration:underline;
}
.backto1024 a:hover {text-decoration:none;}
#gallery #header h2 {
	font:bold 28px Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	color:#99b3c4;
	margin-top:150px;
}
.desc {
	font:bold 24px Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	color:#70904c;
	width:640px;
}
#gallery #header .subscribe {
	position:absolute;
	top:165px;
	right:0;
	border:1px solid #424037;
	text-align:center;
	background:#11100d url(images/rss.png) no-repeat 28px 50%;
	letter-spacing:-0.5px;
	padding:25px 30px 30px 60px;
}
#gallery #header .subscribe a {color:#99b3c4;}
#gallery #content {background:url(images/faux_gallery.png) repeat-y 0 0;}
#gallery #main {width:690px;}
#gallery #side {width:266px;}
ul#thumbs {overflow: hidden;}
#thumbs li {
	width:137px;
	height:155px;
	display:inline;
	float:left;
}
#thumbs li a img {
	border:4px solid #45412d;
	width:120px;
	height:auto;
}
#thumbs li a:hover img {border-color:#7D7A68;}
#thumbs li p {
	padding:0 0 0 1px;
	line-height:130%;
	font-size:11px;
}
#thumbs li p a {color:#759a9a;}
#gallery #main hr {margin-bottom:15px;}
#pagination {
	overflow: hidden;
	text-align: center;
	padding: 0 120px;
}
#pagination a {
	color: #759A9A;
	font-size: 14px;
}
#pagination .l {
	float: left;
	margin-left: -120px;
	display: inline;
}
#pagination .r {
	float: right;
	margin-right: -120px;
	display: inline;
}
#pagination p {
	float:left;
	padding:0;
	font-size:14px;
	line-height:120%;
}
#pagination ul {float:right;}
#pagination li {
	display:inline;
	background:#11100d;
	border:1px solid #39372a;
	padding:3px 8px;
	margin-left:3px;
	font-size:13px;
}
#pagination li.current {
	background:#45412d;
	color:#11100d;
}
#pagination li.dots {
	border:none;
	background:#232119;
}
#pagination li a {color:#759a9a;}
#gallery #side {margin-top:27px;}
#gallery #side ul {
	margin:0 0 0 3px;
	background:url(images/gallery_li_bg.png) no-repeat left top;
	border:none;
}
#gallery #side li {
	padding:8px 20px 8px 22px;
	background:url(images/gallery_li_bg.png) no-repeat left bottom;
	border:none;
}
#gallery #side .current {
	background:url(images/gallery_active.png) no-repeat 0 0;
	font-weight:bold;
}
#gallery #side .current a {color:#19170f;}
.submission {padding:30px 25px 8px 25px;}
#gallery #side .submission h3 {
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#86a95f;
}
#gallery #side .submission p {
	font-size:12px;
	line-height:150%;
}
#gallery #side .submission input {width:100%;}
#gallery #side .submission input.submit {
	width:96px;
	margin-top:20px;
}
/* rules for new WP image uploader */
img.alignright, img.alignleft, img.aligncenter {margin: 10px;}
img.alignright {float: right;}
img.alignleft {float: left;}
img.aligncenter, img.alignnone {
	margin: 10px auto;
	display: block;
	clear: both;
}
strong {font-weight: bold;}
em {font-style: italic;}
.synd_src {color:#7D7A68 !important;}
/*===tools pages===*/
.tools-wrapp{
	width:100%;
}
#main .tools-wrapp h2,
.tools-wrapp h2{
	padding:0;
	font-size:22px;
	margin:0 0 10px 0;
	font-weight:normal;
}
.tools-wrapp table{
	margin-bottom:10px;
	width:500px;
	font-size:12px;
}
.tools-wrapp table td{
	vertical-align:top;
	height:40px;
}
.tools-wrapp .dupes{width:100%;}
.dupes textarea{width:400px;}
.footer-wrapp{
	position:relative;
	height:140px;
	width:100%;
	margin-top:-140px;
}
.main-wrapp{min-height:100%;}
* html .main-wrapp{height:100%;}
.main-wrapp #content{padding-bottom:140px;}
.mail-serv{overflow:hidden;}
.content-holder{
	width:100%;
	padding:27px 0 10px 0;
}
.dupes p{
	padding:10px 0;
}
#case,
#exstract{
	width:16px;
	height:15px;
	padding:0;
	margin:0;
}
#w-per{
	width:156px;
	height:34px;
	background:url(images/button_submit.png) repeat-x;
	color:#fdfbf1;
	font:bold 14px Arial, Helvetica, sans-serif;
	border:none;
	margin-top:15px;
	cursor:pointer;
        margin-top:0;
}
#w-per:hover {color:#19170f;}