/*

Theme Name: Associated Publications

Theme URI: http://www.postjoe.com

Description: 2 columns, with a widget-enabled left-hand sidebar 

Version: 1.2

Tags: fixed width, two columns, widget ready, white, business, simple

Author: postjoe.com

Author URI: http://www.postjoe.com/

*/







body {

margin: 0;

padding: 0;  

color: #fff;

font-family:Arial, Verdana, Helvetica, sans-serif;

font-size: 100.1%;

background: #000;

}





#wrapper{

width: 1000px;

margin: 0px;

padding: 0px;

text-align:left;

font-size: 75%;

line-height:20px;

background: #000;

}



#header{

background-image: url(http://www.associatedpub.com/wp-content/themes/associatedpub/images/header.png);

background-repeat: no-repeat;

padding: 0;

margin: 0;

margin-bottom: 25px;

height:170px;

}	









div#header h1 {

	margin: 0;

        color:#fff;

	position:absolute;

	width: 1000px;

	height: 170px;

}



div#header h1 a {

        display: block;

	width: 1000px;

	height: 170px;

}



div#header h1 a:hover {

	text-decoration: none;

}







#headerimg{

display: block;

width: 1000px;

height: 170px;

}

	

#content{

margin: 0;

padding: 0;



}	







#main {

width: 660px; 

float:right;

margin: 0;

padding: 20px 20px 20px 0;

overflow:hidden;

}





#sidebar {

padding: 0;

margin: 10px 700px 0 0 ;

background: #000;

color:#fff;

}



#footer p{

margin:0;

padding:15px 0;

color:#fff;

}



#navigation{

padding: 5px 15px;



}



#navigation div.fleft{

float:left;

}



#navigation div.fright{ 

float:right;

}



#credit{

text-align:left;

padding: 0 5px;

}



#credit p{

margin:0;

color:#fff;

font-size:85%;

}



#credit p a, #credit p a:hover{

color:#555;

font-weight:100;

}



/*  ********** default styles *********** */



p, h1, h2, h3, h4, h5, h6{

margin: 10px 0;

padding: 0;

}



h1, h2, h3, h4, h5, h6 {

/*  font-family: georgia, 'Times New Roman', sans-serif; */

}



h1{

	font-size: 190%;

}

h2{

	font-size: 160%;

}

h3{

	font-size: 120%;

}

h4{

	font-size: 110%;

}

h5{

	font-size: 100%;

}

h6{

	font-size: 70%;

}





a{

color:#fff;

font-weight:800;

text-decoration:none;

}

a:hover{

color:#1f58a8;

text-decoration:underline;

}



img {border: solid 1px #000;}



a img{

border:0px;

}



hr{

height:2px;

margin:5px 0;

border-bottom: 1px solid #ccc;

border-top: 1px solid #ccc;

}



blockquote{

background: #000;

padding: 5px 15px;

margin: 3px 30px;

}



form{

margin: 0;

padding:0;

}



fieldset{

padding:10px;

margin:0;

border:none;

}



legend{

font-weight:800;

}



code{

	font-size: 90%;

	font-family: "Courier New", Courier, monospace;

	white-space: pre;

}



td{

 vertical-align:top;

}



.aligncenter,

div.aligncenter {

   display: block;

   margin-left: auto;

   margin-right: auto;

}



.alignleft {

   float: left;

}



.alignright {

   float: right;

}



.wp-caption {

   border: 1px solid #ddd;

   text-align: center;

   background-color: #f3f3f3;

   padding-top: 4px;

   margin: 10px;

   /* optional rounded corners for browsers that support it */

   -moz-border-radius: 3px;

   -khtml-border-radius: 3px;

   -webkit-border-radius: 3px;

   border-radius: 3px;

}



.wp-caption img {

   margin: 0;

   padding: 0;

   border: 0px none;

}



.wp-caption p.wp-caption-text {

   font-size: 11px;

   line-height: 17px;

   padding: 0 4px 5px;

   margin: 0;

}







/* Headings */ 



form#searchform2{

display: block;

margin: 10px;

}



#header h1{

margin:  0;

padding: 0 5px 0px 10px;

}



#header h1 a{

font-weight:100;

color: #fff;

text-decoration: none;

font-size: 140%;

line-height:28px;

}



#header h2{

margin: 0;

padding: 3px 0 5px 10px;

font-weight:100;

font-style:italic;

color: #fff;

font-size: 110%;

letter-spacing: 1px;

}



h2#sectiontitle{

font-size:100%;

font-weight: 800;

font-family: arial, verdana, sans-serif;

padding:6px 6px 6px 10px;

margin:3px 5px 15px 5px;

background: #f2f2f2;

color: #fff;

}



/* post styles */



.post{

margin: 0 0 10px 0;

padding: 5px 10px 5px 10px;

}



.entry{

margin: 0;

padding: 0px 10px 3px 10px;

}



.post h2 {

color: #fff;

font-size: 170%;

font-weight:100;

padding: 7px 10px 2px 2px;

margin: 0 0 15px 0;

}





.post h2 a{

color: #fff;

text-decoration:none;

font-weight:100;

}



.post h2 a:hover{

text-decoration:none;

color: #1f58a8;

}



.postmetadata, .categorymeta{

font-size:90%;

padding: 1px 8px 1px 5px;

margin: 0;

line-height: 12px;

}



.postmetadata{

color: #777;



}



.responses{

float:right;

}



.categorymeta{

text-align:right;

}







/*  Comments   */



h3#comments, h3#postcomment{

	font-size: 100%;

	font-family:verdana, sans-serif;

}	



ol#commentlist{

padding: 0 0 0 20px;

font-size: 90%;

list-style-type: none;

}



ol#commentlist li{

	padding: 0px 3px;

	margin: 0;



}



ol#commentlist li p.commentheader{

margin: 0px 0 0px 0;

display: block;

padding: 1px 5px;

}







ul#commentlist{

padding: 0;

margin:0;

list-style-type:none;

}



ul#commentlist li{

	display: block;

	padding: 0;

	margin: 0 15px 5px 15px;

	font-size:90%;

	background: #f2f2f2;

}



ul#commentlist p{

margin: 6px 0;

}



ul#commentlist li div.comm{

margin: 1px;

padding: 1px;

}



ul#commentlist li div.gravatar {

	width:50px;

	float:left;

	padding: 10px 0 0 10px;

}



ul#commentlist li div.gravatar img{

border: 2px solid #ccc;

}









ul#commentlist li div.commenttext{

padding: 0;

margin:5px 10px 5px 65px;

}



ul#commentlist li div.commenttext div.commentwrapper{

margin:0 0 0 5px;

padding: 3px 8px;

}





/*  sidebar styles */



#subscribe{

 text-align:center;

}



#subscribe p{

margin: 3px 0 10px 0;

font-size: 110%;

}



#subscribe p a{

color: #fff;

}





.menu{

padding:10px 10px 10px 0px;

}



.menu a{

font-weight: 100;

color:#fff;

}



.menu a:hover{

text-decoration:none;

color:#fff;

}



.menu ul{

margin:0;

padding:0;

list-style-type:none;

}



.menu ul li.widget{

margin: 0 0 20px 0;

padding:0 30px 0px 25px;



}



.menu ul li.widget ul{

	margin: 0;

	padding:0 0 0 10px;

}



.menu ul li.widget ul li{

border-bottom:1px solid #555;

padding: 3px 0 3px 15px;

margin:0;

}



.menu ul li.widget ul li ul{

}



.menu ul li.widget ul li ul li{

border-top: 1px solid #555;

border-bottom: none !important;

padding: 2px 0 2px 15px;

margin:3px 0 0 0;

}







.menu ul li.widget h3{

font-size:140%;

padding:2px;

margin:14px 0 8px 4px;

color: #fff;

font-weight: 800;

border-bottom: 1px solid #fff;

 font-variant:small-caps;

}



.menu ul li h3 a{

color: #fff;

font-weight: 800;

}

.menu ul li h3 a:hover{

color: #333;

text-decoration: none;

}



.menu form{

display:block;

margin:0px;

padding:4px;

}



.menu input{

margin:3px 0;

font-size:90%;

}



li.widget .textwidget, li.widget #search {

padding: 2px 5px;

}



/* Calendar styles */

#wp-calendar {

empty-cells: show;

margin: 10px auto 0;

width: 155px;

}



#wp-calendar #next a {

padding-right: 10px;

text-align: right;

}



#wp-calendar #prev a {

padding-left: 10px;

text-align: left;

}



#wp-calendar a {

display: block;

}



#wp-calendar caption {

text-align: center;

width: 100%;

}



#wp-calendar td {

padding: 3px 0;

text-align: center;

}





#footer a{

font-weight: 100;

}



#sidebar input{

background: #444;

border: 1px solid #666;

color: #fff;

}







.menu {width:745px; height:32px; font-size:0.85em; position:relative; z-index:100;border-right:1px solid #000;}

/* hack to correct IE5.5 faulty box model */

* html .menu {width:746px; w\idth:745px;}

/* remove all the bullets, borders and padding from the default list styling */

.menu ul {padding:0;margin:0;list-style-type:none;}

.menu ul ul {width:149px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.menu li {float:left;width:149px;position:relative;}

/* style the links for the top level */

.menu a, .menu a:visited {border-left:1px solid #000; border-right:0px solid #000; border-top:1px solid #000; border-bottom:1px solid #FFF; display:block;font-size:11px;text-decoration:none; color:#fff; width:138px; height:30px; background:#000; padding-left:10px; line-height:29px}

/* a hack so that IE5.5 faulty box model is corrected */

* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}



/* style the second level background */

.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url('images/drop.gif') no-repeat bottom right;}

/* style the second level hover */

.menu ul ul a.drop:hover{background:#c9ba65 url('images/drop.gif') no-repeat bottom right;}

.menu ul ul :hover > a.drop {background:#c9ba65 url('images/drop.gif') no-repeat bottom right;}

/* style the third level background */

.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}

/* style the third level hover */

.menu ul ul ul a:hover {background:#b2ab9b;}





/* hide the sub levels and give them a positon absolute so that they take up no room */

.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #000;}

/* another hack for IE5.5 */

* html .menu ul ul {top:30px;t\op:31px;}



/* position the third level flyout menu */

.menu ul ul ul{left:149px; top:-1px; width:149px;}



/* position the third level flyout menu for a left flyout */

.menu ul ul ul.left {left:-149px;}



/* style the table so that it takes no ppart in the layout - required for IE to work */

.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}



/* style the second level links */

.menu ul ul a, .menu ul ul a:visited {background:#000; color:#fff; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}

/* yet another hack for IE5.5 */

* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}



/* style the top level hover */

.menu a:hover, .menu ul ul a:hover{color:#fff; background:#000;}

.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#000;}



/* make the second level visible when hover on first level list OR link */

.menu ul li:hover ul,

.menu ul a:hover ul{visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */

.menu ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */

.menu ul :hover ul :hover ul{ visibility:visible;}





/* ================================================================ 

   This CSS is further CSS I have created specifically for Wordpress

   so that the current page is highlighted in two levels.

=================================================================== */





.menu ul ul .current_page_item a {

  color: #fff;

  background: #000;

  border-left: 1px solid black;

  border-bottom: 1px solid #fff;

}



.menu .current_page_item a {

  color: #fff;

  font-weight: bold;

  background: #000;

}



.menu ul .current_page_item ul a {

  color: white;

  font-weight: normal;

  background: black;

}



.menu ul .current_page_item ul a:hover {

  background: #000;

}



.menu .current_page_item a:hover {

  background: #000;

}