/*

Theme Name: Wisconsin Screen Writers Forum
Theme URI: http://www.cuttdesign.com
Description: 'This is for WSF'
Author: Brian Orcutt
Author URI: http://www/cuttdesign.com
Version: 1.0

*/

/* Reset */

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, code, img, 
small, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
background: #000;
}

ol, ul {
	list-style: none;
}

/* End Reset */

h2 {
 font-size: 30px;
 font-family: Times;
 font-weight: bold;
 color: #999;
 text-transform: uppercase;
}

h3 {
 font-size: 18px;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 color: #999;
 text-transform: uppercase;
}

h4 {
 font-size: 22px;
 font-family: Times;
 font-weight: bold;
 color: #752121;
 text-transform: uppercase;
}

h5 {
 font-size: 20px;
 font-family: Times;
 font-weight: bold;
 color: #752121;
 text-transform: uppercase;
}

h6 {
font-size: 20px;
 font-family: Times;
 font-weight: bold;
 color: #752121;
 padding: 10px;
 background: #dbc578;


}


p {
 font-size: 16px;
 text-align: left;
 font-family: Arial, Helvetica, sans-serif;
 color: #000;
}

a {
 text-decoration: none;
 color: #d8c076;
 font-size: 16px;
 font-weight: bold;
}

a:hover {
 text-decoration: underline;
}

input #user_login  {
 background: #e9e9e9;
 border: 1px solid #d9e74f;
 color: #251206;
 padding: 3px;
}



/* Main Styles */


#wrap {
width: 900px;
margin: auto;

}

#header {
 background: url(img/header_bg.jpg) no-repeat;
 height:150px;
 position: relative;
}

#header h1 {
 margin-left: 45px;
 margin-top: 25px;
 background: url(img/WSF_Logo.png) no-repeat;
 width: 248px;
 height: 100px;
 text-indent: -9999px;
 float: left;
}

#header h1 a {
  width: 248px;
 height: 100px;
 display: block;
}

#header #search {
 margin-top: 20px;
 width: 270px;
 height: 66px;
 position: absolute;
 right:0;
}
 
#header #search input#s{
width: 130px;
margin-left: 44px;
margin-right: 5px;
background: #999;
border: 1px solid #333;
}

#header #search #searchsubmit{
background: #752121;
border: solid 1px #000;
color: #fff;
}

#rss {
 margin-top: 100px;
 width: 60px;
 height: 53px;
 position: absolute;
 right:0;


}

#wp-submit{
background: #752121;
border: solid 1px #000;
color: #fff;
}
 
#nav {
border-top: 2px solid #333;
border-bottom: 4px solid #992b2b;
background: #dbc578;
padding:10px;
height: 20px;
}

#nav li{
list-style: none;
margin: 0;
display: inline;
}

#nav li a{
text-decoration: none;
padding:12px;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 18px;
margin-left: 20px;
color: #752121;

}

#nav li a:link { color: #fff; }

#nav li a:hover{
color: #fff;
background: #992b2b;
}

#nav li a #current{ 
background: #992b2b;
color: ##752121;

}

/* Main Content */

#main {
clear: both;
overflow: hidden;
background: #212121 url(img/main_bgback.jpg) repeat-y;
}

#main #primary {
float: left;
width: 630px;
}

#main #primary_full {
float: left;
width: 900px;
background: #333;
}


#main #sidebar {
float: right;
width: 268px;

}

#sidebar h3{
font-size: 20px;
color: #d8c076;
padding-left: 20px;


}




#main #primary .post-item,
#page_content {
margin-bottom: 28px;
position: relative;
overflow: hidden;
padding-top: 15px;
padding-right: 40px;
padding-left: 30px;
padding-bottom: 20px;
}

#page_content p {
padding-top: 10px;
padding-bottom: 20px;
font-size: 14px;
line-height: 18px;
color: #999;
}

#page_content ul li {
padding: 3px 0 3px 0;
margin-left: 30px;
color: #999;
line-height: 20px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
list-style: url(img/square.jpg);
}

#page_content h4 {
font-size: 24px;
color: #dbc578;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
border-bottom: 2px solid #752121; 
}

#page_content h5 {
font-size: 18px;
color: #dbc578;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
border-bottom: 2px solid #752727; 
}

#page_content a {
font-size: 12px;
color: #eae1c6;
}


.post-item img {
float: left;
margin: 30px 20px 30px 0;
padding: 4px;

}

#primary h2 {
letter-spacing: 1px;
font-weight: normal;
padding-right: .5em;
line-height: 32px;
margin-bottom: .2em;
}

.post-item h2 {
margin-bottom:0
}

.post-item h2 a {
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: normal;
text-decoration: none;
color: #dbc578;
}

.post-item h2 a:hover {
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
color: #999;
}

.post-item p.meta {
background: #999;
color: #000;
font-size: 12px;
font-style: italic;
line-height: 15px;
padding: 2px;
}

.post-item p {
color: #999;
font-style: italic;
margin-bottom: 1.2em;
font-size: .9em;

}

.single .post-item p {
margin-left: 0;}


a.more-link {
background: #e1e1e1;
padding: 6px;
color: #696969;
border: 1px solid #a4a4a4;
font-size: .9em;
height: 15px;
line-height: 15px;
width: 70px;
min-width: 70px;
text-align:center;

}

div.numComments {
background: url(img/commentIcon.png) no-repeat;
height: 38px;
width: 43px;
line-height: 38px;
position: absolute;
right: 15px;
top: 13px;
text-align: center;}

#morePrev a {
background: #752121; 
padding: 8px;
margin-bottom: 10px;
margin-right: 10px;
color: white;
font-size: 12px; 
font-style: italic;
float:right;
}


/* Secondary/Sidebar */

.widget {
margin-top: 15px;
margin-bottom: 28px;
padding: 8%;
overflow: hidden;
color: #fff;
}

.widget  h2 {
color: #d8c076;
font-family: Arial, Helvetica, sans-serif;
margin: 4% 0;
font-size: 20px;
font-weight: bold;
}

.widget  ul li {
padding: 10px;
border-bottom: 1px solid #561918;
margin-left: 15px;
border-top: 1px solid #752121;
list-style: url(img/square_black.jpg);
line-height: 20px;
}

.widget ul li a {
color: #eae1c6;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 12px;
}

.widget ul li a:hover {
color: #000;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
}

.widget ul li:first-child {
border-top: none;

}

.widget ul li:last-child {
border-bottom: none;

}

.entry-content {
font-family: arial;
font-size: 12px;
color: #fff;
}


/*Single Posts*/
body.single div.post-item p {
font-style: normal;
}

.single div.post-item ul {
margin: 1em 0;
color: #7e7e7e;
}

.single .post-item ul li {
padding-left: 1em;
margin-left: 2em;
list-style: disc;
line-height: 2em;
}

.single .post-item p.meta {
background: #752121;
color: #fff;
font-size: 12px;
font-style: italic;
line-height: 15px;
padding: 2px;

}

#footer {
clear: both;
overflow: hidden;
padding: 10px;
background:#752121;
border-top: 4px solid #999;
}


.copyright {
float: left; 
color: #fff;
font-size: 12px;
}

/* page Content */

#page_content {
padding-bottom: 20px;
}

#page_content h2 a {
color: black;
}

#page_content h2,
#page_content h3 {
margin: 1em 0;}





/* Comments Template */
#comments_template {
margin-top: 2em;
background: #999;
border: 1px solid white;
border-right: 1px solid #dfdfdf;
border-bottom: 1px solid #dfdfdf;
clear: both;
margin-bottomL 28px;
overflow: hidden;
padding-right: 40px;
padding-left: 30px;
padding-top: 30px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right: 5px;
position: relative;

}

#comments_template {
background: #d3d3d3;
margin-right: 10px;
}

#comments_template li {
clear: left;
border-bottom: 1px solid #d3d3d3;
border-top: 1px solid white;
padding: 2em 0;
overflow:hidden;
}

#comments_template li: first-child {
border-top: none;}

#comments_template li: last-child {
border-bottom: none;
}

#comments_template .avatar {
float:left;
margin-right: 25px;
background: #afafaf;
border: 1px solid white;
border-right: none;
border-bottom: none;
padding: 4px;
}

.main_comment {
background: white;
margin-left: 133px;
padding: 15px;
position: relative;
}

.main_comment span.arrow {
width: 0;
height: 0;
line-height: 0;
border-bottom: 25px solid #ededed;
border-right: 20px solid white;
position: absolute;
top: 10px;
left: -20px;
}


#social_media {
width:270px;
margin-bottom:10px;
}

#social_media h2 {
color: #d8c076;
font-family: Arial, Helvetica, sans-serif;
margin-left: 20px;
margin-top: 20px;
font-size: 20px;
font-weight: bold;
}

#social_media ul {
list-style-type:none; 
margin:20px 10px 5px 20px; 
padding:0;}

#social_media ul li {
display:inline; 
padding: 0 6px 0 0;}