/*  
Theme Name: tcpblogal
Theme URI: http://www.tcpblogal.com/
Description: The custom designed template for TCPGLOBAL.
Version: 1.5
Author: East Coast Design
Author URI: http://www.eastcoastdesign.co.uk/

	tcpblogal 1.5
	http://www.eastcoastdesign.co.uk/

	This theme was designed and built by East Coast Design,
	whose website you will find at http://www.eastcoastdesign.co.uk/

*/

/* Begin Typography & Colors */

body {
	font-size: 12px; /* Resets 1em to 10px */
	font-family: Verdana, Sans-Serif;
	background-color: #020202;
	background-image: url('images/tcpblogal_02.jpg');
	background-repeat: repeat-x;
	color: white;
	text-align: center;
}

h1, h2, h3, h4, h5 {
	font-family: Century Gothic, Arial, Verdana, Sans-Serif;
}	

h3 {
	margin-bottom:0px;
	padding-bottom:0px;
}

a, a:link, a:hover, a:visited {
	color:white;
	text-decoration:none;
}

h2 {
	font-size:25px;
}

p {
	font-size:12px;
}

label {
	font-size:12px;
	padding: 3px 0 3px 0;
}

#wrapper {
/*	color: #FFFFFF; */
	text-align: left;
}

#menu ul li {
	font-family: Century Gothic, Arial, Verdana, Sans-Serif;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
}

#main h2 {
	margin:0 0 10px 0;
	padding:0;
}

#sidebar h2 {
	text-align:left;
	font-size:16px;
	font-weight: normal;
}

li {
	font-size: 12px;
}

#aligncenter {
	width:583px;
	text-align: center;
	font-size: 10px;
	font-family: Verdana, Sans-Serif;
}

#main h2.pagetitle {
	margin:10px 0 0px 0;
	padding:0;
}

#main h3 {
	font-size:16px;
	margin:0px 0 10px 0;
	padding:0;
}

.widecolumn #main h2 {
	margin:10px 0 10px 0;
	padding:0;
}

td {
	font-size:12px;
}
#topalert {
	text-align:center;
	padding:10px 0 10px 0;
	width:560px;
	border:1px solid #BC380F;
	background: #E5770A;
	color: white;
	font-weight:normal;
}
/* End Typography & Colors */




/* Begin Structure */

body {
	margin:0;
	padding: 20px 0 20px 0;
}

#wrapper {
	margin: 0 auto 0 auto;
	padding: 0 0 20px 0;
	width:807px;
}
#printheader {
	display:none;
}
img {
	display:block;
	margin:0px;
	padding:0px;
}

.floatleft {
	float:left;
}

.floatright {
	float:right;
}

#menu {
	position: relative;
	top: 8px;
	width: 800px;
	height: 39px;
	background: url('images/tcpblogal_07.jpg') repeat-x;
}

#menu ul {
	margin:0;
	padding:0;
}

#menu ul li {
	float:left;
	display: block;
	height: 21px;
	padding: 9px 29px 9px 29px;
}

#content {
	position:relative;
	width:800px;
	height:100%;
}

#main {
	position:absolute;
	top:55px;
	padding:0;
	margin:0;
	background: #D3501E url('images/tcpblogal_12.jpg') no-repeat top left;
}

.navigation {
	display:block;
	min-height:15px;
}
table#data {
	empty-cells:show;
}
div.entry table {
	border-top:2px solid white;
	border-left:2px solid white;
	border-right:1px solid white;
	border-bottom:1px solid white;
}
div.entry table th {
	border-bottom:2px solid white;
}
div.entry table td, div.entry table th {
	border-right:1px solid white;
	border-bottom:1px solid white;
}
.narrowcolumn #main {
	width:583px;
}

.widecolumn #main {
	width:800px;
}

#inner {
	min-height:1100px;
}

div.toppackage {
	margin:10px;
	background: url('images/tcpblogal_21.jpg') repeat-y top left;
}
div.package {
	margin:10px;
	background: url('images/tcpblogal_31.jpg') repeat-y top left;
}
div.post {
	display:block;
	padding:0 10px 0 10px;
}
div.page {
	padding:10px;
}
div.nopadding {
	padding:0;
}

div.entry a {
	background:#ED7803;
}

div.entry a:link {
	background:#ED7803;
}

div.entry a:hover {
	background:#F6921D;
}

div.entry a:visited {
	background:#ED7803;
}

#sidebar {
	position:absolute;
	top:55px;
	left: 583px;
	width: 217px;
	margin: 0px;
	padding: 0px;
	height: 100%;
}

#sidebar ul {
	display:block;
	width:217px;
	margin:0;
	padding:0;
}

#sidebar li {
	display:block;
	width:217px;
	margin:0 0 7px 0;
	padding:0;
}

#sidebar ul li ul#search {
	display:block;
	width:217px;
	height:70px;
	text-align:center;
	margin:0;
	padding:0;
}

#sidebar ul li ul#search li {
	display:block;
	background:none;
	list-style-type:none;
}

#sidebar ul li ul#search li form input#textbox {
	width:180px;
}

#sidebar ul li ul#search li {
	display:block;
	list-style:none;
	text-align:center;
	width:217px;
	margin:0;
	padding:0;
}

#sidebar h2 {
	display:block;
	background: url('images/tcpblogal_14.gif') no-repeat top right;
	width:202px;
	height:22px;
	padding:8px 0 8px 15px;
	margin:0;
}

#sidebar ul li.searchbox h2 {
	display:block;
	margin:0;
}

#sidebar ul li {
	display:block;
	width:217px;
	list-style-type: none;
	list-style-image: none;
	background-repeat: no-repeat;
	background-position: 0px 8px;
	margin:0;
	padding:0;
}

#sidebar ul li ul li {
	display:block;
	position:static;
	top:0px;
	width:177px;
	list-style:disc;
	background: none;
	margin:0;
	padding:0 0 0 13px;
	list-style-type:none;
	background: transparent url('images/bullet_01.jpg') no-repeat 0px 0.25em;
}

#sidebar ul li ul li ul li {
	display:block;
	width:162px;
	background: none;
	margin:0;
	padding:0 0 0 13px;
	list-style-type:none;
	background: transparent url('images/bullet_01.jpg') no-repeat 0px 0.25em;
}

#sidebar ul li ul {
	display:block;
	width:192px;
	margin:0;
	padding: 10px 10px 5px 15px;
	background: url('images/tcpblogal_18.gif') no-repeat top right;
}

#sidebar ul li ul li ul {
	display:block;
	width:162px;
	background: none;
	margin:0;
	padding: 3px 0 3px 0px;
}

div#loginlogout {
	position:fixed;
	top:5px;
	left:0px;
	z-index: 99999;
}

* html body div#loginlogout {
	position:absolute;
	left:5px;
}

div#loginlogout div {
	margin:5px 0 0 5px;
}

.bottom {
	margin:0 0 7px 0;
}
/* End Structure */

/* New Comments Styling */
.count {
	position:relative;
	top:-5px;
	left:523px;
	font-family: Century Gothic, Arial, Verdana, Sans-Serif;
	font-weight: bold;
	font-size:60px;
	line-height:0px;
}

cite {
	position:relative;
	top:-10px;
	left:-10px;
	font-family: Century Gothic, Arial, Verdana, Sans-Serif;
	font-weight: bold;
	font-size:25px;
	line-height:25px;
}

.count {
	color:#2B0C04;
}

.alt .count {
	color:#9B1E0D;
}

.authorcomment .count {
	color:#3087B7;
}

.friendcomment .count {
	color:#52910F;
}

.tbcomment .count {
	color:#B72008;
}

.pbcomment .count {
	color:#5B0000;
}

.container {
	display:block;
	padding: 0 15px 0 15px;
}

.container p {
	margin-bottom:0;
	padding-bottom:0;
}

.normalcomment {
}

.normalcomment {
	margin:0 0 10px 0;
	background: url('images/tcpblogal_21.jpg') repeat-y top left;
}

.normalcomment .alt {
	margin:0 0 10px 0;
	background: url('images/tcpblogal_31.jpg') repeat-y top left;
}

.authorcomment {
	margin:0 0 10px 0;
	background: url('images/tcpblogal_auth_21.jpg') repeat-y top left;
}

.friendcomment {
	margin:0 0 10px 0;
	background: url('images/tcpblogal_writ_21.jpg') repeat-y top left;
}

.tbcomment {
	margin:0 0 10px 0;
	background: url('images/tcpblogal_tb_21.jpg') repeat-y top left;
}

.pbcomment {
	margin:0 0 10px 0;
	background: url('images/tcpblogal_pb_21.jpg') repeat-y top left;
}

/*End New Comments Styling */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

.navigation .alignright {
	float: right;
	margin:0 10px 0 0;
	}

.navigation .alignleft {
	float: left;
	margin:0 0 0 10px;
	}

.imgfloatleft {
	float:left;
	margin:5px 10px 5px 0px;
	text-align:center;
	font-size:10px;
	font-style:italic;
}

.imgcenter {
	text-align:center;
	font-size:10px;
	font-style:italic;
	width:560px;
}

.imgfloatright {
	float:right;
	margin:5px 0px 5px 10px;
	text-align:center;
	font-size:10px;
	font-style:italic;
}

a img {
	border:0px;
}

/* End Images */




/*	Begin Headers */
h1 {
	padding-top: 70px;
	margin: 0;
	}

h2 {
	margin: 30px 0 0;
	}

h2.pagetitle {
	margin-top: 30px;
	text-align: center;
}

h3 {
	padding: 0;
	margin: 30px 0 0;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
/* End Headers */

/* Login layout */
div.logingroup {
	position:relative;
	left:0px;
	top:0px;
	width:560px;
	height:218px;
}

div.login1 {
	position:absolute;
	left:0px;
	top:0px;
	width:181px;
	height:11px;
}

div.login3 {
	position:absolute;
	left:191px;
	top:0px;
	width:181px;
	height:11px;
}

div.login5 {
	position:absolute;
	left:381px;
	top:0px;
	width:181px;
	height:11px;
}

div.login6 {
	position:absolute;
	left:0px;
	top:11px;
	width:181px;
	height:196px;
}

div.login7 {
	position:absolute;
	left:191px;
	top:11px;
	width:181px;
	height:196px;
}

div.login8 {
	position:absolute;
	left:381px;
	top:11px;
	width:181px;
	height:196px;
}

div.login9 {
	position:absolute;
	left:0px;
	top:207px;
	width:181px;
	height:11px;
}

div.login10 {
	position:absolute;
	left:191px;
	top:207px;
	width:181px;
	height:11px;
}

div.login11 {
	position:absolute;
	left:381px;
	top:207px;
	width:181px;
	height:11px;
}
/* login layout end */

/* translation languages */
.dnghu {
	font-size:0px;
	width:85%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
	margin-top:-5px;
}
.dnghu li {
	font-size:10px;
	display:inline;
	padding-left:6px;
	padding-right:4px;
	border-right:1px solid #FFFFFF;
}