<style type="text/css">

/* base
----------------------------------------------- */
html {

background-color:#555;

}

body {

background:#555555;
color : #000;
text-align: left;

margin: 0px;
padding: 0px;
}

blockquote, h3, p, li {
padding-right: 10px;
}

blockquote {
margin-right: 0;
margin-left: 20px;
}

#excerpt {
font-family:verdana;
font-size: 10px;
font-color:black;

}
.excerpt {
font-family:verdana;
font-size: 10px;
font-color:black;
position:relative;
top:-10px;

}

#body_text {
font-family:verdana;
font-size: 10px;
font-color:black;
line-height:16px;
padding-left:10px;
}

.excerpt_text {
font-family:verdana;
font-size: 10px;
font-color:black;
line-height:16px;
font-weight:bold;
}
.archivetag {
font-family:verdana;
font-size: 10px;
font-color:black;
text-align:center;
align:center;
}

.blk {
font-family:verdana;
font-size: 10px;
font-color:#000;

}

#h1 { /*individual article titles*/
padding-top:0px;
font-family:georgia;
color:#000;
border-bottom:0px solid black;
font-size: 24px; 
font-style: normal; 
line-height:24px;

}

.h1 { /*article list titles*/

font-family:georgia;
color:#000;
font-size: 16px; 
font-style: normal; 


}

.menutitle{
cursor:pointer;
width:205px;
color:#ccc;

padding-top:4px;
padding-bottom:4px;
padding-left:2px;
padding-right:2px;

text-align:center;
font-weight:bold;
margin:0px auto;
border:1px solid #000000;
}
.by { /*article list titles*/

font-family:georgia;
color:#000;
font-size: 10px; 
font-style: italic; 


}

a.newshead {

font-family:georgia;
color:#eee;
font-weight:bold;
font-size: 11px; 
}
a.newshead:hover {
text-decoration:underline;
color:#fff;
}
#h2 { /*individual article info*/
font-size: 8px;
font-family: verdana;
font-style: normal;
color: #666;
letter-spacing:0.03em;
text-transform: uppercase;
line-height:10px;
}


.h2 { /*article info on lists*/
font-size: 8.5px;
font-family: verdana;
font-style: normal;
color: #666;
letter-spacing:;
text-transform: uppercase;
line-height:;
}

.h3 {
font-size: 10px;
font-family: arial;
font-style: normal;
color:#ccc;
text-transform: uppercase;
letter-spacing:4.0 em;


}

#h3 {
font-size: 14px;
font-family: arial;
font-style: bold;
color:#ccc;
text-transform: uppercase;
letter-spacing:4.0 em;


}


small, .small {
font-size: 0.9em;
}

.floatstop {
	clear:both;
}

img {
	
         border:0px
      }


/*TABLE PROPERTIES
----------------------------------------------- */
#container {
z-index:-1;
background:white;
margin: 0px auto;
padding: 0px;
width: 850px;
\width: 850px;
w\idth: 850px;

}

#left_td {
left:0px;

text-align:left;
vertical-align:top;

}
#right_td {
vertical-align:top;
background-color:#444;
width:245px;
}
#header_td {

vertical-align:top;
}

#quad_td {
width:125px;
vertical-align:top;
}

/* LINKS
----------------------------------------------- */

a  {
text-decoration: none;
color: #c00;

   }
a:hover {
color: #000;
}
a.blk { 
color:#000;
text-decoration:none;
}
a.blk:hover {
text-decoration:underline;
color: #000;
}

p.blk {
font-family:georgia;
color:#000;
font-size: 10px; 
font-style: normal; 

}
p.blk:hover {

color:#910;
}

.whi { 
font-family:verdana;
font-size:10px;
color:#ccc;
}
a.whi { 
color:#fff;
text-decoration:none;
}

a.whi:hover {
text-decoration:underline;
color: #ccc;
}

a.red { 
color:#c00;
text-decoration:none;
}

a.red:hover {
text-decoration:underline;
color:#c00;
}

/* fonts
----------------------------------------------- */

.body {
font-size: 12px;
color : #000;
text-align: left;
text-decoration : none;
	   }	   

.comment{ 
border: 0px solid #eee; 
margin: 5px 0; 
background-color:; 
}

.comment_font {
font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
font-size: 11px;
letter-spacing: 0.53333px;
color : #fff;

text-align: left;
text-decoration: none;
}

/* overrides
----------------------------------------------- */
div.divider {
margin: 2em 0;
text-align: center;
}

/*HEADER
-------------------------------------------*/

.head {
 height: 160px;
width:845px;
 background-color:#fff;
text-align:right;
}

.logo {
z-index:3;
position:relative;
left:0px;
top:0px;

}



.bar_blk {

background-color:#000;
height:25px;
width:601px;
}

#bar_blk_right {
background-color:#000;
height:20px;


width:100%;
padding-top:5px;
color:white;
font-family:Georgia,Garamond;
font-size:12px;







vertical-align:;
}

/*QUAD COLUMN
------------------------------------------*/
#quad_col {
top:0px;
float:right;
width:125px;
background-color:#fff;
padding-left:20px;
padding-right:15px;
padding-top:5px;
border-left:1px solid #ccc;
font-family: arial;
font-size:10px;
position:relative;
right:0px;
text-align:left;
margin-top:0px;
}

#quad_col_ind {
top:0px;
float:;left;
width:125px;
background-color:#fff;
padding-left:20px;
margin-right:0px;
padding-right:20px;
padding-top:0px;
border-right:1px solid #ccc;
font-family: arial;
font-size:10px;
position:relative;
right:0px;
text-align:left;
margin-top:20px;
}


#quad_col_section {
top:0px;
margin:0px auto;
width:125px;
background-color:#fff;
padding-left:10px;
padding-right:10px;
padding-top:20px;
border-left:1px solid #ccc;
font-family: arial;
font-size:10px;
position:relative;
right:0px;
text-align:left;
margin-top:20px;
}


#article_quad {
float:left;
width:125px;
padding-top:10px;
padding-bottom:10px;
}

#quad_section {
padding-top:20px;
top:10px;
position:relative;
}

/*RIGHT BAR
------------------------------------------*/
#toprightbar {
background-color: #000;
height:192px;
width: 245px;
margin-bottom:0px;
float:right;
font-size:12px;
font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
border-top: 0px solid black;
border-bottom: 4px solid #fff;
padding-left:0px;
padding-top:22px;
padding-bottom:0px;
padding-right:0px;
text-align:center;
border-right:0px solid #000;
border-left:0px solid #fff;
border-top:1px solid #000;
}

#rightside{

width:245px;
top:0px;
float:right;
margin-right:0px;

}

#rightside_ind{


float:right;
width:244px;
top:0px;
border-top:0px solid black;
padding-left:0px;
background-color:#444;
}

#rightside_ind_white{


float:right;
width:249px;
top:0px;
border-top:0px solid black;
padding-left:;
background-color:#fff;
}

#rightside_ind_search{

float:right;
width:249px;
top:0px;
border-top:0px solid black;
padding-left:;
background-color:#000;
}

#right_blog_search{

float:right;
width:250px;
top:0px;
border:0px solid black;
padding-left:;
background-color:#000;
}
#right_ind {
        background-color: #444;
     float:right;
        width: 249px;
        
        padding-left: 0px;
        border-top:0x solid #333;
        padding-bottom:30px;
        border-left:0px solid #555;
        z-index: 0;
        font-family: arial;
        color:#ccc;
        font-size:10px;

}

#right {
        background-color: #444;
        float: right;
        width: 245px;
padding-right:0px;
        margin-bottom:5px;
        border-left:0px solid #555;
        z-index: 0;
        font-family: arial;
        color:white;
        font-size:10px;
padding-top:0px;
}



#right_ind_white {
        background-color: #fff;
     float:right;
        width: 249px;
        
        padding-left: 0px;
        border-top:0x solid #333;
        padding-bottom:30px;
        border-left:0px solid #555;
        z-index: 0;
        font-family: arial;
        color:#ccc;
        font-size:10px;

}

#right_white {
        background-color: #fff;
        float: right;
        width: 245px;
padding-right:0px;
        margin-bottom:5px;
        border-left:0px solid #555;
        z-index: 0;
        font-family: arial;
        color:white;
        font-size:10px;
padding-top:0px;
}


.col_header {
background-color:#fff;
font-family:georgia;
color:#000;
font-size: 10px; 
font-style: normal; 
}
#col_date {
font-size: 8px;
font family: Georgia;
font-style: italic;
color:#000;
}

#media_thumb {
padding:2px;
margin-right:0px;
margin-left:0px;
width:50px;
height:50px;
border:1px solid #888;
float:left;
}
#media_text {
float:right;
height:50px;
width:160px;
margin-left:0px;
padding-top:10px;
position:relative;
top:0px;
right:10px;
vertical-align:middle;
text-align:left;
}

#media_section{
background:url("http://kritikmagazine.com/images/269.jpg");
Padding-top:80px;
padding-left:10px;
padding-bottom:0px;

}

#media_block {
background:url("http://kritikmagazine.com/images/95.png");
position:relative;
top:0px;
width:220px;
margin-bottom:15px;
margin-top:0px;
vertical-align:middle;
padding:5px;
}

#media_exc {

margin-top:0px;
padding-top:0px;
font-family:georgia;
color:#fff;
font-size: 12px; 
font-style: normal; 
line-height:100%;
text-align:left;
vertical-align:middle;
}
#right_feed {
text-align:center;
background-color:#333;
padding-top:10px;
padding-bottom:10px;
border-top:0px solid #ccc;
border-bottom:1px solid #ccc;

}


#article_text_right {

padding-top:0px; 
padding-left: 5px; 
margin-bottom: 0px; 
vertical-align: top; 

left:20px;
top:0px;
margin-left:10px;

}

/*LEFT BODY
----------------------------------------------*/
#left_content {

background-color:#fff;
padding-bottom: 50px;
text-align: left;
float:left;
top:0px;
left:0px;
width: 600px;
margin-right: 0px;
font-size:12px;
}

#article {

float:left;
background:#fff;
width:385px;
padding-top:20px;
padding-right:0px;
padding-left:10px;
border-bottom :0px solid #999;

}

#article_ind {

float:right;
background:#fff;
width:400px;
padding-top:0px;
margin-left:0px;
padding-right:0px;
padding-left:0px;
border-bottom :0px solid #999;
top:0px;
position:relative;
right:0px;
margin-right:0px;
margin-top:18px;
font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
font-size:12px;
right:25px;
}

#article_media {


width:600px;
padding-top:0px;
margin-left:0px;
padding-right:0px;
padding-left:0px;
border-bottom :0px solid #999;
top:0px;
position:relative;
right:0px;
margin-right:0px;
margin-top:0px;
font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
font-size:12px;
right:0px;
}
#article_list_ind {
float:right;
background:#fff;
width:435px;
padding-top:0px;
margin-left:0px;
padding-right:0px;
padding-left:0px;
border-bottom :0px solid #999;
top:0px;
right:0px;
margin-right:0px;
margin-top:0px;
position:relative;
}

#article_front{
float:left;
border-bottom :1px solid #ccc;
width:385px;
height:75px;
margin-top:0px;
margin-right:0px;
margin-left:20px;
margin-bottom:30px;
padding-bottom:35px;
padding-top:0px;
}

#article_img {
width:400px;
padding:5px;
margin-bottom:15px;
border:1px solid #ccc;
}

#article_thumb {
width:75px;
margin-right:10px; 
margin-top:0px; 
margin-bottom:0px; 
height:75px; 
float:left;
padding:2px;
border:1px solid #ccc;

}

#article_text {

padding-top:0px; 
padding-left: 0px; 
margin-bottom: 0px; 
vertical-align: top; 
height: 100px;
width:490px;
left:20px;
top:0px;

}

/*BLOG SECTION
---------------------------------------------*/

#blog_list{
float:left;
border-bottom: 1px solid #ccc;
margin-top:20px;
margin-right:0px;
margin-left:20px;
margin-bottom:30px;
padding-bottom:35px;
padding-top:0px;

}

/*SEARCH BAR
---------------------------------------------*/
#search_box {
background-color:#000;
margin-bottom:0px;
height:50px;
position:relative;
top:0px;
left:0px;
padding:5px;
padding-left:5px;
}

#search_bar_ind {
margin:4px;
height:16px;
background-color:#000;
margin-bottom:5px;
position:relative;
top:0px;
left:0px;
padding-bottom:0px;

}

.button1 {
border:0px solid #999;
float:right;
font-size:10px;
color:#888;
padding-right:0px;
padding-left:0px;
background: transparent;
font-family:georgia,garamond;

}

.input1 {
font-size:10px;
width:175px;
float:left;
color:#888;
font-family:georgia,garamond;

background:transparent !important;
border:1px solid #999;

}

.button2 {
border:0px solid #000;
float:right;
font-size:10px;
color:#000
padding-right:0px;
padding-left:0px;
background-color:#fff;
font-family:georgia,garamond;

}

.input2 {
font-size:11px;
width:175px;
float:left;
color:#000
font-family:georgia,garamond;
background:#fff;
border:1px solid #000;

}



/* GLOBAL LAYOUT
----------------------------------------------- */



#footer {
clear: both;
text-align: center;
width: 690px;
padding-left: 0px;
border-top: 0px solid rgb(150,150,150);
font-size:10px;
font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
background-color:#000;  
}

.footer_article_box {

text-align:left;
font-family:Georgia, Garamond;
font-weight:;
font-size:13px;
font-style:italic;

}


#content {
margin: 0 155px;
padding-top: 0px;
}


/* COMMENTS
----------------------------------------------- */
#comment_box {
height:250px;
overflow-y:scroll;
overflow-x: hidden;
padding-top:5px;
padding-bottom:5px;
border-top:1px solid white; 
border-bottom:1px solid white;
background-color:#555;
}
 
#conversation_front {
float:left;
border-bottom:1px solid #ccc;
width:380px;
margin-top:0px;
margin-right:0px;
margin-left:20px;
margin-bottom:20px;
padding-bottom:20px;
padding-top:0px;
}

.comments_error {
color: #fff;
font-family:verdana;
font-size: 10px; 
font-style: italic; 
background-color:#444;
}

ul.comments_error {
padding : 0.3em;
list-style-type: circle;
list-style-position: inside;
border: 2px solid #fdd;
}

div#cpreview {
color: #000;

border: 2px solid #ddd;
}

form#txpCommentInputForm td {
color: #fff;
vertical-align: top;

}

.comments_form {
width:140px;

}


#post_form_box
{
	border:0px solid #000;
	padding:10px;
	margin-bottom:5px;
	
}
#post_form_box textarea
{	width:140px;
	height:200px;
}
#post_form_box input.text
{
		width:140px;
	
}
#post_form_box submit
{
	width:50px;
}
#post_form
{

}

/* ARCHIVE
------------------------------------------------*/
.rssArticle {

font-family:georgia;
color:#000;
font-size: 16px; 
font-style: normal; 
line-height:24px;
}
.rssAuthor {
font-family:georgia;
color:#000;
font-size: 10px; 
font-style: italic; 
}

.rssSubdate {
font-size: 8.5px;
font-family: verdana;
font-style: normal;
color: #666;
letter-spacing:;
text-transform: uppercase;
line-height:10px;
} 

.rssDate {
font-family:georgia;
color:#666;
font-size: 14px; 
font-style: normal; 
margin-left:10px;

}

.headerarchive {
font-family:"arial black";
size:18px;
}



/*SLIDER
----------------------------------------------------------*/
#slider1 {
border-right: 1px solid black;
height:225px;
}
.contentslide{

padding: 0px;
width: 600px;
height: 225px;

}

.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
width: 100%;
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;

}

.contentslide .contentdiv{
display: none;
}

.pagination{
width: 600px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: left;
position:relative;
vertical-align:top;
top:-250px;
left:10px;
margin:0px;

padding: 0px;

}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 600px; /*IE5 width*/
w\idth: 600px; /*IE6 width*/
}

.pagination a{
padding:0px;
text-decoration: none; 
color: #fff;
font-family:arial;
font-size:10px;

}

.pagination a:hover, .pagination a.selected{
color: red;

}