/*
Theme Name: Publicizer
Theme URI: http://www.sitepronews.com/2008/08/11/wordpress-themes-publicizer-151/
Description: 3 Column WordPress Theme using Web 2.0 colors and very easy to use for any blog or you can even use it as a normal website and blog combo. 
Version: 1.6
Author: <a href="http://www.sitepronews.com/">SiteProNews</a>
Author URI: http://www.sitepronews.com/
Tags: 3 columns, wordpress themes, publicizer, cool themes, fixed width
For the WordPress community (GPL).
*/
div#logo2 {
	width: 763px;
	position: relative;
	margin: 0px;
	height: 107px;
	float: left;
	background-image: url(img/tel.jpg);
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-repeat: no-repeat;
}
div#logo {
	width: 355px;
	position: relative;
	margin: 0px;
	height: 122px;
	float: left;
	background-image: url(img/simpsons.png);
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
div#logo1 {
	width: 160px;
	position: relative;
	margin: 0px;
	height: 106px;
	float: left;
	background-image: url(img/strapline.png);
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 500px;
	background-repeat: no-repeat;
}

.credits {
	font-family: "Century Gothic", sans-serif;
	height: 110px;
	width: 1118px;
	clear: both;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	background-color: #15669C;
}
.credits3 {
font-family: "Century Gothic", sans-serif;
	height: 40px;
	width: 970px;
	margin-right: auto;
	margin-left: 0px;
}
.credits2 {
	font-family: "Century Gothic", sans-serif;
	color: #FFFFFF;
	font-size: 10px;
	height: 100px;
	text-align: right;
	width: 150px;
	margin-right: 0px;
	margin-left: 0px;
	float: left;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.credits1 {
	font-family: "Century Gothic", sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	height: 100px;
	text-align: left;
	width: 945px;
	margin-right: auto;
	margin-left: 0px;
	float: left;
	line-height: 1.4em;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.credits3 a {
	
	color: #FFFFFF;
	font-family: "Century Gothic", sans-serif;
}

.credits2 a {
	
	color: #FFFFFF;
	font-family: "Century Gothic", sans-serif;
}

.credits1 a {
	
	color: #FFFFFF;
	font-family: "Century Gothic", sans-serif;
}

.credits a {
	
	color: #FFFFFF;
	font-family: "Century Gothic", sans-serif;
}

.credits a:hover {
	text-decoration: underline;
	color: #FFFFFF;
	font-family: "Century Gothic", sans-serif;
}

div#top {
	position: static;
	left: 0px;
	width: 1118px;
	margin-right: auto;
	margin-left: auto;
	height: 150px;
	
}

.content {
	width: 1118px;
	text-align: left;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
}



/*** GENERAL TAGS ***/

body { margin: 0px; padding: 0px; background: #7ED3E5 url(http://www.esmartproducts.co.uk/blog/wp-content/themes/publicizer/images/bg.jpg) repeat-x top; font-family: "Century Gothic", sans-serif; font-size: 12px; color: #001950; }
h1,h2,h3,h4,h5 { font-weight: normal; margin: 0px; }



.wrap { width: 960px; margin: 0 auto 0 auto; }
.clear { display: block; clear: both; }

/*** HEADER ***/

.header {  }

.blogtitle { width: 600px; float: left; background: #ffffff url(images/headerbg.jpg) no-repeat left bottom; padding: 40px 0 0 0; }
.titleright { width: 38px; height: 34px; display: block; background: url(images/headerbgr.jpg) no-repeat; float: right; margin-top: -10px;}
.blogtitle h1 { font-size: 30px; font-family: "Century Gothic", sans-serif; text-transform: uppercase; margin: 0px 0px 0px 20px; }
.blogtitle h1 a { color: #215561; }
.blogtitle h1 a span { color: #C66128; }
.blogtitle .desc { background: #EAF9FC url(images/descr.jpg) no-repeat top right; margin: 0px 0px 0px 20px; font-size: 13px; color: #058FAD; width: 580px; display: block; padding: 6px;}

.searchbox { width: 480px; float: right; background: #525B64; margin-top: 30px; }
.search { padding: 10px; display: block; color: #ffffff; font-size: 14px;}
.search .text { width: 305px; border: solid 3px #343645; padding: 6px; margin-top: 10px; float: left;  }
.search .button { float: right; margin-top: 10px;}

/**** MENU ****/



/*** CONTENT ***/

.leftcontent {background: #ffffff; width: 670px; float: left; padding-top: 0px; border-right: solid 1px #CEDDE4; }
.leftcontent a { color: #0685BB; text-decoration: none; }

.sidebar { background: #ffffff; width: 429px; float: right;  padding-top: 15px;}
.sidebar a { color: #0685BB; text-decoration: none; }
.leftsidebar { width: 230px; float: left; }
.leftsidebar a { color: #0685BB; text-decoration: none; }
.rightsidebar { width: 188px; float: right; }
.rightsidebar a { color: #0685BB; text-decoration: none; }
.in { margin: 15px; }
.leftsidebar .in { width: 200px; }
.rightsidebar .in { width: 160px; margin: 15px 14px 15px 14px; }
.leftcontent .in { width: 640px; }



/*** ARTICLES ***/

.article { margin-bottom: 50px; }
.date { padding-left: 20px; font-size: 15px; font-weight: bold; display: block; font-family: "Century Gothic", sans-serif; color: #A8B4B9; background: url(images/calendar.jpg) no-repeat center left; }
.article h2 {font-size: 24px; font-family: "Century Gothic", sans-serif; }
.article h2 a { color: #048BC4; margin: 2px 0 2px 0;  }
.article .meta { font-size: 11px; display: block; color: #BF835F; }
.article .meta a {
	color: #6699FF;
}
.postcontent { line-height: 18px; margin-top: 15px; border-top: dashed 1px #BFCCD2; }

/*** SIDEBAR **/

.sidebar h2 { font-size: 18px; font-family: "Century Gothic", sans-serif; letter-spacing: -1px; color: #244C5D; }
.sidebar ul { padding: 0px; margin: 0px; list-style: none; border-top: solid 1px #CEDDE4; margin: 4px 0 20px 0; }
.sidebar ul li { padding: 6px 0 6px 0; border-bottom: dashed 1px #CEDAE0; }
.sidebar ul li a { font-size: 13px; }

.sidebar h2#cat { padding-left: 20px; background: url(images/cat.jpg) no-repeat center left; }
.sidebar h2#arh { padding-left: 20px; background: url(images/cal.jpg) no-repeat center left; }

/*** Comments h2 ***/

.comments { border-top: solid 1px #CEDDE4; padding-top: 10px; margin-top: -5px;}
.comments h2 { margin-bottom: 15px; }
.comment { display: block; padding: 10px; }
.alt { background: #E7F8FF; }
.comment-meta { color: #92A8B1; border-bottom: solid 1px #CCE3EB; padding-bottom: 4px; }
.comment-meta span { font-size: 14px; font-weight: bold; }

.commentform { background: #E7F8FF; display: block; padding: 10px; margin-top: 10px;}
.commentform span { font-size: 16px; display: block; color: #8B8477; margin-bottom: 4px; }
.commentform input, .commentform textarea { width: 350px; background: #ffffff; border: #ffffff; padding: 4px; margin-bottom: 10px; }
.commentform input.subscribe_button{ width: 153px; height: 33px; background: url(images/comment-off.jpg); display: block; text-indent: -9999px; }
.commentform input.subscribe_button:hover { background: url(images/comment-on.jpg); }

/*** FOOTER ***/

.footer p { font-size: 13px; color: #014B68; margin: 10px 0px 35px 0px;}
.footer span { font-weight: bold; }
.footer a { color: #088CBF; background: #A7E8F5; }




.footer1, .footer2 {
text-align: center;
font-size: 11px;
}
.footer1 a, .footer2 a{
background: none;
color: #fff;
}
.footer1 {
margin: 0 auto;
width: 500px;
padding: 8px 0;
border-bottom: 1px #626262 solid;
}
.footer1 a{
margin: 0 10px;
}

.footer2 {
padding: 8px 0;
}


a.footer_rss {
background: url(images/icons/rss.gif) left center no-repeat;
padding-left: 17px;
}
a.footer_rss_comm {
background: url(images/icons/comm.gif) left center no-repeat;
padding-left: 15px;
}
a.footer_wp {
background: url(images/icons/w.gif) left center no-repeat;
padding-left: 15px;
}
a.footer_login {
color: #fff;
padding-left: 16px;
}


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

.alignleft {
	float: left;
}

.alignright {
	float: right;
}
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;
}


























/*nav area */

#nav	{
	height: 30px;
	width: 1118px;
	left: 0px;
	position: relative;
	float: left;
	padding-bottom: 10px;
}


#nav ul	{
	margin:0px;
	padding:0px;
}

#nav li	{
	float:left;
	padding:0px;
	margin:0px;
	list-style: none;
	background-repeat: no-repeat;
}

#nav a {
	display:block;
	height:0;
	padding-top:30px;
	overflow:hidden;
}

#nav li.navA	{width:65px;}
#nav li.nav1	{width:74px;}
#nav li.nav2	{width:196px;}
#nav li.nav3	{width:204px;}
#nav li.nav4	{width:138px;}
#nav li.nav5	{width:148px;}
#nav li.nav6	{width:112px;}
#nav li.nav7	{width:102px;}
#nav li.nav8	{width:79px;}




#navNameA	{background: url(img/nav.jpg) 0px 0px;}
#nav a#navName1	{background: url(img/nav.jpg) -65px 0px;}
#nav a#navName2	{
	background-image: url(img/nav.jpg);
	background-position: -139px 0px;
}
#nav a#navName3	{
	background-image: url(img/nav.jpg);
	background-position: -335px 0px;
}
#nav a#navName4	{
	background-image: url(img/nav.jpg);
	background-position: -539px 0px;
}
#nav a#navName5	{
	background-image: url(img/nav.jpg);
	background-position: -677px 0px;
}
#nav a#navName6	{
	background-image: url(img/nav.jpg);
	background-position: -825px 0px;
}
#nav a#navName7	{
	background-image: url(img/nav.jpg);
	background-position: -937px 0px;
}
#nav a#navName8	{
	background-image: url(img/nav.jpg);
	background-position: -1039px 0px;
}




#nav a#navNameA:hover	{background: url(img/navOver.jpg) -0px 0px;}
#nav a#navName1:hover	{background: url(img/navOver.jpg) -65px 0px;}
#nav a#navName2:hover	{
	background: url(img/navOver.jpg) -139px 0px;
}
#nav a#navName3:hover	{background: url(img/navOver.jpg) -335px 0px;
}
#nav a#navName4:hover	{
	background-image: url(img/navOver.jpg);
	background-position: -539px 0px;
}
#nav a#navName5:hover	{
	background-image: url(img/navOver.jpg);
	background-position: -677px 0px;
}
#nav a#navName6:hover	{
	background-image: url(img/navOver.jpg);
	background-position: -825px 0px;
}
#nav a#navName7:hover	{
	background-image: url(img/navOver.jpg);
	background-position: -937px 0px;
}
#nav a#navName8:hover	{
	background-image: url(img/navOver.jpg);
	background-position: -1039px 0px;
}


#dropmenudiv{
	font-family: "Century Gothic", sans-serif;
	font-size: 12px;
	word-spacing:1px;
	position:absolute;
	border-bottom-width: 0;
	line-height:13px;
	z-index:100;

}

#dropmenudiv a{
	color: #FFFFFF;
	background: url(img/navDropBkgrd.jpg) no-repeat right;
	width: 320px;
	display: block;
	text-indent: 15px;
	padding: 6px 0;
	text-decoration: none;
	text-align: left;
}

#dropmenudiv a:hover{ /*hover background color*/
	background: url(img/navDropBkgrdOver.jpg) no-repeat right;
	color: #ffffff;
}