/*  
Theme Name: Deconstruct eZine
/******************************************
*   HTML Elements                         
******************************************/
* {padding:0;}
body,html {min-height:101%;}	
body {text-align: center; background: transparent url(../images/body_bg2.gif) repeat; color: #222; margin: 0; padding:0;}
body, select, input, textarea {font: 12px Arial, Verdana, Sans-Serif; line-height:1.5em;}	
p {	
	margin: 15px 0;
	}

a:link, a:visited {
	color: #26a;
	text-decoration:none;
	}

a:hover, a:active {
	color:#c30;
	text-decoration: underline;
	}

hr {
	display: block;
	height:1px;
	background:#333;
	border:0;
	}

small {
	font-size: 0.9em;
	padding:3px 6px;
	}

/****** Images ****************************/

img, a:link img, a:visited img{border:1px solid #999; padding:1px;}
img.left,img.center,img.right,img.norm{ margin:5px 12px 5px 0; border:1px solid #999;padding:1px;} 

img.wp-smiley {border:none;}


img.left{ float:left; margin:0 12px 5px 0; }
img.center{ display:block; margin:0 auto 5px auto; }
img.right{ float:right; margin:0 0 5px 12px; }
img align left{ float:left; margin:0 12px 5px 0; }
	
		
/******************************************
*   General Structure                         
******************************************/

#page { /*the main container*/
	margin: 15px 3%;
        text-align: left;
        font-size:1em;
	background:#ebe9e1 url(../images/body_bg4.gif) repeat-x;
        border-left:8px solid #000;
        border-right: 8px solid #000;
        border-bottom: 32px solid #000;
	padding: 0 0px 20px 0px;
        overflow:hidden;
	}

#branding {/*where the logo sits*/
	width:733px;
	height:256px;
	padding:0;
        margin:0;
	background:transparent url(../images/logo10.jpg) top right no-repeat;
        float:right;
	}

#maintitle {
        position:absolute;
        background:transparent url(../images/title.jpg) no-repeat;
        width:441px;
        height:104px;
        top: 15px;
        border: none;
        }

.left {
	float:left;
	}

.right {
	float:right;
	}

#sidebar {
        width: 340px;          
	margin-right:-380px;
        padding-top:20px;
        }

#middlewrap {
        padding-left:310px;
        }

#middlewrap .column {
        position: relative;
        float: left;
        } 

#leftcol {/*the left homepage column carrying the "Featured Article" section*/
        width:287px;
        margin-left:-310px;
	border-right:1px solid #b6b6b6;
        padding-right:18px;
        padding-top:10px;
        text-align:justify;
        }


#rightcol {/*actually the column in the middle of the homepage (if the right column is the sidebar)*/
        padding: 10px 15px;
        margin-top: -2px;
        text-align:justify;
        width:90%;
        }

/*** IE6 Fix ***/
* html #leftcol {
  left: 310px;           /* leftcol width width padding */
}

	
/******************************************
*   Sidebar                         
******************************************/

.subnav {
        margin: 0;
	padding: 15px;
}

.subnav li {/*.subnav is mainly the categories list*/
	background: #fff url(../images/circ-arrow.png) no-repeat top left;
	margin: 0 0 8px;
	padding: 0 0 0 22px;
	}

.subnav li a:link, .subnav li a:visited {
	background: #fff;
	display:block;
	padding:4px 4px 4px 20px;
	border-bottom: 1px solid #999;
	}
		
.subnav li a:hover, .subnav li a:active {
	color:#222222;
	}
	
.xoxo li, .bullets li, .recommended li {
	list-style:none;
	}

.bullets {
        background: #fff url(../images/bgr-box-trans3.png) repeat-x top left;
        border: 1px solid #D4D0C4;
        padding:10px;
        margin:0;
        text-align:left;
        }
        
	
.bullets li {
	background: #fff url(../images/ticket.png) no-repeat top left;
	margin: 0 0 8px;
	padding: 0 0 0 12px;
	}

.bullets li a:link, .bullets li a:visited {
        background: #fff;
	display:block;
	padding:0 4px 0 12px;
	}

.bullets li a:hover, .bullets li a:active {
	color:#c30;
        text-decoration:underline;
	}

#square {
        list-style:square;
        }

#disc   {
        list-style:disc;
        }

.recommended {
        background-color:transparent;
        border:none;
        width:98%;
        }

.recommended li {
        background: #fff url(../images/ticket.png) 0% 15% no-repeat;
	margin: 0 0 10px;
	padding: 0 0 0 15px;
        }
	
.xoxo {
        background:#fff url(../images/bgr-box-trans3.png) repeat-x top left;
        border: 1px solid #D4D0C4;
        padding:10px;
        margin:0;
        }
        
.xoxo li {
        background: #fff url(../images/circ-arrow.png) no-repeat center left;
	margin: 0 0 8px;
	padding: 0 0 0 18px;
	}

.xoxo .children {
	background:#F4F4EC;
	}

.xoxo .children li {
	background: #fff;
	list-style: none;
	margin-left:15px;
	padding-left:15px;
	border-bottom:1px solid #fff;
	}
	
.xoxo .children li a, #sidelist .children li a:visited {
	padding:2px 2px 2px 0px;
	border:0;
	background:#F4F4EC;
	color: #666;
	}

.xoxo .children li a:hover, #sidelist .children li a:active	{				
	color:#000;
	}

.feed li {
        width:45px; 
        height:59px;
        position:absolute;
        top:210px;
        left: 50px;
        margin:0;
	padding:0;
	background:transparent;
        list-style:none;
        }

.textwidget {
        background: #fff url(../images/bgr-box-trans3.png) repeat-x top left;
	margin: 0 0 15px 0px;
	padding:18px;
	border:1px solid #D4D0C4; 
        }

#BigPlayer2 {
        text-align:center;
        background-color:#fff; 
        border:1px solid #D4D0C4;
        }

.DaikosYouTube {
        height:100%;
        margin-bottom:20px;
        }

.linkspage {margin-left: 30px;
        list-style:none;
        }
 
.linkspage h2 {
        margin-left:-20px;
        background: transparent url(../images/web.gif) no-repeat top left; 
        padding-left:35px;
        width:95%;
        }
 
.linkspage ul li {
       list-style:square;
       color: #c30;
       }

a.screen, a.screen:visited {position:relative; z-index:1; text-decoration:none;}
a.screen b {position:absolute; visibility:hidden; width:198px; height:0; left:-200px; top:-129px;}
a.screen:hover {text-decoration:none; border:0; z-index:1000;}
a.screen:hover b {visibility:visible; height:129px; cursor:pointer; z-index:1000;}
a.screen:hover b img {border:0;}

/******************************************
*   Pop-up image links                         
******************************************/
a.screen1, a.screen1:visited {position:relative; z-index:1; text-decoration:underline;}
a.screen1 b {position:absolute; visibility:hidden; width:200px; height:0; border:0; left:0px; top:-150px;}
a.screen1:hover {text-decoration:none; border:0; z-index:1000;}
a.screen1:hover b {visibility:visible; height:150px; cursor:pointer; z-index:1000;}
a.screen1:hover b img {border:0;}

.dropcap {
float:left;
color:#c32;
font-size:100px;
line-height:70px;
padding-top:2px;
font-family: Times, serif, Georgia;
} 

#wall_post input  {
	border: 1px solid #cccccc;
	width: 330px;
}

#wall_post textarea {
	border: 1px solid #cccccc;
	width: 330px;
}

.earlier {
font-size:22px;
}
        
.earlier a:link, .earlier a:visited {
text-decoration:none;
}

.earlier:hover, .earlier:active {
text-decoration:underline;
}

/******************************************
*   WP Polls                         
******************************************/

.wp-polls {
	background: #fff url(../images/bgr-box-trans3.png) repeat-x top left;
        border:1px solid #D4D0C4;
        padding:18px;
}

.wp-polls ul li, wp-polls-ul li, .wp-polls-ans ul li {
       margin-bottom:10px;
       }

/******************************************
*   Must read posts                        
******************************************/

.widget_mustread ul { 
       background: #fff url(../images/bgr-box-trans3.png) repeat-x top left;
       border:1px solid #D4D0C4;
       padding:25px;
       }

.widget_mustread ul li {
      list-style-type:square;
      }


/******************************************
*   Headlines                         
******************************************/

.blogtitle, .blogtitle a {
	color: #c30;
	font-size: 1.8em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: regular;
	padding: 20px 0px 20px 0px;
	}

h1 {
	color: #630;
	font-size: 1.8em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	margin: 0px 10px 0px 0px;
	padding: 20px 0px 0px 10px;
	}
	
h2 {
	color: #c30;
	font: 1.8em Georgia, "Times New Roman", Times, serif;
	padding-bottom:8px;
	border-bottom:1px solid #666;
	margin: 20px 0;
	}

h3 {
	font: 0.9em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:0.3em;
	margin-bottom:4px;
	font-weight:bold;
	color:#c30;
	}

#sidebar h2, #sidebar h3, #featured-sidebar h3, #featured-sidebar h2 a {
	font: 10px Arial, Helvetica, sans-serif;
	letter-spacing:0.1em;
	text-transform:uppercase;
	font-weight:bold;
	color:#c30;
	}

#sidebar h3, #sidebar h2, #sidelist h3, #featured-sidebar h3, #featured-sidebar h2, #featured-rightcol h3, .sidebar_widget h3 {
	background-color:#c30;
	font: 11px Arial, Helvetica, sans-serif;
	color:#ffc;
	font-weight:bold;
	padding:5px 8px;
	display: block;
	margin: 20px 0 0 0;
	text-align: left;
	border: 1px solid #f90;
        width:322px;
	}

#featured-sidebar h3, #featured-sidebar h2, #featured-rightcol h3 {
        margin-bottom:0;}
        
h3#respond {
	font-size:1.1em;
	border-top:1px solid #666;
	margin-top:25px;
	padding-top:20px
	}

h3#comments {
	margin-top:32px
	}

h3 a:link, h3 a:visited {
	color: #E15B4C;
	}


h4 {
	font-size:1.2em;
	margin-bottom: 6px;
	}
	
	
	
/******************************************
*   Content                        

******************************************/

#container {
         padding-right:380px;
         margin-right:20px;
         }




#container .column {
         position: relative;
         float: left;
         }

#content {
         padding: 10px 20px;
         width:100%;
         }

#content3 {
         padding:20px 0 50px 0px;
         margin-right:400px;
         float:left;
         }

.description {
	font-size: 1.3em;
	font-weight: bold; 
	color:#c00;
	}

/* Featured Articles formatting "leftcol" */

.feature {
	background: #fff url(../images/bgr-box-trans3.png) repeat-x top left;
	padding:18px;
	border: 1px solid #D4D0C4;
        }

.feature:hover {
       border: 1px solid #B4AD97;
       )

.feature p { margin:0;        
        padding-top:10px; 
        }

#rightcol p {margin:0;	
        padding: 5px 0 10px 0;}
        }        
        

#leftcol img, #rightcol img {
	padding:1px;
	border:1px solid #999;
	}

#leftcol .feature {	margin-bottom: 15px; }

/* Formating of the Leadstory stuff in the tabbed section */
			
.leadpic {
	float:left;
	margin: 0 18px 8px 0;
	padding:1px;
	border: 1px solid #999;
        }

.title, a.title  {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	font-weight:bold;
	color: #1074A7;
	letter-spacing:normal;
        line-height:20px;
        }

.title:hover {
        color: #c32;
        text-decoration: underline;
        }

#lead p {
	margin-bottom:10px;
	}


/* Formating of "rightcol" which is the column in the homepage middle ;-) */

#rightcol img {
	float:left;
	margin:5px 10px 2px 0;
	}

#leftcol img {
	margin-bottom: 4px;
	display:block;
	}
	
#rightcol h3 {
        margin:0;
        padding:0;
        }

.more-link {
        background: transparent url(../images/bullet.png) 100% 55% no-repeat;
        text-align:right;
        padding-top: 1px;
        padding-right: 20px;
        padding-bottom: 1px;
        padding-left: 0px;
        line-height: 20px;
        }
     
.more-link a {
       color:#26a;
       } 

.more-link a:hover, .more-link a:active {
       color:#c30;
       }

/* Boxes and extras */

.box2{
	background: #f5f4f0 url(../images/bgr-box-trans3.png) repeat-x top left;
	margin: 0 0 15px 0px;
	padding:18px;
	border:1px solid #dedbd1;
        }

.box2 h3 {
        background:#ebe9e1;
	color:#E15B4C;
	font-weight:bold;
	padding:5px 8px;
	display: block;
	margin: 0 10px;
	text-align: left;
	border: 1px solid #dedbd1;
        }

.box2 .spacer.white{
	background: #ffffff;
	border: 1px solid #dedbd1;
	clear: both;
	margin: 0px;
}

.box3{
	background: #f5f4f0 url(../images/bgr-box-trans3.png) repeat-x top left;
	margin: 0 0 15px 0px;
	padding:18px;
	border:1px solid #dedbd1;
        }

.box3 h3 {
        background:#ebe9e1;
	color:#E15B4C;
	font-weight:bold;
	padding:5px 8px;
	display: block;
	margin: 0 10px;
	text-align: left;
	border: 1px solid #dedbd1;
        }

.box3 .spacer.white{
	background: #ffffff;
	border: 1px solid #dedbd1;
	clear: both;
	margin: 0px;
        }

.list1{
	padding: 0;
	padding: 15px;
        }
.list1 li{
	background: url(../images/ico-star-trans.png) no-repeat top left;
	margin: 0 0 8px;
	padding: 0 0 0 22px;
         }
.list1 li a{
	color:#222222;
          }
/*- List2 -*/
.list2{
	clear: both;
        }
.list2 li{
	background: #ffffff;
	border: 1px solid #dedbd1;
	margin: 0 0 5px;
	padding: 12px 10px;
        }
.list2 p {
	line-height:16px;
        }

.pullquoter {float:right; text-align:left; width:200px; padding:0 0 5px 10px; font-size:18px; 

font-style:italic;}
.pullquotel {float:left; width:200px; text-align:left; padding:0 10px 5px 0; font-size:18px; 

font-style:italic;}
	

/* Media Video Tabs */

#video-frame {
	float:left;
	width:340px;
	height:auto;
        background:#fff url(../images/bgr-box-trans3.png) repeat-x top left;
        padding: 20px;
        border: 1px solid #D4D0C4;
	}

.video-left {
	float:left;
	width:340px;
	display:inline;
	}

.idTabs {
	list-style:none;
	margin:5px 0px 0px 0px;
	padding:0px;
	}
.idTabs li {
	line-height:10px;
	}
.idTabs li a {
	display:block;	
	padding:10px 10px;
	}
.idTabs li a:hover {
	background: #f5f4f0;
	text-decoration: none;
	}
.idTabs .selected {
	background: #ebe9e1;
	text-decoration: none;
	}


#books-frame {
	float:left;
	width:280px;
	height:auto;
        background:#ebe9e1;
        padding: 20px;
        }

/* Simple Strip Gallery */

#photo_strip {
        width:450px; 
        margin-top:20px;
        }

#gallery-container {
        margin:0; 
        padding:0; 
        height:520px; 
        overflow:auto; 
        color:#222; 
        background-color:#ebe9e1;
        }

#gallery-container ul {
        margin:0; 
        padding:0; 
        list-style:none; 
        white-space:nowrap; 
        display:table-row;
        }

#gallery-container ul li {
        display:table-cell; 
        padding:0 15px; 
        background:#ebe9e1; 
        border-bottom:1px solid #888; 
        vertical-align:bottom;
        }

#gallery-container ul li img {
         
        margin: 30px 0 0px 0;
        }

#photo_strip h1 {
        text-align:center; 
        padding:0; 
        margin:0; 
        width:430px; 
        height:38px; 
        line-height:35px; 
        color:#555; 
        font-weight:normal; 
        font-size:20px; 
        border-bottom:1px solid #888;
        }

#gallery-container p {
        margin:0; 
        padding:5px 0; 
        font-size:14px;
        }

/*** lte IE 7 fix for the scrollbar ***/

#gallery-container {
        width:430px;
        scrollbar-arrow-color: #eee;
        scrollbar-3dlight-color: #888;
        scrollbar-highlight-color: #fff;
        scrollbar-face-color: #888;
        scrollbar-shadow-color: #eee;
        scrollbar-darkshadow-color: #888;
        scrollbar-track-color: #fff;
        }

* html #gallery-container {
        height:520px; 
        he\ight:500px;
        }

/* Post Formatting */

.entry {
	padding-bottom:28px;
	color:#000;
	text-align:justify;
	}

.entry h4 {
        color: #000;
	font: 1.6em Georgia, "Times New Roman", Times, serif;
	padding-bottom:8px;
	margin: 20px 0;
        letter-spacing:0;
        text-transform:none;
} 

.post blockquote {
	color:#666;
	background:#F4F4EC;
	padding:6px 14px;
	margin:18px 35px;
	border-right:1px solid #DDD;
	border-bottom:1px solid #DDD;
	}	

.post ul li {
	margin-bottom:5px;
	
	margin-left:42px;
	}


.post ol li {
	margin-bottom:5px;
	
	margin-left:48px;
	}
	
#tags {
	padding:3px;
	border-bottom:1px solid #DDD;
	border-top:1px solid #DDD;	
	}	
	
.postmetadata {
	font-size:0.9em;
	margin:0 0 10px 0;
	padding:5px 10px;
	background:#F4F4EC;
	border-top:1px solid #E6E3D3;	
	border-bottom:1px solid #E6E3D3;	
	}

.capt {padding:0 15px 5px 0}
				
/* Form Elements */

select {
	background:#fff;
	border:1px solid #D4D0C4;
        width:100%;
        color:#2266aa;
        padding-left:10px;
	}
	
#searchform { 	
        background-color:#dedbd1;
	color:#333;
	font-weight:bold;
	display: block;
	text-align: left;
	border: 1px solid #D4D0C4;
        height:65px; 
        background-image:none;
        margin-top:20px;
        }

#s {
       width:220px;
       }

.mag { 
        background: transparent url(../images/mag5.png) 0% 35% no-repeat;
        height: 40px;
        border:none;
        padding-left:45px;
        }

#searchform h3 {
        font: 11px Arial, Helvetica, sans-serif;
        background: #dedbd1;
	color: #E15B4C;
	font-weight:bold;
	display: block;
	text-align: left;
        border:none;
        padding:5px 8px;
        margin:0;
        }

.button {
	padding: 1px;
	background:#dedbd1 url(../images/go3.png) no-repeat;
	color:#fff;
        font-weight:bold;
	border: none;
        width:40px;
        }

#commentform input {
	width: 170px;
        height:20px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	margin-top:5px;
	}

.button1 {
        background: #ebe9e1 url(../images/submit.png) no-repeat;
        color:#333;
        border:none;
        }


/* Comments*/

.commentlist {
	padding-left:30px;
	}
	
.commentlist li {
	margin: 15px 0 3px;
	padding: 8px 15px 10px 15px;
	background:#F4F4EC;
	border:1px solid #E6E3D3;
	}

.commentlist blockquote {
	color:#666;
	background:#fff;
	padding:6px 14px;
	margin:18px 35px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	}	

#commentform small {
	background:transparent;
	font-weight:bold;

	padding:0;
	}
	
.commentmetadata {
	display: block;
	}

.commentlist small {
	background:#fff;
	border:1px solid #E6E3D3;
	}



/* Float Properties*/

.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}
	
.clearfloat {
	display:inline-block;
	}	

.clearfloat {
	display:block;
	}
	
	
/******************************************
*   Footer                        
******************************************/

#footer {
        margin: 0 3% 3% 3%;
	font-size:0.9em;
	text-align:center;
	padding-top:15px;
        color:#666;
	}

#footer a {
	color:#999;
	}