/*   
Theme Name: aa_jonathanlyon
Theme URI: http://www.jonathanlyon.com
Description: cool magazine style layout to show that wordpress does not need to look like wordpress - it's just design baby
Author: Jonathan Lyon
Author URI: http://www.jonathanlyon.com
Version: 1.0
.
Enjoy!
.
*/

a {
outline: none;
}

hr{
	display:none;
	}

body{color:grey;
font-family:verdana, arial, sans-serif;
font-size:12px;
margin:0px auto;
padding:0px;
}

b{
color:#000;
	}

h4 {
	color:#CCCCCC;
	font-size:40px;
}

#sitetitle {
float:left;
}
img.aligncenter{
width:100%;
height:auto;
}

#header{
padding:20px;
height:150px;
clear:both;
margin:0px auto;
background-color:#000000;
}


#header a{
float:left;
display:inline;
padding-top:5px;
}

a{
color:#434343;
font-size:12px;
text-decoration:none;
}

#content{
margin:0px auto;
width:100%;
}

.narrowcolumn .postmetadata a{
padding-left:5px;
display:block;
}

.narrowcolumn .entry{
	overflow:ellipses;
	}


.narrowcolumn .postmetadata a:hover{
background-color:#eee;
}



#searchform{
margin-top:30px;
display:inline;
float:right;
}

#s{
padding:3px;
color:#676767;
background-color:#2c2c2c;
border:1px solid #353535;
}

.hidden{
display:none;
}

#cats{
padding-top:15px;
clear:both;display:block;
}

#cats a{
padding-right:25px;
font-size:12px;
font-family:helvetica, arial, sans-serif;

}



#searchsubmit{
display:none;
}

img{
border:none;
}

.narrowcolumn .post{
width:170px;
float:left;
margin:5px;
height:420px;
padding-left:5px;
padding-right:5px;
padding-top:10px;
padding-bottom:10px;
margin-bottom:20px;
}

.narrowcolumn .post2{
text-align:center;
width:170px;
float:left;
margin-left:5px;
margin-right:5px;
margin-top:15px;
height:400px;
padding-left:5px;
padding-right:5px;
padding-top:20px;
padding-bottom:10px;
margin-bottom:20px;
font-family:helvetica;
font-weight:bold;
font-size:150px;
color:#fff;
background-color:#efefef;
line-height:.8em;
}


.entry blockquote{
background-color:#f0f0f0;
padding:0px;
padding-left:10px;
padding-right:10px;
margin-top:10px;
margin-bottom:10px;
display:auto;
margin:0px auto;
}


.entry blockquote ol,
.entry blockquote ol li{
list-style-type:upper-roman;
}
.entry blockquote ol li{
padding-bottom:6px;
padding-top:6px;

}

.floatbox{
	margin:0px auto;
	}
	
.floatbox p{
	margin:0px auto;
	}	

.entry blockquote ol{
margin:0px;
padding-bottom:15px;
}

.narrowcolumn .post h2{
height:35px;
color:#313131;
font-size:10px;
line-height:1.2em;
}

ul li,
li,
ul{
list-style-type:none;
margin:0px;
padding:0px;
}
.advertising,
.art,
.branding,
.web,
.music,
.technology,
.design,
.socialmedia,
.fashion{
height:410px;
}

.advertising2 a:hover {border-top:4px solid #EF7900; color:#EF7900;}
.advertising2 a {color:#EF5100;font-size:9px; display:block; border-top:4px solid #EF5100;}
.cat-item-12 a{color:#EF5100;}

.art2 a:hover {border-top:4px solid #6cabd3; color:#6cabd3;}

.art2 a {color:#a5d5f1;font-size:9px; display:block; border-top:4px solid #a5d5f1;}

.cat-item-4 a{color:#a5d5f1;}

.branding2 a:hover {border-top:4px solid #ccbc6f; color:#ccbc6f;}

.branding2 a{color:#669900;font-size:9px; display:block; border-top:4px solid #669900; }
.cat-item-29 a{color:#669900;
}

.web2 a:hover{border-top:4px solid #ab0000; color:#ab0000;}

.web2 a{color:#ff0000; font-size:9px; display:block; border-top:4px solid #ff0000;}
.cat-item-3 a{color:#ff0000;

}

.music2 a:hover{border-top:4px solid #82b550; color:#82b550;}

.music2 a{color:#ade477;font-size:9px; display:block; border-top:4px solid #ade477;}
.cat-item-6 a{
color:#ade477;
}

.technology2 a:hover{border-top:4px solid #565656; color:#565656;}

.technology2 a{color:#7d7d7d;font-size:9px; display:block; border-top:4px solid #7d7d7d;}
.cat-item-13 a{
color:#7d7d7d;
}


.design2 a:hover{border-top:4px solid #b19e84; color:#b19e84;}

.design2 a{color:#cfc5b7;font-size:9px; display:block; border-top:4px solid #cfc5b7;}

.cat-item-19 a{
color:#cfc5b7;
}

.fashion2 a:hover{border-top:4px solid #c78bc5; color:#c78bc5;}

.fashion2 a{color:#eebdec; font-size:9px; display:block; border-top:4px solid #eebdec;}	

.cat-item-68 a{color:#eebdec}

.socialmedia2 a:hover{border-top:4px solid #9966CC; color:#9966CC;}

.socialmedia2 a{color:#990099; font-size:9px; display:block; border-top:4px solid #990099;}	

.cat-item-39 a{color:#990099}




.widecolumn .post{
width:900px;
margin:0px auto;
}



#respond,
.respond{
width:900px;
margin:0px auto;
margin-top:60px;
border-top:5px solid #dbdbdb;
}

#respond input,
#respond textarea{
border:1px solid #dbdbdb;
background-color:#fbfbfb;
color:#242424;
font-family:helvetica, arial, sans-serif;
font-size:11px;
padding:3px;
}


#respond textarea{
width:100%;
}

.alignleft{
display:inline;
float:left;
padding-left:10px;
}

.alignright{
padding-right:10px;
display:inline;
float:right;
}

.navigation{
padding-top:5px;
background-color:#fbfbfb;
height:20px;
margin-bottom:20px;
}



.attachment-large{
width:100%;
height:auto;
}



ol.commentlist { list-style:none; margin:0; padding:0; }
ol.commentlist li { border:1px solid #d5d5d5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 0 10px; padding:5px 7px 5px 64px; position:relative; }
ol.commentlist li.pingback comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font-weight:bold; font-size: 14px; line-height: 16px; font-family: helvetica,arial,sans-serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; font-size: 11px; }
ol.commentlist li div.vcard cite.fn a.url { color:#cc0000; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li div.vcard img.avatar { background: #fff; border:1px solid #aaa; padding: 5px; left:7px; position:absolute; top:7px; }
ol.commentlist li div.comment-meta { font-weight:bold; font-size: 10px; line-height: 16px; font-family: helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { color:#205B87; text-decoration:none; }
ol.commentlist li p { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; margin:5px 0 12px; }
ol.commentlist li ul { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; list-style:square; margin:0 0 12px; padding:0; }
ol.commentlist li div.reply { background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 5px 4px;  text-align:center; width:36px; }
ol.commentlist li div.reply:hover { background:#cc0000; border:1px solid #cc0000; }
ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }
ol.commentlist li ul.children { list-style:none; margin:12px 0 0; text-indent:0; }
ol.commentlist li ul.children li.depth-2 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-5 { margin:0 0 3px; }
ol.commentlist ul.children li.odd { background:#fff; }
ol.commentlist ul.children li.even { background:#f6f6f6; }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }

#currenttime {
width:100%
float:right;

}

#logo {

}
#currenttime h4{

}

.clockformat h2 {
font-size:18px;
}

/* ---------- @ Float Clearing -----------*/

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

.clearfloat {
	display:block
	}
	


/* ---------- @ Footer -----------*/

#footer {
	font-size:0.75em;
	padding:16px 25px 25px 25px;
	float:right;
	}

#footer a, #footer a:visited {
	color:#94928b;
	text-decoration:none;
	}

#footer a:hover {
	color:#5a5954;
	}

#footer a:active {
	text-decoration:underline
	}
			
#footer img {
	vertical-align:middle;
	}
	
#copyright {
	float:left;
	width:550px;
	}

	#navlist
{
margin: 0;
padding: 0 0 20px 10px;
border-bottom: 1px solid #000;
}

#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited
{
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #999;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
border-bottom: 4px solid #fff;
padding-bottom: 2px;
background: transparent;
color: #fff;
}

#navlist a:hover { color: #fff; }

#nav {

	}

#nav li {

	}

#nav li, #subnav li {
list-style:none;
	}

#nav a, #nav a:visited {
	color:#FFF;
	text-decoration:none;
	font-size:11px;
	}

#nav a:hover, #nav a:active,
li.current_page_parent a,
#nav li.current_page_item a,
#nav li.current_page_item a:visited
        {
	text-decoration:underline; 
	}
.current_page_item a, #nav li.page-item a:hover{
padding-bottom: 10px !important;
background: white url('current_page_item.jpg') no-repeat bottom center !important;
color: #e47138 !important;
}