/*======================================
Theme Name: BOX
Theme URI: http://www.box-solutions.com/
Description: Designed for BOX
Version:1
Author: BOX
======================================*/

/* IE HTC */

/* body { behavior:url(“csshover2.htc”); } */

/* HIDE */

*{
margin:0;
padding:0;
}
body{
background:#eeeeee;
font-family: "Futura",Helvetica, Arial, Tahoma, Verdana, sans-serif;
font-size:11px;
font-weight: 500;
color:#676767;
}

#wrapper{
margin:27px auto 27px auto;
padding:0;
background:#FFFFFF;
width:940px;
}

.clear{
clear:both;
}

a{
text-decoration:none;
outline:none;
}

blockquote{
background:#FFE9F4;
padding:5px 18px 1px 15px;
border-left:4px solid #FF99CC;
margin-bottom:10px;
}
code {
background : #cccccc;
border-bottom : 1px solid;
border-bottom-color : #999999;
padding-left:3px;
padding-right:3px;
text-align:left;
}

img a{
border:none;
}


ul{
list-style:none;
}

#navigation{
display:block;
float:right;
width:475px;
height:40px;
margin-bottom:20px;
background:none;

}

#navigation ul {
margin:10px 14px 0 0;
float:right;

}
#navigation li {
text-transform: uppercase;
display:inline;
}
#navigation ul li.current_page_item a {
color:#FFF;
background: #a7151a;
border-left:3px solid #a7151a;
border-right:3px solid #a7151a;
padding:5px 7px 5px 7px;
margin:0pt 14px 0 0;
}
#navigation ul li.current_page_item a:hover{
color:#fff;
border-left:3px solid #a7151a;
border-right:3px solid #a7151a;
padding:5px 7px 5px 7px;
margin:0pt 14px 0 0;
}

#navigation a {
color:#000;
float:left;
margin:0pt 14px 0 0px;
padding:5px 7px 5px 6px;
border-left:3px solid #fff;
border-right:3px solid #fff;
}
#navigation a:hover{
padding:5px 7px 5px 6px;
color:#FFF;
background: #a7151a;
border-left:3px solid #a7151a;
border-right:3px solid #a7151a;
}

#header-c{
float:left;
background:#fff url(images/logo.jpg) 27px 10px no-repeat;
z-index: 1000;
height: 149px;
padding: 12px 0 0 22px;
}

#header{
width: 180px;
background:none;
padding:0;
clear:both;
}


#header h1 a {
color:#66CC00;
font-size:22px;
float:left;

}

#header .description{
font-size:11px;
color:#FFF;

float:left;

}

#hsearch{
float:right;
margin-top:14px;

}
#s{
border:none;
padding:4px;
font-size:11px;
width:230px;
background:#CCCCCC;}
#s:active,#s:focus{
background:#FFF;
}





.alignleft{
float:left;}
.alignright{
float:right;
}

/******************************date***************/
/*date*/
.month {
width:40px;
padding:7px 3px 0px;
text-align:center;
color:white;
background:url(images/date.jpg) no-repeat top;
display:block;
font-size:11px;
float:left;
margin-right:10px;
height:40px;}

  
.date {
display:block;
color:#9b241b;
padding:1px 1pt 0px 1px;
font-size:15px;
font-weight:bold;
}
  

/******************************contentttttttttttt***************/

#content-container-home,#content-container-inside{
float:left;
margin-top:20px;
width:940px;
padding-bottom:20px;
}
#content-container-home .content{
width:430px;
text-align:justify;
margin: 0 9px 0 0 ;
padding:0 0 0 30px;
float:left;
}
#rightbar #content{
margin: 20px 0 0 24px;
}
#rightbar #content ul {
	margin: 0 0 0 6px;
}
#content-container-inside .content{
width:auto;
text-align:justify;
margin-right:9px;
padding-left:30px;
float:left;
min-height: 400px;
}
#contentleft {
	float: left;
	width: 410px;
	padding-right: 25px;
}
#contentright{
	float: right;
	width: 410px;
	padding-left: 25px;
}
#contentrightb{
	float: right;
	width: 410px;
	background: #EEEEEE;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
#contentrightb p {
	padding-left: 20px;
	padding-right: 20px;
}
#contentrightb h2 {
font-size:18px;
font-weight:normal;
text-transform: uppercase;
background: none;
text-indent: 0px;
height:10px;
margin-top: -20px;
margin-bottom: 20px;
}
#servicesarea {
	background: #EEEEEE;
	padding: 20px;
	height: 220px;
}
.servleft {float: left;margin: 0 0 0 65px;width: 40%;}

.video {float: left;background: #EEEEEE;padding: 15px;margin: 10px 8px 0 0;}

.highlight {
clear:both;
	background: #EEEEEE;
	padding: 25px;
}
.left {
	float: left;
	margin-right: 20px;
}
.title{
padding-bottom:10px;
width: 430px;
}
.title h2{
font-size:18px;
font-weight:normal;
text-indent: -5000px;
background: url(images/simple.jpg) no-repeat;
height: 60px;
width: 430px;
margin: 0 0 10px 0;
}
.casestudy {
	background:#ececec;
	padding: 25px 10px 5px 25px;
	min-height: 250px;
}

.casestudyimage {
	float: left;
	margin-right: 75px;
}

.casetext {
	margin-left: 325px;
}
.icon {
	margin-right: 10px;
	margin-top: 5px;
}
.icontxt {
	margin-right: 10px;
	margin-left: 25px;
	width: 275px;
}
.post h2 {
font-size:18px;
font-weight:normal;
text-transform: uppercase;
background: none;
text-indent: 0px;
height: 10px;
}

p.details{
font-size:11px;
}
h2.pagetitle{
font-size:12px;
color:#000;
background:#66CC66;
padding:5px;
margin-bottom:20px;
}

h2.page{
font-size:18px;
font-weight:normal;
padding:0px;

}
.breaking {
width: 180px;
float: left;
padding: 0 0 0 0;
}
.breakingdiv {
	height: 100px;
	margin-left: 6px;
}
.breaking a img {
	border: 1px solid #919191;	
}
.breaking a:hover img {
	border: 1px solid #000;	
}
.post{
padding:0px 23px 0 0px;
}
.post img{
}

.post a img{
border:0px solid;
}

.post img.wp-smiley{
border:none;
padding:0px;
background:none;
}
.postmeta{
height:17px;
font-size:10px;
margin-bottom:4px;
text-align:right;
}
.postmeta a{
color:#0066CC;
}
.postmeta a:hover{
color:#003366;
}

#home .entry {
width: 430px;
line-height:16px;
}

.entry {
width: auto;
line-height:16px;
}

.entry p{
margin-bottom:15px;
}
.entry a{
color:#A7151A;
text-decoration:none;
}
.entry a:hover{
color:#000000;
text-decoration:none;
}

#magicvid {
	background:#000000 url(images/tag.jpg) no-repeat bottom right;
}
#magicvid .pro-player-container {
	float: none;
	padding: 20px;
}

.pro-player-container {
	float: right;
	margin: 0 0 0 10px;
}

.entry ol{
margin:0px 0px 10px 28px;
}

.entry ul{
margin:0px 0 10px 20px;
list-style-type:disc;}

.entry h2{
font-size:18px;
text-transform: uppercase;
background: none;
text-indent: 0px;
height: 18px;
margin: 10px 0 10px 0;
}
p.postinfo{
background:#FFFFCC;
border-bottom:1px solid #FF9933;
padding:4px 10px;
border-top:1px solid #FF9933;
font-size:10px;
margin-bottom:20px;
margin-right:10px;
}

#sidebar2 p.postinfo{
margin-right:15px;
}
p.postinfo a{
color: #A7151A;
}
span.viewing{
padding:0 0 3px 1px;
line-height:15px;
}
span.tag{
background: url(images/tag.png) no-repeat top left;
padding:0 0  3px 19px;
line-height:17px;

}
span.comment{
background: url(images/comment.png) no-repeat top left;
padding:0 0  3px 19px;line-height:21px;
}
span.calendar{
background: url(images/calendar.png) no-repeat top left;
padding:1px 0  3px 19px;line-height:23px;
}
span.rss{
background: url(images/rss.png) no-repeat top left;
padding:1px 0  3px 19px;
line-height:21px;
}
/******************************sidebar***************/
#leftbar{
width:430px;
float:left;
margin-left: 20px;
}

.services {
text-indent: -5000px;
background: url(images/services.jpg) no-repeat;
height: 26px;
width: 430px;
}
.featured {
text-indent: -5000px;
background: url(images/work.jpg) 5px 0  no-repeat;
height: 26px;
width: 430px;
}
.recentpod {
text-indent: -5000px;
background: url(images/recentpod.png) 5px 0  no-repeat;
height: 43px;
width: 442px;
}
#sidebar_single{
float:left;
width:399px;
}

#leftbarwidget ul , ul#sidebarwidget{
list-style:none;
margin-bottom:20px;

}

#leftbar ul{
margin-bottom:0px;}

#leftbar li h2 {
font-family: "Futura",Helvetica, Arial, Tahoma, Verdana, sans-serif;
font-size:18px;
color:#757575;
margin:0;
}
#leftbar p {
margin: 0 0 10px 0;
padding: 0;
}

#leftbar ul li ul li, #rightbar ul li ul li{
line-height:19px;
padding:1px;
border-bottom:1px solid #CCCCCC;
}
#leftbar a, #rightbar a{
color:#A7151A;
}
#leftbar a:hover, #rightbar a:hover{
color:#000;

}

.browse a {
font-size : 14px;
color : #66cc00;
font-weight : bold;
}
.browse a:hover {
color : #669900;
}
.browse {
padding:0pt 0pt 20px 0;
text-align:center;
}
/********************************** comments template ***********************************/
#comments {
width:510px;
text-align:left;
float :left;
padding-bottom:10px;
}
.dlf a{
color:#666666;
}
.dlf a:hover{
background:#999999;
color:#FFFFFF;
}
.ann {
text-align:left;
}
.ann a{
color:#669900;
text-decoration:underline;
}
#comments h2 {
margin-top : 30px;
font-size : 14px;
}
.commentlist {
list-style-type : none;
padding : 0;
}
.commentlist li {
color : #000000;
}

.tx {
padding:7px 0pt 10px 10px;

}
.tx p {
margin-right:64px;
margin-bottom:10px;
}
.tx blockquote{
font-size:11px;
width:279px;
background-color:#B8E8A2;
border-left : 2px solid #A9E28D;
}
.tx code {
border-bottom : 1px solid #999999;
border-left : 1px solid #999999;
background-color:#EFEFEF;
}


.top-border {
height:15px;
padding:5px 10px 5px 10px;
font-size:9px;
color:#000;
}


.top-border a:hover{

background:#FFFFFF;
}

.eachcomment{
border:1px solid #A9E28D;
border-left:0px;
width:490px;
background:#DEF4D3;
}


.c_info {
padding-left : 40px;
margin-bottom:20px;
}
.c_name {
float:left;
font-size:10px;
}


#formsection{
padding: 24px 10px 10px 24px;
margin:40px 0 0 -19px;
height:194px;
}
.kiri{
float:left;
margin-right:10px;
}

#author, #email, #url {
width:205px;
margin-bottom:4px;
padding:3px 0;
font-family: "Futura",Helvetica, Arial, Tahoma, Verdana, sans-serif;
}

#commenttext{
width:251px;
height:140px;
font-family: "Futura",Helvetica, Arial, Tahoma, Verdana, sans-serif;
font-size:11px;
padding:3px;
}

#submit {
height:29px;
margin:14px 0pt 0pt;
width:208px;
}


/******************************footer***************/

#footer{
background:#fff;
padding:10px 10px 12px 30px;
color:#666666;
}
#footer a{
color:#669900;
text-decoration:underline;
}