/*Theme Name: DrunkCameraGuy gets creative
  Theme URI: http://www.drunkcameraguy.com
  Description: This is how I roll
  Version: 0.1 alpha
  Author: Drunk Camera Guy (Chris)
  Author URI: http://www.drunkcameraguy.com
*/

/*////////// GENERAL //////////*/

 html {
  background-image: url('images/topborder.png');
  background-repeat: repeat-x;
  background-attachment: fixed;
  background-color: #ffa500; /*orange*/ 
  }

body {
  margin: 0px;
  }



/*////////// TYPEOGRAPHY //////////*/

h1 {}
h2 {}
h3 {}
h4 {}
p {}
a {}
a:hover {}
a:visited {}

/*////////// CONTENT //////////*/
  
#maincontainer {
  background-position: left;
  margin: 0 auto;
  width: 800px;
  /* border: 1px solid #666666; */
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height:16px;
  color: #ffa500;
  }

#contentcontainer {
  /* margin: 10px 10px; */
  /* border: 1px solid #0000ff; */
  }


#postlist, #pagelist, #singlelist, #searchlist, #footer, #fourOhFour {
  margin: 10px;
  padding: 10px;
  margin-left: auto;
  margin-right: auto;  
  width: 500px;
  float: left;
  background: transparent;
  background-image: url('images/black140a1x1.png');
}

#searchlist .post_title {
  margin-bottom: 10px;
  }
  
.wpcf7-captcha-captchaimage{
  margin-bottom: 10px;
  width: 72;
  height: 24;
  }

img {
  border: 0;
  }

#postlist img,
.preview {
  display: block;
  margin: 10px auto 10px auto ;
  padding: 10px;
  max-width: 400px;
  min-width: 100px;
  max-height: 400px;
  min-height: 100px;
  height: auto;
  border-width: 0px;
  border-color: #000000;
  background-image: url('images/black140a1x1.png');
  border:1px solid;
  border-color: #808080 black black #808080;
  }

#postlist img:hover {
  background-image: none;
  background-color: #ffa500;
  border-color: #FFCF00 #CC5500 #CC5500 #FFCF00;
  }
.entry {
  padding: 10px;
  width: 425px;
  margin-left: auto;
  margin-right: auto;
  }


a {
  color: #ffb500;
  padding: 0 ;

  
}
.title_group_w_date h2 a,
.title_group_wo_date h2 a,
.meta a,
.navigation a,
#sidebarcontent a
{
  text-decoration: none;
}
  
a:link a:visited {
  color: #FFFFFF;
  }

h2 {
  padding: 2px 10px 2px;
  
  font-size: 1.5em;
  line-height: 1.1em;

}
a:hover {
  color: #FFFFFF;
}
a:focus  a:active{
  border: 0;
}
#pgContent {
  margin: 0 0 0 10px;
  width: 650px;
  float: left;
  }

/*////////// SIDEBARS //////////*/

#sidebarpos {
 float: right;
 width: 250px;
 height: 475px;
 }
 
#sidebar {
  background-image: url('images/dcgweblogo250x195.png');
  background-repeat: no-repeat;  
  margin: 0px;
  padding: 200px 1px 1px 1px;
  width: 250px;
  float: right;
  position: fixed;
  }
  
#sidebarcontent  {
  background: transparent;
  margin: 0;
  padding: 10px;
  /* border: 1px solid #333333; */
  background-image: url('images/black140a1x1.png');
  }
  
#sidebarcontent ul{
  margin: 0;
  padding: 0;
  /* border: 1px solid #33FFFF; */
  }
  
#sidebarcontent li {
	list-style-type: none;
	list-style-image: none;
  margin: 0;
  padding: 0;
	}
  
#sidebarcontent a{
  padding-left: 3px;
  margin-left: 2px;
  }
  
#sidebarcontent  h2 {
  padding: 2px;
  margin-top: 10px;
  margin-bottom: 0;
  padding-left: 5px;
  background-image: url('images/black140a1x1.png');
  border:1px solid;
  border-color: #808080 black black #808080;
  }
 #categories {
 padding: 0;
 }
 #categories .children {
 list-style-type: none;
 margin-left: 15px;
 padding-left: 0;
 }
 #categories .children li {
 list-style-type: none;
 list-style-position: inside;
 }
.pagenav, .linkcat, {
  }

.pagenav ul li, .linkcat ul li, #upcomingevents  .ec3_events, #upcomingevents  .ec3_events li {
  margin: 3px;
  padding: 0;
  }
  
.cat-item {
  margin: 0;
  padding: 0;
  list-style-type: none;
  /* border: 1px solid #0000FF; */
  }
.cat-item ul li:before{
  content: "\00BB \0020";
}  
/*////////// NAV //////////*/
#contentcontainer .navigation {
  text-align: center;
  }
  
#top_navlist{
  position: absolute;
  top: 10px;
  width: 900px;
  height: 50px;
  text-align:right;
  border: 1px solid #003333;
  display: none;
}

#int_top_navlist {
  position: absolute;
  top: 130px;
  width: 900px;
  text-align:right;
  border: 1px solid #003333;
}

#sidebar form {
	margin: 0 0 0 0px;
  }
  
#dropdown {
  width: 228px;
  background: #FFFFFF;
  border: 0;
  padding: 0;
  margin-top: 10px;
  }
  
#searchbar {
	background: #FFFFFF;
	width: 206px;
  height: 18px;
 	border: 0;
  margin-top: 10px;
	color: #000000;
	padding-left: 3px;
}

#searchbutton{
  background: #ffa500;
  border: 0;
  color: #000000;
  width: 17px;						/* this is not 20 because I added padding-left: 3px to the searchbar */
  }

#submit{
  background-image: url('images/black140a1x1.png');
  background-color: transparent;
  color: #FFA500;
  border: 1px solid;
  border-color: #808080 black black #808080;
  width: 200px;
  padding: 3px;						/* this is the SUBMIT button for visitors' comments */
  }
#submit:hover{
  background-image: none;
  background-color: #FFA500;
  color: #000000;
  border:1px solid;
  border-color: #FFCF00 #CC5500 #CC5500 #FFCF00;
}
#searchform {
  padding: 0;
  margin: 0;
  }

/*////////// BLOG ELEMENTS //////////*/

/*////////// FORMS //////////*/

/*////////// FOOTER //////////*/
#pushbottom{
  /* clear:both; */
  }

#footer {
  /* border: 1px solid #333333; */
  height: 85px;
  /* width: 500px; */
  margin-bottom: 20px;
  /* background-image: url('images/black140a1x1.png'); */
  }

/*////////// IMAGES //////////*/		

/*////// FUN CLASSES ///////////*/
/*any little extra flares and fun design 
elements you want to add can go here*/
.transparent {
  background-color: black;
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  }

.box_rgba {
  /* background-color: #000000; */
  background-color: rgba(0, 0, 0, 0.5);  /* FF3+, Saf3+, Opera 10.10+, Chrome */
			 filter: progid:DXImageTransform.Microsoft.gradient (startColorstr=#80000000,  endColorstr=#80000000);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#80000000')"; 
}
  
.opaque {
  background-color: transparent;
  filter:alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  }

.post {
  /* margin: 10px; */
  }
.post_title  {
  background-image: url('images/black140a1x1.png');
  border: 1px solid;
  border-color: #808080 black black #808080;
  padding: 3px;
  margin: 0;
  }
  
.post_title h2{
  padding: 0;
  margin: 0;
  }  
.date_mdy {
  /* border: 1px solid #0000FF; */
  float: left;
  margin: 0;
  padding: 0 4px;
  }  
  
.date_month {
	font-size: 1.2em;
	margin: -0.2em 0 -0.2em 0;
  
	letter-spacing: -0.05em;
  }

.date_day {
	font-size: 1.8em;
	line-height: 0.9em;
  margin: 0 0 -0.05em -0.05em;
	letter-spacing: -0.05em;
  }

.date_year {
	font-size: 0.8em;
	line-height: 0.85em;
	letter-spacing: -0.02em;
  }
  
.title_group_w_date {
  /* float: right; */
  margin-left: 30px;
  }
  
.title_group_wo_date {
  margin-left: 10px;
  }  
  
.title_group {
  /* float: right; */
  margin-left: 30px;
  }
  
.page_title_group {
  margin-left: 10px;
  }
.cat-list {
  list-style-type: none;
}  
.commentlist, #commentform {
  padding: 0;
  margin: 10px;
  list-style: none;
  }  
.comment-title  {
  background-image: url('images/black140a1x1.png');
  border:1px solid;
  border-color: #808080 black black #808080;
  padding: 5px;
  margin: 0;
  }
.comment-text {
  padding: 0;
  margin: 0;
  }
.comment-text p {
  margin: 5px;
  }
.comment-author {
  float: left;
  margin-right: 5px;
}
.comment {
  padding: 0;
  margin: 0;
  }  
.size-full  {
  max-width: 420px;
  height: auto;
}
.alignleft {
 float:left;
}
.alignright {
 float:right;
}
.box_rotate {
     -moz-transform: rotate(-7.5deg);  /* FF3.5+ */
       -o-transform: rotate(-7.5deg);  /* Opera 10.5 */
  -webkit-transform: rotate(-7.5deg);  /* Saf3.1+, Chrome */
             filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=-0.083);  /* IE6,IE7 */
         -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=-0.083)"; /* IE8 */
}