/* 
Theme Name: AP Engine
Theme URL: http://www.cyrk.org
Description: A theme for WP for the AP engine site
Author: gabba / cyrk
Author URI: http://www.gabba.net
Version: 0.1
Tags: 

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

Changelog:

*/

body {
background: #FFFFFF;
color: #000000;
font-size: 12px;
line-height:18px;
font-family: Helvetica, Arial, Verdana, sans serif;
font-weight:550;
margin: 0px auto 20px;
padding: 0px;
}


#wrap {

width: 980px;
margin: 0px auto 0px;
padding: 0px;

}





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

*	Hyperlinks									*

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




a img {
border: none;
}


a:focus, a:hover, a:active {
outline: none 
}


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

*	Header  									*

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

#header {
width : 980px;
margin : 10px auto 0;
padding : 0;
overflow : hidden;
}

#header h1 {
color : #000000;
font-size : 30px;
font-family : Helvetica, Arial, Verdana, serif;
font-weight : normal;
margin : 20px 0 0 0;
padding : 0;
text-decoration : none;
}

#header h1 a, #header h1 a:visited {
color : #ffffff;
margin : 0;
padding : 0;
text-decoration : none;
}

#header h1 a:hover {
color : #ffffff;
text-decoration : none;
}

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

*	Navigation      							*

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

.headerbox {
height : 225px;
border : 1px solid #666666;
width : 978px;

margin-bottom : 10px;
}

.headerleft {
width : 425px;
float : left;
margin : 0 0 0 10px;
padding : 10px 0 10px 25px;
overflow : hidden;
background : url(images/feed-icon-16x16.gif) no-repeat left;

}

.headerleft p {
color : #ffffff;
font-size : 12px;
margin : 0;
padding : 0;

}

.headerright {
width : 500px;
float : right;
margin : 0;
padding : 10px 15px 10px 0;
text-align : right;
}

.topleft li, .footerleft li, .footerright li, .headerleft li {
display : inline;
}
.topleft li, .footerleft li a, .footerright li a, .headerleft li a, .headerright a {
text-decoration : none;
color : #666666;
}
.topleft li a:hover, .footerleft li a:hover, .footerright li :a, .headerleft li a:hover, .headerright a:hover {
color : #ccff02;
}

#top {
width : 980px;
color : #666666;
margin : 0 auto 10px;
padding : 0 0 0 0;
border-bottom : 1px solid #666666;
}

.topleft {
width : 720px;
float : left;
margin : 0;
padding : 1px 0 10px 10px;
overflow : hidden;

}
.topleft p {
color : #ffffff;
font-size : 12px;
margin : 0;
padding : 0;
}
.topright {
width : 220px;
float : right;

margin : 0;
padding : 0 10px 10px 0;
text-align : right;

}

#header a, #top a {
color : #666666;
text-decoration : none;
}

#header a:hover, #top a:hover {
color : #ccff02;
text-decoration : none;
}

.sharethis {
padding-left : 10px;

position : relative;
float : right;
}


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

*	Content 					     		    * 

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



#contenthome {
position : relative;
float : left;
width : 980px;
margin : 0;
padding : 0;
z-index : 2;
}

#fonthead {
position : relative;
z-index : 1;
width : 326px;
border-left : 1px solid #666666;
margin-left : 0;
}

#narrowright #fonthead {
width : 169px;
border : 0;
}

#narrowright #fonthead img {
margin-top : 0px;
padding-bottom : 5px;
border-bottom : 1px solid #666666;
}

#narrowright ul {
list-style : none;
text-indent : 0;
}

.fontspace {
position : relative;
z-index : 1;
width : 326px;
height : 5px;

}

#fontspace {
position : relative;
z-index : 1;
width : 326px;
height : 5px;

}
.rightcol #fonthead {
width : 323px;
border-right : 1px solid #666666;
}
.rightcol {
width : 322px;
overflow : hidden;
}

#fonthead img {
margin : 0 10px 0 10px;
}

#third {
width : 327px;
float : left;
}

#twothird {
width : 654px;
float : left;
}

#homecol {
width : 326px;
}

#twothird #homecol {
width : 650px;
}

#narrowright {
width : 169px;
height: auto;
float : left;
border-right : 1px solid #666666;
}
#middle {
width : 482px;
float : left;
border-right : 1px solid #666666;
}

#middle #posthead {
padding-top : 5px;
padding-bottom : 5px;
border-bottom : 1px solid #666666;
margin-bottom : 10px;
}

#middle #posthead img {
float : left;
}

#middle #posthead #by {
float : right;
font-size : 11px;
margin-top : 5px;
}

#by a:hover {
color : #ccff02;
}



#homecol .post img,#homecol .page img  {
margin : 10px 0 10px 0;
}

#homecol .post .postauthor,#homecol .page .postauthor {
margin-top : 5px;
}
.sticky {
background : #f7f7f7;
margin : 0;
padding : 10px;
border : 1px solid #666666;
}

.post,.page {
margin : 0 10px 0 10px;
padding : 0;

}

#middle {

font-size: 14px;
line-height:19px;
font-family: Helvetica, Arial, Verdana, sans serif;
font-weight:normal;
}

.postcomments {
margin : 0 10px 0 10px;
padding : 0;
}

.post a, .page a {
color : #1faba5;
text-decoration : none;
}

.post a:hover, .page a:hover{
color : #000000;
text-decoration : none;
}
.postarea {
margin : 0;
padding : 0;
}

.postarea p {
padding : 0 0 10px 0;
margin : 0;


}

.postarea a, .postarea a:visited, .postcomments a, .postcomments a:visited {
color : #1faba5;
text-decoration : none;
}

.postarea a:hover, .postcomments a:hover {
color : #ccff02;
text-decoration : none;
}

.postarea ol {
margin : 0 0 0 20px;
padding : 0 0 10px 0;
}

.postarea ol li {
margin : 0 0 0 0;
padding : 0 0 5px 0;
}
.postarea ul {
list-style-type : none;
margin : 0 0 0 5px;
padding : 0 0 10px 0;
}

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

.postarea ul li {
background : url(images/arrow-content.gif) no-repeat top left;
margin : 0 0 5px 0;
padding : 0 0 0 15px;
}

.postarea ul ul li {
background : url(images/arrow-content.gif) no-repeat top left;
margin : 0 0 5px 0;
padding : 0 0 0 15px;
}

blockquote {
background : #f7f7f7;
margin : 0 25px 15px 25px;
padding : 0 25px 0 10px;
border : 1px solid #e6e6e6;
}

#content blockquote p {
margin : 0;
padding : 10px 0 10px 0;
}

.homedate {
margin-bottom: 5px;
}

.postauthor {
margin : 0 0 5px 0;
padding : 0px 0 7px 0;
border-bottom : 1px dotted #666666;

}

.permalink {
position : relative;
float : left;
font-size : 10px;
}

.postdets {
position : relative;
float : right;
text-align : right;
font-size : 10px;
}

.postauthor .postdets a:hover {
color : #ccff02;
text-decoration : none;
}
.postauthor .permalink a .postdets {
color : #1faba5;
text-decoration : none;
}
.postauthor .permalink a:hover {
color : #ccff02;
text-decoration : none;
}
.postmeta {
background : #f7f7f7;
font-size : 11px;
margin : 0;
padding : 5px 10px 5px 10px;
border : 1px solid #666666;
}
.postmeta p {
margin : 0;
padding : 0;
}
.postmeta a {
color : #666666;
text-decoration : none;
}
.postmeta a:hover {
color : #ccff02;
}
.singlepostmeta {
font-size : 10px;
color : #666666;
margin : 0 0 0 0;
padding : 5px 0 5px 0;
margin : 10px 0 10px 0;
border-top : 1px dotted #666666;
border-bottom : 1px dotted #666666;
}
.singlepostmeta a:hover {
color : #ccff02;
}
.singlepostmeta p {
margin : 0;
padding : 0;
}
.singlepostdates {
position : relative;
float : left;
width:66%;
}

code {
background : #f7f7f7;
margin : 0 25px 15px 25px;
padding : 10px;
display : block;
font-family : Verdana, Tahoma, Verdana;
border : 1px solid #666666;
}
.archive {
float : left;
width : 320px;
margin : 0;
padding : 0 25px 20px 0;
}

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

*	Images  					     		    * 

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

img.centered {
display : block;
margin-left : auto;
margin-right : auto;
margin-bottom : 10px;
padding : 0;

}

.size-large {
display : block;
margin-left : auto;
margin-right : auto;
margin-bottom : 10px;
padding : 0;
}

.size-full {
display : block;
margin-left : auto;
margin-right : auto;
margin-bottom : 10px;
padding : 0;
}


img.alignnone {
padding : 0;
margin : 0 0 10px 0;
display : inline;
display : block;

}
img.alignright {
padding : 0;
margin : 0 0 10px 10px;
display : inline;
}
img.alignleft {
padding : 0;
margin : 0 10px 10px 0;
display : inline;
}
.aligncenter {
display : block;
margin-left : auto;
margin-right : auto;
margin-bottom : 10px;
}
.alignright {
float : right;
margin : 0 0 10px 10px;
}
.alignleft {
float : left;
margin : 0 10px 10px 0;
}
#previous a {
display : block;
width : 130px;
text-decoration : none;
margin-right : 15px;
font-size : 12px;
border : 0;
color : #666666;
background : url(images/arrowright.gif);
background-position : 115px 3px;
background-repeat : no-repeat;
}
#next a {
display : block;
width : 120px;
text-decoration : none;
margin-right : 15px;
padding-left:3px;
font-size : 12px;
border : 0;
color : #666666;
background : url(images/arrowleft.gif);
background-position : 12px 3px;
background-repeat : no-repeat;
}
.wp-caption {
text-align : center;
color : #666666;
font-size : 10px;
background-color : #fff;
}
.wp-caption img {
margin : 0 0 10px 0;
padding : 0;
border : 0;
}
.wp-caption p.wp-caption-text {
margin : 0;
padding : 0 0 0 0;
font-size : 12px;
font-weight : normal;
line-height : 18px;
}


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

*	Sidebar 	        			     	    * 

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



#sidebar a, #sidebar a:visited {
color : #1faba5;
text-decoration : none;
}
#sidebar a:hover {
color : #ccff02;
text-decoration : none;
}
#sidebar h2 {
color : #1faba5;
font-size : 14px;
font-family : Helvetica, Arial, Verdana, serif;
font-weight : bold;
margin : 0 0 5px 0;
padding : 0;
border-bottom : 1px solid #666666;
}
#sidebar p {
margin : 0;
padding : 0;
line-height : 20px;
}
#sidebar .widget {
border : 0;
}
#sidebar ul {
list-style-type : none;
margin : 0;
padding : 0;
}
#sidebar .padding, #narrowright .padding {
padding-left : 10px;
padding-right : 10px;
}
#narrowright .padding {
margin-bottom : 10px;
}
#narrowright .padding a {
color : #666666;
text-decoration : none;
}
#narrowright .padding a:hover {
color : #ccff02;
}
#related {
width : 150px;
}

ul {
text-indent : 0;
margin : 0;
padding : 0;
margin-top : 10px;
}
ul li{
list-style-type : none;
margin : 0 0 5px 0;
padding : 0 0 5px 20px;
background : url(images/arrowright.gif);
background-repeat : no-repeat;
background-position : 1px 3px;
border-bottom : 1px dotted #1fd0c8;
display : block;
}
ul ul li a, ul ul li a:visited {
color : #666666;
text-decoration : none;
}
ul ul li a:hover {
color : #ccff02;
text-decoration : none;
}
ul ul {
list-style-type : none;
margin : 0 0 0 5px;
padding : 0;
}
ul ul ul {
list-style-type : none;
margin : 0 0 0 0;
padding : 0;
}
#sidebar .textwidget {
margin : 5px 0 5px 0;
padding : 0;
}
#cat {
font-family : Helvetica, Arial, Verdana, serif;
font-size : 12px;
width : 230px;
color : #222222;
margin : 0px;
padding : 1px;
display : inline;
}
#cat  li{
list-style-type : none;

padding:0px;
background:#FFFFFF;
border:0px;
padding-left:3px;

}

li.cat-item:before {
content: "| ";

}


.widget_tag_cloud {
margin : 0;
padding : 0 0 0 10px;
}
.twitter-item {
border-bottom : 1px dotted #1fd0c8;
padding : 10px;
}
ul.twitter li.twitter-item {
list-style-type : none;
margin : 0 0 5px 0;
padding : 0 0 5px 20px;
background : url(images/arrowright.gif);
background-repeat : no-repeat;
background-position : 0 3px;
border-bottom : 1px dotted #1fd0c8;
display : block;
}
a.twitter-link {
color : #1faba5;
text-decoration : none;
}
.twitter-timestamp {
font-weight : bold;
}


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

*	Footer  									*

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


#footer {

width : 980px;
color : #666666;
margin : 10px auto 0;
padding : 0 0 0 0;
border-top : 1px solid #666666;
border-bottom : 1px solid #666666;
}
.footerleft {
width : 450px;
float : left;
margin : 0;
padding : 10px 0 10px 15px;
overflow : hidden;
}
.footerleft p {
color : #ffffff;
font-size : 12px;
margin : 0;
padding : 0;
}
.footerright {
width : 500px;
float : right;
margin : 0;
padding : 10px 15px 10px 0;
text-align : right;
}
#footer a:hover {
color : #ccff02;
text-decoration : none;
}

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

*	Copyright  									*

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


#copyright {
width : 960px;
background : #003663;
margin : 0 auto 0;
padding : 0 0 15px 0;
font-family : Verdana, Tahoma, Verdana;
font-size : 11px;
text-transform : uppercase;
text-align : center;
letter-spacing : 2px;
}
.copyright {
width : 920px;
margin : 0 auto 0;
padding : 15px 0 0 0;
border-top : 1px solid #666666;
}
#copyright p {
color : #65adc3;
margin : 0;
padding : 0;
}
#copyright a {
color : #65adc3;
text-decoration : none;
}
#copyright a:hover {
color : #65adc3;
text-decoration : underline;
}

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

*	Search Form									*

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


.postform {
background : #f5f5f5;
width : 240px;
color : #222222;
font-size : 12px;
font-family : Helvetica, Arial, Verdana, serif;
margin : 5px 0 0 0;
padding : 1px;
display : inline;
border : 1px solid #666666;
}
#subscribe {
margin : 0;
padding : 10px 0 5px 0;
overflow : hidden;
}
#subbox {
background : #f5f5f5 !important ;
width : 185px;
color : #222222;
font-size : 11px;
font-family : Helvetica, Arial, Verdana, serif;
font-weight : normal;
margin : 0;
padding : 5px 0 5px 5px;
display : inline;
border : 1px solid #666666;
}
#subbutton {
background : #333333 url(images/homelink.png);
color : #ffffff;
font-size : 12px;
text-transform : uppercase;
text-decoration : none;
margin : 0 0 0 5px;
padding : 3px 5px 4px 5px;
border : 1px solid #666666;
}
#searchform {
margin : 0;
}
#searchformheader {
margin : 0;
}
#s {
background : #1fd0c8;
color : #000;
font-size : 12px;
font-family : Helvetica, Arial, Verdana, serif;
margin : 1px 3px 0 4px;
padding : 2px 0 2px 3px;
display : inline;
border : 0;
width : 130px;
}
.slabel {

color : #666666;
}
#searchsubmit {
color : #ffffff;
background : url(images/arrowright.gif);
background-repeat : no-repeat;
background-position: 0 2px;
cursor : pointer;
width : 10px;
font-family : Helvetica, Arial, Verdana, serif;
text-indent : 20px;
font-size : 11px;
border : 0;
}
#submit {
background : #003663;
color : #ffffff;
cursor : pointer;
font-family : Helvetica, Arial, Verdana, serif;
font-size : 11px;
text-decoration : none;
margin : 0;
padding : 2px 0 2px 0;
border : 1px solid #666666;
}


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

*	Comments									*

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

#author, #email, #url {
background : #1fd0c8 !important ;
color : #000;
font-size : 12px;
font-family : Helvetica, Arial, Verdana, serif;
margin : 0;
padding : 4px;
border : 1px solid #1fd0c8;
}
#comment {
background : #1fd0c8 !important ;
color : #000;
font-size : 12px;
font-family : Helvetica, Arial, Verdana, serif;

width : 100%;
border : 1px solid #1fd0c8;
}
.commentlist li ul li {
font-size : 12px;
}
.commentlist li {
font-weight : bold;
}
.commentlist li .avatar {

float : right;
border : 1px solid #666666;
margin : 0 0 0 10px;
padding : 2px;
}
.commentlist cite, .commentlist cite a {
font-weight : bold;
font-style : normal;
font-size : 12px;
}
.commentlist p {
font-weight : normal;
text-transform : none;
}
.commentmetadata {
font-weight : normal;
}
#commentform input {
width : 170px;
padding : 2px;
margin : 5px 5px 1px 0;
}
#commentform {
margin : 0;
}
#commentform textarea {
width : 440px;
padding : 10px;
}
#respond:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.commentline {
border-top : 1px dotted #666666;
}
#commentform p {
margin : 5px 0 5px 0;
}
#commentform #submit {
width : 125px;
text-align : left;
font-size : 12px;
margin : 0;
float : left;

border : 0;
color : #666666;
background : url(images/arrowright.gif);
background-position : 105px 3px;
background-repeat : no-repeat;
}
.alt {
margin : 0;
padding : 10px;
}
.commentlist {
margin : 0;
padding : 0;
}
.commentlist ol {
margin : 0;
padding : 10px;
}
.commentlist li {
margin : 0;
padding : 10px 0px 10px 0px;
list-style : none;
}
.commentlist li ul li {
margin-right : -5px;
margin-left : 10px;
}
.commentlist p {
margin : 10px 0 10px 0;
padding : 0;
}
.children {
margin : 0;
padding : 0;
}
.nocomments {
text-align : center;
margin : 0;
padding : 0;
}
.reply a, .reply a:visited {
background : #0076a3;
color : #ffffff;
font-family : Helvetica, Arial, Verdana, serif;
font-size : 11px;
text-decoration : none;
margin : 0;
padding : 2px 5px 2px 5px;
border : 1px dotted #666;
}
.reply a:hover {
background : #003663;
color : #ffffff;
text-decoration : none;
border : 1px dotted #666;
}
.commentmetadata {
font-size : 10px;
margin : 0;
display : block;
}
.navigation {
display : block;
text-align : center;
}
.alignright {
float : right;
}
.alignleft {
float : left;
}
.thread-alt {

margin : 0;
padding : 0;
}
.thread-even {
background : #fff;
margin : 0;
padding : 0;
}
.depth-1 {
margin : 0;
padding : 0;
}
.even, .alt {
border-top : 1px dotted #666666;
margin : 0;
padding : 0;
}

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

*	about page									*

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

.about {
border-bottom : 1px dotted #666666;
margin-bottom : 10px;
padding-bottom : 10px;
}

.aboutleft {
position : relative;
float : left;
width: 13%;
border-top : 1px dotted #666666;
margin-top : 10px;
padding_right: 2%;
padding-top : 10px;
}

.aboutright {
position : relative;
float : right;
width: 70%;
padding-right:15%;
border-top : 1px dotted #666666;
margin-top : 10px;
padding-top : 10px;
}

.aboutrightcol {
position : relative;
float : right;
width: 50%;

}

.abouttopleft {
position : relative;
float : left;
width: 13%;

padding_right: 2%;
padding-top : 10px;
border-top : 1px dotted #666666;
}

.abouttopright {
position : relative;
float : right;
width: 75%;
padding-right:10%;

padding-top : 10px;
font-size: 14px;
line-height:19px;
border-top : 1px dotted #666666;
}

.one {
float : left;
width: 13%;
border-top : 1px dotted #666666;
margin-top : 10px;
margin-right: 2%;
padding-top : 10px;
display:block;
}

.two {
position : relative;
float : left;
display:block;
margin-top : 10px;
width: 25%;
padding-top : 10px;
display:block;
border-top : 1px dotted #666666;
}

.three {
position : relative;
float : left;
display:block;
width: 58%;
padding-left:2%;
padding-top : 10px;
margin-top : 10px;
display:block;
border-top : 1px dotted #666666;
}



.disclaim {
position : relative;
float : left;
display:block;
width: 75%;
padding-right:10%;
padding-top : 10px;
margin-top : 10px;
display:block;
border-top : 1px dotted #666666;
}

.vimeo{
width:100px;
background-image:url(images/bookmarks/vimeo.png);
background-position:left;
background-repeat:no-repeat;
padding-left:25px;
}

.youtube{
width:100px;
background-image:url(images/bookmarks/youtube.png);
background-position:left;
background-repeat:no-repeat;
padding-left:25px;
}

.itunes{
width:100px;
background-image:url(images/bookmarks/iTunes.png);
background-position:left;
background-repeat:no-repeat;
padding-left:25px;
}

.facebook{
width:100px;
background-image:url(images/bookmarks/facebook.png);
background-position:left;
background-repeat:no-repeat;
padding-left:25px;
}

.twwitter{
width:100px;
background-image:url(images/bookmarks/twitter.png);
background-position:left;
background-repeat:no-repeat;
padding-left:25px;
}

.flickr{
width:100px;
background-image:url(images/bookmarks/flickr.png);
background-position:left;
background-repeat:no-repeat;
padding-left:25px;
}

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

*	links page								*

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

.linkoneb {
float : left;
width: 18%;
border-top : 1px dotted #666666;
margin-top : 5px;
margin-right: 2%;
padding-top : 5px;
display:block;
background : url(images/arrowright.gif);
background-repeat : no-repeat;
background-position : 1px 3px;
}
.linkone {
float : left;
width: 18%;
margin-top : 5px;
margin-right: 2%;
padding-top : 5px;
display:block;

}

.linktwo {
position : relative;
float : left;
display:block;
margin-top : 5px;
width: 30%;
padding-top : 5px;
display:block;
border-top : 1px dotted #666666;

}

.linkthree {
position : relative;
float : left;
display:block;
width: 48%;
padding-left:2%;
padding-top : 5px;
margin-top : 5px;
display:block;
border-top : 1px dotted #666666;
background-image:url(images/links.png);
background-position:0,0;
background-repeat:no-repeat;

}
.linkwrap {
clear:both;
}

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

*	contact page									*

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

.contactspace {
float : left;
width: 18%;
border-top : 1px dotted #666666;
margin-right: 2%;
padding-top : 5px;
display:block;
}

.contactleft {
position : relative;
border-top : 1px dotted #666666;
padding-top : 10px;
float : left;
display:block;
width:50%;
font-size: 14px;
line-height:19px;
}

.contactright {
position : relative;
float : left;
display:block;
width: 28%;
padding-left:2%;
padding-top : 10px;
font-size: 14px;
line-height:19px;
border-top : 1px dotted #666666;
background-image:url(images/links.png);

background-repeat:no-repeat;
}
#pagenav{
padding-left:8px;
padding-right:8px;
height:30px;
}
.categorynav{
position:relative;
float:left;
cursor:pointer;

}